1<!DOCTYPE html> 2<html lang="de" itemscope itemtype="https://schema.org/Article" prefix="og: http://ogp.me/ns#"> 3<head> 4 <!-- load google analytics with high priority --> 5 <link rel="preconnect" href="https://www.googletagmanager.com" /> 6<meta charset="UTF-8" /> 7<!-- Google Search Console --> 8<meta name="google-site-verification" content="8utY7j-vSuejBZQHkxoojx7UAUv-zqaqiQ0fVFcjXwQ" /> 9<meta name="viewport" content="width=device-width" /> 10<meta name="theme-color" content="#02162B">
11<script id="CookiebotConfiguration" type="application/json" data-cookieconsent="ignore"> 12 { 13 "Frameworks": { 14 "IABTCF2": { 15 "AllowedVendors": [1, 2, 4, 6, 8, 9, 10, 11, 12, 13, 14, 15, 16, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 36, 37, 39, 40, 42, 44, 45, 46, 47, 48, 49, 50, 52, 53, 55, 56, 57, 58, 59, 60, 61, 62, 63, 66, 67, 68, 69, 70, 71, 72, 73, 75, 76, 77, 78, 80, 81, 82, 83, 84, 85, 87, 90, 91, 92, 93, 94, 95, 97, 98, 100, 101, 102, 104, 108, 109, 110, 111, 114, 115, 119, 120, 122, 124, 126, 127, 128, 129, 130, 131, 132, 133, 134, 136, 137, 138, 139, 140, 141, 142, 143, 147, 148, 149, 150, 151, 153, 154, 155, 156, 157, 159, 160, 161, 163, 164, 165, 168, 173, 174, 178, 184, 185, 190, 192, 193, 194, 195, 196, 199, 202, 203, 205, 206, 209, 210, 211, 212, 213, 215, 216, 217, 224, 226, 227, 228, 231, 232, 235, 237, 238, 239, 241, 242, 243, 244, 246, 248, 249, 251, 252, 253, 254, 255, 256, 259, 262, 263, 264, 270, 272, 273, 274, 275, 276, 278, 279, 280, 281, 282, 284, 285, 290, 293, 294, 295, 297, 298, 301, 302, 304, 308, 310, 311, 312, 314, 315, 316, 317, 318, 319, 321, 323, 325, 326, 328, 329, 331, 333, 336, 337, 343, 345, 347, 350, 351, 354, 358, 361, 368, 371, 373, 374, 375, 377, 378, 380, 381, 382, 384, 385, 387, 388, 394, 397, 402, 409, 410, 412, 413, 415, 416, 418, 422, 423, 424, 427, 430, 431, 434, 435, 436, 438, 440, 444, 447, 448, 450, 452, 454, 455, 459, 461, 466, 468, 469, 471, 473, 475, 479, 486, 488, 490, 491, 493, 495, 496, 497, 498, 501, 502, 506, 507, 508, 509, 511, 512, 516, 517, 519, 521, 524, 527, 528, 530, 531, 534, 535, 536, 539, 540, 541, 546, 549, 550, 551, 553, 554, 556, 559, 561, 565, 568, 569, 570, 571, 572, 573, 580, 581, 584, 587, 591, 596, 597, 598, 601, 602, 606, 607, 610, 612, 613, 614, 615, 617, 618, 620, 621, 623, 624, 625, 626, 628, 630, 631, 639, 644, 646, 647, 648, 649, 652, 653, 655, 656, 657, 658, 659, 662, 663, 665, 666, 667, 671, 673, 674, 676, 677, 681, 682, 683, 684, 685, 686, 687, 690, 697, 699, 702, 703, 706, 707, 708, 709, 712, 713, 714, 715, 716, 717, 718, 719, 721, 723, 724, 725, 726, 727, 728, 729, 730, 731, 732, 733, 734, 736, 737, 738, 740, 741, 742, 744, 745, 746, 748, 749, 750, 751, 752, 754, 755, 756, 758, 759, 762, 765, 766, 767, 768, 769, 770, 771, 772, 773, 774, 775, 776, 778, 779, 780, 781, 782, 783, 784, 786, 787, 788, 790, 791, 793, 794, 795, 796, 797, 798, 799, 800, 801, 803, 804, 806, 807, 808, 810, 811, 812, 814, 815, 816, 819, 820, 821, 822, 825, 827, 828, 830, 831, 832, 833, 834, 835, 836, 837, 838, 839, 840, 842, 844, 845, 848, 849, 850, 851, 853, 854, 855, 856, 857, 858, 860, 861, 862, 864, 865, 866, 867, 868, 869, 870, 871, 872, 874, 875, 876, 877, 878, 879, 880, 881, 882, 883, 884, 885, 888, 889, 890, 891, 892, 893, 894, 896, 898, 900, 901, 902, 903, 907, 909, 910, 911, 912, 915, 918, 919, 920, 922, 924, 925, 926, 927, 929, 930, 931, 934, 935, 936, 937, 938, 939, 940, 941, 943, 944, 946, 950, 951, 952, 953, 954, 955, 956, 957, 958, 959, 961, 962, 963, 964, 965, 966, 967, 968, 969, 970, 972, 973, 975, 976, 977, 978, 982, 985, 986, 987, 990, 991, 993, 994, 995, 996, 997, 998, 999, 1001, 1002, 1003, 1004, 1005, 1006, 1009, 1013, 1014, 1015, 1016, 1017, 1018, 1019, 1020, 1021, 1022, 1024, 1025, 1026, 1027, 1028, 1029, 1030, 1031, 1032, 1033, 1035, 1036, 1037, 1038, 1039, 1040, 1041, 1043, 1044, 1045, 1046, 1047, 1048, 1049, 1050, 1051, 1055, 1057, 1058, 1059, 1060, 1061, 1062, 1063, 1064, 1067, 1068, 1069, 1070, 1071, 1072, 1073, 1075, 1076, 1078, 1079, 1080, 1081, 1082, 1083, 1084, 1085, 1087, 1089, 1090, 1091, 1094, 1097, 1098, 1100, 1101, 1103, 1104, 1105, 1106, 1107, 1108, 1110, 1111, 1112, 1113, 1116, 1119, 1120, 1121, 1122, 1124, 1126, 1127, 1129, 1130, 1131, 1132, 1133, 1134, 1135, 1136, 1137, 1138, 1139, 1140, 1141, 1142, 1144, 1146, 1147, 1148, 1149, 1151, 1153, 1154, 1155, 1156, 1157, 1159, 1160, 1161, 1162, 1163, 1164, 1165, 1167, 1168, 1169, 1170, 1171, 1172, 1173, 1174, 1175, 1176, 1177, 1178, 1179, 1180, 1181, 1182, 1183, 1184, 1185, 1187, 1188, 1189, 1190, 1191, 1192, 1193, 1194, 1195, 1196, 1197, 1198, 1199, 1200, 1201, 1202, 1203, 1204, 1205, 1206, 1207, 1208, 1209, 1210, 1211, 1212, 1213, 1214, 1215, 1216, 1217, 1218, 1219, 1220, 1221, 1222, 1223, 1224, 1225, 1226, 1227, 1228, 1229, 1230, 1231, 1232, 1233, 1234, 1235, 1236, 1237, 1238, 1240, 1241, 1242, 1243, 1244, 1245, 1246, 1247, 1248, 1249, 1250, 1251, 1252, 1253,
151254, 1255, 1256, 1257, 1258, 1259, 1260, 1261, 1262, 1263, 1264, 1265, 1266, 1267, 1268, 1269, 1270, 1271, 1272, 1273, 1274, 1275, 1276, 1277, 1278, 1279, 1280, 1281, 1282, 1283, 1284, 1285, 1286, 1287, 1288, 1289, 1290, 1291, 1292, 1293, 1294, 1295, 1296, 1297, 1298, 1299, 1300, 1301, 1302, 1303, 1304, 1305, 1306, 1307, 1308, 1309, 1310, 1311, 1312, 1313, 1314, 1315, 1316, 1317, 1318, 1319, 1320, 1321, 1322, 1323, 1325, 1326, 1327, 1328, 1329, 1330, 1331, 1332, 1333, 1334, 1335, 1336, 1337, 1338, 1339, 1340, 1341, 1342, 1343, 1344, 1345, 1346, 1347, 1348, 1350, 1351, 1352, 1353, 1354, 1355, 1356, 1357, 1358, 1359, 1360, 1361, 1362, 1363, 1364, 1365, 1366, 1367, 1368, 1369, 1370, 1371, 1372, 1373, 1374, 1375, 1376, 1377, 1378, 1379, 1380, 1381, 1382, 1383, 1384, 1385, 1386, 1387, 1388, 1389, 1390, 1391, 1392, 1393, 1394, 1395, 1396, 1397, 1398, 1399, 1400, 1401, 1402, 1403, 1404, 1405, 1406, 1407, 1408, 1409, 1410, 1411, 1412, 1413, 1414, 1415, 1416, 1417, 1418, 1419, 1420, 1421, 1422, 1423, 1424, 1425, 1426, 1427, 1428, 1429, 1430, 1431, 1432, 1433, 1434, 1435, 1436, 1437, 1438, 1439, 1440, 1441, 1442, 1443, 1444, 1445, 1446, 1447, 1448, 1449, 1450, 1451, 1452, 1453, 1454, 1455, 1456, 1457, 1458, 1459, 1460, 1461, 1462, 1463, 1464, 1465, 1466, 1467, 1468, 1469, 1470, 1471, 1472, 1473, 1474, 1475, 1476, 1477, 1478, 1479, 1480, 1481, 1482, 1483, 1484, 1485, 1486, 1487, 1488, 1489, 1490, 1491, 1492, 1493, 1494, 1495, 1496, 1497, 1498, 1500, 1501, 1502, 1503, 1504, 1505, 1506, 1507, 1508, 1509, 1510, 1511, 1512, 1513, 1514, 1515, 1516, 1517, 1518, 1519, 1520, 1521, 1522, 1523, 1524, 1525, 1526, 1527, 1528, 1529, 1530, 1531, 1532, 1533, 1534, 1535, 1536, 1537, 1538, 1539, 1540, 1541, 1542, 1543, 1544, 1545, 1546, 1547, 1548, 1549, 1550, 1551, 1552, 1553, 1554, 1555, 1556, 1557, 1558, 1559, 1560, 1561, 1562, 1563, 1564, 1565, 1566, 1567, 1568, 1570, 1571, 1572, 1573, 1574, 1575, 1576, 1577, 1578, 1579,
151580, 1581, 1582, 1583, 1584, 1585, 1586, 1587, 1588, 1589, 1590, 1591, 1592, 1593, 1594, 1595, 1596, 1597, 1598, 1599, 1600, 1601, 1602, 1603, 1604, 1605, 1606, 1607, 1608, 1609, 1610, 1611, 1612, 1613, 1614, 1615, 1616, 1617, 1618, 1619, 1620, 1621, 1622, 1623, 1624, 1625, 1626, 1627, 1628, 1629, 1630, 1631, 1632, 1633, 1634, 1635, 1636, 1637, 1638], 16 "AllowedGoogleACVendors": [], 17 "AllowedPurposes": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11], 18 "AllowedSpecialPurposes": [], 19 "AllowedFeatures": [1], 20 "AllowedSpecialFeatures": [2], 21 "VendorRestrictions": [] 22 } 23 } 24 } 25</script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript" data-cookieconsent="ignore"> 27 window.dataLayer = window.dataLayer || []; 28 29 function gtag() { 30 dataLayer.push(arguments); 31 } 32 33 gtag("consent", "default", { 34 ad_personalization: "denied", 35 ad_storage: "denied", 36 ad_user_data: "denied", 37 analytics_storage: "denied", 38 functionality_storage: "denied", 39 personalization_storage: "denied", 40 security_storage: "granted", 41 wait_for_update: 500, 42 }); 43 gtag("set", "ads_data_redaction", true); 44 gtag("set", "url_passthrough", true); 45</script>
vendor: 1 bytes, line 45
45
46<script type="text/javascript" 47 id="Cookiebot" 48 src="https://consent.cookiebot.com/uc.js" 49 data-implementation="wp" 50 data-cbid="21f531a0-c74e-47ba-bf5c-14ae5fe5e55b" 51 data-framework="TCFv2.2" 52 data-blockingmode="auto" 53 ></script>
vendor: 1 bytes, line 53
53
54<script data-cookieconsent="ignore" id="ad-free-subscription-config"> 55const adFreeSubscriptionConfig = {"isAdFreeSubscriber":false,"pluginUrl":"https:\/\/apollo-news.net\/wp-content\/plugins\/ad-free-subscription\/","nonce":"2e57a0bc2a","extendedLogging":""}; 56</script>
vendor: 1 bytes, line 56
56
57<script data-cookieconsent="ignore" id="ad-free-subscription-tcf-data"> 58const adFreeSubscriptionTcfPurposes = {"vendorListVersion":79,"lastUpdated":"2024-11-07T17:30:29Z","purposes":{"1":{"id":1,"name":"Speichern von oder Zugriff auf Informationen auf einem Endger\u00e4t","description":"Cookies, Endger\u00e4te- oder \u00e4hnliche Online-Kennungen (z. B. login-basierte Kennungen, zuf\u00e4llig generierte Kennungen, netzwerkbasierte Kennungen) k\u00f6nnen zusammen mit anderen Informationen (z. B. Browsertyp und Browserinformationen, Sprache, Bildschirmgr\u00f6\u00dfe, unterst\u00fctzte Technologien usw.) auf Ihrem Endger\u00e4t gespeichert oder von dort ausgelesen werden, um es jedes Mal wiederzuerkennen, wenn es eine App oder einer Webseite aufruft. Dies geschieht f\u00fcr einen oder mehrere der hier aufgef\u00fchrten Verarbeitungszwecke.","illustrations":["Die meisten in dieser Mitteilung erl\u00e4uterten Verarbeitungszwecke beruhen auf der Speicherung von oder dem Zugriff auf Informationen auf Ihrem Endger\u00e4t, wenn Sie eine App verwenden oder eine Webseite besuchen. So kann es beispielsweise erforderlich sein, dass ein Anbieter oder Webseitenbetreiber bei Ihrem ersten Besuch einer Webseite ein Cookie auf Ihrem Endger\u00e4t speichert, um dieses bei Ihren n\u00e4chsten Besuchen wiederzuerkennen (indem er dieses Cookie jedes Mal erneut abruft)."]},"2":{"id":2,"name":"Verwendung reduzierter Daten zur Auswahl von Werbeanzeigen","description":"Werbeanzeigen, die Ihnen auf diesem Dienst pr\u00e4sentiert werden, k\u00f6nnen auf reduzierten Daten basieren, wie z. B. der Webseite oder App, die Sie gerade verwenden, Ihrem ungef\u00e4hren Standort, Ihrem Ger\u00e4tetyp oder den Inhalten, mit denen Sie interagieren (oder interagiert haben) (z. B., um die Anzeigefrequenz der Werbung zu begrenzen, die Ihnen ausgespielt werden).","illustrations":["Ein Autohersteller will seine Elektrofahrzeuge bei umweltbewussten Nutzern, die in der Stadt leben, nach Feierabend bewerben.\nDie Werbung wird Benutzern, deren ungef\u00e4hrerer Standort darauf hindeutet, dass sie sich in einem st\u00e4dtischen Raum befinden, nach 18:30 Uhr auf einer Seite mit \u00e4hnlichen Inhalten (z. B. einem Artikel \u00fcber Klimaschutzma\u00dfnahmen) angezeigt.","Ein gro\u00dfer Hersteller von Wasserfarben m\u00f6chte eine Online-Werbekampagne f\u00fcr sein neuestes Wasserfarben-Sortiment durchf\u00fchren. Dabei soll die Zielgruppe diversifiziert werden, um m\u00f6glichst viele Amateur- und Profik\u00fcnstler zu erreichen, und es soll vermieden werden, die Anzeige neben ungeeigneten Inhalten (z. B. Artikel \u00fcber das Streichen des Hauses) zu zeigen. Die H\u00e4ufigkeit, mit der Ihnen die Anzeige pr\u00e4sentiert wurde, wird erfasst und begrenzt, um zu vermeiden, dass Sie sie zu oft zu sehen bekommen."]},"3":{"id":3,"name":"Erstellung von Profilen f\u00fcr personalisierte Werbung","description":"Informationen \u00fcber Ihre Aktivit\u00e4ten auf diesem Dienst (wie ausgef\u00fcllte Formulare, angesehene Inhalte) k\u00f6nnen gespeichert und mit anderen Informationen \u00fcber Sie (z. B. Informationen aus Ihrer vorherigen Aktivit\u00e4t auf diesem Dienst oder anderen Webseiten oder Apps) oder \u00e4hnlichen Benutzern kombiniert werden. Diese werden dann verwendet, um ein Profil \u00fcber Sie zu erstellen oder zu verbessern (dies kann z. B. m\u00f6gliche Interessen und pers\u00f6nliche Merkmale beinhalten). Ihr Profil kann (auch zu einem sp\u00e4teren Zeitpunkt) verwendet werden, um es zu erm\u00f6glichen, Ihnen Werbung zu pr\u00e4sentieren, die aufgrund Ihrer m\u00f6glichen Interessen f\u00fcr Sie wahrscheinlich relevanter ist.","illustrations":["Wenn Sie beispielsweise mehrere Artikel \u00fcber das beste Fahrradzubeh\u00f6r im Handel lesen, k\u00f6nnen diese Informationen verwendet werden, um ein Profil \u00fcber Ihr Interesse an Fahrradzubeh\u00f6r zu erstellen. Ein solches Profil kann zu einem sp\u00e4teren Zeitpunkt auf derselben oder einer anderen Webseite oder App verwendet oder verbessert werden, um Ihnen Werbung f\u00fcr eine bestimmte Fahrradzubeh\u00f6rmarke anzuzeigen. Wenn Sie sich auch einen Konfigurator f\u00fcr ein Fahrzeug auf der Webseite eines Luxusautoherstellers ansehen,
58k\u00f6nnen diese Informationen mit Ihrem Interesse an Fahrr\u00e4dern kombiniert werden, um Ihr Profil zu verfeinern, und zur Annahme f\u00fchren, dass Sie an Luxusfahrradausr\u00fcstung interessiert sind.","Ein Bekleidungsunternehmen m\u00f6chte seine neue Kollektion hochwertiger Babykleidung bewerben.Es setzt sich mit einer Agentur in Verbindung, die \u00fcber ein Netzwerk von Kunden mit hohem Einkommen verf\u00fcgt (z. B. Superm\u00e4rkte der gehobenen Preisklasse) und bittet die Agentur, Profile junger Eltern oder Paare zu erstellen, von denen angenommen werden kann, dass sie wohlhabend sind und k\u00fcrzlich ein Kind bekommen haben, damit diese sp\u00e4ter verwendet werden k\u00f6nnen, um Werbung in Partner-Apps zu schalten."]},"4":{"id":4,"name":"Verwendung von Profilen zur Auswahl personalisierter Werbung","description":"Werbung, die Ihnen auf diesem Dienst angezeigt wird, kann auf Ihrem Werbeprofil basieren. Dieses Werbeprofil kann Ihre Aktivit\u00e4ten (wie ausgef\u00fcllte Formulare, angesehene Inhalte) auf diesem Dienst oder anderen Webseiten oder Apps, m\u00f6gliche Interessen und pers\u00f6nliche Merkmale beinhalten.","illustrations":["Ein Online-H\u00e4ndler m\u00f6chte einen begrenzten Ausverkauf f\u00fcr Laufschuhe bewerben.Er m\u00f6chte gezielt Werbung f\u00fcr Benutzer schalten, die sich zuvor Laufschuhe in seiner mobilen App angesehen haben.Tracking-Technologien k\u00f6nnen verwendet werden, um festzustellen, ob Sie die mobile App in der Vergangenheit verwendet haben, um nach Laufschuhen zu suchen, und um Ihnen so die entsprechende Werbung in der App anzuzeigen.","Ein Profil, das f\u00fcr personalisierte Werbung in Bezug auf eine Person erstellt wurde, die auf einer Webseite nach Fahrradzubeh\u00f6r gesucht hat, kann verwendet werden, um die entsprechende Werbung f\u00fcr Fahrradzubeh\u00f6r auf einer mobilen App eines anderen Anbieters anzuzeigen."]},"5":{"id":5,"name":"Erstellung von Profilen zur Personalisierung von Inhalten","description":"Informationen \u00fcber Ihre Aktivit\u00e4ten auf diesem Dienst (wie zum Beispiel: ausgef\u00fcllte Formulare, angesehene nicht werbliche Inhalte) k\u00f6nnen gespeichert und mit anderen Informationen \u00fcber Sie (wie Ihrer vorherigen Aktivit\u00e4t auf diesem Dienst oder anderen Webseiten oder Apps) oder \u00e4hnlichen Benutzern kombiniert werden.\nDiese werden dann verwendet, um ein Profil \u00fcber Sie zu erstellen oder zu erg\u00e4nzen (dies kann z.B. m\u00f6gliche Interessen und pers\u00f6nliche Merkmale beinhalten). Ihr Profil kann (auch zu einem sp\u00e4teren Zeitpunkt) verwendet werden, um Ihnen Inhalte anzuzeigen, die aufgrund Ihrer m\u00f6glichen Interessen f\u00fcr Sie wahrscheinlich relevanter sind, indem z. B. die Reihenfolge, in der Ihnen Inhalte angezeigt werden, ge\u00e4ndert wird, um es Ihnen noch leichter zu machen, Inhalte zu finden, die Ihren Interessen entsprechen.","illustrations":["Sie lesen auf einer Social-Media-Plattform mehrere Artikel dar\u00fcber, wie man ein Baumhaus baut. Diese Information kann einem Profil hinzugef\u00fcgt werden, um Ihr Interesse an Inhalten zu Aktivit\u00e4ten im Freien sowie an Do-it-yourself-Anleitungen festzuhalten (mit dem Ziel, die Personalisierung von Inhalten zu erm\u00f6glichen, sodass Ihnen beispielsweise in Zukunft mehr Blog-Posts und Artikel \u00fcber Baumh\u00e4user und Holzh\u00fctten pr\u00e4sentiert werden).","Sie haben sich in verschiedenen TV-Apps drei Videos zum Thema Weltraumforschung angesehen. Eine davon unabh\u00e4ngige Nachrichtenplattform, die Sie bisher nicht genutzt haben, erstellt basierend auf diesem Nutzungsverhalten ein Profil und erfasst Weltraumforschung als ein Thema von m\u00f6glichem Interesse f\u00fcr zuk\u00fcnftige Videos."]},"6":{"id":6,"name":"Verwendung von Profilen zur Auswahl personalisierter Inhalte","description":"Inhalte, die Ihnen auf diesem Dienst pr\u00e4sentiert werden, k\u00f6nnen auf Ihren Inhaltsprofilen basieren, die Ihre Aktivit\u00e4ten auf diesem oder anderen Diensten (wie Formulare, die Sie einreichen, Inhalte, die Sie sich ansehen), m\u00f6gliche Interessen und pers\u00f6nliche Aspekte widerspiegeln k\u00f6nnen. Dies kann beispielsweise dazu genutzt werden, um die Reihenfolge anzupassen, in der Ihnen Inhalte angezeigt werden, um es Ihnen noch leichter zu machen, (Nicht-Werbe-)Inhalte zu finden, die Ihren Interessen entsprechen.","illustrations":["Sie lesen auf einer Social-Media-Plattform Artikel \u00fcber vegetarisches Essen und verwenden dann die Koch-App eines von der Plattform unabh\u00e4ngigen Unternehmens. Das Profil, das \u00fcber Sie auf der Social-Media-Plattform erstellt wurde, wird verwendet, um Ihnen auf der Startseite der Koch-App vegetarische Rezepte zu pr\u00e4sentieren. ","Sie haben sich auf verschiedenen Webseiten drei Videos zum Thema Rudersport angesehen. Wenn Sie Ihre TV-App verwenden, empfiehlt Ihnen eine von den Webseiten unabh\u00e4ngige Video-Sharing-Plattform, basierend auf einem Profil das \u00fcber Sie er
58stellt wurde als Sie sich die Online-Videos auf diesen Websites angesehen haben, f\u00fcnf weitere Videos zum Thema Rudersport, die f\u00fcr Sie von Interesse sein k\u00f6nnten."]},"7":{"id":7,"name":"Messung der Werbeleistung","description":"Informationen dar\u00fcber, welche Werbung Ihnen pr\u00e4sentiert wird und wie Sie damit interagieren, k\u00f6nnen verwendet werden, um festzustellen, wie sehr eine Werbung Sie oder andere Benutzer angesprochen hat und ob die Ziele der Werbekampagne erreicht wurden. Die Informationen umfassen zum Beispiel, ob Sie sich eine Anzeige angesehen haben, ob Sie daraufgeklickt haben, ob sie Sie dazu animiert hat, ein Produkt zu kaufen oder eine Webseite zu besuchen usw. Diese Informationen sind hilfreich, um die Relevanz von Werbekampagnen zu ermitteln.\n\n","illustrations":["Sie haben auf der Webseite eines Webseitenbetreibers auf eine Werbung \u00fcber einen \u201eBlack Friday\u201c-Rabatt eines Online-Shops geklickt und ein Produkt gekauft. Ihr Klick wird mit diesem Kauf verkn\u00fcpft. Ihre Interaktion und die anderer Benutzer wird gemessen, um herauszufinden, wie viele Klicks auf die Anzeige zu einem Kauf gef\u00fchrt haben.","Sie geh\u00f6ren zu den wenigen, die in der App eines App-Betreibers auf eine Werbung, \u00fcber einen Rabatt anl\u00e4sslich eines besonderen Ereignisses (z.B. \u201einternationaler Tag der Anerkennung\u201c), eines Online-Geschenkeshops geklickt haben. Der App-Betreiber m\u00f6chte Statistiken dar\u00fcber erhalten, wie oft eine bestimmte Anzeige innerhalb der App, insbesondere die Anzeige zu einem besonderen Ereignis (z.B. \u201einternationaler Tag der Anerkennung\u201c) von Ihnen und anderen Benutzern angesehen oder angeklickt wurde, um dem App-Betreiber und seinen Partnern (wie Agenturen) zu helfen, die Anzeigenschaltung zu optimieren."]},"8":{"id":8,"name":"Messung der Performance von Inhalten","description":"Informationen dar\u00fcber, welche Werbung Ihnen pr\u00e4sentiert wird und wie Sie damit interagieren, k\u00f6nnen dazu verwendet werden festzustellen, ob (nicht werbliche) Inhalte z. B. die beabsichtigte Zielgruppe erreicht und Ihren Interessen entsprochen haben. Dazu geh\u00f6ren beispielsweise Informationen dar\u00fcber, ob Sie einen bestimmten Artikel gelesen, sich ein bestimmtes Video angesehen, einen bestimmten Podcast angeh\u00f6rt oder sich eine bestimmte Produktbeschreibung angesehen haben, wie viel Zeit Sie auf diesem Dienst und den von Ihnen besuchten Webseiten verbracht haben usw. Diese Informationen helfen dabei, die Relevanz von (nicht werblichen) Inhalten, die Ihnen angezeigt werden, zu ermitteln.","illustrations":["Sie haben in der mobilen App eines App-Betreibers einen Blog-Post zum Thema Wandern gelesen und einen Link zu einem empfohlenen \u00e4hnlichen Post angetippt. Ihre Interaktionen werden aufgezeichnet, um festzuhalten, dass der erste Post zum Thema Wandern f\u00fcr Sie n\u00fctzlich war und dass er Sie erfolgreich zum Lesen des \u00e4hnlichen Posts animiert hat. Diese Informationen werden gemessen, um herauszufinden, ob in Zukunft mehr Posts zum Thema Wandern verfasst werden sollen und wo sie auf dem Startbildschirm der mobilen App platziert werden sollten.","Ihnen wurde ein Video \u00fcber Modetrends pr\u00e4sentiert, aber Sie und mehrere andere Benutzer haben dieses nach 30 Sekunden abgebrochen. Diese Information wird zur Evaluierung der geeigneten L\u00e4nge zuk\u00fcnftiger Videos zu Modetrends verwendet."]},"9":{"id":9,"name":"Analyse von Zielgruppen durch Statistiken oder Kombinationen von Daten aus verschiedenen Quellen","description":"Basierend auf der Kombination von Datens\u00e4tzen (wie Benutzerprofilen, Statistiken, Marktforschung, Analysedaten) k\u00f6nnen Berichte \u00fcber Ihre Interaktionen und die anderer Benutzer mit Werbe- oder (nicht werblichen) Inhalten erstellt werden, um gemeinsame Merkmale zu ermitteln (z. B., um festzustellen, welche Zielgruppen f\u00fcr eine Werbekampagne oder f\u00fcr bestimmte Inhalte empf\u00e4nglich sind).","illustrations":["Der Eigent\u00fcmer eines Online-Buchhandels m\u00f6chte eine Auswertung, wie viele Besucher seine Webseite besucht haben, ohne etwas zu kaufen, oder wie viele die Webseite besucht haben, um die neuste Promi-Biographie des Monats zu kaufen, sowie das Durchschnittsalter der Besucher und wie viele davon m\u00e4nnlich bzw. weiblich sind, aufgeteilt je nach Kategorie. Daten \u00fcber Ihre Navigation auf der Webseite und Ihre pers\u00f6nlichen Merkmale werden dann verwendet und mit anderen solcher Daten kombiniert, um diese Statistiken zu erstellen.","Ein Werbetreibender m\u00f6chte die Art der Zielgruppe, die mit seinen Anzeigen interagiert, besser verstehe
58n. Er beauftragt ein Forschungsinstitut, die Eigenschaften von Benutzern, die mit der Anzeige interagiert haben, mit typischen Attributen von Benutzern \u00e4hnlicher Plattformen \u00fcber verschiedene Ger\u00e4te hinweg zu vergleichen. Dieser Vergleich zeigt dem Werbetreibenden, dass seine Zielgruppe haupts\u00e4chlich \u00fcber mobile Ger\u00e4te auf die Werbung zugreift und wahrscheinlich im Alter zwischen 45\u201360 Jahren liegt. "]},"10":{"id":10,"name":"Entwicklung und Verbesserung der Angebote","description":"Informationen \u00fcber Ihre Aktivit\u00e4ten auf diesem Angebot, wie z. B. Ihre Interaktion mit Anzeigen oder Inhalten, k\u00f6nnen dabei helfen, Produkte und Angebote zu verbessern und neue Produkte und Angebote zu entwickeln basierend auf Benutzerinteraktionen, der Art der Zielgruppe usw. Dieser Verarbeitungszweck umfasst nicht die Entwicklung, Erg\u00e4nzung oder Verbesserung von Benutzerprofilen und Kennungen.","illustrations":["Eine Technologieplattform, die mit einem Social-Media-Anbieter zusammenarbeitet, stellt ein Wachstum in den Nutzerzahlen ihrer mobilen App fest und erkennt basierend auf den Benutzerprofilen, dass viele von ihnen sich \u00fcber mobile Verbindungen einw\u00e4hlen. Die Plattform verwendet zur Verbesserung der Ladegeschwindigkeit von Anzeigen eine neue Technologie zur Auslieferung von Werbung, die f\u00fcr mobile Endger\u00e4te optimiert ist und eine geringe Bandbreite ben\u00f6tigt.","Ein Werbetreibender sucht nach einer M\u00f6glichkeit, Anzeigen auf einem neuartigen Endger\u00e4t anzuzeigen. Er sammelt Informationen dar\u00fcber, wie Benutzer mit dieser neuen Art von Endger\u00e4t interagieren, um herauszufinden, ob er einen neuen Mechanismus f\u00fcr die Anzeige von Werbung auf dieser Art von Endger\u00e4t entwickeln kann."]},"11":{"id":11,"name":"Verwendung reduzierter Daten zur Auswahl von Inhalten","description":"Inhalte, die Ihnen auf diesem Dienst pr\u00e4sentiert werden, k\u00f6nnen auf reduzierten Daten basieren, wie z. B. der Webseite oder App, die Sie verwenden, Ihrem ungef\u00e4hren Standort, Ihrem Endger\u00e4tetyp oder der Information, mit welchen Inhalten Sie interagieren (oder interagiert haben) (z. B. zur Begrenzung wie h\u00e4ufig Ihnen ein Video oder ein Artikel angezeigt wird).","illustrations":["Ein Reisemagazin hat auf seiner Webseite einen Artikel \u00fcber die neuen Online-Kurse ver\u00f6ffentlicht, die von einer Sprachschule angeboten werden, um die Reiseerfahrungen im Ausland zu verbessern. Die Blog-Posts der Reiseschule werden direkt am Ende der Seite eingef\u00fcgt und basierend auf Ihrem ungef\u00e4hren Standort ausgew\u00e4hlt (z. B. Blog-Posts mit dem Lehrplan f\u00fcr den Kurs einer Sprache, die nicht die Sprache Ihres Landes ist).","Eine mobile App f\u00fcr Sportnachrichten hat eine neue Sparte mit Artikeln \u00fcber die neuesten Fu\u00dfballspiele eingef\u00fchrt. Jeder Artikel enth\u00e4lt Videos mit Highlights des Spiels, die von einer externen Streaming-Plattform gehostet werden. Wenn Sie ein Video vorspulen, kann diese Information verwendet werden, um im Anschluss ein Video abzuspielen, das k\u00fcrzer ist."]}},"specialPurposes":{"1":{"id":1,"name":"Gew\u00e4hrleistung der Sicherheit, Verhinderung und Aufdeckung von Betrug und Fehlerbehebung","description":"Ihre Daten k\u00f6nnen verwendet werden, um ungew\u00f6hnliche und potenziell betr\u00fcgerische Aktivit\u00e4ten (zum Beispiel bez\u00fcglich Werbung, Werbe-Klicks durch Bots) zu \u00fcberwachen und zu verhindern, und um sicherzustellen, dass Systeme und Prozesse ordnungsgem\u00e4\u00df und sicher funktionieren. Die Daten k\u00f6nnen auch verwendet werden, um Probleme zu beheben, die Sie, der Webseite- oder Appbetreiber oder der Werbetreibende bei der Bereitstellung von Inhalten und Anzeigen und bei Ihrer Interaktion mit diesen haben k\u00f6nnen.","illustrations":["Ein Werbevermittler stellt Anzeigen von unterschiedlichen Werbetreibenden an sein Netzwerk von Partner-Webseiten und -Apps bereit. Der Werbevermittler bemerkt einen starken Anstieg von Klicks auf Anzeigen eines bestimmten Werbetreibenden. Er analysiert die Daten bez\u00fcglich der Quelle der Klicks und findet heraus, dass 80 % der Klicks von Bots und nicht von Menschen stammen."]},"2":{"id":2,"name":"Bereitstellung und Anzeige von Werbung und Inhalten","description":"Bestimmte Informationen (wie IP-Adresse oder Endger\u00e4tefunktionen) werden verwendet, um die technische Kompatibilit\u00e4t des Inhalts oder der Werbung zu gew\u00e4hrleisten und die \u00dcbertragung des Inhalts oder der Werbung auf Ihr Endger\u00e4t zu erm\u00f6glichen.\n\n","illustrations":["Wenn Sie auf einen Link in einem Artikel klicken, werden Sie normalerweise zu einer anderen Seite oder einem anderen Teil des Artikels weitergeleitet. Zu diesem Zweck 1\u00b0) sendet Ihr Browser eine Anfrage an einen Server, der mit der Webseite verkn\u00fcpft ist, 2\u00b0) antwortet der Server auf die Anfrage (\u201ehier ist der von Ihnen angeforderte Artikel\u201c) mithilfe von technischen Informationen, die in der von Ihrem Endger\u00e4t gesendeten Anfrage standardm\u00e4\u00dfig enthalten sind, um die Informationen/Bilder, die Teil des von Ihnen angeforderten Artikels sind, ordnungsgem\u00e4\u00df anzuzeigen.Technisch gesehen ist ein solcher Informationsaustausch notwendig, um die Inhalte bereitzustellen, die auf Ihrem Bildschirm angezeigt werden."]},"3":{"id":3,"name":"Ihre Entscheidungen zum Datenschutz speichern und \u00fcbermitteln","de
58scription":"Die von Ihnen in Bezug auf die in diesem Hinweis aufgef\u00fchrten Zwecke und Unternehmen getroffenen Entscheidungen werden gespeichert und den betreffenden Unternehmen in Form digitaler Signale (z.\u00a0B. einer Zeichenfolge) zur Verf\u00fcgung gestellt. Nur so k\u00f6nnen sowohl dieser Dienst als auch die betreffenden Unternehmen die jeweiligen Entscheidungen respektieren.","illustrations":["Wenn Sie eine Website besuchen und vor die Wahl gestellt werden, ob Sie in die Verwendung von Profilen f\u00fcr personalisierte Werbung einwilligen oder nicht, wird die von Ihnen getroffene Entscheidung gespeichert und an die betreffenden Werbeanbieter \u00fcbermittelt, damit Ihre Entscheidung im Rahmen der Ihnen pr\u00e4sentierten Werbung ber\u00fccksichtigt wird."]}},"features":{"1":{"id":1,"name":"Abgleichung und Kombination von Daten aus unterschiedlichen Quellen","description":"Informationen \u00fcber Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen zur Unterst\u00fctzung der in diesem Rahmenwerk erl\u00e4uterten Zwecke mit anderen Informationen \u00fcber Sie aus unterschiedlichen Quellen abgeglichen und kombiniert werden (z. B. Ihre Aktivit\u00e4ten auf einem anderen Online-Dienst, Ihrer Nutzung einer Kundenkarte im Gesch\u00e4ft oder Ihren Antworten auf eine Umfrage).","illustrations":[]},"2":{"id":2,"name":"Verkn\u00fcpfung verschiedener Endger\u00e4te","description":"Zur Unterst\u00fctzung der in diesem Rahmenwerk erl\u00e4uterten Zwecke kann ermittelt werden, ob es wahrscheinlich ist, dass Ihr Endger\u00e4t mit anderen Endger\u00e4ten verbunden ist, die Ihnen oder Ihrem Haushalt angeh\u00f6ren (z. B., weil Sie sowohl auf Ihrem Handy als auch auf Ihrem Computer beim gleichen Dienst angemeldet sind oder weil Sie auf beiden Endger\u00e4ten die gleiche Internetverbindung verwenden).","illustrations":[]},"3":{"id":3,"name":"Identifikation von Endger\u00e4ten anhand automatisch \u00fcbermittelter Informationen","description":"Ihr Endger\u00e4t kann zur Unterst\u00fctzung der in diesem Rahmenwerk erl\u00e4uterten Zwecke mithilfe von Informationen unterschieden werden, die es beim Zugriff auf das Internet automatisch \u00fcbermittelt (z. B. die IP-Adresse Ihrer Internetverbindung oder die Art des Browsers, den Sie verwenden).","illustrations":[]}},"specialFeatures":{"1":{"id":1,"name":"Verwendung genauer Standortdaten","description":"Mit Ihrer Zustimmung kann Ihr genauer Standort (mit einem Radius von weniger als 500 Metern) zur Unterst\u00fctzung der in diesem Rahmenwerk erl\u00e4uterten Zwecke verwendet werden.","illustrations":[]},"2":{"id":2,"name":"Endger\u00e4teeigenschaften zur Identifikation aktiv abfragen","description":"Mit Ihrer Zustimmung k\u00f6nnen bestimmte f\u00fcr Ihr Endger\u00e4t spezifische Merkmale angefordert und verwendet werden, um es von anderen Endger\u00e4ten zu unterscheiden (wie z. B. die installierten Zeichens\u00e4tze oder Plugins, die Aufl\u00f6sung Ihres Bildschirms), um die in diesem Rahmenwerk erl\u00e4uterten Zwecke zu unterst\u00fctzen.","illustrations":[]}},"stacks":{"1":{"id":1,"purposes":[],"specialFeatures":[1,2],"name":"Genaue Standortdaten und Identifikation durch Scannen von Endger\u00e4ten","description":"Es k\u00f6nnen genaue Standortdaten und Informationen \u00fcber Endger\u00e4temerkmale verwendet werden."},"2":{"id":2,"purposes":[2,7],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten und Messung von Werbeleistung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten dargestellt werden. Die Werbeleistung kann gemessen werden."},"3":{"id":3,"purposes":[2,3,4],"specialFeatures":[],"name":"Personalisierte Werbung","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu verbessern."},"4":{"id":4,"purposes":[2,7,9],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, Messung von Werbeleistung und Zielgruppenforschung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Die Messung von Werbeleistung und Analyse von Zielgruppen wird erm\u00f6glicht. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"5":{"id":5,"purposes":[2,3,7],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, einem personalisierten Werbeprofil und Messung von Werbeleistung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung kann gemessen werden."},"6":{"id":6,"purposes":[2,4,7],"specialFeatures":[],"name":"Auswahl personalisierter Werbung und Messung von Werbeleistung","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Die Werbeleistung kann gemessen werden."},"7":{"id":7,"purposes":[2,4,7],"specialFeatures":[],"name":"Auswahl personalisierter Werbung, Messung von Werbeleistung und Zielgruppenforschung","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Werbeleistung kann gemessen werden. Basierend auf einer Kombination Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen allgemeine statistische Berichte erstellt werden."},"8":{"id":8,"purposes":[2,3,4,7],"specialFeatures":[],"name":"Personalisierte Werbung und Messung von Werbeleistung","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung kann gemessen werden."},"9":{"id":9,"purposes":[2,3,4,7,9],"specialFeatures":[],"name":"Personalisierte Werbung, Messung von Werbeleistung und Zielgruppenforschung","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"10":{"id":10,"purposes":[3,4],"specialFeatures":[],"name":"Personalisierte Werbung","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen."},"11":{"id":11,"purposes":[5,6],"specialFeatures":[],"name":"Personalisierte Inhalte","description":"Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen."},"12":{"id":12,"purposes":[6,8,11],"specialFeatures":[],"name":"Auswahl personalisierter Inhalte und Messung der Performance von Inhalten","description":"Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Die Performance von Inhalten kann gemessen werden."},"13":{"id":13,"purposes":[6,8,9,11],"specialFeatures":[],"name":"Auswahl personalisierter Inhalte, Messung von Inhalten und Zielgruppenforschung","description":"Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Die Performance von Inhalten kann gemessen werden. Berichte
58k\u00f6nnen basierend auf Ihren Aktivit\u00e4ten und denen anderer erstellt werden. Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Die Performance von Inhalten kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. "},"14":{"id":14,"purposes":[5,6,8,11],"specialFeatures":[],"name":"Personalisierte Inhalte und Messung von Inhalten","description":"Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Performance von Inhalten kann gemessen werden."},"15":{"id":15,"purposes":[5,6,8,9,11],"specialFeatures":[],"name":"Personalisierte Inhalte, Messung von Inhalten und Zielgruppenforschung","description":"Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Performance von Inhalten kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"16":{"id":16,"purposes":[5,6,8,9,10,11],"specialFeatures":[],"name":"Personalisierte Inhalte, Messung von Inhalten, Zielgruppenforschung und Entwicklung von Angeboten","description":"Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Performance von Inhalten kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"17":{"id":17,"purposes":[7,8,9],"specialFeatures":[],"name":"Messung von Werbeleistung und Inhalten sowie Zielgruppenforschung","description":"Die Werbeleistung und die Performance von Inhalten kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"18":{"id":18,"purposes":[7,8],"specialFeatures":[],"name":"Messung von Werbeleistung und Inhalten","description":"Die Performance von Werbung und Inhalten kann gemessen werden."},"19":{"id":19,"purposes":[7,9],"specialFeatures":[],"name":"Messung von Werbeleistung und Zielgruppenforschung","description":"Werbung kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"20":{"id":20,"purposes":[7,8,9,10],"specialFeatures":[],"name":"Messung von Werbeleistung und der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung der Angebote","description":"Die Werbeleistung und Performance von Inhalten k\u00f6nnen gemessen werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. "},"21":{"id":21,"purposes":[8,9,10],"specialFeatures":[],"name":"Messung der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung der Angebote","description":"Die Performance von Inhalten kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"22":{"id":22,"purposes":[8,10],"specialFeatures":[],"name":"Messung der Performance von Inhalten sowie Entwicklung und Verbesserung der Angebote","description":"Die Performance von Inhalten kann gemessen werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"23":{"id":23,"purposes":[2,4,6,7,8,11],"specialFeatures":[],"name":"Auswahl personalisierter Werbung und Inhalte, Messung von Werbeleistung und der Performance von Inhalten","description":"Werbung und Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden."},"24":{"id":24,"purposes":[2,4,6,7,8,9,11],"specialFeatures":[],"name":"Auswahl personalisierter Werbung und Inhalte, Messung von Werbeleistung und der Performance von Inhalten sowie Zielgruppenforschung","description":"Werbung und Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Daten k\u00f6nnen verwendet werden, um Benutzerfreundlichkeit zu verbessern sowie Systeme und Software zu entwickeln und zu verbessern."},"25":{"id":25,"purposes":[2,3,4,5,6,7,8,11],"specialFeatures":[],"name":"Personalisierte Werbung und Inhalte, Messung von Werbeleistung und der Performance von Inhalten","description":"Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung oder Inhalte zu erstellen oder zu erg\u00e4nzen. "},"26":{"id":26,"purposes":[2,3,4,5,6,7,8,9,11],"specialFeatures":[],"name":"Personalisierte Werbung und Inhalte, Messung von Werbeleistung und der Performance von Inhalten sowie Zielgruppenforschung","description":"Werbung und Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung oder Inhalte zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. "},"27":{"id":27,"purposes":[3,5],"specialFeatures":[],"name":"Erstellung von Profilen f\u00fcr personalisierte Werbung und Inhalte","description":"Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um Profile \u00fcber Sie f\u00fcr personalisierte Werbung oder Inhalte zu erstellen oder zu erg\u00e4nzen."},"28":{"id":28,"purposes":[2,4,6,11],"specialFeatures":[],"name":"Erstellung von Profilen f\u00fcr personalisierte Werbung und Inhalte ","description":"Werbung und Inhalte k\u00f6nnen auf Basis Ihrer Profile personalisiert werden"}
58,"29":{"id":29,"purposes":[2,7,8,9],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, Messung von Werbeleistung und der Performance von Inhalten sowie Zielgruppenforschung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. "},"30":{"id":30,"purposes":[2,4,5,6,7,8,9,11],"specialFeatures":[],"name":"Auswahl personalisierter Inhalte, personalisierte Inhalte, Messung von Werbeleistung und der Performance Inhalten sowie Zielgruppenforschung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"31":{"id":31,"purposes":[2,4,5,6,7,8,9,10,11],"specialFeatures":[],"name":"Auswahl personalisierter Werbung und Inhalte, Messung von Werbeleistung und der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung der Angebote","description":"Werbung und Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"32":{"id":32,"purposes":[2,5,6,7,8,9,11],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, personalisierte Inhalte, Messung von Werbeleistung und der Performance von Inhalten sowie Zielgruppenforschung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"33":{"id":33,"purposes":[2,5,6,7,8,9,10,11],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, personalisierte Inhalte, Messung von Werbeleistung und der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung von Angeboten","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"34":{"id":34,"purposes":[2,5,6,8,9,11],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, personalisierte Inhalte, Messung der Performance von Inhalten und Zielgruppenforschung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden."},"35":{"id":35,"purposes":[2,5,6,8,9,10,11],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, personalisierte Inhalte, Messung der Performance von Inhalten, Zielgruppenforschung sowie die Entwicklung und Verbesserung von Angeboten","de
58scription":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Performance von Inhalten kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"36":{"id":36,"purposes":[2,5,6,7,11],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, personalisierte Inhalte und Messung von Werbeleistung","description":"Werbung kann basierend auf einer reduzierten Menge von Daten pr\u00e4sentiert werden. Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung kann gemessen werden."},"37":{"id":37,"purposes":[2,5,6,7,10,11],"specialFeatures":[],"name":"Werbung basierend auf einer reduzierten Menge von Daten, personalisierte Inhalte, Messung von Werbeleistung sowie Entwicklung und Verbesserung von Angeboten","description":"Werbung kann basierend auf speziellen Daten pr\u00e4sentiert werden. Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung kann gemessen werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"38":{"id":38,"purposes":[2,3,4,7,10],"specialFeatures":[],"name":"Personalisierte Werbung, Messung von Werbeleistung sowie Entwicklung und Verbesserung von Angeboten","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung kann gemessen werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"39":{"id":39,"purposes":[2,3,4,7,9,10],"specialFeatures":[],"name":"Personalisierte Werbung, Messung von Werbeleistung, Zielgruppenforschung sowie Entwicklung und Verbesserung von Angeboten","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung kann gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"40":{"id":40,"purposes":[2,3,4,7,8,9,10],"specialFeatures":[],"name":"Personalisierte Werbung, Messung von Werbeleistung und der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung von Angeboten","description":"Werbung kann basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"41":{"id":41,"purposes":[2,3,4,6,7,8,9,10,11],"specialFeatures":[],"name":"Personalisierte Werbung, Auswahl personalisierter Inhalte, Messung von Werbeleistung und der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung von Angeboten","de
58scription":"Anzeigen und Werbung k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."},"42":{"id":42,"purposes":[2,3,4,5,6,7,8,9,10,11],"specialFeatures":[],"name":"Personalisierte Werbung und Inhalte, Messung von Werbeleistung und der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung von Angeboten","description":"Anzeigen und Werbung k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung zu erstellen oder zu erg\u00e4nzen. Die Werbeleistung und die Performance von Inhalten k\u00f6nnen gemessen werden. Basierend auf Ihrer Aktivit\u00e4t und den Aktivit\u00e4ten anderer k\u00f6nnen Berichte erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern"},"43":{"id":43,"purposes":[8,11],"specialFeatures":[],"name":"Inhalte basierend auf einer reduzierten Menge von Daten und Messung der Performance von Inhalten","description":"Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Werbung und die Auswahl von Inhalten zu erstellen oder zu erg\u00e4nzen."},"44":{"id":44,"purposes":[5,6,11],"specialFeatures":[],"name":"Personalisierte Inhalte","description":"Inhalte k\u00f6nnen basierend auf Ihrem Profil personalisiert werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen verwendet werden, um ein Profil \u00fcber Sie f\u00fcr personalisierte Inhalte zu erstellen oder zu erg\u00e4nzen."},"45":{"id":45,"purposes":[2,7,9,10],"specialFeatures":[],"name":"Werbung auf der Grundlage begrenzter Daten, Messung der Werbeleistung, Zielgruppenforschung und Entwicklung von Dienstleistungen","description":"Werbung kann basierend auf einer reduzierten Menge von Daten dargestellt werden. Die Werbeleistung kann gemessen werden. Berichte k\u00f6nnen auf der Grundlage Ihrer Aktivit\u00e4ten und der Aktivit\u00e4ten anderer Personen erstellt werden. Ihre Aktivit\u00e4ten auf diesem Dienst k\u00f6nnen dabei helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern."}},"dataCategories":{"1":{"id":1,"name":"IP-Adressen","description":"Bei Ihrer IP-Adresse handelt es sich um eine Nummer, die von Ihrem Internetdienstanbieter f\u00fcr jede Internetverbindung vergeben wird. Diese Nummer ist nicht immer ger\u00e4tespezifisch und es handelt sich nicht immer um eine dauerhaft Kennung. Sie wird verwendet, um Informationen im Internet zu \u00fcbertragen und Online-Inhalte (einschlie\u00dflich Werbung) auf Ihrem verbundenen Ger\u00e4t anzuzeigen."},"2":{"id":2,"name":"Ger\u00e4temerkmale","description":"Technische Merkmale des von Ihnen verwendeten Endger\u00e4ts, die Ihnen nicht eindeutig zugeordnet werden k\u00f6nnen, wie z. B. die Sprache, die Zeitzone oder das Betriebssystem."},"3":{"id":3,"name":"Ger\u00e4tekennungen","description":"Eine Ger\u00e4tekennung ist eine eindeutige Zeichenfolge, die mittels eines Cookies oder anderen Speichertechnologien Ihrem Endger\u00e4t oder Browser zugewiesen wird. Sie kann erstellt oder abgerufen werden, um Ihr Ger\u00e4t beispielsweise \u00fcber die einzelnen Seiten einer spezifischen Website oder \u00fcber verschiedene Sites oder Apps hinweg wiederzuerkennen."},"4":{"id":4,"name":"Probabilistische Kennungen","description":"Eine probabilistische Kennung kann durch die Kombination von Merkmalen Ihres Endger\u00e4ts (Art des verwendeten Browsers oder des Betriebssystems) und der IP-Adresse der Internetverbindung erstellt werden. Sofern Sie damit einverstanden sind, k\u00f6nnen auch zus\u00e4tzliche Merkmale (z. B. die installierte Schriftart oder die Bildschirmaufl\u00f6sung) kombiniert werden, um die Genauigkeit der probabilistischen Kennung zu verbessern. Eine solche Kennung gilt als \u201eprobabilistisch\u201c, da mehrere Ger\u00e4te dieselben Eigenschaften und dieselbe Internetverbindung aufweisen k\u00f6nnen. Sie kann verwendet werden, um Ihr Ger\u00e4t z. B. auf den einzelnen Seiten derselben Webseite oder auf verschiedenen Webseiten oder Anwendungen wiederzuerkennen."},"5":{"id":5,"name":"Aus Authentifizierungen abgeleitete Kennungen","de
58scription":"Wenn eine Kennung auf der Grundlage von Authentifizierungsdaten erstellt wird, wie z. B. Kontaktdaten im Zusammenhang mit Online-Konten, die Sie auf Websites oder Apps eingerichtet haben (z. B. E-Mail-Adresse, Telefonnummer) oder Kundenkennungen (z. B. eine von Ihrem Telekommunikationsanbieter bereitgestellte Kennung), dann kann diese Kennung dazu verwendet werden, Sie \u00fcber Websites, Apps und Ger\u00e4te hinweg wiederzuerkennen, wenn Sie mit denselben Kontaktdaten angemeldet sind."},"6":{"id":6,"name":"Surf- und Interaktionsdaten","description":"Ihre Online-Aktivit\u00e4ten, z. B. die von Ihnen besuchten Webseiten, die von Ihnen verwendeten Anwendungen, die Inhalte, nach denen Sie in diesem Dienst suchen, oder Ihre Interaktionen mit Inhalten oder Anzeigen, z. B. wie oft Sie einen bestimmten Inhalt oder eine Anzeige gesehen haben oder ob Sie darauf geklickt haben."},"7":{"id":7,"name":"Vom Benutzer bereitgestellte Daten","description":"Informationen, die Sie m\u00f6glicherweise durch eine Eingabe \u00fcber ein Formular (z. B. Feedback, einen Kommentar) oder bei der Einrichtung eines Kontos (z. B. Ihr Alter, Ihren Beruf) angegeben haben."},"8":{"id":8,"name":"Ungef\u00e4hre Standort-Daten","description":"Eine ungef\u00e4hre Angabe Ihres Standorts, dargestellt als ein Gebiet mit einem Radius von mindestens 500 Metern. Ihr ungef\u00e4hrer Standort kann z. B. aus der IP-Adresse Ihres Anschlusses abgeleitet werden."},"9":{"id":9,"name":"Genaue Standortdaten","description":"Ihren genauen Standort innerhalb eines Radius von weniger als 500 Metern auf der Grundlage Ihrer GPS-Koordinaten. Diese Information darf nur mit Ihrer Zustimmung verwendet werden."},"10":{"id":10,"name":"Benutzerprofile","description":"Bestimmte Merkmale (z. B. Ihre m\u00f6glichen Interessen, Ihre Kaufabsichten, Ihr Verbraucherprofil) k\u00f6nnen aus Ihren fr\u00fcheren Online-Aktivit\u00e4ten (z. B. die von Ihnen angesehenen Inhalte oder der von Ihnen genutzte Dienst, die von Ihnen auf verschiedenen Online-Inhalten und -Diensten verbrachte Zeit) oder den von Ihnen gemachten Angaben (z. B. Ihr Alter, Ihr Beruf) abgeleitet oder modelliert werden."},"11":{"id":11,"name":"Datenschutzeinstellungen","description":"Ihre Pr\u00e4ferenzen hinsichtlich der Verarbeitung Ihrer Daten auf der Grundlage der Informationen, die Sie erhalten haben."}}}; 59</script>
vendor: 1 bytes, line 59
59
60<script data-cookieconsent="ignore" id="ad-free-subscription-js" src="https://apollo-news.net/wp-content/plugins/ad-free-subscription/assets/js/ad-free-subscription.js?ver=1.6.14"></script>
60 61 <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 61-62
61 62 <script async src="https://www.googletagmanager.com/gtag/js?id=
62G-7L9F1QF22R
vendor: 13 bytes, lines 62-63
62"></script> 63
63<script> 64
vendor: 136 bytes, lines 64-67
64window.dataLayer = window.dataLayer || []; 65 function gtag(){dataLayer.push(arguments);} 66 gtag('js', new Date()); 67 gtag('config', '
67G-7L9F1QF22R
vendor: 34 bytes, lines 67-68
67', { send_page_view: false }); 68
68gtag('set', 'user_properties', { 69 'post_id': '226169' 70 }); 71 gtag('event', 'page_view'); 72 </script>
72 73 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 74 75 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 76 <title>Verfahren Sven Hüber gegen Apollo News - Apollo News</title> 77 <link rel="canonical" href="https://apollo-news.net/verfahren-sven-hueber-gegen-apollo-news/" /> 78 <meta property="og:locale" content="de_DE" /> 79 <meta property="og:type" content="article" /> 80 <meta property="og:title" content="Verfahren Sven Hüber gegen Apollo News - Apollo News" /> 81 <meta property="og:url" content="https://apollo-news.net/verfahren-sven-hueber-gegen-apollo-news/" /> 82 <meta property="og:site_name" content="Apollo News" /> 83 <meta property="article:publisher" content="https://facebook.com/apollonewsnet" /> 84 <meta property="article:published_time" content="2026-09-21T18:02:00+00:00" /> 85 <meta property="article:modified_time" content="2026-09-22T14:14:14+00:00" /> 86 <meta property="og:image" content="https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2.jpeg" /> 87 <meta property="og:image:width" content="1920" /> 88 <meta property="og:image:height" content="1080" /> 89 <meta property="og:image:type" content="image/jpeg" /> 90 <meta name="author" content="Redaktion" /> 91 <meta name="twitter:card" content="summary_large_image" /> 92 <meta name="twitter:creator" content="@dg_graeber" /> 93 <meta name="twitter:site" content="@apollo_news_de" /> 94 <meta name="twitter:label1" content="Verfasst von" /> 95 <meta name="twitter:data1" content="Redaktion" /> 96 <meta name="twitter:label2" content="Geschätzte Lesezeit" /> 97 <meta name="twitter:data2" content="1 Minute" /> 98
98<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/#article","isPartOf":{"@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/"},"author":{"@id":"https:\/\/apollo-news.net\/#\/schema\/person\/675643648d76a28a612139ace4005945"},"headline":"Verfahren Sven Hüber gegen Apollo News","datePublished":"2026-09-21T18:02:00+00:00","dateModified":"2026-09-22T14:14:14+00:00","mainEntityOfPage":{"@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/"},"wordCount":155,"publisher":{"@id":"https:\/\/apollo-news.net\/#organization"},"image":{"@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/#primaryimage"},"thumbnailUrl":"https:\/\/apollo-news.net\/wp-content\/uploads\/2026\/08\/umfrage2.002-2.jpeg","keywords":["Berlin","Gericht","Pressefreiheit"],"articleSection":["Fix auf Position Aktuell Oben Rechts","Uncategorized"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/","url":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/","name":"Verfahren
98Sven Hüber gegen Apollo News - Apollo News","isPartOf":{"@id":"https:\/\/apollo-news.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/#primaryimage"},"image":{"@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/#primaryimage"},"thumbnailUrl":"https:\/\/apollo-news.net\/wp-content\/uploads\/2026\/08\/umfrage2.002-2.jpeg","datePublished":"2026-09-21T18:02:00+00:00","dateModified":"2026-09-22T14:14:14+00:00","breadcrumb":{"@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/"]}],"author":{"@id":"https:\/\/apollo-news.net\/#\/schema\/person\/675643648d76a28a612139ace4005945"}},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/#primaryimage","url":"https:\/\/apollo-news.net\/wp-content\/uploads\/2026\/08\/umfrage2.002-2.jpeg","contentUrl":"https:\/\/apollo-news.net\/wp-content\/uploads\/2026\/08\/umfrage2.002-2.jpeg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/apollo-news.net\/verfahren-sven-hueber-gegen-apollo-news\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/apollo-news.net\/"}
98,{"@type":"ListItem","position":2,"name":"Verfahren Sven Hüber gegen Apollo News"}]},{"@type":"WebSite","@id":"https:\/\/apollo-news.net\/#website","url":"https:\/\/apollo-news.net\/","name":"Apollo News","description":"Das Magazin für die Freiheit","publisher":{"@id":"https:\/\/apollo-news.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/apollo-news.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/apollo-news.net\/#organization","name":"Apollo News","url":"https:\/\/apollo-news.net\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/apollo-news.net\/#\/schema\/logo\/image\/","url":"https:\/\/apollo-news.net\/wp-content\/uploads\/2023\/06\/apollo-news-dark.png","contentUrl":"https:\/\/apollo-news.net\/wp-content\/uploads\/2023\/06\/apollo-news-dark.png","width":1320,"height":456,"caption":"Apollo News"},"image":{"@id":"https:\/\/apollo-news.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/apollonewsnet","https:\/\/x.com\/apollo_news_de","https:\/\/www.instagram.com\/apollo_news"]},{"@type":"Person","@id":"https:\/\/apollo-news.net\/#\/schema\/person\/9bc3d9ca1ea9ae83f42b1bbd09876393","name":"Daniel Gräber","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/apollo-news.net\/wp-content\/uploads\/2025\/11\/cropped-cropped-cropped-Graeber-1-sw-1-96x96.jpg707e7f5bb585c132affa28489debb470","url":"https:\/\/apollo-news.net\/wp-content\/uploads\/2025\/11\/cropped-cropped-cropped-Graeber-1-sw-1-96x96.jpg","contentUrl":"https:\/\/apollo-news.net\/wp-content\/uploads\/2025\/11\/cropped-cropped-cropped-Graeber-1-sw-1-96x96.jpg","caption":"Daniel Gräber"},"description":"Daniel Gräber war Ressortleiter Kapital bei Cicero und sorgte dort mit spektakulären Enthüllungen etwa der Atom-Akten rund um Robert Habecks durchgesetzten AKW-Ausstieg und entsprechenden Lobbyverbindungen für bundesweite Schlagzeilen â bis hin zur Einsetzung eines Untersuchungsausschusses im Bundestag. Er ist Träger des Dahrendorf-Preises, des Axel-Springer-Preises für junge Journalisten und war für den Henri-Nannen-Preis nominiert.","sameAs":["https:\/\/x.com\/dg_graeber"],"url":"https:\/\/apollo-news.net\/author\/daniel-graeber\/"},{"@type":"Person","@id":"https:\/\/apollo-news.net\/#\/schema\/person\/675643648d76a28a612139ace4005945","name":"Redaktion","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/7bf41878fbebb083459ae130652204e86a5981c7e64be20b8cd834390c4d3078?s=96&d=mm&r=g2bd3fa4504f447e0d3156df33efa2b86","url":"https:\/\/secure.gravatar.com\/avatar\/7bf41878fbebb083459ae130652204e86a5981c7e64be20b8cd834390c4d3078?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7bf41878fbebb083459ae130652204e86a5981c7e64be20b8cd834390c4d3078?s=96&d=mm&r=g","caption":"Redaktion"},"url":"https:\/\/apollo-news.net\/author\/redaktion\/"}]}</script>
98 99 <!-- / Yoast SEO plugin. --> 100 101 102<link rel='dns-prefetch' href='//www.flashb.id' /> 103<link rel='dns-prefetch' href='//js.stripe.com' /> 104<link rel='dns-prefetch' href='//challenges.cloudflare.com' /> 105<link rel="alternate" type="application/rss+xml" title="Apollo News » Feed" href="https://apollo-news.net/feed/" /> 106<link rel="alternate" type="application/rss+xml" title="Apollo News » Kommentar-Feed" href="https://apollo-news.net/comments/feed/" /> 107<link rel="alternate" type="application/rss+xml" title="Apollo News » Kommentar-Feed zu Verfahren Sven Hüber gegen Apollo News" href="https://apollo-news.net/verfahren-sven-hueber-gegen-apollo-news/feed/" /> 108<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://apollo-news.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F" /> 109<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://apollo-news.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F&format=xml" /> 110<style id="wp-img-auto-sizes-contain-inline-css"> 111img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 112/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 113</style> 114<style id="actirise-presized-inline-css"> 115div[data-actirise-slot="top-page"]{ display: none; margin: 10px auto;}@media screen and (min-width: 770px){div[data-actirise-slot="top-page"].device-desktop{display: flex !important;width: 100%;min-height: 250px; }} @media screen and (max-width: 480px){div[data-actirise-slot="top-page"].device-mobile{display: flex !important;width: 100%;min-height: 280px; }} @media screen and (min-width: 481px) and (max-width: 769px){div[data-actirise-slot="top-page"].device-tablet{display: flex !important;width: 100%;min-height: 280px; }}div[data-actirise-slot="top-content"]{ display: none; margin: 10px auto;}@media screen and (max-width: 480px){div[data-actirise-slot="top-content"].device-mobile{display: flex !important;width: 100%;min-height: 380px; }} @media screen and (min-width: 481px) and (max-width: 769px){div[data-actirise-slot="top-content"].device-tablet{display: flex !important;width: 100%;min-height: 380px; }}div[data-actirise-slot="aside-desktop"]{ display: none; margin: 10px auto;}@media screen and (min-width: 770px){div[data-actirise-slot="aside-desktop"].device-desktop{display: flex !important;width: 100%;min-height: 620px; }} 116/*# sourceURL=actirise-presized-inline-css */ 117</style> 118<style id="wp-emoji-styles-inline-css"> 119 120 img.wp-smiley, img.emoji { 121 display: inline !important; 122 border: none !important; 123 box-shadow: none !important; 124 height: 1em !important; 125 width: 1em !important; 126 margin: 0 0.07em !important; 127 vertical-align: -0.1em !important; 128 background: none !important; 129 padding: 0 !important; 130 } 131/*# sourceURL=wp-emoji-styles-inline-css */ 132</style> 133<style id="wp-block-library-inline-css"> 134:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
134--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 135 136/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 137</style> 138<style id="wp-block-paragraph-inline-css"> 139.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 140/*# sourceURL=https://apollo-news.net/wp-includes/blocks/paragraph/style.min.css */ 141</style> 142 143<style id="classic-theme-styles-inline-css"> 144/*! This file is auto-generated */ 145.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 146/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 147</style> 148 149<style id="global-styles-inline-css"> 150:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
1500) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
150.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 151/*# sourceURL=global-styles-inline-css */ 152</style> 153 154<link rel='stylesheet' id='contact-form-7-css' href='https://apollo-news.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' /> 155<link rel='stylesheet' id='gn-frontend-gnfollow-style-css' href='https://apollo-news.net/wp-content/plugins/gn-publisher/assets/css/gn-frontend-gnfollow.min.css?ver=1.5.30' media='all' /> 156<link rel='stylesheet' id='wp-sc-styles-css' href='https://apollo-news.net/wp-content/plugins/wp-social-comments/assets/css/wp-sc.css?ver=1.8.14' media='all' /> 157<link rel='stylesheet' id='blankslate-style-css' href='https://apollo-news.net/wp-content/themes/new/style.css?ver=7.1.1' media='all' />
158<script data-cfasync="false" defer src="https://www.flashb.id/universal/16edb37b-e80b-58a3-aaf1-f76c87a6e0bc.js"></script>
vendor: 1 bytes, line 158
158
159<script> 160window._hbdbrk=window._hbdbrk||[];window._hbdbrk.push(['_vars', {page_type:'article',pid:3,custom1:'Daniel Gräber',custom2:'fix7',custom3:'226169',custom4:'',custom5:'',}]); 161window.actirisePlugin=window.actirisePlugin||{};window.actirisePlugin.version='4.3.1';window.actirisePlugin.version_lastupdate=new Date(1789638469 * 1000);window.actirisePlugin.adsTxt={active:1,lastUpdate:new Date(1790241968 * 1000)};window.actirisePlugin.presized={active:0,lastUpdate:new Date(1790241972 * 1000),slots:[{"slotName":"top-page","active":true},{"slotName":"top-content","active":true},{"slotName":"aside-desktop","active":true}]};window.actirisePlugin.cron=false;window.actirisePlugin.fastcmp=false;window.actirisePlugin.autoUpdate=true;window.actirisePlugin.debug=true; 162//# sourceURL=actirise-js-after 163</script>
vendor: 1 bytes, line 163
163
164<script id="jquery-core-js-extra"> 165var wpfsLogAjax = {"url":"https://apollo-news.net/wp-admin/admin-ajax.php","action":"wpfs_log_message","nonce":"138c9abdb0","enabled":"1"}; 166//# sourceURL=jquery-core-js-extra 167</script>
vendor: 1 bytes, line 167
167
168<script id="jquery-core-js" src="https://apollo-news.net/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 168
168
169<script id="jquery-migrate-js" src="https://apollo-news.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
169 170<link rel="https://api.w.org/" href="https://apollo-news.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://apollo-news.net/wp-json/wp/v2/posts/226169" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://apollo-news.net/xmlrpc.php?rsd" /> 171<meta name="generator" content="WordPress 7.1.1" /> 172<link rel='shortlink' href='https://apollo-news.net/?p=226169' /> 173<link rel="icon" href="https://apollo-news.net/wp-content/uploads/2023/06/cropped-favicon-32x32.png" sizes="32x32" /> 174<link rel="icon" href="https://apollo-news.net/wp-content/uploads/2023/06/cropped-favicon-192x192.png" sizes="192x192" /> 175<link rel="apple-touch-icon" href="https://apollo-news.net/wp-content/uploads/2023/06/cropped-favicon-180x180.png" /> 176<meta name="msapplication-TileImage" content="https://apollo-news.net/wp-content/uploads/2023/06/cropped-favicon-270x270.png" /> 177 <meta itemprop="image" content="https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2.jpeg" /><meta name="twitter:image" content="https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2.jpeg" />
177<meta name="twitter:title" content="Verfahren Sven Hüber gegen Apollo News" /><meta name="twitter:description" content="" /> <!--
177<script>if(!("gdprAppliesGlobally" in window)){window.gdprAppliesGlobally=true}if(!("cmp_id" in window)||window.cmp_id<1){window.cmp_id=0}if(!("cmp_cdid" in window)){window.cmp_cdid="7ad02c4841d47"}if(!("cmp_params" in window)){window.cmp_params=""}if(!("cmp_host" in window)){window.cmp_host="b.delivery.consentmanager.net"}if(!("cmp_cdn" in window)){window.cmp_cdn="cdn.consentmanager.net"}if(!("cmp_proto" in window)){window.cmp_proto="https:"}if(!("cmp_codesrc" in window)){window.cmp_codesrc="1"}window.cmp_getsupportedLangs=function(){var b=["DE","EN","FR","IT","NO","DA","FI","ES","PT","RO","BG","ET","EL","GA","HR","LV","LT","MT","NL","PL","SV","SK","SL","CS","HU","RU","SR","ZH","TR","UK","AR","BS","JA","CY"];if("cmp_customlanguages" in window){for(var a=0;a<window.cmp_customlanguages.length;a++){b.push(window.cmp_customlanguages[a].l.toUpperCase())}}return b};window.cmp_getRTLLangs=function(){var a=["AR"];if("cmp_customlanguages" in window){for(var b=0;b<window.cmp_customlanguages.length;b++){if("r" in window.cmp_customlanguages[b]&&window.cmp_customlanguages[b].r){a.push(window.cmp_customlanguages[b].l)}}}return a};window.cmp_getlang=function(a){if(typeof(a)!="boolean"){a=true}if(a&&typeof(cmp_getlang.usedlang)=="string"&&cmp_getlang.usedlang!==""){return cmp_getlang.usedlang}return window.cmp_getlangs()[0]};window.cmp_extractlang=function(a){if(a.indexOf("cmplang=")!=-1){a=a.substr(a.indexOf("cmplang=")+8,2).toUpperCase();if(a.indexOf("&")!=-1){a=a.substr(0,a.indexOf("&"))}}else{a=""}return a};window.cmp_getlangs=function(){var g=window.cmp_getsupportedLangs();var c=[];var f=location.hash;var e=location.search;var j="cmp_params" in window?window.cmp_params:"";var a="languages" in navigator?navigator.languages:[];if(cmp_extractlang(f)!=""){c.push(cmp_extractlang(f))}else{if(cmp_extractlang(e)!=""){c.push(cmp_extractlang(e))}else{if(cmp_extractlang(j)!=""){c.push(cmp_extractlang(j))}else{if("cmp_setlang" in window&&window.cmp_setlang!=""){c.push(window.cmp_setlang.toUpperCase())}else{if("cmp_langdetect" in window&&window.cmp_langdetect==1){c.push(window.cmp_getPageLang())}else{if(a.length>0){for(var d=0;d<a.length;d++){c.push(a[d])}}if("language" in navigator){c.push(navigator.language)}if("userLanguage" in navigator){c.push(navigator.userLanguage)}}}}}}var h=[];for(var d=0;d<c.length;d++){var b=c[d].toUpperCase();if(b.length<2){continue}if(g.indexOf(b)!=-1){h.push(b)}else{if(b.indexOf("-")!=-1){b=b.substr(0,2)}if(g.indexOf(b)!=-1){h.push(b)}}}if(h.length==0&&typeof(cmp_getlang.defaultlang)=="string"&&cmp_getlang.defaultlang!==""){return[cmp_getlang.defaultlang.toUpperCase()]}else{return h.length>0?h:["EN"]}};window.cmp_getPageLangs=function(){var a=window.cmp_getXMLLang();if(a!=""){a=[a.toUpperCase()]}else{a=[]}a=a.concat(window.cmp_getLangsFromURL());return a.length>0?a:["EN"]};window.cmp_getPageLang=function(){var a=window.cmp_getPageLangs();return a.length>0?a[0]:""};window.cmp_getLangsFromURL=function(){var c=window.cmp_getsupportedLangs();var b=location;var m="toUpperCase";var g=b.hostname[m]()+".";var a=b.pathname[m]()+"/";var f=[];for(var e=0;e<c.length;e++){var j=a.substring(0,c[e].length+1);if(g.substring(0,c[e].length+1)==c[e]+"."){f.push(c[e][m]())}else{if(c[e].length==5){var k=c[e].substring(3,5)+"-"+c[e].substring(0,2);if(g.substring(0,k.length+1)==k+"."){f.push(c[e][m]())}}else{if(j==c[e]+"/"||j=="/"+c[e]){f.push(c[e][m]())}else{if(j==c[e].replace("-","/")+"/"||j=="/"+c[e].replace("-","/")){f.push(c[e][m]())}else{if(c[e].length==5){var k=c[e].substring(3,5)+"-"+c[e].substring(0,2);var h=a.substring(0,k.length+1);if(h==k+"/"||h==k.replace("-","/")+"/"){f.push(c[e][m]())}}}}}}}return f};window.cmp_getXMLLang=function(){var c=document.getElementsByTagName("html");if(c.length>0){var c=c[0]}else{c=document.documentElement}if(c&&c.getAttribute){var a=c.getAttribute("xml:lang");if(typeof(a)!="string"||a==""){a=c.getAttribute("lang")}if(typeof(a)=="string"&&a!=""){var b=window.cmp_getsupportedLangs();return b.indexOf(a.toUpperCase())!=-1||b.indexOf(a.substr(0,2).toUpperCase())!=-1?a:""}else{return""}}};(function(){var C=document;var D=C.getElementsByTagName;var o=window;var t="";var h="";var k="";var E=function(e){var i="cmp_"+e;e="cmp"+e+"=";var d="";var l=e.length;var I=location;var J=I.hash;var w=I.search;var u=J.indexOf(e);var H=w.indexOf(e);if(u!=-1){d=J.substring(u+l,9999)}else{if(H!=-1){d=w.substring(H+l,9999)}else{return i in o&&typeof(o[i])!=="function"?o[i]:""}}var G=d.indexOf("&");if(G!=-1){d=d.substring(0,G)}return d};var j=E("lang");if(j!=""){t=j;k=t}else{if("cmp_getlang" in o){t=o.cmp_getlang().toLowerCase();h=o.cmp_getlangs().slice(0,3).join("_");k=o.cmp_getPageLangs().slice(0,3).join("_");if("cmp_customlanguages" in o){var m=o.cmp_customlanguages;for(var y=0;y<m.length;y++){var a=m[y].l.toLowerCase();if(a==t){t="en"}}}}}var q=("cmp_proto" in o)?o.cmp_proto:"https:";if(q!="http:"&&q!="https:"){q="https:"}var n=("cmp_ref" in o)?o.cmp_ref:location.href;if(n.length>300){n=n.substring(0,300)}var A=function(d){var K=C.createElement("script");K.setAttribute("data-cmp-ab","1");K.type="text/javascript";K.async=true;K.src=d;var J=["body","div","span","script","head"];var w="currentScript";var H="parentElement";var l="appendChild";var I="body";if(C[w]&&C[w][H]){C[w][H][l](K)}else{if(C[I]){C[I][l](K)}else{for(var u=0;u<J.length;u++){var G=D(J[u]);if(G.length>0){G[0][l](K);break}}}}};var b=E("design");var c=E("regulationkey");var z=E("gppkey");var s=E("att");var f=o.encodeURIComponent;var g=false;
177try{g=C.cookie.length>0}catch(B){g=false}var x=E("darkmode");if(x=="0"){x=0}else{if(x=="1"){x=1}else{try{if("matchMedia" in window&&window.matchMedia){var F=window.matchMedia("(prefers-color-scheme: dark)");if("matches" in F&&F.matches){x=1}}}catch(B){x=0}}}var p=q+"//"+o.cmp_host+"/delivery/cmp.php?";p+=("cmp_id" in o&&o.cmp_id>0?"id="+o.cmp_id:"")+("cmp_cdid" in o?"&cdid="+o.cmp_cdid:"")+"&h="+f(n);p+=(b!=""?"&cmpdesign="+f(b):"")+(c!=""?"&cmpregulationkey="+f(c):"")+(z!=""?"&cmpgppkey="+f(z):"");p+=(s!=""?"&cmpatt="+f(s):"")+("cmp_params" in o?"&"+o.cmp_params:"")+(g?"&__cmpfcc=1":"");p+=(x>0?"&cmpdarkmode=1":"");A(p+"&l="+f(t)+"&ls="+f(h)+"&lp="+f(k)+"&o="+(new Date()).getTime());var r="js";var v=E("debugunminimized")!=""?"":".min";if(E("debugcoverage")=="1"){r="instrumented";v=""}if(E("debugtest")=="1"){r="jstests";v=""}A(q+"//"+o.cmp_cdn+"/delivery/"+r+"/cmp_final"+v+".js")})();window.cmp_rc=function(c,b){var l="";try{l=document.cookie}catch(h){l=""}var j="";var f=0;var g=false;while(l!=""&&f<100){f++;while(l.substr(0,1)==" "){l=l.substr(1,l.length)}var k=l.substring(0,l.indexOf("="));if(l.indexOf(";")!=-1){var m=l.substring(l.indexOf("=")+1,l.indexOf(";"))}else{var m=l.substr(l.indexOf("=")+1,l.length)}if(c==k){j=m;g=true}var d=l.indexOf(";")+1;if(d==0){d=l.length}l=l.substring(d,l.length)}
177if(!g&&typeof(b)=="string"){j=b}return(j)};window.cmp_stub=function(){var a=arguments;__cmp.a=__cmp.a||[];if(!a.length){return __cmp.a}else{if(a[0]==="ping"){if(a[1]===2){a[2]({gdprApplies:gdprAppliesGlobally,cmpLoaded:false,cmpStatus:"stub",displayStatus:"hidden",apiVersion:"2.2",cmpId:31},true)}else{a[2](false,true)}}else{if(a[0]==="getUSPData"){a[2]({version:1,uspString:window.cmp_rc("__cmpccpausps","1---")},true)}else{if(a[0]==="getTCData"){__cmp.a.push([].slice.apply(a))}else{if(a[0]==="addEventListener"||a[0]==="removeEventListener"){__cmp.a.push([].slice.apply(a))}else{if(a.length==4&&a[3]===false){a[2]({},false)}else{__cmp.a.push([].slice.apply(a))}}}}}}};window.cmp_dsastub=function(){var a=arguments;a[0]="dsa."+a[0];window.cmp_gppstub(a)};window.cmp_gppstub=function(){var c=arguments;__gpp.q=__gpp.q||[];if(!c.length){return __gpp.q}var h=c[0];var g=c.length>1?c[1]:null;var f=c.length>2?c[2]:null;var a=null;var j=false;if(h==="ping"){a=window.cmp_gpp_ping();j=true}else{if(h==="addEventListener"){__gpp.e=__gpp.e||[];if(!("lastId" in __gpp)){__gpp.lastId=0}__gpp.lastId++;var d=__gpp.lastId;__gpp.e.push({id:d,callback:g});a={eventName:"listenerRegistered",listenerId:d,data:true,pingData:window.cmp_gpp_ping()};j=true}else{if(h==="removeEventListener"){__gpp.e=__gpp.e||[];a=false;for(var e=0;e<__gpp.e.length;e++){if(__gpp.e[e].id==f){__gpp.e[e].splice(e,1);a=true;break}}j=true}else{__gpp.q.push([].slice.apply(c))}}}if(a!==null&&typeof(g)==="function"){g(a,j)}};window.cmp_gpp_ping=function(){return{gppVersion:"1.1",cmpStatus:"stub",cmpDisplayStatus:"hidden",signalStatus:"not ready",supportedAPIs:["2:tcfeuv2","5:tcfcav1","7:usnat","8:usca","9:usva","10:usco","11:usut","12:usct"],cmpId:31,sectionList:[],applicableSections:[0],gppString:"",parsedSections:{}}};window.cmp_addFrame=function(b){if(!window.frames[b]){if(document.body){var a=document.createElement("iframe");a.style.cssText="display:none";if("cmp_cdn" in window&&"cmp_ultrablocking" in window&&window.cmp_ultrablocking>0){a.src="//"+window.cmp_cdn+"/delivery/empty.html"}a.name=b;a.setAttribute("title","Intentionally hidden, please ignore");a.setAttribute("role","none");a.setAttribute("tabindex","-1");document.body.appendChild(a)}else{window.setTimeout(window.cmp_addFrame,10,b)}}};window.cmp_msghandler=function(d){var a=typeof d.data==="string";try{var c=a?JSON.parse(d.data):d.data}catch(f){var c=null}if(typeof(c)==="object"&&c!==null&&"__cmpCall" in c){var b=c.__cmpCall;window.__cmp(b.command,b.parameter,function(h,g){var e={__cmpReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")})}if(typeof(c)==="object"&&c!==null&&"__uspapiCall" in c){var b=c.__uspapiCall;window.__uspapi(b.command,b.version,function(h,g){var e={__uspapiReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")})}if(typeof(c)==="object"&&c!==null&&"__tcfapiCall" in c){var b=c.__tcfapiCall;window.__tcfapi(b.command,b.version,function(h,g){var e={__tcfapiReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")},b.parameter)}if(typeof(c)==="object"&&c!==null&&"__gppCall" in c){var b=c.__gppCall;window.__gpp(b.command,function(h,g){var e={__gppReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")},"parameter" in b?b.parameter:null,"version" in b?b.version:1)}if(typeof(c)==="object"&&c!==null&&"__dsaCall" in c){var b=c.__dsaCall;window.__dsa(b.command,function(h,g){var e={__dsaReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")},"parameter" in b?b.parameter:null,"version" in b?b.version:1)}};window.cmp_setStub=function(a){if(!(a in window)||(typeof(window[a]
177)!=="function"&&typeof(window[a])!=="object"&&(typeof(window[a])==="undefined"||window[a]!==null))){window[a]=window.cmp_stub;window[a].msgHandler=window.cmp_msghandler;window.addEventListener("message",window.cmp_msghandler,false)}};window.cmp_setGppStub=function(a){if(!(a in window)||(typeof(window[a])!=="function"&&typeof(window[a])!=="object"&&(typeof(window[a])==="undefined"||window[a]!==null))){window[a]=window.cmp_gppstub;window[a].msgHandler=window.cmp_msghandler;window.addEventListener("message",window.cmp_msghandler,false)}};if(!("cmp_noiframepixel" in window)){window.cmp_addFrame("__cmpLocator")}if((!("cmp_disableusp" in window)||!window.cmp_disableusp)&&!("cmp_noiframepixel" in window)){window.cmp_addFrame("__uspapiLocator")}if((!("cmp_disabletcf" in window)||!window.cmp_disabletcf)&&!("cmp_noiframepixel" in window)){window.cmp_addFrame("__tcfapiLocator")}if((!("cmp_disablegpp" in window)||!window.cmp_disablegpp)&&!("cmp_noiframepixel" in window)){window.cmp_addFrame("__gppLocator")}if((!("cmp_disabledsa" in window)||!window.cmp_disabledsa)&&!("cmp_noiframepixel" in window)){window.cmp_addFrame("__dsaLocator")}window.cmp_setStub("__cmp");if(!("cmp_disabletcf" in window)||!window.cmp_disabletcf){window.cmp_setStub("__tcfapi")}if(!("cmp_disableusp" in window)||!window.cmp_disableusp){window.cmp_setStub("__uspapi")}if(!("cmp_disablegpp" in window)||!window.cmp_disablegpp){window.cmp_setGppStub("__gpp")}if(!("cmp_disabledsa" in window)||!window.cmp_disabledsa){window.cmp_setGppStub("__dsa")}; </script>
177--> 178 <!-- Google Tag Manager --> 179
179<script>
vendor: 338 bytes, lines 179-184
179 180 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 181 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 182 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 183 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 184 })(window,document,'script','dataLayer','
184GTM-PDRNR6Q4
vendor: 3 bytes, line 184
184');
184</script>
184 185 <!-- End Google Tag Manager --> 186 <!--
186<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4525710191542788" 187 crossorigin="anonymous"></script>
187 --> 188 <!-- Bootstrap CSS --> 189 <!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> --> 190 <link href="https://apollo-news.net/wp-content/uploads/2024/bootstrap/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 191 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 192 <link rel="stylesheet" 193 href="https://fonts.googleapis.com/css?family=Noto%20Serif:300,350,400,500,550,600,700,800,900,1000"> 194 <link rel="stylesheet" 195 href="https://fonts.googleapis.com/css?family=Tinos:400,500,700"> 196 <link rel="preconnect" href="https://fonts.googleapis.com"> 197 198 <link rel="preconnect" href="https://fonts.googleapis.com"> 199<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 200<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Playfair+Display:wght@400&display=swap" rel="stylesheet"> 201<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap" rel="stylesheet"> 202<link href="https://fonts.googleapis.com/css2?family=Unna:ital,wght@1,700&display=swap" rel="stylesheet"> 203<link href="https://fonts.googleapis.com/css2?family=Anton&family=League+Gothic&display=swap" rel="stylesheet"> 204 <link rel="stylesheet" 205 href="https://fonts.googleapis.com/css?family=Poly"> 206 207 <link rel="stylesheet" 208 href="https://fonts.googleapis.com/css?family=Mulish:200,300,400,500,550,600,700,800,900,1000"> 209
209<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/simpleParallax.min.js"></script>
209 210 <!--<no type="text/javascript" src="https://cdn.pixfuture.com/pxft_iel.js?siteid=11437" async></no>--> 211 212 <!--
212<script src="https://tags.refinery89.com/apollonewsnet.js" data-cookieconsent="marketing" async></script>
212--> 213 214
214<script type="text/javascript" src="https://adnz.co/header.js?id=10264" async="async" data-cookieconsent="marketing"></script>
214 215 <!-- analytics for ced --> 216
216<script src="https://www.flashb.id/universal/16edb37b-e80b-58a3-aaf1-f76c87a6e0bc.js" async data-cfasync="false" data-cookieconsent="marketing"></script>
vendor: 1 bytes, line 216
216
217<script type="text/javascript" data-cfasync="false"> 218 window._hbdbrk = window._hbdbrk || []; 219</script>
219 220 <!-- END: analytics for ced --> 221
221<script type="text/javascript"> 222 (function () { 223 // Bei iOS führt das Outbrain Widget zu einer kaputten Seite, wenn der Browser aus dem Hintergrund kommt. 224 const ua = navigator.userAgent || ""; 225 const iOSUA = /iPad|iPhone|iPod/.test(ua); 226 // iPadOS 13+ reports as MacIntel with touch points. 227 const iPadOS = navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1; 228 //if (iOSUA || iPadOS) return; 229 230 const s = document.createElement("script"); 231 s.type = "text/javascript"; 232 s.async = true; 233 s.src = "//widgets.teads-xo.com/outbrain.js"; 234 s.setAttribute("data-cookieconsent", "marketing"); 235 (document.head || document.documentElement).appendChild(s); 236 })(); 237 </script>
237 238 239 240 <!-- Ad-Free Subscriber: --> 241 242
242<script type="text/javascript" data-cookieconsent="ignore"> 243 244 function revokeCookieConsent() { 245 console.log("revoking cookie consent ..."); 246 if (typeof(adFreeSubscription) !== 'undefined') { 247 console.log("revoking ad-free-subscription consent ..."); 248 adFreeSubscription.revoke(); 249 } else if (typeof(Cookiebot) !== 'undefined') { 250 console.log("renewing cookiebot consent ..."); 251 Cookiebot.renew(); 252 } 253 } 254 255 </script>
255 256 257
257<script type="text/javascript" data-cookieconsent="ignore"> 258 if (typeof(navigation) !== 'undefined') { 259 navigation.addEventListener("navigate", e => { 260 const url = e.destination.url; 261 if (!url.includes('mmrtb.com')) { 262 return; 263 } 264 let stack = new Error().stack; 265 console.log("Navigating to: " + e.destination.url, stack); 266 const message = "Navigating to: " + e.destination.url + ", stack trace: " + stack; 267 fetch('https://apollo-news.net/wp-content/themes/new/misc/log.php', { 268 method: 'POST', 269 headers: { 270 'Content-Type': 'application/json' 271 }, 272 body: JSON.stringify({ 273 key: '4582073C-4F0F-477A-99E5-32F650FFB466', 274 message: message 275 }) 276 }); 277 }); 278 } 279 </script>
279 280 281
281<script type="text/javascript" data-cookieconsent="ignore"> 282 283 // Wenn der Leser die Zustimmung für den Liveticker gibt, müssen wir die Seite neu laden, damit der Liveticker die Inhalte anzeigt 284 document.addEventListener('DOMContentLoaded', function () { 285 const embedLiveticker = document.querySelector("[class*='embed-liveticker']"); 286 if (embedLiveticker) { 287 const checkbox = embedLiveticker.querySelector("[class='embed-privacy-input']"); 288 checkbox.addEventListener('change', function () { 289 if (this.checked) { 290 location.reload(); 291 } 292 }); 293 } 294 }); 295 296 window.addEventListener("DOMContentLoaded", (event) => { 297 setContent(); 298 }); 299 300 var doubleClick = false; 301 var overlayOpen = false; 302 303 function setContent() { 304 305 const navbar = document.getElementById("navbar"); 306 if (navbar) { 307 var navheight = navbar.offsetHeight; 308 var overlay_height = (navheight * 1) + 10; 309 //document.getElementById("overlay-content").style.marginTop = overlay_height + "px"; 310 if (navbar.classList.contains("v2")) { 311 document.getElementById("mobile-menu-row").innerHTML = document.getElementById("second-nav").innerHTML; 312 } else { 313 //document.getElementById("overlay-content").innerHTML = document.getElementById("second-nav").innerHTML; 314 } 315 } 316 317 stylesheet = document.styleSheets[0]; 318 // stylesheet.insertRule(".below-nav.js { padding-top: " + navheight + "px;}", 0); // das machen wir jetzt direkt über die css rule below-nav 319 320 const textAnchor = document.getElementById("text-anchor"); 321 if (textAnchor) { 322 textAnchor.style.top = "-" + navheight + "px"; 323 } 324 325 const commentsAnchor = document.getElementById("comments-anchor"); 326 if (commentsAnchor) { 327 commentsAnchor.style.top = "-" + navheight + "px"; 328 } 329 const parallaxRight = document.getElementsByClassName('parallax-to-right'); 330 if (parallaxRight.length > 0) { 331 new simpleParallax(parallaxRight, { 332 orientation: 'left' 333 }); 334 } 335 const parallaxRightCenter = document.getElementsByClassName('parallax-to-right-from-center'); 336 if (parallaxRightCenter.length > 0) { 337 new simpleParallax(parallaxRightCenter, { 338 orientation: 'left' 339 }); 340 } 341 const parallaxLeft = document.getElementsByClassName('parallax-to-left'); 342 if (parallaxLeft.length > 0) { 343 new simpleParallax(parallaxLeft, { 344 orientation: 'right', 345 }); 346 } 347 348 const elview = document.getElementById("sub-progress-bar"); 349 if (elview) { 350 new IntersectionObserver(([entry], observer) => { 351 if (entry.isIntersecting) { 352 elview.classList.add("in-view"); 353 observer.disconnect(); // optional: stop after first trigger 354 } 355 }).observe(elview); 356 } 357 } 358 359 // How long you want the animation to take, in ms 360 const animationDuration = 2000; 361 // Calculate how long each âframeâ should last if we want to update the animation 60 times per second 362 const frameDuration = 1000 / 60; 363 // Use that to calculate how many frames we need to complete the animation 364 const totalFrames = Math.round( animationDuration / frameDuration ); 365 // An ease-out function that slows the count as it progresses 366 const easeOutQuad = t => t * ( 2 - t ); 367 368 // Animation for CountUp 369 const animateCountUpNew = el => { 370 let frame = 0; 371 const countTo = parseInt( el.innerHTML, 10 ); 372 // Start the animation running 60 times per second 373 const counter = setInterval( () => { 374 frame++; 375 const progress = easeOutQuad( frame / totalFrames ); 376 const currentCount = Math.round( countTo * progress ); 377 378 if ( parseInt( el.innerHTML, 10 ) !== currentCount ) { 379 if (currentCount > 999999) { 380 const stringCount = String(currentCount); 381 const newCount = stringCount.substring(0, 1) + " Mio."; 382 //const newCount = stringCount.substring(0, 1) + "," + stringCount.substring(1, 2) + " Mio."; 383 el.innerHTML = newCount; 384 } else { 385 el.innerHTML = currentCount; 386 } 387 } 388 389 if ( frame === totalFrames ) { 390 clearInterval( counter ); 391 392 } 393 }, frameDuration ); 394 }; 395 396 const runAnimations = () => { 397 const countupEls = document.querySelectorAll( '.countup-new' );
398 countupEls.forEach(animateCountUpNew); 399 }; 400 401 function isScrolledIntoView(el) { 402 var rect = el.getBoundingClientRect(); 403 var elemTop = rect.top; 404 var elemBottom = rect.bottom; 405 406 var isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight); 407 return isVisible; 408 } 409 410 function getScrollY() { 411 return (window.scrollY ?? document.documentElement.scrollTop ?? document.body.scrollTop ?? 0); 412 } 413 414 // Gibt an, ob wir bereits einen Scroll-Event in der Warteschlange haben 415 let scrollRafPending = false; 416 // Speichert den letzten Scroll-Wert, um doppelte Aufrufe zu vermeiden 417 let lastScrollY = 0; 418 419 // Cache DOM lookups used in scroll handler 420 let scrollElementCache = null; 421 let hasVisibilityObservers = false; 422 function getScrollElementCache() { 423 if (scrollElementCache) return scrollElementCache; 424 425 scrollElementCache = { 426 navbarsTransparent: Array.from(document.getElementsByClassName("navbar-transparent")), 427 displayCountups: Array.from(document.getElementsByClassName("display-countups")), 428 progressBars: Array.from(document.getElementsByClassName("progress-bar")), 429 bannerBottom: document.getElementById("banner-bottom"), 430 adSideBanner: document.getElementById("ad-side-banner"), 431 scrollAd1: document.getElementById("scroll-ad-1"), 432 scrollAd2: document.getElementById("scroll-ad-2"), 433 }; 434 435 return scrollElementCache; 436 } 437 438 function setupVisibilityObservers() { 439 if (!("IntersectionObserver" in window)) { 440 return; 441 } 442 443 const elementCache = getScrollElementCache(); 444 445 const countupObserver = new IntersectionObserver((entries, observer) => { 446 for (const entry of entries) { 447 if (!entry.isIntersecting) continue; 448 if (entry.target.className.includes("scrolled") == false) { 449 entry.target.classList.add("scrolled"); 450 runAnimations(); 451 } 452 observer.unobserve(entry.target); 453 } 454 }, { threshold: 0 }); 455 456 for (let i = 0; i < elementCache.displayCountups.length; i++) { 457 countupObserver.observe(elementCache.displayCountups[i]); 458 } 459 460 const progressObserver = new IntersectionObserver((entries, observer) => { 461 for (const entry of entries) { 462 if (!entry.isIntersecting) continue; 463 entry.target.classList.add("fill"); 464 observer.unobserve(entry.target); 465 } 466 }, { 467 threshold: 0, 468 rootMargin: "0px 0px -150px 0px", 469 }); 470 471 for (let i = 0; i < elementCache.progressBars.length; i++) { 472 progressObserver.observe(elementCache.progressBars[i]); 473 } 474 475 hasVisibilityObservers = true; 476 } 477 478 function onScroll() { 479 if (overlayOpen === true) return; 480 481 lastScrollY = getScrollY(); 482 if (scrollRafPending) return; 483 scrollRafPending = true; 484 485 window.requestAnimationFrame(() => { 486 scrollRafPending = false; 487 scrollFunctionWithY(lastScrollY); 488 }); 489 } 490 491 // Mit passive: true wird dem Browser signalisiert, dass dieser Event-Handler niemals den Scroll-Ablauf blockiert (sprich: event.preventDefault aufruft) 492 window.addEventListener("scroll", onScroll, { passive: true }); 493 494 // Sicherstellen, dass wir den Scroll-Status beim Laden der Seite korrekt setzen 495 window.addEventListener("DOMContentLoaded", () => { 496 // build cache once DOM is ready 497 getScrollElementCache(); 498 setupVisibilityObservers(); 499 scrollFunctionWithY(getScrollY()); 500 }); 501 502 // Backwards-compat wrapper (e.g. used from loadModal) 503 function scrollFunction() { 504 scrollFunctionWithY(getScrollY()); 505 } 506 507 function scrollFunctionWithY(y) { 508 const elementCache = getScrollElementCache(); 509 510 if (y > 10) { 511 const navbar_transparent = elementCache.navbarsTransparent; 512 for (let i = 0; i < navbar_transparent.length; i++) { 513 if (navbar_transparent[i].className.includes("new-cover")) { 514 if (screen.width < 820 || screen.width == 820) { 515 navbar_transparent[i].className = "navbar fixed-top scroll-navbar navbar-transparent"; 516 } 517 } else { 518 navbar_transparent[i].className = "navbar fixed-top scroll-navbar navbar-transparent"; 519 } 520 } 521 } else { 522 const navbar_transparent = elementCache.navbarsTransparent; 523 for (let i = 0; i < navbar_transparent.length; i++) { 524 if (navbar_transparent[i].className.includes("new-cover")) { 525 if (screen.width < 820 || screen.width == 820) { 526 navbar_transparent[i].className = "navbar fixed-top cover-navbar navbar-transparent";
527 } 528 } else { 529 navbar_transparent[i].className = "navbar fixed-top cover-navbar navbar-transparent"; 530 } 531 } 532 } 533 534 if (!hasVisibilityObservers) { 535 const display_countups = elementCache.displayCountups; 536 for (let i = 0; i < display_countups.length; i++) { 537 if (isScrolledIntoView(display_countups[i]) && display_countups[i].className.includes("scrolled") == false) { 538 display_countups[i].classList.add("scrolled"); 539 runAnimations(); 540 } 541 } 542 543 const progress_bars = elementCache.progressBars; 544 for (let i = 0; i <progress_bars.length; i++) { 545 var windowHeight = window.innerHeight; 546 var elementTop = progress_bars[i].getBoundingClientRect().top; 547 var elementVisible = 150; 548 if (elementTop < windowHeight - elementVisible) { 549 progress_bars[i].classList.add("fill"); 550 } 551 } 552 } 553 554 if (y > 70) { 555 var banner = elementCache.bannerBottom; 556 if (banner) { 557 banner.classList.add("show-banner"); 558 } 559 } 560 if (y > 750) { 561 var banner = elementCache.adSideBanner; 562 if (banner) { 563 banner.classList.add("show-banner"); 564 } 565 } 566 567 if (y > 800) { 568 var banner = elementCache.scrollAd1; 569 if (banner) { 570 banner.classList.add("active"); 571 } 572 } else { 573 var banner = elementCache.scrollAd1; 574 if (banner) { 575 if (banner.classList.contains("active")) { 576 banner.classList.remove("active"); 577 } 578 } 579 } 580 if (y > 2300) { 581 var banner = elementCache.scrollAd1; 582 if (banner) { 583 banner.classList.add("inactive"); 584 } 585 } else { 586 var banner = elementCache.scrollAd1; 587 if (banner) { 588 if (banner.classList.contains("inactive")) { 589 banner.classList.remove("inactive"); 590 } 591 } 592 } 593 if (y > 3500) { 594 var banner = elementCache.scrollAd2; 595 if (banner) { 596 banner.classList.add("active"); 597 } 598 } else { 599 var banner = elementCache.scrollAd2; 600 if (banner) { 601 if (banner.classList.contains("active")) { 602 banner.classList.remove("active"); 603 } 604 } 605 } 606 if (y > 5000) { 607 var banner = elementCache.scrollAd2; 608 if (banner) { 609 banner.classList.add("inactive"); 610 } 611 } else { 612 var banner = elementCache.scrollAd2; 613 if (banner) { 614 if (banner.classList.contains("inactive")) { 615 banner.classList.remove("inactive"); 616 } 617 } 618 } 619 } 620 621 function scrollToElement(elementId, offset) { 622 var element = document.getElementById(elementId); 623 if (!element){ 624 return; 625 } 626 627 var headerOffset = document.getElementById("navbar").offsetHeight; 628 var elementPosition = element.getBoundingClientRect().top; 629 var offsetPosition = elementPosition + window.pageYOffset - headerOffset; 630 if (offset) { 631 offsetPosition += offset; 632 } 633 634 window.scrollTo({ 635 top: offsetPosition, 636 behavior: "smooth" 637 }); 638 } 639 640 function closeSideBanner() { 641 var banner = document.getElementById("ad-side-banner"); 642 if (banner) { 643 banner.classList.add("banner-closed"); 644 } 645 } 646 647 function loadModal(event) { 648 if (doubleClick == false) { 649 if (overlayOpen == false) { 650 document.getElementById("overlay").style.display = "block"; 651 overlayOpen = true 652 const navbar_transparent = document.getElementsByClassName("navbar-transparent"); 653 for (let i = 0; i < navbar_transparent.length; i++) { 654 var v2 = false; 655 if (navbar_transparent[i].classList.contains("v2")) { 656 v2 = true; 657 } 658 navbar_transparent[i].className = "navbar fixed-top scroll-navbar navbar-transparent"; 659 if (v2) { 660 navbar_transparent[i].classList.add("v2"); 661 navbar_transparent[i].classList.add("v2-over"); 662 } 663 } 664 } else { 665 document.getElementById("overlay").style.display = "none"; 666 scrollFunction(); 667 overlayOpen = false; 668 } 669 doubleClick = true; 670 } else { 671 doubleClick = false; 672 } 673 } 674 </script>
674 675 <style> 676 677/* .wpd-vote { 678 display: none !important; 679} 680 681.wpd-textarea-wrap { 682 display: none !important; 683} 684 685.wpdiscuz-textarea-wrap::before { 686 content: 'Aufgrund von Wartungsarbeiten ist die Kommentarfunktion temporär deaktiviert.'; 687} 688 689.wpd-reply-button { 690 display: none !important; 691} */ 692 693/* Outbrain Overlay fix */ 694/* .ob-inter-modal, 695.ob-inter-open, 696.ob-inter-scrollable { 697 display: none !important; 698} */ 699 700body { 701 background-color: #ffffff; 702 font-family: "Mulish"; 703} 704 705.hide-overflow { 706 overflow: hidden; 707} 708 709#container { 710 position: relative; 711 z-index: 1029; 712 background-color: #ffffff; 713} 714.behind-v2-container.shadows { 715 background-color: rgba(17, 17, 26, 0.07); /* rgba(17, 17, 26, 0.15); rgba(17, 17, 26, 0.01); */ 716} 717.v2-full-campaign-ad { 718 width: 100vw; 719 height: calc(100vh - 85.5px - 1rem); 720 position: fixed; 721 top: calc(85.5px + 1rem); 722 z-index: 0; /* Ensures they stay behind */ 723background-size: cover; 724background-position: center top; 725background-repeat: no-repeat; 726} 727 728 729.v2-full-campaign-ad a { 730 pointer-events: auto; 731 display: block; 732 width: 100%; 733 height: 100%; 734 position: absolute; 735 top: 0; 736 left: 0; 737} 738.v2-full-campaign-ad a.only-desktop { 739 display: block; 740} 741.v2-full-campaign-ad a.only-mobile { 742 display: none; 743} 744.v2-full-campaign-ad-part { 745 width: 100%; 746 height: 200px; 747} 748.v2-full-campaign-ad-part a { 749 pointer-events: auto; 750 display: block; 751 width: 100%; 752 height: 100%; 753} 754.v2-full-campaign-front-ad { 755top: calc(85px + 0.5rem + 0.5rem + 0.5px ); 756z-index: 1; 757position: fixed; 758width: 970px; 759margin-left: calc(-485px + 50vw); 760margin-right: calc(-485px + 50vw); 761} 762 763.v2-full-ad-text.front { 764position: fixed; 765z-index: 2; 766top: calc(85px + 0.5rem + 0.5rem + 0.5px ); 767margin-left: auto; 768margin-right: auto; 769justify-content: center; 770width: 100%; 771} 772 773.article-content .article-content-form { 774 margin-left: auto; 775 margin-right: auto; 776 width: min(680px, 100%); 777 padding-left: var(--bs-gutter-x, .75rem); 778 padding-right: var(--bs-gutter-x, .75rem); 779 box-sizing: border-box; 780} 781 782/* Keep Contact Form 7 controls inside the form on narrow screens */ 783.article-content-form .mt-4 p { 784 position: relative; 785 margin-bottom: 0; 786} 787
788.article-content-form .wpcf7-submit { 789 width: 100%; 790} 791 792.article-content-form .wpcf7-spinner { 793 position: absolute; 794 top: 50%; 795 right: 20px; 796 transform: translateY(-50%); 797 margin: 0; 798} 799/* --- End Contact Form 7 Submit Button --- */ 800 801.v2-ad-left, .v2-ad-right { 802 position: fixed; 803 top: 0; 804 width: calc((100vw - 970px) / 2); /* Adjust based on ad size */ 805 height: 100%; /* Full height */ 806 z-index: 0; /* Ensures they stay behind */ 807 background-repeat: no-repeat; 808 background-position: center; 809 background-size: 100% auto; 810 background-color: transparent; 811 /* background-size: cover; 812 background-position: center; 813 background-repeat: no-repeat; */ 814} 815.v2-ad-left { 816 left: 0; 817} 818.v2-ad-right { 819 right: 0; 820} 821 822.v2-ad-left.campaign, .v2-ad-right.campaign { 823 824 height: 100%; 825} 826.v2-ad-left.campaign a, .v2-ad-right.campaign a { 827 display: block; 828 width: 100%; 829 height: 100%; 830 position: absolute; 831 top: 0; 832 left: 0; 833 834} 835.v2-ad-side-box { 836 width: calc(100% - 2rem); 837 margin-left: 1rem; 838 margin-right: 1rem; 839} 840#scroll-ad-1.v2-ad-right { 841 top: calc(800px); 842 position: absolute; 843} 844#scroll-ad-1.v2-ad-right.active { 845 position: fixed; 846 top: 0; 847} 848#scroll-ad-1.v2-ad-right.active.inactive { 849 top: calc(2300px); 850 position: absolute; 851} 852 853 854#scroll-ad-2.v2-ad-right { 855 top: calc(3500px); 856 position: absolute; 857} 858#scroll-ad-2.v2-ad-right.active { 859 position: fixed; 860 top: 0; 861} 862#scroll-ad-2.v2-ad-right.active.inactive { 863 top: calc(5000px); 864 position: absolute; 865} 866 867.v2-ad-side-img { 868 width: 100%; 869 height: auto; 870} 871.campaign .v2-ad-side-text { 872 text-align: center; 873 width: 100%; 874 bottom: 0.5rem; 875 position: absolute; 876} 877 878.v2-full-ad-text { 879 text-align: center; 880 padding-top: 0.5rem; 881 color: white; 882} 883.campaign .v2-ad-side-text.light, .v2-full-ad-text.light { 884 color: white; 885} 886 887.v2-ad-side-text, .v2-full-ad-text { 888 font-size: 0.7rem; 889 margin-bottom: 0.1rem; 890 text-align: center; 891} 892.v2-ad-side-text { 893 color: transparent; 894} 895.ad-interactive { 896 background-color: #A6C1A5; 897 width: 970px; 898 height: 250px; 899 margin-bottom: 1.5rem; 900} 901.breaking-news-container { 902 top: 0; 903 color: white; 904 position: fixed; 905 z-index: 2; 906 overflow: hidden; 907 height: auto; 908 width: 100%; 909} 910.alert-container { 911 bottom: 0; 912 color: white; 913 position: fixed; 914 overflow: hidden; 915 height: auto; 916 width: 100%; 917 z-index: 1000; 918} 919.alert-container:has(.alert-slide-hidden) { 920 //display: none; 921 height: 0; 922 overflow: hidden; 923 padding: 0; 924 margin: 0; 925} 926/* .alert-container:has(.alert-slide-visible) { z-index: 1000; } */ 927.alert-slide-hidden { 928 transform: translateY(100%); 929 transition: transform 0.5s ease-in-out; 930} 931 932.alert-slide-visible { 933 transform: translateY(0); 934 transition: transform 0.5s ease-in-out; 935} 936.breaking-news-notification, .alert-notification { 937 padding-left: calc((100vw - 970px)/2); 938 padding-right: calc((100vw - 970px)/2); 939 color: white; 940 background-color: #02162B; 941 display: flex; 942 justify-content: space-between; 943} 944.breaking-news-notification.yellow, Â .alert-notification.yellow { 945 color: #02162B; 946 background-color: #EEC54B; 947} 948.breaking-news-notification.yellow a, .alert-notification.yellow a { 949 color: #02162B; 950} 951.breaking-news-notification.yellow .blink-icon, .alert-notification.yellow .blink-icon { 952 color: #02162B; 953} 954.breaking-news-notification.extra-banner { 955 /*margin-top: 0.75rem; 956 max-width: 970px; 957 border-radius: 4px; 958 margin-left: calc((100vw - 970px)/2 + 0.75rem); 959 margin-right: calc((100vw - 970px)/2 + 0.75rem); 960 padding-left: 0; 961 padding-right: 0;*/ 962 padding-left: calc((100vw - 970px)/2); 963 padding-right: calc((100vw - 970px)/2); 964 margin-bottom: 2.5rem; 965 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; 966} 967.alert-notification.extra-banner { 968 padding-left: calc((100vw - 970px)/2); 969 padding-right: calc((100vw - 970px)/2); 970} 971 972.alert-notification.extra-banner.full-banner { 973 padding-left: calc((100vw - 1200px)/2); 974padding-right: calc((100vw - 1200px)/2); 975position: relative; 976} 977.alert-notification.full-banner .alert-close { 978 position: absolute; 979 top: 0; 980 right: 0; 981} 982.alert-notification.full-banner .alert-close a { 983 color: #ffffff; 984 font-size: 22px; 985} 986.full-banner-img-desk { 987height: 140px; 988width: auto; 989} 990.full-banner-img-mobile { 991 display: none; 992 width: 100%; 993 aspect-ratio: 2.75 / 1; 994 object-fit: cover; 995} 996.breaking-news-content, .alert-content { 997 display: block; 998} 999.breaking-news-close, .alert-close { 1000 display: block; 1001 height: 100%; 1002 right: 0; 1003} 1004.breaking-news-notification p { 1005 margin-bottom: 0; 1006 padding-top: 0.5rem; 1007 padding-bottom: 0.5rem; 1008 padding-left: 0.5rem; 1009 padding-right: 0.5rem; 1010} 1011.alert-notification p { 1012 margin-bottom: 0; 1013 padding-top: 0.5rem; 1014 padding-bottom: 0.5rem; 1015 padding-left: 0.5rem; 1016 padding-right: 0.5rem; 1017} 1018.breaking-news-notification a, .alert-notification a { 1019 color: white; 1020 text-decoration: none; 1021} 1022.breaking-news-notification .breaking-news-close a, .alert-notification .alert-close a { 1023 color: #3D5267; 1024} 1025 1026.breaking-news-notification a:hover, .alert-notification a:hover { 1027 opacity: 0.8; 1028} 1029 1030.breaking-news-wrap { 1031 overflow: hidden; 1032 height: 30px; 1033 width: 100%; 1034 top: 101.5px; 1035 position: fixed; 1036 background-color:#02162B; 1037 z-index: 1; 1038} 1039
1040.breaking-news-headline { 1041 text-decoration: none; 1042 height: 30px; 1043 display: block; 1044 color: #EEC54B; 1045 padding: 5px 5px 5px 5px; 1046 font-weight: bold; 1047} 1048 1049.breaking-news-title { 1050 display: block; 1051 text-decoration: none; 1052 color: #EEC54B; 1053 height: 30px; 1054 width: 120px; 1055 text-align: center; 1056 position: absolute; 1057 z-index: 10; 1058} 1059 1060.breaking-news-marquee { 1061 margin: 0; 1062 padding-left: 100vw; //600px; 1063 display: inline-block; 1064 white-space: nowrap; 1065 animation-name: breaking-news-marquee; 1066 animation-timing-function: linear; 1067 animation-duration: 5s; 1068 animation-iteration-count: infinite; 1069} 1070 1071@keyframes breaking-news-marquee { 1072 from { 1073 transform: translate(0%); 1074 } 1075 99%, to { 1076 transform: translate(-100%); 1077 } 1078} 1079 1080.ap-liveticker-card::before { 1081content: ""; 1082position: absolute; 1083width: 2rem; 1084height: 1rem; 1085background: white; 1086border-radius: 4px; 1087left: calc(-1rem - 1px); 1088border: 2px solid black; 1089top: 0; 1090} 1091.ap-liveticker-description { 1092 font-style: italic; 1093} 1094.ap-liveticker-date { 1095 margin-bottom: 0.25rem; 1096 font-size: 1rem; 1097 font-weight: 400; 1098 margin-top: -1px; 1099} 1100 1101.ap-liveticker-card .title { 1102 padding-top: 0; 1103 margin-top: 0; 1104position: relative; 1105 font-size: 2rem; 1106 font-weight: 800; 1107 1108 word-break: break-word; 1109 -webkit-hyphens: auto; 1110 -moz-hyphens: auto; 1111 -ms-hyphens: auto; 1112 hyphens: auto; 1113 word-break: auto-phrase; 1114 -webkit-hyphenate-limit-before: 10; 1115} 1116 1117.ap-liveticker-card .title .main { 1118 top: -0.5rem; 1119} 1120 1121 1122 1123.ap-liveticker-card-info { 1124display: flex; 1125flex-direction: column; 1126} 1127 1128.ap-liveticker-card { 1129position: relative; 1130margin: 0 0 0px 30px; 1131padding: 0 0 2.5rem 2.5rem; 1132border-left: 2px solid black; 1133width: 680px; 1134margin-right: 73px; 1135} 1136.ap-liveticker-card:last-child { 1137padding-bottom: 1rem; 1138margin-bottom: 1.5rem; 1139} 1140.ap-liveticker-card img { 1141 width: 100% !important; 1142 margin-left: auto; 1143 margin-right: auto; 1144} 1145.ap-liveticker-card p { 1146 font-family: 'Tinos'; 1147 font-size: 19px; 1148 line-height: 32px; 1149 font-weight: 400; 1150} 1151.v2-container .article-content .ap-liveticker-card .wp-block-embed { 1152 padding-left: 0; 1153 padding-right: 0; 1154} 1155 1156.ap-liveticker-timeline { 1157background: white; 1158max-width: 800px; 1159margin-left: auto; 1160margin-right: auto; 1161margin-top: 1.5rem; 1162} 1163 1164.ap-timeline-separator { 1165 margin-top: 1.5rem; 1166 margin-bottom: 1.5rem; 1167} 1168 1169 1170@media screen and (max-width: 1200px) { 1171 .only-desk { 1172 display: none; 1173 } 1174 .full-banner-img-desk { 1175display: none; 1176} 1177.full-banner-img-mobile { 1178 display: block; 1179} 1180 1181 .v2-ad-left, 1182 .v2-ad-right { 1183 display: none; 1184 } 1185 1186 .election-block .col-md-8 { 1187 width: 100%; 1188 } 1189 .election-block .col-md-4 { 1190 width: 100%; 1191 } 1192} 1193 1194 1195.nord-vpn { 1196text-align:center; 1197margin-top:1rem; 1198margin-bottom:1rem; 1199} 1200 1201.nord-vpn img { 1202max-width: 500px; 1203} 1204.fr-logo-alert-mobile { 1205 display: grid; place-items: center; height: 100%; } 1206 1207.payment-nav { 1208 margin-bottom: 0px; 1209 } 1210 1211 .payment-nav.block { 1212 margin-bottom: 0px; 1213 } 1214 1215 .payment-nav-content { 1216 margin-top: 0px; 1217 } 1218 1219 .payment-nav-content .block { 1220 margin-top: 0px; 1221 border-top-right-radius: 0px; 1222 border-top-left-radius: 0px; 1223 } 1224 1225 .nav-tabs { 1226 border: 0px; 1227 } 1228 1229 .nav-tabs .nav-link.active { 1230 color: #EEC54B; 1231 background-color: #02162B; 1232 border: 0px; 1233 } 1234 1235 .nav-tabs .nav-link { 1236 color: #ffffff; 1237 background-color: #02162B; 1238 border: 0px; 1239 } 1240 1241 .pay-area.block { 1242 padding: 1rem 1rem 1rem 1rem; 1243 } 1244 1245 .pay-area .btn.pay { 1246 width: 100%; 1247 margin-top: 0.4rem; 1248 font-size: 1.2rem; 1249 margin-bottom: 0.8rem; 1250 } 1251 1252 .pay-area .btn.pay.continue { 1253 margin-bottom: 0rem; 1254 } 1255 1256 .pay-area-form { 1257 margin-top: 0.5rem; 1258 } 1259 1260 .preview-payment-methods { 1261 display: flex; 1262 flex-direction: row; 1263 gap: 0.5rem; 1264 margin: 0.5rem 0 0.5rem 0; 1265 } 1266 1267 .preview-payment-method { 1268 color: #ACB3BA; 1269 /* border: 1px solid gray; */ 1270 /* padding: 0.1rem 0.8rem 0.1rem 0.8rem; */ 1271 border-radius: 4px; 1272 } 1273 1274 .payment-form { 1275 position: relative; 1276 } 1277 1278 .payment-form button[type=submit], 1279 .pay-area-form button[type=submit] { 1280 background-color: #EEC54B; 1281 } 1282 1283 .payment-form button[type=submit]:hover, 1284 .pay-area-form button[type=submit]:hover { 1285 background-color: #D5B143; 1286 } 1287 1288 .customer-data-container { 1289 display: flex; 1290 flex-direction: column; 1291 margin: 0.6rem 0 0.6rem 0; 1292 } 1293 1294 .payment-spinner { 1295 width: 1.2rem; 1296 height: 1.2rem; 1297 } 1298 1299 .payment-form-overlay { 1300 position: absolute; 1301 top: 0; 1302 right: 0; 1303 height: 100%; 1304 width: 100%; 1305 background: black; 1306 opacity: .8; 1307 z-index: 1000; 1308 } 1309 1310.block.t .non-profit-title { 1311 margin-top: 0.35rem; 1312 margin-bottom: 1rem; 1313} 1314.block.only-text-non-profit p:last-child { 1315 margin-bottom: 0; 1316} 1317.block.only-text-non-profit { 1318 margin-top: -0.5rem; 1319} 1320.block.white.no-borders { 1321 border: 0; 1322} 1323.block.white.no-padding { 1324 padding: 0; 1325} 1326.pay-area.non-profit hr { 1327 margin: 0 auto; 1328 width:50%; 1329} 1330.pay-area.non-profit .btn.pay { 1331 background-color: #2374B1; 1332 color: white; 1333 text-decoration-line: none; 1334} 1335.pay-area.non-profit .btn.pay:hover { 1336 background-color: #1E6397; 1337} 1338.pay-area.non-profit .btn.pay.info { 1339 margin-top: 0.8rem; 1340 background-color: white; 1341 color: #02162B; 1342 border: 1px solid #02162B; 1343} 1344.pay-area.non-profit .btn.pay.info:hover { 1345 background-color: #F2F3F4; 1346 color: #02162B; 1347} 1348.pay-area.non-profit .btn.pay.continue { 1349 background-color: #EEC54B; 1350 color: #02162B; 1351 border: 0; 1352} 1353.pay-area.non-profit .btn.pay.continue:hover { 1354 background-color: #D5B143; 1355 color: #02162B; 1356} 1357 1358.block.white.election-block { 1359 width: 100%; 1360 padding-top: 0.25rem; 1361 padding-right: 1rem; 1362 padding-left: 1.5rem; 1363} 1364 1365body.blog, 1366body.single, 1367body.blog.RECOD3_BODYVideoSmartitial, 1368body.single.RECOD3_BODYVideoSmartitial, 1369body.blog.RECOD3_BODYStaticSmartitial, 1370body.single.RECOD3_BODYStaticSmartitial{ 1371 overflow: auto !important; 1372} 1373body[class*='Smartitial'] { 1374 overflow: auto !important; 1375} 1376#RECOD3_59111514kntch205382021_Smartitial { 1377display: none; 1378} 1379[id*='Smartitial'] { 1380 display: none !important; 1381} 1382 1383.author.vcard { 1384 width: auto 1385} 1386 1387.below-nav { 1388 padding-top: calc(100px + 0.5rem + 0.5rem); /* Höhe des Bildes + Padding der navbar */ 1389} 1390.below-nav.v2 { 1391 padding-top: calc(85px + 0.5rem + 0.5rem + 0.5px); /* Höhe des Bildes + Padding der navbar */ 1392} 1393.overlay-content { 1394 margin-top: calc(85px + 0.5rem + 0.5rem + 0.5px + 10px); 1395} 1396 1397a>.img-fr-menu { 1398display: inline; 1399} 1400a>
1400.img-fr-menu-hover { 1401display: none; 1402} 1403 1404.img-fr-menu.large-icon, .img-fr-menu-hover.large-icon { 1405max-height: 40px; 1406} 1407 1408.img-fr-menu.small-icon, .img-fr-menu-hover.small-icon { 1409max-height: 20px; 1410margin-bottom: 2px; 1411} 1412 1413a:hover>.img-fr-menu-hover { 1414display: inline; 1415} 1416a:hover>.img-fr-menu { 1417display: none; 1418} 1419 1420.burgermenu { 1421 display: flex; 1422 flex-direction: column; 1423 width: 40px; 1424 cursor: pointer; 1425} 1426 1427.burgermenu span { 1428 border-radius: 5.7px; 1429 height: 4px; 1430 margin: 4px 0; 1431 transition: .3s cubic-bezier(0.68, -0.6, 0.32, 1.6); 1432} 1433 1434 1435 1436.dark-link { 1437 color: #212529; 1438 text-decoration: none; 1439} 1440 1441.dark-link:hover, .dark-link:hover .article-subtitle { 1442 color: #7f7679; 1443} 1444 1445 1446.blobs-container { 1447 display: flex; 1448 justify-content: center; /* Centers items horizontally */ 1449 align-items: center; 1450 min-height: 300px; 1451} 1452 1453.blob { 1454 background: black; 1455 border-radius: 50%; 1456 box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); 1457 margin: 10px; 1458 height: 20px; 1459 width: 20px; 1460 transform: scale(1); 1461 animation: pulse-black 2s infinite; 1462 1463} 1464 1465.blob.blue { 1466 background: rgba(2,22,43, 1); 1467 box-shadow: 0 0 0 0 rgba(2,22,43, 1); 1468 animation: pulse-blue 2s infinite; 1469} 1470 1471@keyframes pulse-blue { 1472 0% { 1473 transform: scale(0.95); 1474 box-shadow: 0 0 0 0 rgba(2,22,43, 0.7); 1475 } 1476 1477 70% { 1478 transform: scale(1); 1479 box-shadow: 0 0 0 10px rgba(2,22,43, 0); 1480 } 1481 1482 100% { 1483 transform: scale(0.95); 1484 box-shadow: 0 0 0 0 rgba(2,22,43, 0); 1485 } 1486} 1487/* 1488div[data-publisher-slot="intext"] { 1489 display: none; 1490 margin: 10px auto; 1491 } */ 1492@media screen and (max-width: 480px) { 1493 div[data-publisher-slot="intext"].device-mobile { 1494 display: flex !important; 1495 width: 100%; 1496 min-height: 360px; 1497 } 1498} 1499@media screen and (min-width: 481px) and (max-width: 769px) { 1500 div[data-publisher-slot="intext"].device-tablet { 1501 display: flex !important; 1502 width: 100%; 1503 min-height: 360px; 1504 } 1505} 1506@media screen and (min-width: 770px) { 1507 div[data-publisher-slot="intext"].device-desktop { 1508 display: flex !important; 1509 width: 100%; 1510 min-height: 620px; 1511 } 1512} 1513 1514 1515.screenshot img { 1516 --b: 4px; 1517 /* border thickness*/ 1518 --s: 60px; 1519 /* size of the corner*/ 1520 --g: 14px; 1521 /* the gap*/ 1522 --c: #02162B; 1523 padding: calc(var(--b) + var(--g)); 1524 background-image: 1525 conic-gradient(from 90deg at top var(--b) left var(--b), #0000 25%, var(--c) 0), 1526 conic-gradient(from -90deg at bottom var(--b) right var(--b), #0000 25%, var(--c) 0); 1527 background-position: 1528 var(--_p, 0%) var(--_p, 0%), 1529 calc(100% - var(--_p, 0%)) calc(100% - var(--_p, 0%)); 1530 background-size: var(--s) var(--s); 1531 background-repeat: no-repeat; 1532 cursor: pointer; 1533 transition: 1534 background-position .3s var(--_i, .3s), 1535 background-size .3s calc(.3s - var(--_i, .3s)); 1536} 1537 1538.screenshot.vertical img { 1539 max-height: 450px; 1540 object-fit: contain !important; 1541} 1542 1543.screenshot img.alt { 1544 background-image: 1545 conic-gradient(from 180deg at top var(--b) right var(--b), #0000 25%, var(--c) 0), 1546 conic-gradient(from 0deg at bottom var(--b) left var(--b), #0000 25%, var(--c) 0); 1547 background-position: 1548 calc(100% - var(--_p, 0%)) var(--_p, 0%), 1549 var(--_p, 0%) calc(100% - var(--_p, 0%)); 1550} 1551 1552.screenshot img:hover { 1553 background-size: calc(100% - var(--g)) calc(100% - var(--g)); 1554 --_p: calc(var(--g)/2); 1555 --_i: 0s; 1556} 1557 1558.col-4.large-only-desktop { 1559 width: 100%; 1560} 1561 1562.col-8.large-only-desktop { 1563 width: 100%; 1564 padding-top: 1rem; 1565} 1566 1567.social-share-buttons a, .social-share-buttons a:focus, .social-share-buttons a:active, .social-share-buttons a:hover, .social-share-buttons a:visited { 1568text-decoration: none; 1569color: #6c757d; 1570} 1571 1572.comments-info a, .comments-info a:focus, .comments-info a:active, .comments-info a:hover, .comments-info a:visited { 1573text-decoration: none; 1574color: #6c757d; 1575} 1576 1577.progress.sub { 1578 display: flex; 1579 border-radius: 4px; 1580 background-color: #3D5267; 1581 /* border: 1px solid #2374B1; */ 1582 height: 37px; 1583 width: 100%; 1584} 1585.progress.sub.inside-alert { 1586 height: 6px; 1587} 1588 1589.progress-title { 1590 font-size: 2rem; 1591 font-weight: 800; 1592 margin-bottom: 0.35rem; 1593} 1594 1595.progress-bar.sub { 1596 background-color: #EEC54B; 1597 width: 0%; 1598 transition: width 0.7s ease-in-out;
1599 color: transparent; 1600 font-size: 1rem; 1601 font-weight: 800; 1602} 1603.progress-bar.sub .progress-bar-text, .progress-bar.sub.fill .progress-bar-text { 1604 opacity: 0; 1605 transition: opacity 3s cubic-bezier(.4, 0, 1, 1); 1606 color: #02162B; 1607} 1608.newsletter.block #mergeRow-gdpr { 1609 display: none; 1610} 1611.newsletter.block #mergeRow-gdpr p { 1612 margin-bottom: 0; 1613} 1614.newsletter.block { 1615 padding-left: 0.5rem; 1616 padding-right: 0.5rem; 1617 padding-top: 0.75rem; 1618 padding-bottom: 0.75rem; 1619} 1620.newsletter.block.white { 1621 background-color: white; 1622 border: 1px dotted black; 1623 color: #212529; 1624 border-radius: 0; 1625} 1626.newsletter-page-logo { 1627 border-top: 2px solid black; 1628 border-bottom: 2px solid black; 1629 text-align: center; 1630} 1631.newsletter-page-logo img { 1632 width: 100%; 1633 height: auto; 1634} 1635.newsletter-box-header { 1636 display: flex; 1637align-items: center; 1638width: fit-content; 1639 margin-bottom: 1rem; 1640 margin-top: 0.5rem; 1641} 1642.newsletter-box-header img { 1643max-height: 85px; 1644 margin-left: 0.25rem; 1645} 1646.newsletter-box-header .newsletter-title-box { 1647width: fit-content; 1648margin-left: 1rem; 1649height: 60px; 1650display: flex; 1651align-items: center; 1652} 1653.friends-home.block { 1654 height: fit-content; 1655 display: block; 1656 border-radius: 0; 1657 padding: 0; 1658} 1659.friends-article.block { 1660 padding: 1rem; 1661 border-radius: 4px; 1662} 1663.article-content .friends-article.block.wide, 1664.v2-container .article-content .friends-article.block.wide { 1665 padding: 1rem; 1666 border-radius: 0; 1667 width: 100%; 1668 margin-left: 0; 1669 margin-right: 0; 1670} 1671.friends-article.block.has-author:not(.has-media), 1672.article-content .friends-article.block.has-author:not(.has-media), 1673.v2-container .article-content .friends-article.block.has-author:not(.has-media) { 1674 padding-top: 2rem; 1675 padding-bottom: 2rem; 1676} 1677.friends-article.block.has-media, 1678.article-content .friends-article.block.has-media, 1679.v2-container .article-content .friends-article.block.has-media { 1680 padding: 0; 1681 border-radius: 0; 1682} 1683.friends-article.has-media .col-md-4 { 1684 position: relative; 1685 aspect-ratio: 16 / 9; 1686 overflow: hidden; 1687} 1688.friends-article.has-media .col-md-4 > img, 1689.friends-article.has-media .col-md-4 > iframe { 1690 position: absolute; 1691 inset: 0; 1692 width: 100%; 1693 height: 100%; 1694 object-fit: cover; 1695 display: block; 1696 border: 0; 1697} 1698.friends-article-onetime-mobile { 1699 display: none; 1700} 1701@media screen and (max-width: 820px) { 1702 .friends-article.block { 1703 border-radius: 0; 1704 } 1705 .friends-article-onetime-desktop { 1706 display: none; 1707 } 1708 .friends-article-onetime-mobile { 1709 display: inline; 1710 } 1711 .friends-article-actions { 1712 flex-wrap: nowrap; 1713 } 1714 .article-content .friends-article.block a.btn-nav-support, 1715 .v2-container .article-content .friends-article.block a.btn-nav-support { 1716 white-space: nowrap; 1717 padding-left: 0.55rem; 1718 padding-right: 0.55rem; 1719 } 1720} 1721.friends-article.has-author .friends-article-author-label, 1722.article-content .friends-article.has-author .friends-article-author-label, 1723.v2-container .article-content .friends-article.has-author .friends-article-author-label { 1724 margin: 0 0 1rem; 1725 font-size: 1.5rem; 1726 font-weight: 400; 1727 line-height: 1.3; 1728 color: white; 1729} 1730.friends-article.has-author h3, 1731.article-content .friends-article.has-author h3, 1732.v2-container .article-content .friends-article.has-author h3 { 1733 font-size: 1.5rem; 1734 font-weight: 200; 1735 line-height: 1.35; 1736 margin-bottom: 0; 1737} 1738.friends-article.has-author .friends-article-heading-lead { 1739 font-weight: 800; 1740} 1741.friends-article.has-author .friends-article-heading-rest { 1742 font-weight: 200; 1743} 1744.friends-article.has-author .friends-article-heading-highlight { 1745 color: #EEC54B; 1746} 1747.friends-article.has-author .friends-article-author-row { 1748 align-items: stretch; 1749} 1750.friends-article.has-author .friends-article-author-col { 1751 display: flex; 1752 flex-direction: column; 1753 align-items: flex-start; 1754 border-right: 1px solid rgba(255, 255, 255, 0.25); 1755 padding-right: 1rem; 1756} 1757.friends-article.has-author:not(.has-media) .friends-article-author-col, 1758.friends-article.has-author:not(.has-media) .friends-article-heading-col { 1759 padding-bottom: 0; 1760} 1761@media screen and (min-width: 821px) { 1762 .friends-article.has-author:not(.has-media) .friends-article-author-col, 1763 .friends-article.has-author:not(.has-media) .friends-article-heading-col { 1764 padding-top: 0; 1765 } 1766} 1767.friends-article.has-author .friends-article-heading-col { 1768 display: flex; 1769 flex-direction: column; 1770 justify-content: center; 1771 padding-left: 1rem; 1772} 1773.friends-article.has-author .friends-article-heading-col .friends-article-actions { 1774 justify-content: flex-start; 1775} 1776.friends-article.block .author-box { 1777 margin-top: 0; 1778 margin-bottom: 0; 1779} 1780@media screen and (max-width: 820px) { 1781 .friends-article.block.has-author:not(.has-media), 1782 .article-content .friends-article.block.has-author:not(.has-media), 1783 .v2-container .article-content .friends-article.block.has-author:not(.has-media) { 1784 padding: 1.5rem 1rem; 1785 } 1786 .friends-article.has-author h3, 1787 .article-content .friends-article.has-author h3, 1788 .v2-container .article-content .friends-article.has-author h3 { 1789 font-size: 1.25rem; 1790 line-height: 1.4; 1791 } 1792 .friends-article.has-author .friends-article-author-row { 1793 align-items: flex-start; 1794 margin-left: 0; 1795 margin-right: 0; 1796 } 1797 .friends-article.has-author .friends-article-author-row > [class*="col-"] { 1798 flex: 0 0 100%; 1799 max-width: 100%; 1800 padding-left: 0; 1801 padding-right: 0; 1802 } 1803 .friends-article.has-author .friends-article-author-col { 1804 border: none; 1805 padding: 0; 1806 margin: 0; 1807 width: 100%; 1808 } 1809 .friends-article.has-author .friends-article-author-col .author-box { 1810 flex-direction: row; 1811 align-items: center; 1812 width: 100%; 1813 } 1814 .friends-article.has-author .friends-article-author .author-info-box { 1815 border: none; 1816 padding: 0; 1817 margin: 0 0 0 0.75rem; 1818 flex: 1; 1819 min-width: 0; 1820 } 1821 .friends-article.has-author .author-info, 1822 .friends-article.has-author .author-info span, 1823 .friends-article.has-author .author-info-box { 1824 white-space: normal; 1825 } 1826 .friends-article.has-author .author-info { 1827 margin-left: 0; 1828 } 1829 .friends-article.has-author:not(.has-media) .friends-article-heading-col { 1830 padding: 1.5rem 0 0; 1831 align-items: flex-start; 1832 text-align: left; 1833 } 1834 .friends-article.has-author .friends-article-heading-col .friends-article-actions { 1835 margin-top: 1rem; 1836 width: 100%; 1837 justify-content: flex-start; 1838 } 1839 .friends-article.has-author .circle-image { 1840 width: 88px; 1841 height: 88px; 1842 flex-shrink: 0; 1843 } 1844 .friends-article.has-author .author-link, 1845 .article-content .friends-article.has-author a.author-link, 1846 .v2-container .article-content .friends-article.has-author a.author-link { 1847 font-size: 1.2rem; 1848 } 1849 .friends-article.has-author .friends-article-author-position, 1850 .friends-article.has-author .author-twitter, 1851 .article-content .friends-article.has-author a.author-twitter, 1852 .v2-container .article-content .friends-article.has-author a.author-twitter { 1853 font-size: 1rem; 1854 } 1855} 1856.friends-article.block .author-info-box { 1857 height: auto; 1858} 1859.friends-article.block .circle-image { 1860 width: 120px; 1861 height: 120px; 1862 object-fit: cover; 1863} 1864.friends-article.block .author-link, 1865.article-content .friends-article.block a.author-link, 1866.v2-container .article-content .friends-article.block a.author-link { 1867 color: white; 1868 font-size: 1.35rem; 1869 line-height: 1.3; 1870 text-decoration: none; 1871} 1872.friends-article.block .author-twitter, 1873.article-content .friends-article.block a.author-twitter, 1874.v2-container .article-content .friends-article.block a.author-twitter { 1875 color: white; 1876 font-size: 1.1rem; 1877 line-height: 1.3; 1878 text-decoration: none; 1879} 1880.friends-article.block .friends-article-author-position { 1881 display: inline-block; 1882 font-weight: 400; 1883 font-size: 1.15rem; 1884 line-height: 1.3; 1885 color: white; 1886} 1887.friends-article.block .friends-article-text a, 1888.article-content .friends-article.block .friends-article-text a, 1889.v2-container .article-content .friends-article.block .friends-article-text a { 1890 color: #5b9dde; 1891 text-decoration-line: underline; 1892 text-decoration-thickness: 1px; 1893 text-underline-offset: 4px; 1894 display: inline; 1895} 1896.friends-article.block .friends-article-text a:hover, 1897.friends-article.block .friends-article-text a:focus, 1898.article-content .friends-article.block .friends-article-text a:hover, 1899.article-content .friends-article.block .friends-article-text a:focus, 1900.v2-container .article-content .friends-article.block .friends-article-text a:hover, 1901.v2-container .article-content .friends-article.block .friends-article-text a:focus { 1902 color: #5b9dde; 1903 text-underline-offset: 2.5px; 1904 text-decoration-thickness: 2px; 1905} 1906.friends-article.block .author-link:hover, 1907.friends-article.block .author-twitter:hover, 1908.article-content .friends-article.block a.author-link:hover, 1909.article-content .friends-article.block a.author-twitter:hover, 1910.v2-container .article-content .friends-article.block a.author-link:hover, 1911.v2-container .article-content .friends-article.block a.author-twitter:hover { 1912 color: #d9d9d9; 1913} 1914.friends-article-actions { 1915 display: flex; 1916 align-items: stretch; 1917 flex-wrap: wrap; 1918 gap: 0.5rem; 1919 margin-top: 1rem; 1920} 1921.friends-article-actions .btn-nav-support.first { 1922 margin-top: 0; 1923} 1924.article-content .friends-article.block a.btn-nav-support, 1925.v2-container .article-content .friends-article.block a.btn-nav-support { 1926 color: white; 1927 font-family: inherit; 1928 font-size: 1rem; 1929 font-weight: 400; 1930 line-height: 1.5; 1931 padding: 0.375rem 0.75rem; 1932 text-decoration: none; 1933} 1934.article-content .friends-article.block a.btn-nav-support:hover, 1935.article-content .friends-article.block a.btn-nav-support:focus, 1936.v2-container .article-content .friends-article.block a.btn-nav-support:hover, 1937.v2-container .article-content .friends-article.block a.btn-nav-support:focus { 1938 color: #02162B; 1939 background-color: #EEC54B; 1940 border: 1px solid #EEC54B; 1941} 1942.friends-article.block a.friends-article-btn-onetime, 1943.article-content .friends-article.block a.friends-article-btn-onetime, 1944.v2-container .article-content .friends-article.block a.friends-article-btn-onetime { 1945 background-color: #314253; 1946 border: 1px solid #314253; 1947 color: white; 1948} 1949.friends-article.block a.friends-article-btn-onetime:hover, 1950.friends-article.block a.friends-article-btn-onetime:focus, 1951.article-content .friends-article.block a.friends-article-btn-onetime:hover, 1952.article-content .friends-article.block a.friends-article-btn-onetime:focus, 1953.v2-container .article-content .friends-article.block a.friends-article-btn-onetime:hover, 1954.v2-container .article-content .friends-article.block a.friends-article-btn-onetime:focus { 1955 background-color: white; 1956 border: 1px solid white; 1957 color: #02162B; 1958} 1959.friends-home .friends-home-video { 1960 display: block; 1961 width: 100%; 1962 height: 100%; 1963 min-height: 100%; 1964 border: 0; 1965} 1966.friends-home .row > .col-md-5 {
1967 display: flex; 1968} 1969@media screen and (max-width: 767px) { 1970 .friends-home .row > .col-md-5 { 1971 display: block; 1972 } 1973 .friends-home .friends-home-video { 1974 height: auto; 1975 min-height: 0; 1976 aspect-ratio: 16 / 9; 1977 } 1978} 1979.progress.block { 1980 padding: 1rem 1rem 1rem 1rem; 1981 height: fit-content; 1982 display: block; 1983 border-radius: 0; 1984} 1985.progress.block.white { 1986 padding: 1rem 1rem 1rem 1rem; 1987} 1988 1989.progress.block p { 1990 font-size: 1rem; 1991} 1992 1993.progress.block .row { 1994 //margin-top: 1rem; 1995} 1996 1997.progress-bar.sub.fill { 1998 //width: 0%; 1999 } 2000 2001.progress-sub-area { 2002 display: block; 2003 width: 100%; 2004 margin-bottom: 0.75rem; 2005} 2006.progress-number { 2007 opacity: 80%; 2008 margin-bottom: 0.25rem; 2009 font-size: 1rem; 2010} 2011.progress-number.inside-alert { 2012 font-size: 12px; 2013} 2014.progress-text { 2015 margin-top: 18px; 2016} 2017.progress-text p { 2018 margin-bottom: 0; 2019} 2020 2021 2022a.btn-progress-sub, 2023.page-content a.btn-progress-sub, 2024.article-content a.btn-progress-sub { 2025 color: white; 2026 background-color: transparent; 2027 border: 1px solid white; 2028 border-radius: 4px; 2029 font-size: 1rem; 2030} 2031 2032a.btn-progress-sub:hover, 2033.page-content a.btn-progress-sub:hover, 2034.article-content a.btn-progress-sub:hover { 2035 color: #02162B; 2036 background-color: white; 2037} 2038 2039.page-content a.btn-progress-sub:after, 2040.article-content a.btn-progress-sub:after, 2041.article-content a.social-btn:after, 2042.article-content a.read-more-btn:after, 2043a.btn-progress-sub:after, 2044.about.block .social-btn-container a:after { 2045 display: none; 2046} 2047 2048.page-content a.btn-progress-sub:hover:after, 2049.article-content a.btn-progress-sub:hover:after, 2050.article-content a.social-btn:hover:after, 2051.article-content a.read-more-btn:hover:after, 2052a.btn-progress-sub:hover:after, 2053.about.block .social-btn-container a:hover:after { 2054 display: none; 2055} 2056 2057.read-more-btn-container { 2058 display: none; 2059} 2060 2061.about.block, .support.block { 2062 margin-top: 2.5rem; 2063 margin-bottom: 2.5rem; 2064 padding-top: 1rem; 2065 padding-bottom: 1.5rem; 2066} 2067.banner-bottom.block { 2068 padding: 1rem 1rem 1rem 1rem; 2069 height: fit-content; 2070 display: none; 2071} 2072.ad-side-banner { 2073 display: none; 2074} 2075.banner-bottom.block.show-banner, .ad-side-banner.show-banner { 2076 display: block; 2077 z-index: 2147483632; 2078 } 2079.ad-side-banner.show-banner.banner-closed { 2080 display: none; 2081} 2082 2083.about.block.home { 2084 margin-top: 2rem; 2085 margin-bottom: 0; 2086 padding-top: 0; 2087 padding-bottom: 0; 2088} 2089 2090.about.block .logo, .support.block .logo { 2091 text-align: center; 2092 margin-bottom: 0.5rem; 2093} 2094 2095.about.block .text, .support.block .text { 2096 font-size: 20px; 2097 text-align: center; 2098 padding-left: 2rem; 2099 padding-right: 2rem; 2100} 2101 2102.about.block.home .home-text { 2103 padding-top: 1rem; 2104 padding-bottom: 1.5rem; 2105 padding-left: 1rem; 2106 padding-right: 1rem; 2107} 2108 2109.about.block .social-btn-container { 2110 text-align: center; 2111} 2112 2113.about.block.home .social-btn-container { 2114 margin-top: 1rem; 2115 margin-bottom: 1rem 2116} 2117 2118.about.block.home .home-text .social-btn-container { 2119 padding: .375rem .75rem; 2120 display: inline-block; 2121 margin: 0; 2122} 2123 2124.about-social-home { 2125 text-align: right; 2126} 2127 2128.about.block.home .home-text .social-btn-container a { 2129 font-size: 1.25rem; 2130} 2131 2132.mission-btn { 2133 color: white; 2134 border: 1px solid white; 2135 background-color: #02162B; 2136 margin-right: 0.75rem; 2137 2138} 2139 2140.mission-btn:hover { 2141 color: #02162B; 2142 background-color: white; 2143} 2144 2145 2146.article-content a.support-btn, .support-btn { 2147 color: #02162B; 2148 border: 1px solid #EEC54B; 2149 background-color: #EEC54B; 2150} 2151 2152.article-content a.support-btn:hover, .support-btn:hover { 2153 background-color: #2374B1; 2154 border: 1px solid #2374B1; 2155 color: white; 2156} 2157.support-btn-container { 2158 margin-top: 1rem; 2159 text-align: center; 2160} 2161 2162.close-btn { 2163 color: white; 2164 border: 1px solid #02162B; 2165 background-color: #02162B; 2166 padding: 0; 2167} 2168 2169.close-btn:hover { 2170 color: #808080; 2171 background-color: #02162B; 2172 2173} 2174 2175.about-support-btn, .support-btn, { 2176 color: #02162B; 2177 border: 1px solid #EEC54B; 2178 background-color: #EEC54B; 2179} 2180 2181.about-support-btn:hover, .support-btn:hover { 2182 background-color: #2374B1; 2183 border: 1px solid #2374B1; 2184 color: white; 2185} 2186 2187.about.block .social-btn-container a { 2188 color: white; 2189 font-size: 1.75rem; 2190} 2191 2192.about.block .social-btn-container a:hover {
2193 color: #2374B1; 2194} 2195 2196.about-img-area { 2197 padding: 0; 2198} 2199 2200.about-background { 2201 background-position: center center; 2202 background-repeat: no-repeat; 2203 background-size: cover; 2204 overflow: hidden; 2205 width: 100%; 2206 height: 100%; 2207 min-height: 25vh; 2208} 2209.pay-img { 2210 aspect-ratio: 16/9; 2211 width: 100%; 2212 object-fit: cover; 2213  object-position: center center; 2214  border-radius: 4px; 2215 margin-top:0.5rem; 2216 margin-bottom: 0.5rem; 2217} 2218.pay-img2 { 2219 width: 100%; 2220 height: auto; 2221 border-radius: 4px; 2222 margin-top:0.5rem; 2223 margin-bottom: 0.5rem; 2224} 2225.wide-block-img { 2226 max-width: 66%; 2227 display: block; 2228 margin-left: auto; 2229 margin-right: auto; 2230 height: auto; 2231 border-radius: 4px; 2232 margin-top:0.5rem; 2233 margin-bottom: 0.5rem; 2234} 2235 2236 2237.about-img { 2238 display: none; 2239 aspect-ratio: 16/9; 2240 width: 100%; 2241 object-fit: cover; 2242 object-position: center top; 2243} 2244 2245.ad-article { 2246 padding: 0.2rem 0.5rem 0.5rem 0.5rem; 2247 /* border: 1px solid #02162B; */ 2248 border-radius: 4px; 2249 /* margin-left: -0.5rem; */ 2250} 2251 2252.articles article { 2253 border-bottom: 1px solid #f2f2f2; 2254} 2255 2256.articles article:last-child { 2257 border-bottom: 0; 2258} 2259.third-container { 2260 margin-top: 2rem; 2261} 2262.articles-layout .row { 2263 border-bottom: 1px solid #f2f2f2; 2264} 2265.articles-layout .highlight-box .row { 2266 border-bottom: 0; 2267} 2268 2269 2270.articles-layout .row:last-child { 2271 border-bottom: 0; 2272} 2273 2274.articles-layout .row .col-md-8 { 2275 border-right: 1px solid #f2f2f2; 2276} 2277 2278.articles-layout .row .col-md-4 { 2279 border-right: 1px solid #f2f2f2; 2280} 2281 2282.articles-layout .row .col-md-4:last-child { 2283 border-right: 0; 2284} 2285 2286.wp-element-caption { 2287 color: #808080; 2288 font-size: .875em; 2289} 2290 2291.feature-caption { 2292 margin-bottom: 1em; 2293 margin-top: 0.5em; 2294} 2295 2296.article-date { 2297 color: #808080; 2298 text-align: right; 2299} 2300 2301.article-container { 2302 overflow: hidden; 2303 margin-left: calc((100vw - (90vh))/2); 2304 width: 90vh; 2305} 2306.v2-container .article-container, .v2-header .article-container { 2307 overflow: hidden; 2308 margin-left: auto; 2309 margin-right: auto; 2310 width: 680px; 2311 padding-left: 0; 2312 padding-right: 0; 2313} 2314.v2-header .article-feature-img { 2315 width: 850px; 2316 margin-left: auto; 2317 margin-right: auto; 2318} 2319.v2-header .article-container .container { 2320 padding-left: var(--bs-gutter-x, .75rem); 2321 padding-right: var(--bs-gutter-x, .75rem); 2322} 2323 2324.article-title { 2325 font-weight: 800; 2326 word-break: break-word; 2327 -webkit-hyphens: auto; 2328 -moz-hyphens: auto; 2329 -ms-hyphens: auto; 2330 hyphens: auto; 2331 word-break: auto-phrase; 2332 -webkit-hyphenate-limit-before: 10; /* Safari unterstützt word-break: auto-phrase; nicht. Sorgt dafür, dass Wörter erst ab X Zeichen umgebrochen werden. */ 2333} 2334 2335h2.article-title, 2336.large-article-box h3.article-title { 2337 -webkit-hyphenate-limit-before: 16; 2338} 2339 2340.img-left.right-small { 2341 aspect-ratio: 11/13; 2342 margin-top: 1rem; 2343} 2344.article-subtitle.right-small { 2345 font-size: 0.8rem; 2346} 2347 2348.fix-small .article-subtitle { 2349 font-size: 0.9rem; 2350} 2351.article-title.right-small { 2352 margin-top: 0.075rem; 2353 font-size: 1.15rem; 2354} 2355 2356.fix-small .article-title { 2357 margin-top: 0.2rem; 2358 font-size: 1.35rem; 2359 2360} 2361.article-item.right-small .col-0 { 2362 display: none; 2363} 2364 2365.author-and-time.right-small { 2366 display: none; 2367} 2368 2369.fix-small .author-and-time { 2370 font-size: 13px; 2371} 2372.fix-top-articles1, .fix-top-articles2 { 2373 margin-right: 1.5rem; 2374} 2375.fix-horizontal { 2376 margin-bottom: 1rem; 2377} 2378 2379 2380.block { 2381 color: white; 2382 background-color: #02162B; 2383 border-radius: 4px; 2384 overflow: hidden; 2385 margin-top: 1rem; 2386 margin-bottom: 1rem; 2387} 2388 .highlight-line { 2389 margin-top: 0.5rem; 2390 margin-bottom: 0.3rem; 2391 display: flex; 2392 justify-content: space-between; /* Distribute items to both ends */ 2393 align-items: center; /* Vertically center if needed */ 2394 width: 100%; /* Optional: ensures it spans full width */ 2395} 2396 2397.highlight-left { 2398 text-align: left; 2399 font-weight: 800; 2400 font-size: 1.1rem; 2401} 2402 2403.highlight-right { 2404 text-align: right; 2405 color: #6c757d; 2406 2407} 2408.highlight-box { 2409 2410 border: 1px solid #02162B; 2411 border-radius: 4px; 2412 overflow: hidden; 2413 padding: 0.8rem 0.8rem 0.8rem 0.8rem; 2414 margin-bottom: 0.5rem; 2415} 2416.highlight-box p {margin-bottom: 0;} 2417.highlight-boxes-home:has(.highlight-box + .highlight-box) .highlight-box .highlight-box-headline { 2418 font-weight: 800; 2419 font-size: 1.15rem; 2420 margin-bottom: 0; 2421} 2422.highlight-box .highlight-box-headline { 2423 font-weight: 800; 2424 font-size: 1.5rem; 2425} 2426.highlight-boxes-home:has(.highlight-box + .highlight-box) .highlight-box .highlight-box-subtitle { 2427 font-size: 0.95rem; 2428} 2429.highlight-box-subtitle { 2430 font-size: 1rem; 2431 margin-top: -.25rem; 2432} 2433.highlight-box-details { 2434 margin-top: 0.35rem; 2435 margin-bottom: 0.45rem; 2436display: flex; 2437flex-wrap: wrap;
2438justify-content: flex-start; 2439} 2440.highlight-box-details .highlight-box-detail { 2441padding-right: 0.4rem; 2442} 2443.highlight-box-detail { 2444 font-size: 0.8rem; 2445 display:inline-block; 2446 white-space: nowrap; 2447} 2448.highlight-box-detail.custom { 2449 white-space: initial; 2450} 2451 2452 2453.btn.highlight-box-btn { 2454 margin-top: 0.8rem; 2455 font-size: 1rem; 2456 2457 margin-top: 0.6rem; 2458 width: 100%; 2459 border: 1px solid #02162B; 2460 color: white; 2461 background-color: #02162B; 2462 font-size: 0.9rem; 2463} 2464.highlight-boxes-home:has(.highlight-box + .highlight-box) .btn.highlight-box-btn { 2465 margin-top: 0.6rem; 2466 font-size: 0.9rem; 2467} 2468.btn.highlight-box-btn:hover { 2469 border: 1px solid #02162B; 2470 color: #02162B; 2471 background-color: white; 2472} 2473.highlight-box-img { 2474 aspect-ratio: 4/4; 2475} 2476.highlight-box-img.custom { 2477 aspect-ratio: auto; 2478} 2479.highlight-boxes-home:has(.highlight-box + .highlight-box) .highlight-box .highlight-box-headline { 2480 margin-bottom: 0.1rem; 2481} 2482.highlight-box .col-8 { 2483 padding-left: 0; 2484 padding-right: 1rem; 2485} 2486.highlight-boxes-home:has(.highlight-box + .highlight-box) .highlight-box .col-8 { 2487 width: 75%; 2488} 2489.highlight-boxes-home:has(.highlight-box + .highlight-box) .highlight-box .col-4 { 2490 width: 25%; 2491} 2492 2493.highlight-box-container-article { 2494 margin-top: 1rem; 2495 margin-bottom: 1.5rem; 2496} 2497.highlight-boxes-article .highlight-box { 2498 max-width: 360px; 2499 display: flex; 2500flex-direction: column; 2501justify-content: space-between; 2502} 2503.highlight-box-container-article .highlight-line { 2504 margin-bottom: 1rem; 2505} 2506.highlight-boxes-article { 2507 display: flex; 2508 gap: 1rem; 2509} 2510 2511.highlight-box-container-article { 2512 width:fit-content; 2513 margin-left: auto; 2514 margin-right: auto; 2515} 2516 2517 2518.recommended-item.highlight-element { 2519width: calc(100% - 1rem); 2520padding: 1rem 0rem 1rem 1rem; 2521} 2522 2523.recommended-item.highlight-element .col-2 { 2524width: 12%; 2525} 2526.recommended-item.highlight-element .col-10 { 2527width: 86%; 2528} 2529 2530.recommended-item.highlight-element .btn.highlight-box-btn { 2531width: initial; 2532} 2533 2534.recommended-item.highlight-element .highlight-box .highlight-box-headline { 2535font-size: 1.35rem; 2536} 2537 2538 2539 2540.block.video-list .author-link, .block.video-list .article-title, 2541.video-slider .author-link, .video-slider .article-title{ 2542 color: white; 2543} 2544 2545 2546.block.simple { 2547 padding: 0.5rem 0.5rem 0.5rem 0.5rem; 2548} 2549.block.light-blue { 2550 background-color: #95D9DA; 2551 border: 0; 2552 color: #212529; 2553} 2554.block.normal-text h1 { 2555 margin-top: 0.5rem; 2556} 2557.block.normal-text p { 2558 margin-bottom: 0.25rem; 2559 margin-top: 1rem; 2560} 2561.block.white { 2562 background-color: white; 2563 border: 1px solid #02162B; 2564 color: #212529; 2565 padding: 0.2rem 0.5rem 0.5rem 0.5rem; 2566} 2567.block.white.article-element { 2568 padding-bottom: 0; 2569 padding-top: 0; 2570 margin-bottom: 0; 2571 margin-top: 0; 2572 border: 0; 2573} 2574.article-content .article-item a.author-link { 2575 font-size: 14px; 2576} 2577.block.white.article-element .img-left, .block.white.article-element .author-and-time { 2578 margin-bottom: 0; 2579} 2580.block.white.article-element { 2581 margin-top: 1.25rem; 2582} 2583.block.white.article-element + .block.white.article-element { 2584 margin-top: 0; 2585} 2586.block.white.article-element + .block.white.article-element .article-item { 2587 margin-top: 0.25rem; 2588} 2589.block.white.article-element .article-item { 2590 margin-bottom: 0.75rem; 2591 padding-bottom: 1rem; 2592 border-bottom: 1px solid #f2f2f2; 2593 margin-top: 0; 2594} 2595.block.white.article-element + .block.white.article-element .suggestions-text { 2596 display: none; 2597} 2598.suggestions-text { 2599 border-bottom: 2px solid #02162B; 2600 color: #02162B; 2601 font-size: 1rem; 2602 font-weight: 500; 2603 margin-bottom: 1rem; 2604} 2605.suggestions-text p { 2606 margin-bottom: 0.3rem; 2607 margin-left: 0.1rem; 2608} 2609 2610.side-a-space { 2611 position: fixed; 2612 z-index: 0; 2613 top: 120px; 2614 //padding: 0.2rem; 2615 width: calc(((100vw - (110vh))/2)); /*calc(((100vw - (110vh))/2) - 4rem) */ 2616 height: calc(100vh - 125px); 2617 overflow-x: hidden; 2618 background: transparent; 2619} 2620.side-a-space div { 2621 display: none; 2622} 2623.side-a-space div.a-side-camp-container { 2624 display: block; 2625} 2626.close-side-a { 2627 display: none; 2628} 2629.side-a-space.graphic .close-side-a { 2630 display: inline; 2631 float:right; 2632} 2633.close-side-a:hover { 2634 cursor: pointer; 2635} 2636 2637.side-a-label > p { 2638font-size: 0.7rem; 2639margin-bottom: 0rem; 2640 display: inline; 2641} 2642.side-a-space.left .side-a-label > p { 2643 text-align: left; 2644} 2645.side-a-label { 2646 margin-bottom: 0.1rem; 2647 max-width: 160px; 2648} 2649.side-a-label.pixfuture { 2650 width: 160px; 2651} 2652 2653.side-a-space.left { 2654 left: 0; 2655 padding-right: 0.5rem; 2656} 2657 2658.side-a-space.right { 2659 right: 0; 2660 padding-left: 0.5rem; 2661} 2662 2663.article-content > .ad-center { 2664 display: block; 2665 /*height: 310px; //280px*/ 2666} 2667.article-content > .ad-center .ad-inside { 2668 padding-top: 10px; 2669 /*padding-bottom: 15px;*/ 2670 padding-left: 10px; 2671 padding-right: 10px; 2672} 2673.apollo-r89-ad.gray > div { 2674 /*border: 1px solid #f2f2f2; */ 2675 border-radius: 4px; 2676 margin-top: 0; 2677 margin-bottom: 0; 2678} 2679.apollo-r89-ad-incontent .r89-desktop-InContent { 2680 overflow:hidden; 2681 margin-top: 0; 2682 margin-bottom: 0; 2683} 2684.apollo-r89-ad-incontent .r89-desktop-InContent>div { 2685 margin-top: 0 !important; 2686} 2687.apollo-r89-ad-side .r89-desktop-hpa-atf { 2688 margin-top: 0; 2689 margin-bottom: 0; 2690} 2691 2692.apollo-r89-ad-incontent > .st-reset, .st-canvas, .st-display-render, .st-adunit-ad, .st-adunit { 2693 z-index: auto !important; 2694} 2695 2696.gray.ad-pixfuture > div { 2697 background-color: #fbfbfb; 2698} 2699.ad-pixfuture > p { 2700 margin-bottom: 0; 2701} 2702.ad-pixfuture > div iframe, 2703.ad-pixfuture > div iframe[style] { 2704 position: relative !important; 2705 overflow: hidden !important; 2706 z-index: 0 !important; 2707} 2708 2709div.ad-pixfuture-300x250 { 2710 width: 320px; 2711 height: 270px; 2712} 2713 2714div.ad-pixfuture-970x250 { 2715 width: 990px; 2716 height: 270px; 2717} 2718 2719.ad-pixfuture-300x250 > div, 2720.ad-pixfuture-300x250 > div[style], 2721.ad-pixfuture-300x250 > div iframe, 2722.ad-pixfuture-300x250 > div iframe[style] { 2723 width: 300px !important; 2724 height: 250px !important; 2725} 2726 2727.ad-pixfuture-728x90 > div 2728.ad-pixfuture-728x90 > div[style], 2729.ad-pixfuture-728x90 > div iframe, 2730.ad-pixfuture-728x90 > div iframe[style] { 2731 width: 728px !important; 2732 height: 90px !important; 2733} 2734 2735.ad-pixfuture-970x250 > div, 2736.ad-pixfuture-970x250 > div[style], 2737.ad-pixfuture-970x250 > div iframe, 2738.ad-pixfuture-970x250 > div iframe[style] { 2739 width: 970px !important; 2740 height: 250px !important; 2741} 2742 2743.article-content > .ad-center.responsive { 2744 display: block; 2745 height: initial; 2746 padding-top: initial; 2747} 2748.article-content > .ad-center.vertical { 2749 display: none; 2750 height: 680px; 2751} 2752.article-content > .ad-center.vertical .ad-inside { 2753 padding-top: 10px; 2754 /*padding-bottom: 15px;*/ 2755 padding-left: 10px; 2756 padding-right: 10px; 2757} 2758 2759.ad.block { 2760 padding: 0.2rem 0.5rem 0.5rem 0.5rem; 2761 background-color: white; 2762 border: 1px solid #02162B; 2763 color: #212529; 2764} 2765.ad-side-banner > .ad.block { 2766 background-color: transparent; 2767} 2768.ad-top-label {text-align: center} 2769.ad-in-article-label {text-align: center;} 2770.article-content p.ad-in-article-label { 2771 font-family: "Mulish"; 2772 font-size: 0.7rem; 2773line-height: initial; } 2774.ad-top-label.direct-ad { 2775font-size: 0.9rem;
2776font-weight: 800; 2777margin-bottom: 0.3rem; 2778margin-top: 0.5rem; 2779} 2780.ad-center.direct-ad { 2781 margin-bottom: 0.5em; 2782} 2783.ad-top { 2784 padding-top: 1rem 2785} 2786.promotion-banner:hover { 2787 opacity: 95%; 2788 cursor: pointer; 2789} 2790.promotion-banner.blue { 2791 //border-top: 1px solid #ffffff; 2792} 2793 2794.v2-container .promotion-banner { 2795 max-width: 100% !important; 2796} 2797 2798.promotion-banner .delivery { 2799 border: 0.5px solid rgba(128, 128, 128, 1); 2800} 2801 2802.ad.block.no-border { 2803 border: 0; 2804 padding: 0; 2805} 2806.ad.block.gray { 2807 background-color: #f2f2f2; 2808 border-radius: 4px; 2809} 2810 2811.ad.block.gray.ad-center { 2812 padding: 0.75rem 0.5rem 0.75rem 0.5rem; 2813} 2814 2815.ad.block.gray.home { 2816 padding: 0.75rem 0.5rem 1.5rem 0.5rem; 2817} 2818 2819.article-ad-above { 2820 margin-top: 1rem; 2821 position: relative; 2822 text-align: center; 2823 margin-bottom: 1rem; 2824 /*height: 90px;*/ 2825 max-height: 250px; 2826 display: flex; 2827 justify-content: center; 2828} 2829 2830.article-ad-above-inside { 2831 display: flex; 2832 width: 100%; 2833 height: 100%; 2834 flex-direction: column; 2835 overflow: hidden; 2836} 2837.ad-above-direct { 2838display: flex; 2839justify-content: center; 2840} 2841.ad-in-article-box { 2842 margin-top: 0.4rem; 2843 margin-bottom: 1rem; 2844 padding-top: 0.7rem; 2845 padding-bottom: 1rem; 2846} 2847.ad-home-feed-box { 2848 margin-top: 0.4rem; 2849 margin-bottom: 1rem; 2850 padding-top: 0.7rem; 2851 padding-bottom: 1rem; 2852 max-height: 296px; 2853 overflow: hidden; 2854} 2855.ad-in-article-direct { 2856display: flex; 2857justify-content: center; 2858} 2859.ad-in-article-box.gray-box { 2860 background-color: #f2f2f2; 2861 padding-top: 1.3rem; 2862 padding-bottom: 1.7rem; 2863 padding-left: 1rem; 2864 padding-right: 1rem; 2865} 2866.ad-in-article-box.inset-box{ 2867 background-color: rgba(17, 17, 26, 0.01); 2868 box-shadow: 2869 inset 0px 11px 8px -10px rgba(17, 17, 26, 0.1), 2870 inset 0px -11px 8px -10px rgba(17, 17, 26, 0.1); 2871 padding-top: 1.3rem; 2872 padding-bottom: 1.7rem; 2873} 2874 2875.article-content div[data-hbdbrk-parent="true"][data-actirise="true"], .ad-in-article-box { 2876 //background-color: #f2f2f2; 2877} 2878 2879 2880.ams-ad + div[data-hbdbrk-parent="true"][data-actirise="true"] { 2881 //display: none !important; 2882} 2883#hbdbrk-slideup { 2884 border: border-bottom: 0.5px solid #000000 !important; 2885} 2886#hbdbrk-slideup .close { 2887 color: #02162B !important; 2888 font-size: 20px; 2889} 2890 2891 2892.article-ad-above.graphic { 2893 background-color: #f2f2f2; 2894 min-height: 270px; 2895} 2896.ad-before-content.graphic, .ad-before-content.new-header { 2897 padding-top: 1rem; 2898 padding-bottom: 1rem; 2899 max-width: 100%; 2900 margin-bottom: 4rem; 2901 background-color: #f2f2f2; 2902 position: relative; 2903 z-index: 1; 2904} 2905.ad-before-content.new-header { 2906 display: none; 2907} 2908.new-header .new-head-2 .social-share-section { 2909 display: none; 2910} 2911 2912.ad-center { 2913 text-align: center; 2914} 2915.ad-right { 2916 text-align: right; 2917} 2918 2919.ad-inside { 2920 display: inline-block; 2921} 2922 2923.vimeo-video { 2924 margin-left: auto; 2925 margin-right: auto; 2926 max-width: 250px; 2927} 2928.vimeo-wrapper.full-width .vimeo-video { 2929 max-width: 100%; 2930} 2931.vimeo-wrapper.full-width { 2932 width: 100%; 2933 height: auto; 2934} 2935.vimeo-wrapper { 2936 position: relative; 2937 width: 100%; 2938 max-height: 533px; 2939 margin-left: auto; 2940 margin-right: auto; 2941 background-color: #000; 2942 } 2943.video-ad { 2944 margin-top: 0.2rem; 2945 margin-bottom: 1.5rem; 2946 width: 100%; 2947 max-width: 680px; 2948 margin-left: auto; 2949 margin-right: auto; 2950} 2951.video-ad.full-width { 2952 max-width: 100%; 2953} 2954.video-ad-link a, .article-content .video-ad-link a { 2955 width: 100%; 2956 border-bottom: 1px solid #000; 2957 border-left: 1px solid #000; 2958 border-right: 1px solid #000; 2959 border-radius: 0; 2960 color: #2374B1; 2961 font-size: 1rem; 2962 font-family: var(--bs-font-sans-serif); 2963} 2964.video-ad-link a:hover, .article-content .video-ad-link a:hover { 2965 opacity: 0.75; 2966} 2967.video-ad-description-box { 2968 padding: 0.75rem; 2969} 2970.video-ad-description-box .btn-ad-video { 2971 background-color: transparent; 2972 border: 1px solid black; 2973 font-size: 1rem; 2974 color: black; 2975} 2976.video-ad-description-box .btn-ad-video:hover { 2977 background-color: rgba(0, 0, 0, 0.15); 2978 color: black; 2979} 2980.video-ad-description-box .ad-video-title { 2981 font-size: 1.5rem; 2982 font-weight: 800; 2983margin-bottom: 0.5rem; 2984} 2985 2986.small-ad-label, .ad-pixfuture > p.small-ad-label { 2987 font-size: 0.7rem; 2988 margin-bottom: 0.1rem; 2989} 2990.small-ad-label.center { 2991 text-align: center; 2992} 2993.small-ad-label.home-right { 2994 height:0.9rem 2995} 2996.v2-ad-side-text, .small-ad-label, p.ad-in-article-label { 2997opacity: 0.7; 2998} 2999.pxft-info-container { /* Infolinks */ 3000 z-index: 0 !important; 3001} 3002 3003.video-page { 3004 background-color: #02162B; 3005 color: white; 3006 border-bottom: 0.5px solid #ffffff; 3007} 3008.video-page .main-container { 3009 background-color: #02162B; 3010 color: white; 3011 width: 970px; 3012 margin-left: auto; 3013 margin-right: auto; 3014} 3015 3016.page-header { 3017 background-color: #02162B; 3018 color: white; 3019 border: 0; 3020} 3021.page-header .author-link, .page-header .author-twitter { 3022 color: white; 3023} 3024.friends-page { 3025 margin-bottom: 2rem; 3026} 3027.friends-page .row { 3028 max-width: 1000px; 3029 margin-left: auto; 3030 margin-right: auto; 3031 margin-top: 1.5rem; 3032} 3033.v2-container .article-content .friends-right .payment-nav.block, .friends-right .payment-nav.block { 3034padding-left: 0.7rem; 3035padding-right: 0.7rem; 3036width: 585px; 3037} 3038.friends-right, .friends-left { 3039 max-width: 100%; 3040} 3041.v2-container .article-content .friends-right>p { 3042 font-family: 'Mulish'; 3043 font-size: 18px; 3044 line-height: 32px; 3045 font-weight: 400; 3046} 3047.v2-container .article-content .friends-right>h2.wp-block-heading { 3048 margin: 0; 3049 padding: 0; 3050 margin-bottom: 1rem; 3051} 3052 3053 3054/* Bild füllt den Container */ 3055.friends-carousel-img { 3056 width: 100%; 3057 height: 100%; 3058 object-fit: cover; 3059 display: block; 3060} 3061 3062/* Indikatoren mittig unten */ 3063.friends-carousel-indicators { 3064 position: absolute; 3065 bottom: 0; 3066 left: 50%; 3067 transform: translateX(-50%); 3068 display: flex; 3069 gap: 12px; 3070 margin: 0; 3071 justify-content: center; 3072} 3073 3074.friends-carousel-indicators button { 3075 width: 30px; 3076 height: 3px; 3077 background-color: rgba(255, 255, 255, 0.5); 3078 border: none; 3079 border-radius: 0; 3080 transition: background-color 0.3s ease, transform 0.2s ease; 3081} 3082 3083.friends-carousel-indicators button.active { 3084 background-color: #fff; 3085 transform: scaleX(1.2); 3086} 3087.friends-carousel-caption { 3088 position: absolute; 3089 bottom: 24px; /* oberhalb der Indikatoren */ 3090 left: 12px; 3091 color: #fff; 3092 font-size: 16px; 3093 line-height: 1.4; 3094 font-weight: 500; 3095} 3096.friends-carousel-caption>p { 3097 margin-bottom: 0; 3098} 3099/* Wenn KEINE Indikatoren da sind */ 3100.friends-carousel .carousel-inner:only-child .friends-carousel-caption { 3101 bottom: 12px; /* dichter am Rand */ 3102} 3103.friends-carousel-img.fr-desktop-img, .fr-desktop-img { 3104 display: block; 3105} 3106.friends-carousel-img.fr-mobile-img, .fr-mobile-img, .fr-mobile-video { 3107 display: none; 3108} 3109.fr-desktop-video { 3110 display: block; 3111 width: 100%; 3112height: auto; 3113aspect-ratio: 9/16; 3114} 3115 3116.video-container { 3117margin-left: calc((100vw - (100vh * 0.75 * 2))/2); 3118 width: calc(100vh * 0.75 * 2); 3119 margin-top: 1.5rem; 3120} 3121.v2-header .video-container { 3122 margin-left: auto; 3123 margin-right: auto; 3124 width: 970px; 3125 margin-top: 1.5rem; 3126 margin-bottom: 2rem; 3127} 3128.v2-short-text { 3129 width: 63%; 3130} 3131.v2-short-video { 3132 width: 37%; 3133} 3134.article-header-content { 3135 /* margin-left: calc((100vw - (140vh))/2); */ 3136 /* margin-right: calc((100vw - (140vh))/2); */ 3137 /* padding-right: 0; */ /* var(--bs-gutter-x,.75rem); */ 3138 /* padding-left: 0; */ /* var(--bs-gutter-x,.75rem); */ 3139 /* width: 140vh; */ 3140 /* border: 1px solid #02162B; */ 3141 /* border-right: 6px solid #02162B; */ 3142} 3143 3144.article-header-content .row { 3145 gap: 0; /* 10vh; */ 3146} 3147 3148.article-header { 3149 height: 100vh; 3150 height: 100svh; 3151 background-color: white; 3152 /* #2374B1; */ 3153 /* color: white; */ 3154 position: relative; 3155 z-index: 1; 3156} 3157 3158.article-header.v2 { 3159 height: fit-content; 3160 background-color: white; 3161 /* #2374B1; */ 3162 /* color: white; */ 3163 position: relative; 3164 z-index: 1; 3165} 3166 3167.article-header.no-ads { 3168 border-bottom: 1px solid #f2f2f2; 3169 margin-bottom: 4rem; 3170} 3171 3172.article-header-box>div .author-link { 3173 /* color: white; */ 3174} 3175 3176.article-header-box>div .author-link:hover { 3177 /* color: #d9d9d9; */ 3178} 3179 3180.article-header-box>div .author-twitter { 3181 /* color: white; */ 3182} 3183 3184.article-header-box>div .author-twitter:hover { 3185 /* color: #02162B; */ 3186} 3187 3188.article-header-box>div .article-description { 3189 font-size: 3vh; /* 25px; */ 3190 text-align: center; 3191 word-wrap: break-word; 3192} 3193.v2 .article-header-box>div .article-description { 3194 font-size: 18px; /* 25px; */ 3195 text-align: center; 3196 word-wrap: break-word; 3197} 3198 3199.article-header-box>div .authors-box { 3200 justify-content: center 3201} 3202 3203.article-header-box>div p { 3204 text-align: center; 3205} 3206 3207.article-header-box>div>small>p { 3208 text-align: center; 3209} 3210 3211.article-header-content .row { 3212 margin: 0; 3213} 3214 3215.article-header-content .row .col-md { 3216 padding: 0; 3217} 3218 3219.article-header-img { 3220 /* margin-top: 3.5rem; */ 3221 /* border-radius: 5px; */ 3222 /* box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */ 3223 3224} 3225.wpforms-container>form { 3226 padding-left: 0.75rem; 3227} 3228 3229.article-header-box { 3230 /* margin-top: 3rem; */ 3231 height: 100%; 3232 position: relative; 3233 display: flex; 3234 justify-content: center; 3235} 3236 3237.second-container.article-header-container { 3238 height: 100svh; 3239} 3240 3241.v2.second-container.article-header-container { 3242 height: auto; 3243} 3244 3245.article-header-box>div { 3246 margin: 0; 3247 position: absolute; 3248 top: 50%; 3249 -ms-transform: translateY(-50%); 3250 transform: translateY(-50%); 3251 padding-left: 3rem; 3252 padding-right: 3rem; 3253} 3254 3255.article-down { 3256 font-size: 40px; 3257 text-align: center; 3258 color: #d9d9d9; 3259 text-decoration: none; 3260 margin-top: 3rem; 3261 outline: none; 3262} 3263 3264.article-down:hover {
3265 color: #02162B; 3266} 3267 3268.close-btn.only-mobile { 3269 display: none; 3270} 3271 3272.test-video { 3273 display: none; 3274} 3275.only-mobile { 3276 display: none; 3277} 3278 3279.close-btn.only-desktop { 3280 display: inline-block; 3281} 3282.only-desktop { 3283 display: block; 3284} 3285.only-desktop.text { 3286 display: contents; 3287} 3288.only-v2 { 3289 display: none; 3290} 3291.v2 .only-v1{ 3292 display: none; 3293} 3294.v2 .only-v2 { 3295 display: block; 3296} 3297 3298.page-img { 3299 text-align: center; 3300} 3301 3302.page-heading { 3303 margin-top: 5rem; 3304 font-size: 50px; 3305} 3306.page-heading.smaller { 3307 font-size: 2.3rem; 3308} 3309 3310.video-short-text { 3311 margin-top: 5%; 3312} 3313.video-short-text .article-date { 3314 text-align: left; 3315} 3316.v2-header .video-short-text .article-date { 3317 color: #737D8C; 3318} 3319.video-short-text .article-date p { 3320 margin-bottom: 0.3rem; 3321} 3322 3323.video-short-text .article-label-area { 3324 display: inline-block; 3325 margin-bottom: 0.6rem; 3326} 3327.page-header.short { 3328 background: linear-gradient(#02162B 0%, #02162B 80%, white 20%); 3329 border: 0; 3330} 3331.page-img-area.short { 3332 background: white; 3333} 3334.page-img-area { 3335 background: linear-gradient(#02162B 0%, #02162B 50%, white 50%); 3336 min-height: 2rem; 3337 border: 0; 3338} 3339 .showcase-ad-group { 3340 display: flex; 3341 flex-wrap: wrap; 3342 align-items: flex-start; 3343 max-width: 825px; 3344margin-left: auto; 3345margin-right: auto; 3346padding-bottom: 2rem; 3347padding-top: 2rem; 3348margin-bottom: 2rem; 3349 } 3350.showcase-ad-group .showcase-screenshot { 3351 width: 100%; 3352 height: auto; 3353 margin-bottom: 2rem; 3354} 3355.showcase-ad-content { 3356 opacity: 0; 3357 transform: translateY(20px); 3358 transition: opacity 0.3s ease-in, transform 0.3s ease-in, opacity 0s ease-out, transform 0s ease-out; 3359 height: 0; 3360 } 3361.showcase-ad { 3362 max-width: 300px; 3363 border-bottom: 0.5px solid white; 3364 margin-left: auto; 3365margin-right: auto; 3366margin-bottom: 4rem; 3367} 3368.showcase-ad-title { 3369 cursor: pointer; 3370 position: relative; 3371 padding-right: 20px; 3372 font-size: 1.5rem; 3373 font-weight: 800; 3374} 3375.showcase-ad-title::after { 3376 content: '+'; 3377 position: absolute; 3378 right: 0; 3379 transition: transform 0.3s ease; 3380} 3381.showcase-ad-title.active::after 3382/* .showcase-ad-title:focus::after */ { 3383 content: '-'; 3384 transform: rotate(180deg); 3385} 3386.showcase-ad-title.active + .showcase-ad-content 3387/* .showcase-ad-title:focus + .showcase-ad-content */ { 3388 opacity: 1; 3389 transform: translateY(0); 3390 height: auto; 3391} 3392.showcase-ad-benefits-group { 3393 border-radius: 4px; 3394 max-width: 770px; 3395margin-left: auto; 3396margin-right: auto; 3397 margin-top: 1.5rem; 3398} 3399.showcase-benefit-title { 3400 font-size: 1.75rem; 3401font-weight: 800; 3402} 3403.showcase-ad-benefits-group .showcase-benefit-content { 3404 background-color: #95D9DA; 3405 border: 0; 3406 color: #212529; 3407 padding: 1.5rem; 3408 height: 100%; 3409} 3410.showcase-benefit-row1 { 3411 padding-bottom: 0.5rem; 3412} 3413.showcase-benefit { 3414 padding-left: 0.25rem; 3415 padding-right: 0.25rem; 3416} 3417.showcase-benefit-row1 .showcase-benefit:first-child .showcase-benefit-content { 3418 border-top-left-radius: 4px; 3419 border-top-right-radius: 0; 3420} 3421.showcase-benefit-row1 .showcase-benefit .showcase-benefit-content { 3422 border-top-left-radius: 0; 3423 border-top-right-radius: 4px; 3424} 3425.showcase-benefit-row2 .showcase-benefit:first-child .showcase-benefit-content { 3426 border-bottom-left-radius: 4px; 3427 border-bottom-right-radius: 0; 3428} 3429.showcase-benefit-row2 .showcase-benefit .showcase-benefit-content { 3430 border-bottom-left-radius: 0; 3431 border-bottom-right-radius: 4px; 3432} 3433 3434.jobs-areas { 3435 display: grid; 3436 grid-template-columns: repeat(3, 1fr); 3437 gap: 0.5rem; 3438 width: 825px; 3439 max-width: 100%; 3440 margin: 1.5rem auto 0; 3441 padding-right: var(--bs-gutter-x, .75rem); 3442 padding-left: var(--bs-gutter-x, .75rem); 3443 box-sizing: border-box; 3444} 3445.jobs-area-card { 3446 background-color: #95D9DA; 3447 color: #212529; 3448 border-radius: 0; 3449 padding: 1.5rem; 3450 height: 100%; 3451} 3452.jobs-area-card:first-child { 3453 border-top-left-radius: 4px; 3454 border-bottom-left-radius: 4px; 3455} 3456.jobs-area-card:last-child { 3457 border-top-right-radius: 4px; 3458 border-bottom-right-radius: 4px; 3459} 3460.jobs-area-icon { 3461 display: block; 3462 font-size: 1.75rem; 3463 line-height: 1; 3464 margin-bottom: 0.75rem; 3465} 3466.jobs-area-title { 3467 font-size: 1.75rem; 3468 font-weight: 800; 3469 margin: 0 0 0.5rem; 3470 line-height: 1.2; 3471} 3472.jobs-area-card p { 3473 margin: 0; 3474} 3475.jobs-apply { 3476 text-align: center; 3477 margin: 0rem auto 0; 3478 width: 825px; 3479 max-width: 100%; 3480 padding-left: var(--bs-gutter-x, .75rem); 3481 padding-right: var(--bs-gutter-x, .75rem); 3482 box-sizing: border-box; 3483} 3484.jobs-apply .btn-more-articles { 3485 margin: 0; 3486 text-transform: none; 3487 letter-spacing: normal; 3488 font-weight: 400; 3489} 3490.page-content .jobs-apply a:after, 3491.article-content .jobs-apply a:after { 3492 display: none; 3493} 3494 3495.application { 3496 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; 3497 color: white; 3498 background-color: #2374B1; 3499 border-radius: 4px; 3500 overflow: hidden; 3501 margin-top: 1rem; 3502 margin-bottom: 3rem; 3503} 3504 3505a.application-btn { 3506 text-decoration: none; 3507 background-color: #2374B1; 3508 color: white; 3509 border: 1px solid white; 3510 border-radius: 4px; 3511} 3512 3513a.application-btn:hover { 3514 background-color: white; 3515 color: #2374B1; 3516} 3517a.application-btn.number { 3518 border: 1px solid #2374B1; 3519} 3520a.application-btn.number:hover { 3521 background-color: #4e8fc0; 3522 border: 1px solid #4e8fc0; 3523 color: white; 3524} 3525.page-content a.application-btn.number:hover, 3526.article-content a.application-btn.number:hover { 3527 background-color: #4e8fc0; 3528 border: 1px solid #4e8fc0; 3529 color: white; 3530} 3531 3532.page-content a.application-btn, 3533.article-content a.application-btn { 3534 color: white; 3535} 3536 3537.page-content a.application-btn:hover, 3538.article-content a.application-btn:hover { 3539 background-color: white; 3540 color: #2374B1; 3541} 3542.article-content .ad-in-article-box a:after, 3543.page-content a.application-btn:after, 3544.article-content a.application-btn:after, 3545a.application-btn:after { 3546 display: none; 3547} 3548 3549.article-content .ad-in-article-box a:hover:after, 3550.page-content a.application-btn:hover:after, 3551.article-content a.application-btn:hover:after, 3552a.application-btn:hover:after { 3553 display: none; 3554} 3555 3556.youtube-list { 3557 padding: 1rem; 3558} 3559 3560.youtube-iframe { 3561 width: 100%; 3562 aspect-ratio: 16/9; 3563 margin-bottom: 1rem; 3564} 3565 3566.youtube-more-btn { 3567 background-color: #02162B; 3568 color: white; 3569 border: 1px solid white; 3570 border-radius: 4px; 3571 3572} 3573 3574.youtube-more-btn:hover { 3575 background-color: white; 3576 color: #02162B; 3577} 3578 3579.category-header { 3580 margin-left: 1rem; 3581 margin-top: 1rem; 3582} 3583.category-nav .navigation { 3584 margin-left: 1rem; 3585 margin-bottom: 1.5rem; 3586} 3587.category-nav .navigation .nav-previous { 3588 display: inline-block; 3589} 3590.category-nav .navigation .nav-next { 3591 display: inline-block; 3592} 3593.category-nav .navigation .nav-previous+.nav-next { 3594 margin-left: 1rem; 3595} 3596.video-list .article-list { 3597 margin-bottom: 0; 3598} 3599.video-list-inner { 3600 margin-bottom: 0; 3601} 3602 3603.video-more-btn { 3604 background-color: #02162B; 3605 color: white; 3606 border: 1px solid white; 3607 border-radius: 4px; 3608 width: initial; 3609 margin-bottom: 1rem; 3610} 3611 3612.video-more-btn:hover { 3613 background-color: white; 3614 color: #02162B; 3615} 3616 3617.video-brand-nav { 3618 display: grid; 3619 grid-template-columns: repeat(3, minmax(0, 1fr)); 3620 gap: 2.5rem 3rem; 3621 align-items: center; 3622 justify-items: center; 3623 width: 100%; 3624 max-width: none; 3625 margin: 2rem auto 1.5rem; 3626 padding: 0 2rem; 3627} 3628.video-brand-nav-link { 3629 display: block; 3630 line-height: 0; 3631 opacity: 0.92; 3632 transition: opacity 0.15s ease; 3633} 3634.video-brand-nav-link:hover { 3635 opacity: 1; 3636} 3637.video-brand-nav-logo { 3638 display: block; 3639 height: 1.5rem; 3640 width: auto; 3641 max-width: 100%; 3642 object-fit: contain; 3643} 3644.video-brand-nav-link--aktuell .video-brand-nav-logo { 3645 height: 1.9rem; 3646} 3647.video-brand-nav-link--lf .video-brand-nav-logo { 3648 height: 2.4rem; 3649} 3650 3651.series.block .card-title, 3652.series.block .author-link { 3653 color: white; 3654} 3655.pay-area-one.block .author-link, .pay-area-one.block .author-twitter {
3656 color: white; 3657} 3658 3659.series.block .author-link { 3660 font-size: 14px; 3661} 3662 3663.series.block .card-title:hover, 3664.series.block .author-link:hover { 3665 color: #d9d9d9; 3666} 3667.block.video-list .article-title:hover, 3668.block.video-list .author-link:hover, 3669.video-slider .author-link:hover, 3670.video-slider .article-title:hover, 3671.top-video .author-link:hover, 3672.top-video .article-title:hover { 3673 /*color: #d9d9d9;*/ /*#7f7679;*/ 3674} 3675 3676.series-title, .video-list-title { 3677 padding-top: 1rem; 3678 font-weight: 500; 3679 font-size: 2rem; 3680} 3681.ga-video-block .video-list-title { 3682 font-size: 1.5rem; 3683 font-weight: 800; 3684 width: 100%; 3685 text-align: center; 3686 text-transform: uppercase; 3687 letter-spacing: 1px; 3688 margin-top: 1rem; 3689 margin-bottom: 0; 3690 padding-bottom: 1rem; 3691} 3692.ga-video-block .video-brand-nav { 3693 margin-top: 1.5rem; 3694 margin-bottom: 1.5rem; 3695} 3696 3697.article-content a.series-link, 3698.article-content .series-link, 3699.series-link { 3700 text-decoration: none; 3701 display: block; 3702 color: white; 3703 width: fit-content; 3704 padding: 0.1rem 0.4rem 0.1rem 0.4rem; 3705} 3706 3707.series-link:last-child { 3708 margin-bottom: 1rem; 3709} 3710 3711.series-link:hover { 3712 border-radius: 4px; 3713 background-color: #1b2d40; 3714 color: white; 3715} 3716.article-content a.series-link:hover { 3717 color: white; 3718} 3719 3720.series.block hr:first-child { 3721 display: none; 3722} 3723.series.block hr { 3724 color: #f2f2f2; /* #d9d9d9; */ 3725 width: 50%; 3726 margin-left: 25%; 3727 margin-bottom: 0.75rem; 3728 margin-top: 0.75rem; 3729} 3730 3731.article-content .series.block .series-title { 3732 padding-left: 0.4rem; 3733 padding-right: 0.4rem; 3734} 3735 3736.article-content .series.block .col-8 { 3737 width: 100%; 3738} 3739 3740.article-content .series.block .col-4 { 3741 width: 100%; 3742} 3743 3744.article-content .series.block .col-md-6 { 3745 width: 100%; 3746} 3747 3748.article-content .series.block .img-left { 3749 aspect-ratio: 16/9; 3750 padding-left: 0.4rem; 3751 padding-right: 0.4rem; 3752} 3753 3754.article-content .series.block hr:first-child { 3755 margin-top: 0.2rem; 3756 display: block; 3757} 3758 3759.article-content .series.block .article-box { 3760 margin-left: 0; 3761 padding-left: 0.4rem; 3762 padding-right: 0.4rem; 3763} 3764.home-above-top-container { 3765 width: 100%; 3766} 3767.home-above-top-container .r89-desktop-billboard-atf { margin: 0; } 3768.home-above-top-container > div { 3769 margin-top: 1rem; 3770} 3771.home-above-top-container > div.us-banner { 3772 margin-top: 0; 3773} 3774.us-banner:hover { 3775 opacity: 95%; 3776} 3777.home-below-top-container .r89-desktop-billboard-atf-2 {margin-top: 0; } 3778 3779.home-above-top-container > div.ad-home-camp-container { 3780 margin-top: 0; 3781} 3782.ad-home-camp-container { 3783 margin-left: calc(-1 * ((100vw - 100%) / 2)); 3784 width:100vw; 3785 overflow: visible; 3786 } 3787.ad-home-camp-container .only-desktop { 3788 margin-bottom: 2rem; 3789} 3790.ad-home-camp-container .only-mobile { 3791 margin-bottom: 1.5rem; 3792} 3793.ad-home-camp-container img { 3794 width: 100%; 3795height: auto; 3796} 3797.a-side-camp-container { 3798 margin-top: 30px; 3799 } 3800.a-side-camp-container.left { 3801 width: 150px; 3802 height: auto; 3803} 3804.a-side-camp-container.right { 3805 text-align: right; 3806} 3807.a-side-camp-container img { 3808 width: 150px; 3809 height: auto; 3810} 3811 3812 3813.center-ad { 3814 justify-content: center; 3815 display: flex; 3816} 3817 3818 3819.ad-home-below-top { 3820 float: left; 3821 width: 100%; 3822 display: flex; 3823 justify-content: center; 3824} 3825 3826.ad-home-below-top.mobile { 3827 /*display: none;*/ 3828} 3829 3830.home-top .series.block { 3831 margin-left: 1rem; 3832 margin-right: 1rem; 3833} 3834.home-top .series.block .col-md-6 { 3835 width: 100%; 3836} 3837.home-top .series-title { 3838 font-weight: 800; 3839margin-bottom: 0; 3840} 3841.series.block.red .series-title { 3842 color: #ED6E56; 3843} 3844.series.block #counter { 3845 display: block; 3846 font-size: 1.5rem; 3847 font-weight: 800; 3848} 3849.series.block .countdown { 3850 padding-top: var(--bs-gutter-x, .75rem); 3851 padding-bottom: var(--bs-gutter-x, .75rem); 3852 font-size: 1.25rem; 3853 text-align: center; 3854 display: none; 3855} 3856 3857.series-link:last-child { 3858 margin-bottom: 0; 3859} 3860.author-box-page { 3861 overflow: hidden; 3862} 3863.article-content>p.author-short-initials { 3864 opacity: 0.6; 3865 font-size: 14px; 3866 font-family: 'Mulish'; 3867} 3868 3869.article-content em, 3870.archive-meta em { 3871 font-style: italic; 3872} 3873 3874.article-content .wp-block-heading { 3875 margin-top: 2.5rem; 3876 margin-bottom: 1.25rem; 3877} 3878 3879.article-content>p, .sclt-tick-content > p, 3880.page-header>p, 3881.article-content .wp-block-heading, 3882.article-content .wp-block-media-text, 3883.article-content .wp-block-embed, 3884.article-content .form-switch, 3885.article-content ul:not(.wp-block-scliveticker-ticker > ul):not(.contact-tabs-overview ul), 3886.article-content .sclt-tick-time, 3887.author-box-page, 3888.cookie-declaration { 3889 margin-left: calc((100vw - (90vh))/2); 3890 margin-right: calc((100vw - (90vh))/2); 3891 /* max-width: 720px; */ 3892 padding-right: var(--bs-gutter-x, .75rem); 3893 padding-left: var(--bs-gutter-x, .75rem); 3894 width: 90vh; 3895 word-wrap: break-word; 3896} 3897.article-content .showcase-accordion { 3898 margin-left: calc((100vw - (90vh))/2); 3899 margin-right: calc((100vw - (90vh))/2); 3900 /* max-width: 720px; */ 3901 padding-right: var(--bs-gutter-x, .75rem); 3902 padding-left: var(--bs-gutter-x, .75rem); 3903 width: 90vh; 3904 3905} 3906.v2 .accordion-button:not(.collapsed), 3907.v2-container .accordion-button:not(.collapsed){ 3908 color: #212529; 3909} 3910 3911.v2-container .article-content>p, .v2-container .sclt-tick-content > p, 3912.v2-container .page-header>p, 3913.v2-container .article-content .wp-block-heading, 3914.v2-container .article-content .wp-block-media-text, 3915.v2-container .article-content .wp-block-embed, 3916.v2-container .article-content .form-switch, 3917.v2-container .article-content ul:not(.wp-block-scliveticker-ticker > ul):not(.contact-tabs-overview ul), 3918.v2-container .article-content .sclt-tick-time, 3919.v2-container .author-box-page, 3920.v2-container .cookie-declaration { 3921 margin-left: auto; 3922 margin-right: auto; 3923 padding-right: var(--bs-gutter-x, .75rem); 3924 padding-left: var(--bs-gutter-x, .75rem); 3925 width: 680px; 3926 word-wrap: break-word; 3927} 3928.v2-container .article-content .showcase-accordion { 3929 margin-left: auto; 3930 margin-right: auto; 3931 padding-right: var(--bs-gutter-x, .75rem); 3932 padding-left: var(--bs-gutter-x, .75rem); 3933 width: 680px; 3934 3935} 3936 3937 3938 3939.article-content .form-switch { 3940 padding-left: 3rem; 3941} 3942 3943.article-content>ol, .article-content>ul:not(.wp-block-scliveticker-ticker > ul):not(.contact-tabs-overview ul) { 3944 list-style: inherit; 3945 padding-left: 3rem; 3946} 3947 3948.article-description { 3949 margin-top: 0.75rem; 3950 font-size: 18px; 3951 word-wrap: break-word; 3952} 3953 3954 3955.article-content>p, 3956.sclt-tick-content > p, 3957.article-content>ul li { 3958 font-family: 'Tinos'; 3959 font-size: 19px; 3960 line-height: 32px; 3961 font-weight: 400; 3962} 3963 3964.sclt-tick { 3965 margin-top: 1rem; 3966} 3967.sclt-tick-time { 3968 font-weight: 400; 3969 font-size: 19px; 3970 color: #2374B1; 3971} 3972.sclt-tick-title { 3973 font-weight: 800; 3974 font-size: 19px; 3975 display: none; 3976} 3977.sclt-tick-content .wp-block-heading:first-child { 3978 margin-top: 0.25rem; 3979} 3980 3981.page-content>p, 3982.normal-text p, 3983.application>p, 3984.author-box-page>p, 3985.page-header>p, 3986.cookie-declaration p { 3987 font-family: 'Mulish'; 3988 font-size: 18px; 3989 line-height: 32px; 3990 font-weight: 400; 3991} 3992 3993.article-content.graphic:first-letter { 3994 font-family: "Mulish"; 3995 float: left; 3996 font-size: 7em; 3997 line-height: 0.5em; 3998 padding-bottom: 0.15em; 3999 font-weight: 900; 4000 padding-top: 0.2em; 4001 padding-right: 0.1em; 4002 color: #2374B1; 4003 background: linear-gradient(to bottom right, #02162B 0%, #2374B1 100%); 4004 -webkit-background-clip: text; 4005 -webkit-text-fill-color: transparent; 4006} 4007 4008.article-content.graphic .wp-block-heading { 4009 line-height: 1.4; 4010 text-decoration-color: #2374B1; 4011 text-decoration-line: underline; 4012 text-decoration-thickness: 4px; 4013 text-underline-offset: 6px; 4014 text-align: center; 4015 font-weight: 800; 4016 text-transform: uppercase; 4017 margin-top: 2rem; 4018 margin-bottom: 2.5rem; 4019} 4020.article-content>p.showcase-accordion-title { 4021 margin-bottom: 0; 4022 display: none; 4023} 4024.showcase-accordion { 4025 margin-bottom: 1rem; 4026} 4027.showcase-screenshot { 4028border-radius: 4px; 4029box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; 4030width: 100%; 4031height: auto; 4032margin-top: 1rem; 4033margin-bottom: 1rem; 4034} 4035.showcase-screenshot-caption { 4036color: #6c757d; 4037text-align: center; 4038} 4039.showcase-accordion button { 4040 font-weight: 800; 4041 font-size: 18px; 4042} 4043 4044.article-content .wp-block-heading, 4045.application-title { 4046 font-weight: 800; 4047} 4048 4049 4050.article-content .wp-block-separator { 4051 width: calc(90vh/2); 4052 margin-left: calc((100vw - (90vh))/2 + 90vh/4); 4053 margin-right: calc((100vw - (90vh))/2 + 90vh/4); 4054 height: 1px; 4055 border: 0; 4056} 4057 4058.v2-container .article-content .wp-block-separator { 4059 margin-left: auto; 4060 margin-right: auto; 4061 width: 325px; 4062 height: 1px; 4063 border: 0; 4064} 4065 4066.article-content .wp-block-image, 4067.article-content .ad.block.recommendations, 4068.article-feature-img, 4069.article-content .wp-block-gallery { 4070 margin-left: auto; /* calc((100vw - (110vh))/2); */ 4071 margin-right: auto; /* calc((100vw - (110vh))/2); */ 4072 padding-right: var(--bs-gutter-x, .75rem); 4073 padding-left: var(--bs-gutter-x, .75rem); 4074 width: 110vh; 4075 text-align: center; 4076} 4077 4078.v2-container .article-content .wp-block-image, 4079.v2-container .article-content .ad.block.recommendations,
4080.v2-container .article-feature-img, 4081.v2-container .article-content .wp-block-gallery { 4082 margin-left: auto; /* calc((100vw - (110vh))/2); */ 4083 margin-right: auto; /* calc((100vw - (110vh))/2); */ 4084 padding-right: var(--bs-gutter-x, .75rem); 4085 padding-left: var(--bs-gutter-x, .75rem); 4086 width: 825px; 4087 text-align: center; 4088} 4089 4090.article-content .wide-pic { 4091 width: 100%; 4092 padding-left: 0; 4093 padding-right: 0; 4094 4095 z-index: 1; 4096 position: relative; 4097} 4098.article-content .wide-pic-container .wp-element-caption { 4099 text-align: center; 4100 margin-bottom: 1em; 4101 margin-top: 0.5em; 4102 font-size: 15px; 4103 padding-left: 1rem; 4104 padding-right: 1rem; 4105} 4106.article-content .wp-element-caption a { 4107 font-size: .95em; 4108 display: inline-block; 4109} 4110.article-content .wide-pic-container .wp-element-caption a { 4111 font-size: 17px; 4112} 4113 4114.article-content .wp-block-gallery .wp-block-image { 4115 padding: 0px; 4116 margin: 0px; 4117 width: 100%; 4118} 4119 4120.article-feature-img { 4121 margin-bottom: 1rem; 4122} 4123 4124 4125.article-feature-img.yt { 4126 aspect-ratio: 16/9; 4127} 4128.article-feature-img.yt-article>iframe { 4129 aspect-ratio: 16/9; 4130 width: 100%; 4131} 4132.yt-article.short>iframe { 4133 aspect-ratio: 9/16; 4134 height: 100%; 4135 width: 100%; 4136} 4137figure.yt-article.short { 4138 margin-bottom: 0; 4139} 4140 4141 4142.article-content .wp-block-quote .wp-block-heading { 4143 margin-left: 0; 4144 margin-right: 0; 4145} 4146 4147/* blockquote card colors */ 4148.article-content .wp-block-quote { 4149 --accent-color: #02162B; 4150 --text-color-author: black; 4151} 4152 4153/* blockquote card setup*/ 4154.article-content .wp-block-quote { 4155 display: grid; 4156 margin-top: 2rem; 4157 gap: 1rem; 4158 font-size: 1.4rem; 4159 font-weight: 600; 4160 background-size: 0.5rem 0.5rem; 4161 border-radius: 0.25rem; 4162 margin-left: calc((100vw - (110vh))/2); 4163 margin-right: calc((100vw - (110vh))/2); 4164 padding-right: var(--bs-gutter-x, .75rem); 4165 padding-left: var(--bs-gutter-x, .75rem); 4166 width: 110vh; 4167} 4168 4169.v2-container .article-content .wp-block-quote { 4170 display: grid; 4171 margin-top: 2rem; 4172 gap: 1rem; 4173 font-size: 1.4rem; 4174 font-weight: 600; 4175 background-size: 0.5rem 0.5rem; 4176 border-radius: 0.25rem; 4177 margin-left: auto; 4178 margin-right: auto; 4179 padding-right: var(--bs-gutter-x, .75rem); 4180 padding-left: var(--bs-gutter-x, .75rem); 4181 width: 750px; 4182} 4183 4184.article-content .wp-block-quote p { 4185 margin-bottom: 0; 4186} 4187 4188.article-content .wp-block-quote::before { 4189 --qHeight: 4rem; 4190 content: ""; 4191 margin-left: calc(var(--padding) * -1); 4192 margin-top: calc(var(--padding) * -1); 4193 height: var(--qHeight); 4194 width: calc(var(--qHeight) * 1.1); 4195 background-image: 4196 radial-gradient(circle at bottom right, 4197 transparent calc(var(--qHeight) / 4 - 1px), 4198 var(--accent-color, black) calc(var(--qHeight) / 4) calc(var(--qHeight) / 2), 4199 transparent calc(var(--qHeight) / 2 + 1px)), 4200 linear-gradient(var(--accent-color, black), var(--accent-color, black)); 4201 background-size: calc(var(--qHeight) / 2) calc(var(--qHeight) / 2); 4202 background-position: top left, bottom left; 4203 background-repeat: space no-repeat 4204} 4205 4206.article-content .wp-block-quote>cite { 4207 font-size: 1.3rem; 4208 font-weight: 400; 4209 font-style: normal; 4210 justify-self: end; 4211 4212} 4213 4214.article-content .wp-block-quote>cite::before { 4215 content: "â " 4216} 4217 4218 4219.below-nav.inside-article { 4220 margin-top: 1rem; 4221} 4222 4223.below-nav.inside-list { 4224 padding-left: 1rem; 4225 padding-right: 1rem; 4226} 4227 4228/*.scroll-navbar .first-nav.article { 4229 float:left; 4230 margin-left: calc((100vw - (90vh))/2); 4231 width: 45vh; 4232 } */ 4233.scroll-navbar .second-nav.article { 4234 float: left; 4235 width: fit-content; 4236 margin-right: 0%; 4237 margin-left: 0%; 4238} 4239 4240.cover-navbar .first-nav.article { 4241 float: left; 4242 margin-left: calc((100vw - (100vh * 0.75 * 2))/2); 4243 width: calc(100vh * 0.75); 4244} 4245.cover-navbar .first-nav.article.v2 { 4246 float: left; 4247 margin-left: calc((100vw - 970px)/2); 4248 width: 485px; 4249} 4250 4251.cover-navbar .second-nav.article { 4252 float: left; 4253 max-width: 75vh; /* calc((100vw - (90vh))/2); */ 4254 /* margin-right: calc((100vw - (140vh))/2); */ 4255 margin-left: 0%; 4256} 4257 4258.cover-navbar .second-nav.article.v2 { 4259 float: left; 4260 max-width: 485px; 4261 margin-left: 0%; 4262} 4263 4264.scroll-navbar .first-nav { 4265 margin-left: calc((100vw - (100vh * 0.75 * 2))/2); 4266 width: calc(100vh * 0.75); 4267 /* margin-left: calc((100vw - (90vh))/2); */ 4268 /* width: calc(90vh/2); */ 4269} 4270 4271.scroll-navbar .second-nav { 4272 float: left; 4273 width: calc(100vh * 0.75); 4274 margin-left: 0; 4275 margin-right: 0; 4276} 4277 4278 4279 4280.v1 .scroll-navbar .navbar-list>li:last-child { 4281 border: 1px solid #2374B1; 4282border-radius: 4px; 4283padding-top: 7px; 4284margin-top: 7px; 4285padding-bottom: 7px; 4286margin-bottom: 7px; 4287padding-left: 8px; 4288margin-left: 8px; 4289padding-right: 8px; 4290margin-right: 8px; 4291} 4292.v1 .scroll-navbar .navbar-list>li:last-child a:after, .v1 .scroll-navbar .navbar-list>li:last-child a:hover:after {display: none} 4293.v1 .scroll-navbar .navbar-list>li:last-child:hover { 4294 background-color: #2374B1; 4295} 4296.v1 .scroll-navbar .navbar-list>li:last-child:hover a {color: white;} 4297 4298 4299.navbar { 4300 overflow: visible; 4301} 4302.dropdown-about { 4303 position: relative; 4304} 4305.dropdown-about .sub-menu { 4306 display: none; 4307 position: absolute; 4308 min-width: 130px; /* vorher 160px */ 4309 margin-top: 15px; 4310 overflow: visible; 4311 z-index: 1; 4312 text-align: left; 4313 padding: 12px 16px; 4314 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 4315 background-color: #2374B1; /* vorher #f1f1f1 */ 4316 border-radius: 4px; 4317} 4318.navbar-list .dropdown-about .sub-menu li { 4319 text-align: left; 4320 padding: 0.5rem 0.1rem; 4321 background-color: #2374B1; 4322} 4323.navbar-list .dropdown-about .sub-menu li a { 4324 display: inline-block; 4325 width: auto; 4326 color: #ffffff; 4327} 4328.navbar-list .dropdown-about .sub-menu li a:hover:after { 4329 background: #ffffff; 4330} 4331
4332.navbar-list .dropdown-about .sub-menu li:hover a, .navbar-list li:hover .dropdown-about .sub-menu a { 4333 color: #ffffff; 4334} 4335 4336.dropdown-about .sub-menu:after{ 4337 content:''; /* Required to display content */ 4338 position: absolute; /* Sets the position absolute to the top div */ 4339 top: 0; 4340 left: 30%;/* position the little arrow */ 4341 margin-left: -15px; 4342 margin-top:-15px; /* Set margin equal to border px */ 4343 width: 0; 4344 z-index:1; 4345 height: 0; 4346 border-bottom: solid 15px #2374B1; /* Creates the arrow pointing up, to change to a notch instead user border-top */ 4347 border-left: solid 15px transparent; /* Creates triangle effect */ 4348 border-right: solid 15px transparent; /* Creates triangle effect */ 4349} 4350.dropdown-about .sub-menu.show, .show { 4351 display: block; 4352} 4353 4354 4355 4356 4357 4358 4359 4360.top-article-item hr { 4361 display: none; 4362 width: 50%; 4363 margin-left: 25%; 4364} 4365 4366 4367.img-left { 4368 aspect-ratio: 4/3; 4369 width: 100%; 4370 object-fit: cover; 4371 object-position: center center; 4372 height: auto; 4373 margin-bottom: 1rem; 4374} 4375 4376.img-top { 4377 aspect-ratio: 16/9; 4378 width: 100%; 4379 object-fit: cover; 4380 object-position: center center; 4381 height: auto; 4382} 4383 4384.img-left.left { 4385 object-position: left center; 4386} 4387 4388.img-left.right { 4389 object-position: right center; 4390} 4391 4392.burgermenu span:nth-of-type(1) { 4393 width: 50%; 4394 4395} 4396 4397.burgermenu span:nth-of-type(2) { 4398 width: 100%; 4399} 4400 4401 4402.burgermenu span:nth-of-type(3) { 4403 width: 75%; 4404 4405} 4406 4407 4408 4409.burgermenu input[type="checkbox"] { 4410 display: none; 4411} 4412 4413 4414 4415.burgermenu input[id="check"]:checked~span:nth-of-type(1) { 4416 transform-origin: bottom; 4417 transform: rotatez(45deg) translate(4.6px, 0px) 4418} 4419 4420 4421.burgermenu input[id="check"]:checked~span:nth-of-type(2) { 4422 4423 transform-origin: top; 4424 transform: rotatez(-45deg) 4425} 4426 4427 4428.burgermenu input[id="check"]:checked~span:nth-of-type(3) { 4429 4430 transform-origin: bottom; 4431 width: 50%; 4432 transform: translate(17px, -6.3px) rotatez(45deg); 4433 4434} 4435 4436 4437 4438 4439 4440 4441 4442 4443.authors-box { 4444 display: flex; 4445 justify-content: left; 4446 gap: 0.5rem; 4447 margin-top: 1.5rem; 4448 margin-bottom: 1.5rem; 4449} 4450.on-the-ground { 4451 text-wrap: wrap; 4452 margin-bottom: 0.5rem; 4453} 4454.on-the-ground .location { 4455 text-decoration-line: underline; 4456 text-decoration-style: dotted; 4457 font-weight: 600; 4458} 4459.author-box { 4460 display: flex; 4461 align-items: center; 4462 width: fit-content; 4463 4464} 4465.author-box.author-box-no-avatar-center { 4466 justify-content: center; 4467 width: 100%; 4468 text-align: center; 4469} 4470.author-box.author-box-no-avatar-center .author-info { 4471 margin-left: 0; 4472} 4473 4474.author-info-box { 4475 width: fit-content; 4476 white-space: nowrap; 4477 height: 60px; 4478 display: flex; 4479 align-items: center; 4480 4481} 4482 4483.author-twitter { 4484 color: #212529; 4485 text-decoration: none; 4486} 4487.author-twitter .bi-twitter-x { 4488 font-size: smaller; 4489} 4490 4491.author-twitter:hover { 4492 color: #2374B1; 4493} 4494 4495.author-link { 4496 color: #212529; 4497 text-decoration: none; 4498 font-weight: 700; 4499} 4500 4501.author-link.light { 4502 font-weight: 500; 4503} 4504 4505.author-link:hover { 4506 color: #7f7679; 4507} 4508 4509.author-info { 4510 margin-left: 0.5rem; 4511} 4512 4513.author-info span { 4514 white-space: nowrap; 4515} 4516.author-info .author-role { 4517 font-size: 17px; 4518 margin-bottom: 0px; 4519 white-space: break-spaces; 4520} 4521 4522 4523.author-info h1 { 4524 font-size: 1rem; 4525 margin-top: 0; 4526 margin-bottom: 2px; 4527} 4528 4529.author-info.box-page { 4530 margin-left: 1rem; 4531 font-size: 20px; 4532} 4533 4534.article-list { 4535 margin-left: 1rem; 4536 margin-right: 1rem; 4537 margin-bottom: 1rem; 4538} 4539 4540.articles-layout { 4541 margin-bottom: 1rem; 4542} 4543 4544.author-and-time { 4545 margin-top: 0.3rem; 4546} 4547 4548.article-item { 4549 margin-top: 1rem; 4550} 4551.article-item:has(.home-pos3-badge) { 4552 position: relative; 4553} 4554.home-pos3-badge { 4555 position: absolute; 4556 z-index: 2; 4557 top: 0.25rem; 4558 left: 0.25rem; 4559 font-size: 0.65rem; 4560 font-weight: 600; 4561 letter-spacing: 0.02em; 4562 text-transform: uppercase; 4563 line-height: 1.2; 4564 padding: 0.15rem 0.4rem; 4565 color: #084298; 4566 background-color: #cfe2ff; 4567 border: 1px solid #b6d4fe; 4568 border-radius: 0.375rem; 4569 pointer-events: auto; 4570} 4571 4572.article-img { 4573 aspect-ratio: 4/3; 4574 width: 100%; 4575 object-fit: cover; 4576 object-position: center center; 4577} 4578 4579.article-img.large, 4580.article-img.large-only-desktop { 4581 aspect-ratio: 16/9; 4582} 4583 4584 4585.article-subtitle { 4586 color: #2374B1; 4587 font-size: 1rem; 4588 word-wrap: break-word; 4589}
4590.article-label-area + .article-subtitle, .top-label + .article-subtitle { 4591 margin-top: 0.25rem; 4592} 4593.v2 .article-label-area + .article-subtitle, 4594.v2 .top-label + .article-subtitle { 4595 display: none; 4596} 4597 4598.top-label { 4599 display: flex; 4600 justify-content: center; 4601} 4602 4603.article-label { 4604 color: white; 4605 background-color: #2374B1; 4606 padding: 0.1rem 0.4rem 0.1rem 0.4rem; 4607 4608} 4609.article-label.opinion { 4610 color: #2374B1; 4611 background-color: initial; 4612 border: 1.5px solid #2374B1; 4613} 4614.article-label.opinion.column-op { 4615 color: #212529; 4616 background-color: initial; 4617 border: 1.5px solid #212529; 4618} 4619.article-label.sponsored, .v2 .article-label.sponsored { 4620 color: #1b2d40; 4621 background-color: #EEC54B; 4622 border: 1.5px solid #EEC54B; 4623} 4624.article-label.ad-link { 4625 color: #6c757d; 4626 background-color: #f2f2f2; 4627 border: 1.5px solid #f2f2f2; 4628} 4629 4630.top-article-box .article-label-area { 4631 text-align: center; 4632} 4633.article-label-area { 4634 margin-bottom: 0.2rem; 4635} 4636.special-label { 4637 max-height: 23px; 4638 vertical-align: top; 4639} 4640.top-carousel-item .article-label-area-special-video .special-label, 4641.video-slider .article-label-area-special-video .special-label { 4642 width: auto !important; 4643 height: 23px; 4644 max-height: 23px; 4645 aspect-ratio: auto; 4646 object-fit: contain; 4647 border-radius: 0; 4648 box-shadow: none; 4649} 4650.article-label-area-special-video .special-label-dark { 4651 display: none; 4652} 4653.video-element-box .article-label-area-special-video .special-label-light, 4654.sunday-element-box.dark .article-label-area-special-video .special-label-light, 4655.block.dark .article-label-area-special-video .special-label-light, 4656.v2-container .block.video-list .article-label-area-special-video .special-label-light, 4657.v2 .block.video-list .article-label-area-special-video .special-label-light, 4658.v2-header .video-container .article-label-area-special-video .special-label-light, 4659.v2-header .article-label-area-special-video .special-label-light, 4660.video-page .article-label-area-special-video .special-label-light { 4661 display: none; 4662} 4663.video-element-box .article-label-area-special-video .special-label-dark, 4664.sunday-element-box.dark .article-label-area-special-video .special-label-dark, 4665.block.dark .article-label-area-special-video .special-label-dark, 4666.v2-container .block.video-list .article-label-area-special-video .special-label-dark, 4667.v2 .block.video-list .article-label-area-special-video .special-label-dark, 4668.v2-header .video-container .article-label-area-special-video .special-label-dark, 4669.v2-header .article-label-area-special-video .special-label-dark, 4670.video-page .article-label-area-special-video .special-label-dark { 4671 display: inline-block; 4672} 4673a:hover .special-label { 4674 opacity: 80%; 4675} 4676 4677 4678.article-box { 4679 margin-left: 1rem; 4680 margin-top: 0; 4681} 4682.article-box.right-small { 4683 margin-left: 0; 4684 margin-right: 1rem; 4685 margin-top: 0; 4686} 4687 4688.top-article-item, 4689.large-article-item, 4690.large-article-box { 4691 margin-top: 1rem; 4692} 4693.v2 .top-article-item { 4694 padding-left: 1rem; 4695} 4696.top-article-item.fill-up { 4697 display: flex; 4698 flex-direction: column; 4699 height: 100%; 4700 padding-bottom: 0.5rem; 4701} 4702.top-article-item .fill-up { 4703 flex-grow: 1; 4704background-size: cover; 4705background-position: center; 4706} 4707.top-article-item .fill-up a { 4708 height: 100%; 4709width: 100%; 4710display: block; 4711} 4712 4713.top-article-item .fill-up img { 4714 height: 100%; 4715 width: 100%; 4716 object-fit: cover; 4717 object-position: center; 4718} 4719 4720.top-article-box { 4721 margin-top: 1rem; 4722 margin-left: 2rem; 4723 margin-right: 2rem; 4724} 4725 4726.v2 .top-article-box { 4727 margin-top: 1rem; 4728 margin-left: 1.5rem; 4729 margin-right: 1.5rem; 4730} 4731.top-article-text { 4732 text-align: center; 4733} 4734 4735.top-article-text.article-title.commentary { 4736 font-size: 1.5rem; 4737 margin-top: 0; 4738} 4739.article-title.commentary { 4740 font-family: Times, "PT Serif"; 4741 font-weight: 800; 4742 font-style: italic; 4743 margin-top: 0.35rem; 4744} 4745.dark-link:hover .article-title.commentary { 4746 color: #02162B; //#212529; 4747} 4748 4749.dark-link:hover .article-title.commentary span { 4750 background: linear-gradient(#EEC54B,#EEC54B) 0 90% / 100% 10px no-repeat; 4751 text-shadow: 1px 1px 3px #ffffff; 4752 //87ceeb,6bd7ef, 87cefa 4753} 4754.commentary-imgbox > div > img { 4755 box-shadow: 0.5px 0.5px #ffffff, 10px 10px #1b2d40; 4756} 4757.commentary-imgbox > div { 4758 margin-right: 10px; 4759} 4760.commentary-imgbox:hover > div > img { 4761 box-shadow: 10px 10px #EEC54B; 4762} 4763.large-only-desktop .commentary-imgbox {
4764 display: none; 4765} 4766 4767 4768 4769 4770.fix-top-articles1 { grid-area: fix-top-articles1; } 4771.fix-top-articles2 { grid-area: fix-top-articles2; } 4772.headlines1 { grid-area: headlines1; } 4773.headlines2 { grid-area: headlines2; } 4774.ts-op-article { grid-area: ts-op-article; margin-top: 1rem;} 4775.ts-ad-in-between { 4776 grid-area: ts-ad-in-between; 4777 display: none; 4778} 4779.ts-cards {grid-area: ts-cards; } 4780.ts-border {grid-area: ts-border; margin-bottom: 1rem; } 4781 4782.second-page-layout {grid-area: second-page-layout; } 4783.ts-layout {grid-area: ts-layout; } 4784 4785 4786.ts-layout { 4787 display: grid; 4788 grid-template-areas: 4789 'ts-op-article ts-cards ts-cards' 4790 'ts-border ts-border ts-border'; 4791 grid-template-columns: 33% 33% 33%; 4792 grid-gap: 10px; 4793} 4794 4795.second-page-layout { 4796 display: grid; 4797 grid-template-areas: 4798 'fix-top-articles1 fix-top-articles1 headlines1' 4799 'fix-top-articles1 fix-top-articles1 headlines2' 4800 'fix-top-articles2 fix-top-articles2 headlines2'; 4801 grid-template-columns: 37% 36% 27%; 4802 grid-auto-rows: auto 1fr; 4803 border-top: 2px solid black; 4804 padding-top: 0.75rem; 4805} 4806.home-right-below-top-container { 4807 margin-bottom: 1rem; 4808} 4809.v2-col-ts .top-carousel-container { 4810 margin-top: 0.5rem; 4811 position: relative; 4812} 4813.v2-col-ts .top-carousel-container:after { 4814 display: none; 4815 width: 130px; 4816 height: calc(100% - 20px); 4817 background: linear-gradient(to left, rgba(255, 255, 255, 0.5), transparent); 4818 position: absolute; 4819 top: 0; 4820 right: 0; 4821 content: close-quote; 4822} 4823 4824.v2-col-ts .top-carousel-headline { 4825 font-size: 1.5rem; 4826 letter-spacing: 1px; 4827} 4828.v2-col-ts .top-carousel-headline:after { 4829 display: none 4830} 4831.top-carousel-container { 4832 width: 100%; 4833 display: block; 4834 overflow: hidden; 4835 margin-top: 1rem; 4836 margin-bottom: 1rem; 4837} 4838.top-carousel-border { 4839 width: 100%; 4840 border-bottom: 2px solid black; 4841} 4842.top-carousel { 4843 display: block; 4844 width: 100%; 4845 height: 100%; 4846 background: white; 4847 overflow-x: scroll; 4848 white-space: nowrap; 4849} 4850 4851.top-carousel .ajax-load-more-wrap, 4852.top-carousel .alm-btn-wrap, 4853.top-carousel .alm-reveal { 4854 display: inline-flex; 4855} 4856 4857.top-carousel .alm-btn-wrap { 4858 height: 450px; 4859 position: relative; 4860} 4861 4862.top-carousel .alm-load-more-btn { 4863 position: absolute; 4864 top: 50%; 4865 -ms-transform: translateY(-50%); 4866 transform: translateY(-50%); 4867} 4868 4869.top-carousel-headline, .top-headline { 4870 font-size: 1.7rem; 4871 font-weight: 800; 4872 align-items: center; 4873 display: flex; 4874 width: 100%; 4875 white-space: nowrap; 4876 text-transform: uppercase; 4877 margin-bottom:0; 4878} 4879.top-headline.medium { 4880 font-size: 1.5rem; 4881} 4882.top-carousel-headline { 4883 padding-left: 10px; 4884} 4885.top-carousel-headline:after, .top-headline:after { 4886background-color: black; 4887content: ""; 4888display: inline; 4889height: 2px; 4890width: 100%; 4891margin-left: 10px; 4892margin-right: 0px; 4893} 4894 4895.top-carousel-item { 4896 display: inline-block; 4897 width: 300px; 4898 margin: 0 10px; 4899 height: 450px; 4900 margin-top: 1rem; 4901 background: white no-repeat center center; 4902 background-size: cover; 4903 position: relative; 4904 border-radius: 2px; 4905 white-space: normal; 4906 4907} 4908 4909.top-carousel-item img { 4910 aspect-ratio: 3/4; 4911 width: 100%; 4912 object-fit: cover; 4913 object-position: center center; 4914 border-radius: 5px; 4915 box-shadow: 0 0 10px #dfdfdf; 4916} 4917.graphic-teaser-carousel-link { 4918 position: relative; 4919 display: block; 4920 overflow: hidden; 4921 border-radius: 5px; 4922 white-space: normal; 4923 container-type: inline-size; 4924} 4925.graphic-teaser-carousel-link .graphic-teaser-title, 4926.graphic-teaser-carousel-link .graphic-teaser-subtitle { 4927 white-space: normal; 4928 overflow-wrap: break-word; 4929} 4930.graphic-teaser-carousel-link .graphic-teaser-title span, 4931.graphic-teaser-carousel-link .graphic-teaser-subtitle span { 4932 display: block; 4933} 4934.popular-carousel-item { 4935 display: inline-block; 4936 width: 300px; 4937 margin-left: 0.8rem; 4938 height: auto; 4939 background: white no-repeat center center; 4940 background-size: cover; 4941 position: relative; 4942} 4943.popular-carousel-item:first-child { 4944 margin-left: 0; 4945} 4946.popular-carousel-item .article-title.commentary { 4947 margin-top: 0; 4948} 4949.top-carousel-container.popular { 4950 margin-top: 3.5rem; 4951 margin-bottom: 3.5rem; 4952} 4953.top-carousel-container.popular .top-carousel-headline { 4954 font-size: 1rem; 4955 font-weight: 800; /* 600 */ 4956 padding-left: 0; 4957 letter-spacing: 1px; 4958} 4959.recommended-container { 4960 width: 100%; 4961display: block; 4962overflow: hidden; 4963 margin-top: 2rem; 4964margin-bottom: 2rem; 4965} 4966.recommended-ad-note { 4967 text-align: right; 4968 font-size: 0.7rem; 4969margin-bottom: -0.5rem; 4970 padding-right: 0.2rem; 4971 color: rgba(33, 37, 41, 0.6); 4972} 4973.recommended-headline { 4974 font-size: 1.1rem; 4975 font-weight: 400; /* 600 */ 4976 padding-left: 0; 4977 align-items: center; 4978display: flex; 4979width: 100%; 4980white-space: nowrap; 4981margin-bottom: 0; 4982} 4983.recommended-headline .logo { 4984 height: 1rem; 4985 margin-right: 5px; 4986}
4987.top-carousel-container.popular .top-carousel-headline:after, 4988.recommended-headline:after { 4989 background-color: black; 4990content: ""; 4991display: inline; 4992height: 1px; /* 1px */ 4993width: 100%; 4994margin-left: 5px; 4995margin-right: 0; 4996/* margin-right: 1rem; */ 4997} 4998.top-carousel-container.popular .top-carousel-headline:before, 4999.recommended-headline:before { 5000 background-color: black; 5001content: ""; 5002display: inline; 5003height: 1px; /* 1px */ 5004width: calc(1rem - 3px); 5005margin-left: 0; 5006margin-right: 5px; 5007} 5008.top-carousel-container.popular .top-carousel-border, 5009.recommended-border { 5010 border-bottom: 1.35px solid black; /* 1.35px solid black; */ 5011 margin-top: 0.35rem; 5012 /* margin-left: 1rem; 5013 margin-right: 1rem; 5014width: calc(970px - 2rem); */ 5015} 5016.recommended-content { 5017 display: flex; 5018overflow-x: auto; 5019white-space: nowrap; 5020 margin-left: 1rem; 5021 -webkit-overflow-scrolling: touch; 5022} 5023.recommended-item { 5024 display: inline-block; 5025width: calc(300px + 1rem); 5026padding-right: 1rem; 5027height: auto; 5028margin-top: 0.5rem; 5029margin-bottom: 0px; 5030white-space: normal; 5031flex: 0 0 auto; 5032} 5033.recommended-box-note { 5034margin-bottom: 0.2rem; 5035font-size: 0.9rem; 5036} 5037.recommended-item .highlight-box { 5038 border: 1px solid #C2D7FF; 5039background-color: #E0ECFF; 5040 5041/* border: 1px solid #E9F1FF; 5042background-color: #EDF3FF; 5043 5044 5045 border: 1px solid #E0ECFF; 5046background-color: #EDF3FF;*/ 5047} 5048.recommended-item .highlight-box .highlight-box-headline { 5049 font-weight: 800; 5050 font-size: 1.15rem; 5051} 5052.recommended-item .highlight-box .highlight-box-subtitle { 5053 font-size: 0.95rem; 5054} 5055.recommended-item .btn.highlight-box-btn { 5056 margin-top: 0.6rem; 5057 font-size: 0.9rem; 5058 background-color: transparent; 5059 border: 1px solid #02162B; 5060 color: #02162B; 5061} 5062.recommended-item .btn.highlight-box-btn:hover { 5063 border: 1px solid #02162B; 5064 color: white; 5065 background-color: #02162B; 5066} 5067.recommended-item .highlight-box .col-8 { 5068 width: 75%; 5069} 5070.recommended-item .highlight-box .col-4 { 5071 width: 25%; 5072} 5073 5074 5075.top-carousel.popular-slider { 5076 counter-reset: carousel-counter 0; 5077 margin-left: 1rem; 5078} 5079 5080 5081.popular-carousel-item .img-left { 5082 aspect-ratio: 11/13; 5083} 5084.popular-carousel-item { 5085position: relative; /* Needed for absolute positioning inside */ 5086 counter-increment: carousel-counter; 5087} 5088 5089.popular-carousel-item::before { 5090 content: counter(carousel-counter); 5091 position: absolute; 5092 bottom: 10px; 5093 left: 0px; 5094 /* Remove background */ 5095 background: none; 5096 text-shadow: 5097 0 0 6px rgba(0, 0, 0, 0.8), 5098 0 0 12px rgba(0, 0, 0, 0.6), 5099 0 0 18px rgba(0, 0, 0, 0.4); 5100 /* Add text shadow for contrast 5101 text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); */ 5102 color: white; 5103 font-size: 2rem; 5104 font-weight: 800; 5105 padding: 2px 6px; 5106 border-radius: 3px; 5107 z-index: 2; 5108} 5109 5110.popular-carousel-item .article-title { 5111 white-space: normal; 5112 font-size: 1rem; 5113 font-weight: 700; 5114} 5115.popular-carousel-item .article-title.commentary { 5116 font-size: 1.1rem; 5117} 5118 5119.popular-carousel-item .article-subtitle { 5120 font-size: 0.8rem; 5121} 5122.v2-home-headline { 5123 font-size: 1.5rem; 5124 font-weight: 800; 5125width: 100%; 5126white-space: nowrap; 5127text-transform: uppercase; 5128margin-bottom: 0; 5129 letter-spacing: 1px; 5130} 5131.v2-home-headline.center { 5132 text-align: center; 5133} 5134.v2-duo-grid.ts { 5135 margin-top: 2.5rem; 5136} 5137.v2-home-headline.recent { 5138 margin-top: 2rem; 5139 padding-bottom: 1rem; 5140border-bottom: 1px solid #f2f2f2; 5141margin-bottom: 0.5rem; 5142} 5143.grid-article-headline-1, .grid-article-headline-2 { 5144 padding-bottom: 1rem; 5145border-bottom: 1px solid #f2f2f2; 5146margin-bottom: 0.5rem; 5147} 5148.v2-duo-grid.pop-below .grid-col-headline-1, .v2-duo-grid.pop-below .grid-col-headline-2 { 5149 padding-bottom: 1rem; 5150border-bottom: 1px solid #f2f2f2; 5151margin-bottom: 0.5rem; 5152} 5153 5154.v2-duo-grid.pop-below { 5155 padding-bottom: 2rem; 5156 margin-top: 2.5rem; 5157} 5158.v2-duo-grid.second-below { 5159 padding-bottom: 2rem; 5160 /* margin-top: 2.5rem; */ 5161} 5162.v2-duo-grid.second-below.second { 5163 padding-bottom: 1rem; 5164} 5165.v2-home-headline.second-below, .v2-home-headline.pop-below { 5166 margin-top: 1rem; 5167 padding-bottom: 1rem; 5168 border-bottom: 1px solid #f2f2f2; 5169 margin-bottom: 0.5rem; 5170} 5171.more-articles-section { 5172 width: 100%; 5173 text-align: center; 5174 padding-bottom: 2rem; 5175} 5176.btn.btn-more-articles { 5177 background-color: white; 5178 border: 1px solid #02162B; 5179 color: #02162B; 5180 margin-left: auto; 5181 margin-right: auto; 5182} 5183.btn.btn-more-articles:hover { 5184 background-color: #02162B; 5185 color: white; 5186} 5187 5188 5189 5190.v2-grid-layout.recent { 5191 padding-bottom: 2rem; 5192} 5193.v2-grid-layout.two-categories { 5194 margin-top: 2.5rem;; 5195} 5196 5197 5198.grid-col-1 {grid-area: grid-col-1; } 5199.grid-col-2 {grid-area: grid-col-2; } 5200.grid-col-3 {grid-area: grid-col-3; } 5201.grid-col-el {grid-area: grid-col-el; } 5202 5203 5204.grid-col-headline-1 {grid-area: grid-col-headline-1; } 5205.grid-col-headline-2 {grid-area: grid-col-headline-2; } 5206 5207.grid-col-headline {grid-area: grid-col-headline; } 5208 5209.v2-duo-grid {
5210 display: grid; 5211grid-template-areas: 'grid-col-1 grid-col-2'; 5212grid-template-columns: 50% 50%; 5213} 5214 5215.v2-duo-grid.with-headlines { 5216grid-template-areas: 5217 'grid-col-headline-1 grid-col-headline-2' 5218 'grid-col-1 grid-col-2'; 5219} 5220 5221.v2-grid-layout { 5222 display: grid; 5223grid-template-areas: 'grid-article-1 grid-article-4' 5224'grid-article-2 grid-article-5' 5225'grid-article-3 grid-article-6'; 5226grid-template-columns: 50% 50%; 5227} 5228.v2-grid-layout.with-headlines { 5229grid-template-areas: 5230 'grid-article-headline-1 grid-article-headline-2' 5231 'grid-article-1 grid-article-4' 5232'grid-article-2 grid-article-5' 5233'grid-article-3 grid-article-6'; 5234} 5235.grid-article-1 {grid-area: grid-article-1; } 5236.grid-article-2 {grid-area: grid-article-2; } 5237.grid-article-3 {grid-area: grid-article-3; } 5238.grid-article-4 {grid-area: grid-article-4; } 5239.grid-article-5 {grid-area: grid-article-5; } 5240.grid-article-6 {grid-area: grid-article-6; } 5241 5242.grid-article-headline-1 {grid-area: grid-article-headline-1; } 5243.grid-article-headline-2 {grid-area: grid-article-headline-2; } 5244 5245.grid-article-headline-1, .grid-article-1,.grid-article-2, .grid-article-3, 5246.grid-article-headline-2, .grid-article-4,.grid-article-5, .grid-article-6 { 5247 padding-left: 0.5rem; 5248padding-right: 0.5rem; 5249} 5250.grid-article-headline-1, .grid-article-1,.grid-article-2, .grid-article-3 { 5251 padding-left: 1rem; 5252} 5253.grid-article-headline-2, .grid-article-4,.grid-article-5, .grid-article-6 { 5254 padding-right: 1rem; 5255} 5256.grid-article-1,.grid-article-2, .grid-article-3, 5257.grid-article-4,.grid-article-5, .grid-article-6 { 5258 border-bottom: 1px solid #f2f2f2; 5259} 5260 5261 5262 5263.special-topic-box { 5264 border-top: 1px solid gray; 5265 border-bottom: 1px solid gray; 5266 padding-bottom: 1.5rem; 5267 padding-top: 1rem; 5268 margin-top: 2rem; 5269 max-width: 100%; 5270} 5271.special-topic-box.has-title-image { 5272 padding-top: 0; 5273} 5274.special-topic-box.has-code { 5275 padding-bottom: 0; 5276} 5277.special-topic-box .v2-duo-grid { 5278 grid-template-areas: 5279 'grid-col-headline grid-col-headline' 5280 'grid-col-1 grid-col-2'; 5281} 5282.special-topic-box .v2-duo-grid.right { 5283 grid-template-areas: 5284 'grid-col-headline grid-col-headline' 5285 'grid-col-2 grid-col-1'; 5286} 5287.special-topic-box.only-two .v2-duo-grid { 5288 grid-template-areas: 5289 'grid-col-headline grid-col-headline' 5290 'grid-col-1 grid-col-2'; 5291 grid-template-columns: 60% 40%; 5292} 5293.special-topic-box.only-one .v2-duo-grid { 5294 grid-template-areas: 5295 'grid-col-headline grid-col-headline' 5296 'grid-col-1 grid-col-1'; 5297} 5298.special-topic-box.only-one .grid-col-1, 5299.special-topic-box.only-two.election .grid-col-1{ 5300 padding-left: 1rem; 5301 padding-right: 3rem; 5302} 5303.special-topic-box.only-one .v2-duo-grid .grid-col-1 .article-img.large { 5304 aspect-ratio: 16/8; 5305} 5306.special-topic-box.only-one.show-uz .v2-duo-grid .grid-col-1 .article-img.large { 5307 aspect-ratio: 16/9; 5308} 5309.special-topic-box.only-two.show-uz .grid-col-1 .top-article-item.fill-up { 5310 height: auto; 5311} 5312.special-topic-box.only-two.show-uz .grid-col-1 .fill-up { 5313 flex-grow: 0; 5314 height: auto; 5315 aspect-ratio: 16 / 9; 5316} 5317.special-topic-box.only-two.show-uz .grid-col-1 .fill-up img { 5318 height: 100%; 5319} 5320.special-topic-box.only-two .v2-duo-grid .grid-col-2 { 5321 min-height: 400px; 5322} 5323.special-topic-box.only-two.election .v2-duo-grid .grid-col-2 { 5324 min-height: 0; 5325} 5326.special-topic-box .v2-home-headline { 5327 margin-bottom: 0.5rem; 5328} 5329.special-topic-box .special-topic-code { 5330 margin-top: 1rem; 5331 margin-bottom: 0; 5332 width: 100%; 5333} 5334.special-topic-box .special-topic-code > * { 5335 max-width: 100%; 5336} 5337.special-topic-box .special-topic-title-image { 5338 margin-bottom: 0.5rem; 5339 width: 100%; 5340} 5341.special-topic-box .special-topic-title-image.center { 5342 text-align: center; 5343} 5344.special-topic-box .special-topic-title-img { 5345 display: block; 5346 width: 100%; 5347 height: auto; 5348 max-width: 100%; 5349} 5350.special-topic-box .v2-duo-grid.right .grid-col-2 .article-list { 5351 margin-bottom: 0; 5352} 5353.special-topic-box .v2-duo-grid.right .grid-col-1 .top-article-item { 5354 padding-left: 1rem; 5355 padding-right: 1rem; 5356} 5357 5358.special-topic-box.election .v2-duo-grid { 5359 grid-template-areas: 5360 'grid-col-headline grid-col-headline grid-col-headline' 5361 'grid-col-el grid-col-el grid-col-el-top' 5362 'grid-col-1 grid-col-2 grid-col-2'; 5363 grid-template-columns: 50% 10% 40%; 5364} 5365.special-topic-box.election.above .v2-duo-grid { 5366 grid-template-areas: 'grid-col-headline grid-col-headline ' 5367'grid-col-el-top grid-col-el' 5368'grid-col-2 grid-col-1'; 5369grid-template-columns: 50% 50%; 5370} 5371.special-topic-box.election.only-two .v2-duo-grid { 5372 grid-template-areas: 5373 'grid-col-headline grid-col-headline grid-col-headline' 5374 'grid-col-el grid-col-el grid-col-el-top' 5375 'grid-col-1 grid-col-1 grid-col-1'; 5376 grid-template-columns: 50% 10% 40%; 5377} 5378.special-topic-box.election.above.only-two .v2-duo-grid { 5379 grid-template-areas: 'grid-col-headline grid-col-headline ' 5380'grid-col-el-top grid-col-el' 5381'grid-col-1 grid-col-1'; 5382grid-template-columns: 50% 50%; 5383} 5384.special-topic-box.election.only-two .grid-col-2 { 5385 display: none; 5386} 5387.special-topic-box.election.only-one .grid-col-1, .special-topic-box.election.only-one .grid-col-2 { 5388 display: none; 5389} 5390.special-topic-box.mini-dashboard .v2-duo-grid { 5391 grid-template-areas: 5392 'grid-col-headline' 5393 'grid-col-el'; 5394 grid-template-columns: 1fr; 5395}
5396.special-topic-box.mini-dashboard.no-title .v2-duo-grid { 5397 grid-template-areas: 'grid-col-el'; 5398} 5399.special-topic-box.mini-dashboard.no-title { 5400 padding-top: 1rem; 5401 padding-bottom: 1rem; 5402} 5403.special-topic-box.mini-dashboard .grid-col-headline { 5404 padding-left: 1rem; 5405 padding-right: 1rem; 5406} 5407.special-topic-box.mini-dashboard .grid-col-el { 5408 padding-left: 1rem; 5409 padding-right: 1rem; 5410 width: 100%; 5411 min-width: 0; 5412 max-width: 100%; 5413} 5414.special-topic-box.mini-dashboard .grid-col-el > * { 5415 max-width: 100%; 5416} 5417.new-login-full-page { 5418 background-color: #02162B; /* #F2F7FF; */ 5419 min-height: 100vh; 5420 height: 100%; 5421 padding-left: 1rem; 5422 padding-right: 1rem; 5423} 5424.new-login-form.register { 5425 5426} 5427.new-login-form { 5428 max-width: 450px; 5429 padding: 1rem; 5430 margin: auto; 5431 background-color: white; 5432 border-radius: 4px; 5433 overflow: hidden; 5434 /* box-shadow: 0 0 10px #dfdfdf; */ 5435} 5436.new-login-form .psw-login { 5437 margin-bottom: 0; 5438} 5439.new-login-form p.forgot-psw { 5440 margin-bottom: 0; 5441 padding: 0.25rem 0.75rem 1rem 0.75rem; 5442 font-size: 0.85rem; 5443 text-align: right; 5444} 5445.new-login-form .forgot-psw a { 5446 color: #314253; 5447 text-decoration: none; 5448} 5449.new-login-form .forgot-psw a:hover { 5450 color: #3D5267; 5451} 5452a.new-form-link, .new-login-footer-elements li a { 5453 text-decoration-line: underline; 5454 text-decoration-thickness: 1px; 5455 text-underline-offset: 4px; 5456 color: #4e8fc0; 5457} 5458 5459a.new-form-link:hover, .new-login-footer-elements li a:hover { 5460 text-underline-offset: 2.5px; 5461 text-decoration-thickness: 2px; 5462 color: #4e8fc0; 5463} 5464.new-login-form .form-control { 5465 /* background-color: #f2f2f2; */ 5466 background-color: white; 5467 border-radius: 4px; 5468 border: 1px solid #02162B; 5469} 5470.new-login-form .form-control::placeholder { 5471 /* color: rgba(251, 251, 251, 0.8); */ 5472} 5473.new-login-form .form-control:hover, .new-login-form .form-control:focus { 5474 /* background-color: #e6e6e6; */ 5475 background-color: #fbfbfb; 5476} 5477.new-login-form .form-control:focus::placeholder { 5478 /* color: #6c757d; */ 5479} 5480.new-login-form .btn.main-action { 5481 color: white; 5482 background-color: #02162B; 5483 width: 100%; 5484} 5485.new-login-form .btn.main-action:hover { 5486 background-color: #314253; 5487} 5488.new-login-form .btn.second-action { 5489 color: #02162B; 5490 background-color: white; 5491 border: 1px solid #02162B; 5492 width: 100%; 5493} 5494.new-login-form .btn.second-action:hover { 5495 color: white; 5496 background-color: #02162B; 5497 border: 1px solid #02162B; 5498} 5499.new-login-form .form-check { 5500 margin-bottom: 1rem; 5501} 5502.login-logo { 5503 width: auto; 5504 height: 100px; 5505 margin-left: auto; 5506 margin-right: auto; 5507 padding-top: 0.75rem; 5508 padding-bottom: 0.75rem; 5509} 5510.login-header { 5511 text-align: center; 5512 margin-left: auto; 5513 margin-right: auto; 5514 max-width: 450px; 5515 padding-top: 2vh; 5516} 5517.login-form-title { 5518 text-align: center; 5519} 5520.login-header-description { 5521 text-align: left; 5522 color: #fbfbfb; 5523 padding-left: 1rem; 5524 padding-right: 1rem; 5525 padding-bottom: 0.75rem; 5526} 5527.new-login .nav-link.active { 5528 display: none; 5529} 5530.new-login-error, .new-login-success, .new-register-error { 5531 margin-bottom: 1rem; 5532} 5533.new-login-error, .new-register-error { 5534 color: red; 5535} 5536.new-login-success { 5537 color: green; 5538} 5539.account-notice { 5540 margin-bottom: 1.5rem; 5541} 5542.account-notice.mail { 5543 margin-top: 1.5rem; 5544} 5545.account-notice.center { 5546 text-align: center; 5547} 5548.no-account-notice { 5549 text-align: center; 5550 margin-bottom: 0.25rem; 5551} 5552 5553 5554/* Friend Benefits Styling */ 5555.friend-benefits { 5556 margin-top: 1.5rem; 5557} 5558 5559.friend-benefit { 5560 margin-bottom: 0.5rem; 5561 padding: 1rem 1rem 1rem 1rem; 5562 background-color: #e9ecef; 5563 border-radius: 4px; 5564 display: flex; 5565 align-items: baseline; 5566 gap: 0.75rem; 5567} 5568 5569.friend-benefit__content { 5570 flex: 1; 5571} 5572 5573.friend-benefit:last-child { 5574 margin-bottom: 0; 5575} 5576 5577.friend-benefit__title { 5578 font-size: 1.1rem; 5579 font-weight: 700; 5580 margin-bottom: 0.5rem; 5581} 5582 5583.friend-benefit__text { 5584 margin-bottom: 0; 5585 line-height: 1.5; 5586} 5587 5588.friend-benefit hr { 5589 margin: 1rem 0; 5590 border: none; 5591 border-top: 1px solid #dee2e6; 5592} 5593 5594.friend-benefit:last-child hr { 5595 display: none; 5596} 5597 5598.fr-content-access-notice { 5599 max-width: 680px; 5600 margin: 4rem auto; 5601 padding: 2rem 1rem; 5602 text-align: center; 5603} 5604.fr-content-access-notice h1 { 5605 font-size: 1.5rem; 5606 font-weight: 800; 5607 margin-bottom: 1rem; 5608} 5609.fr-content-access-notice p { 5610 font-family: 'Mulish'; 5611 font-size: 18px; 5612 line-height: 1.6; 5613 margin-bottom: 1.5rem; 5614} 5615.fr-content-access-notice .fr-content-access-button { 5616 background-color: #02162B; 5617 color: white; 5618 border: 1px solid #02162B; 5619} 5620.fr-content-access-notice .fr-content-access-button:hover { 5621 background-color: #EEC54B; 5622 color: #02162B; 5623 border-color: #EEC54B; 5624} 5625 5626.fr-content-public-gate { 5627 margin: 2rem auto 3rem; 5628 text-align: left; 5629} 5630 5631.fr-content-public-gate h2 { 5632 font-size: 1.5rem; 5633 font-weight: 800; 5634 margin-bottom: 1rem; 5635} 5636 5637.fr-content-public-gate p { 5638 margin-bottom: 1rem; 5639} 5640 5641.fr-content-public-gate .friend-benefits { 5642 margin-top: 0; 5643 margin-bottom: 1rem; 5644} 5645 5646.fr-content-public-gate-actions { 5647 display: flex; 5648 flex-wrap: wrap; 5649 justify-content: flex-start; 5650 align-items: center; 5651 gap: 0.75rem; 5652} 5653 5654.fr-content-public-gate-actions .btn {
5655 display: inline-flex; 5656 align-items: center; 5657 justify-content: center; 5658 min-height: 44px; 5659 padding: 0.55rem 1.25rem; 5660 border-radius: 4px; 5661 margin-top: 0; 5662 margin-bottom: 0; 5663 line-height: 1.2; 5664 box-sizing: border-box; 5665} 5666 5667.fr-content-public-gate .fr-content-public-friend-button { 5668 background-color: #02162B; 5669 color: white; 5670 border: 1px solid #02162B; 5671} 5672 5673.fr-content-public-gate .fr-content-public-friend-button:hover, 5674.fr-content-public-gate .fr-content-public-friend-button:focus { 5675 background-color: #EEC54B; 5676 color: #02162B; 5677 border-color: #EEC54B; 5678} 5679 5680.fr-content-public-friend-button-icon { 5681 display: inline; 5682 max-height: 20px; 5683 margin-bottom: 0; 5684 vertical-align: middle; 5685} 5686 5687.fr-content-public-friend-button-icon-hover { 5688 display: none; 5689} 5690 5691.fr-content-public-friend-button:hover .fr-content-public-friend-button-icon, 5692.fr-content-public-friend-button:focus .fr-content-public-friend-button-icon { 5693 display: none; 5694} 5695 5696.fr-content-public-friend-button:hover .fr-content-public-friend-button-icon-hover, 5697.fr-content-public-friend-button:focus .fr-content-public-friend-button-icon-hover { 5698 display: inline; 5699} 5700 5701.fr-content-public-gate .fr-content-public-login-button { 5702 background-color: white; 5703 color: #02162B; 5704 border: 1px solid #02162B; 5705} 5706 5707.fr-content-public-gate .fr-content-public-login-button:hover, 5708.fr-content-public-gate .fr-content-public-login-button:focus { 5709 background-color: #02162B; 5710 color: white; 5711 border-color: #02162B; 5712} 5713 5714.fr-content-public-locked-media { 5715 position: relative; 5716 display: block; 5717 width: 100%; 5718} 5719 5720.fr-content-public-locked-media .article-feature-img, 5721.fr-content-public-locked-media figure { 5722 margin-bottom: 0; 5723} 5724 5725.fr-content-public-lock-icon { 5726 position: absolute; 5727 inset: 0; 5728 z-index: 2; 5729 display: flex; 5730 align-items: center; 5731 justify-content: center; 5732 width: 100%; 5733 height: 100%; 5734 pointer-events: none; 5735} 5736 5737.fr-content-public-lock-icon svg { 5738 display: block; 5739 width: 8rem; 5740 height: 8rem; 5741 color: white; 5742 flex-shrink: 0; 5743 filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.95)) drop-shadow(0 12px 32px rgba(0, 0, 0, 0.8)); 5744} 5745 5746@media screen and (max-width: 767px) { 5747 .fr-content-public-lock-icon svg { 5748 width: 5.2rem; 5749 height: 5.2rem; 5750 } 5751 5752 .fr-content-public-gate { 5753 margin-top: 0.75rem; 5754 margin-bottom: 2rem; 5755 padding: 0.75rem 1.5rem 1.5rem; 5756 } 5757 5758 .fr-content-public-gate h2 { 5759 font-size: 1.25rem; 5760 } 5761 5762 .fr-content-public-gate p { 5763 font-size: 16px; 5764 line-height: 1.5; 5765 } 5766} 5767 5768 5769.new-login-footer { 5770 color: white; 5771 text-align: center; 5772 margin-left: auto; 5773 margin-right: auto; 5774 margin-top: 5vh; 5775 padding-bottom: 1.5rem; 5776 opacity: 0.8; 5777} 5778.new-login-footer-elements { 5779 margin-bottom: 0.2rem; 5780} 5781.new-login-footer-elements li { 5782 display: inline-block; 5783} 5784 5785.new-login-footer-elements li:last-child:before { 5786 content: ' | '; 5787} 5788 5789.grid-col-el { 5790 padding-left: 1rem; 5791 padding-right: 1rem; 5792} 5793.special-topic-box.election .grid-col-el-top { 5794 padding-right: 1rem; 5795 display: flex; 5796flex-direction: column; 5797justify-content: center; 5798padding-left: 0.25rem; 5799} 5800.special-topic-box.election.above .grid-col-el-top { 5801 padding-right: 0; 5802 display: block; 5803 padding-left: 0; 5804} 5805.special-topic-box.election .grid-col-1, 5806.special-topic-box.election .grid-col-2 { 5807 border-top: 1px solid #DADADA; /* gray, #C2C2C2 #A6A6A6, #f2f2f2 */ 5808 margin-top: 1rem; 5809 padding-top: 1rem; 5810} 5811.special-topic-box .articles article { 5812 border-bottom: 1px solid #E6E6E6; 5813} 5814.special-topic-box .articles article:last-child { 5815 border-bottom: 0; 5816} 5817.no-fill-up { 5818 height: 265px; 5819} 5820 5821 5822.special-topic-box.blue { 5823 background-color: #F2F7FF; 5824} 5825.special-topic-box.green { 5826 background-color: #F2FFF7; 5827} 5828.special-topic-box.yellow { 5829 background-color: #FFFFF2; 5830} 5831.special-topic-box.gray { 5832 background-color: #F5F5F5; 5833} 5834 5835.special-topic-box.above { 5836 margin-bottom: 2rem; 5837 margin-top: 0; 5838} 5839.video-element-box { 5840 border-top: 1px solid gray; 5841 border-bottom: 1px solid gray; 5842 padding-bottom: 1rem; 5843 padding-top: 1rem; 5844 margin-top: 2rem; 5845 max-width: 100%; 5846 background-color: #02162B; 5847 color: white; 5848} 5849.video-element-box-live { 5850 padding: 0; 5851} 5852.video-element-box .video-element-grid { 5853 grid-template-areas: 'grid-col-1 grid-col-1'; 5854} 5855.video-element-box .video-element-main { 5856 padding-left: 1rem; 5857 padding-right: 1rem; 5858} 5859.video-element-box-live .video-element-main { 5860 padding-left: 0; 5861 padding-right: 0; 5862} 5863.video-element-box-live .video-element-article > .row { 5864 --bs-gutter-x: 0; 5865} 5866.video-element-box-live .video-element-image-col { 5867 padding-left: 0; 5868} 5869.video-element-box-live .video-element-text-col { 5870 padding-left: 1rem; 5871 padding-right: 3rem; 5872 padding-top: 1rem; 5873 padding-bottom: 1rem; 5874} 5875.video-element-box .video-element-text-col { 5876 display: flex; 5877 flex-direction: column; 5878 justify-content: center; 5879 padding-left: 1rem; 5880} 5881.video-element-box .video-element-article, 5882.video-element-box .large-article-box, 5883.video-element-box .horizontal-article-box { 5884 margin-top: 0; 5885} 5886.video-element-box .video-element-headline { 5887 margin-bottom: 0.5rem; 5888 color: white; 5889} 5890@media (min-width: 768px) { 5891 .video-element-box .article-title { 5892 font-size: 1.8rem; 5893 } 5894} 5895.video-element-box-single .video-element-main .article-img.large { 5896 aspect-ratio: 16/9; 5897} 5898.video-element-box .article-img.large.left { 5899 object-position: left center; 5900} 5901.video-element-box .article-img.large.right { 5902 object-position: right center; 5903} 5904.video-element-image-link { 5905 display: block; 5906 position: relative; 5907} 5908.video-element-embed-wrap { 5909 position: relative; 5910 width: 100%; 5911 aspect-ratio: 16/9; 5912 overflow: hidden; 5913} 5914.video-element-embed-wrap iframe { 5915 display: block; 5916 width: 100%; 5917 height: 100%; 5918} 5919.video-element-embed-overlay { 5920 position: absolute; 5921 inset: 0; 5922 z-index: 10; 5923 display: block; 5924 color: #fff; 5925 background: transparent; 5926 cursor: pointer; 5927} 5928.video-element-embed-overlay:hover { 5929 color: #fff; 5930} 5931.video-element-embed-overlay .video-element-play-icon { 5932 z-index: 11; 5933} 5934.video-element-play-icon { 5935 position: absolute; 5936 top: 1rem; 5937 left: 1rem; 5938 z-index: 2; 5939 color: #fff; 5940 font-size: 2rem; 5941 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); 5942} 5943.video-element-mobile-teaser { 5944 display: none; 5945 position: relative; 5946 flex-direction: column; 5947 width: 100%; 5948 aspect-ratio: 1 / 1; 5949 overflow: hidden; 5950 background: #000; 5951 color: #fff; 5952 border: 0; 5953 box-shadow: none; 5954 text-decoration: none; 5955} 5956.video-element-mobile-teaser-media { 5957 position: relative; 5958 flex: 0 0 auto; 5959 width: 100%; 5960 aspect-ratio: 4 / 3; 5961 overflow: hidden; 5962} 5963.video-element-mobile-teaser-media::after { 5964 content: ''; 5965 position: absolute; 5966 left: 0; 5967 right: 0; 5968 bottom: 0; 5969 height: 45%; 5970 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%); 5971 pointer-events: none; 5972} 5973.video-element-mobile-teaser-fill { 5974 flex: 1 1 auto; 5975 min-height: 0; 5976 background: linear-gradient(to bottom, #000 0%, #000 100%); 5977} 5978.video-element-mobile-teaser-image { 5979 width: 100%; 5980 height: 100%; 5981 object-fit: cover; 5982 object-position: center center; 5983 display: block; 5984 opacity: 0.92; 5985 transition: opacity 0.15s ease; 5986} 5987.video-element-mobile-teaser-image.left { 5988 object-position: left center; 5989} 5990.video-element-mobile-teaser-image.right { 5991 object-position: right center; 5992} 5993.video-element-mobile-teaser:hover .video-element-mobile-teaser-image { 5994 opacity: 1; 5995} 5996.video-element-mobile-teaser-icon { 5997 position: absolute; 5998 top: 1rem; 5999 left: 1rem; 6000 z-index: 2; 6001 color: #fff; 6002 font-size: 2rem; 6003 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); 6004} 6005.video-element-mobile-teaser-logo { 6006 position: absolute; 6007 top: 1rem; 6008 right: 1rem; 6009 z-index: 2; 6010 width: auto !important; 6011 max-width: 6.75rem; 6012 height: 2.7rem !important; 6013 object-fit: contain; 6014 display: block; 6015 filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5)); 6016} 6017.video-element-mobile-teaser-text { 6018 position: absolute; 6019 left: 0; 6020 right: 0; 6021 bottom: 0; 6022 z-index: 2; 6023 box-sizing: border-box; 6024 padding: 90px 28px 28px; 6025 color: #fff; 6026 background: linear-gradient( 6027 to top, 6028 #000 0%, 6029 rgba(0, 0, 0, 0.85) 35%, 6030 rgba(0, 0, 0, 0) 100% 6031 ); 6032} 6033.video-element-mobile-teaser-title { 6034 text-align: center; 6035 font-size: 3.75rem; 6036 font-weight: 800; 6037 word-break: normal; 6038 overflow-wrap: normal; 6039 hyphens: none; 6040 font-family: 'League Gothic', 'Mulish', sans-serif; 6041 line-height: 1; 6042 margin: 0; 6043 color: #fff; 6044} 6045 6046.video-element-mobile-teaser-kicker { 6047 text-align: center; 6048 font-family: 'Mulish', sans-serif; 6049 font-size: 1.5rem; 6050 font-weight: 200; 6051 line-height: 1.2; 6052 margin: 0 0 0.5rem; 6053 color: #fff; 6054 transition: opacity 0.15s ease; 6055 opacity: 0.92; 6056} 6057.video-element-mobile-teaser-title span { 6058 transition: opacity 0.15s ease; 6059 opacity: 0.92; 6060} 6061.video-element-mobile-teaser:hover { 6062 color: #fff; 6063 border: 0; 6064 box-shadow: none; 6065} 6066.video-element-mobile-teaser:hover .video-element-mobile-teaser-title span { 6067 opacity: 1; 6068} 6069.video-element-mobile-teaser:hover .video-element-mobile-teaser-kicker { 6070 opacity: 1; 6071} 6072a:has(.entry-video-play-icon) {
6073 display: block; 6074 position: relative; 6075} 6076.entry-video-play-icon { 6077 position: absolute; 6078 top: 0.5rem; 6079 left: 0.5rem; 6080 z-index: 2; 6081 color: white; 6082 font-size: 1.7rem; 6083 line-height: 1; 6084 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); 6085 pointer-events: none; 6086} 6087.video-element-box .dark-link, 6088.video-element-box .article-title, 6089.video-element-box .article-subtitle, 6090.video-element-box .text-body-secondary, 6091.video-element-box .author-and-time, 6092.video-element-box .author-link, 6093.video-element-box .entry-date, 6094.video-element-box .meta-sep { 6095 color: white !important; 6096} 6097.video-element-box .dark-link:hover, 6098.video-element-box .dark-link:hover .article-title, 6099.video-element-box .dark-link:hover .article-subtitle { 6100 color: white !important; 6101} 6102.video-element-box .article-label.opinion, 6103.video-element-box .article-label.opinion.column-op { 6104 color: white !important; 6105 border-color: white !important; 6106} 6107.video-element-box .article-label.video { 6108 background-color: white !important; 6109 color: #02162B !important; 6110 border: 1.5px solid white; 6111} 6112.video-element-excerpt { 6113 display: block; 6114 margin-bottom: 0.25rem; 6115} 6116 6117.sunday-element-box { 6118 border-top: 1px solid gray; 6119 border-bottom: 1px solid gray; 6120 background-color: #F4EEE5; 6121 background-size: cover; 6122 background-position: center center; 6123 background-repeat: no-repeat; 6124 color: black !important; 6125 padding-top: 0.5rem; 6126 padding-bottom: 1.5rem; 6127 margin-top: 2rem; 6128 max-width: 100%; 6129} 6130.sunday-element-box.light { 6131 background-image: url("https://apollo-news.net/wp-content/uploads/2026/06/bg2.jpg"); 6132 color: black !important; 6133} 6134.sunday-element-box.dark { 6135 background-image: url("https://apollo-news.net/wp-content/uploads/2026/06/bg2.jpg"); 6136 color: white !important; 6137} 6138.sunday-element-box.dark .dark-link, 6139.sunday-element-box.dark .article-title, 6140.sunday-element-box.dark .article-subtitle, 6141.sunday-element-box.dark .text-body-secondary, 6142.sunday-element-box.dark .author-and-time, 6143.sunday-element-box.dark .author-link, 6144.sunday-element-box.dark .entry-date, 6145.sunday-element-box.dark .meta-sep, 6146.sunday-element-box.dark .sunday-entry-excerpt, 6147.sunday-element-box.dark .sunday-author-prefix { 6148 color: white !important; 6149} 6150.sunday-element-box.dark .article-label.opinion, 6151.sunday-element-box.dark .article-label.opinion.column-op { 6152 color: white !important; 6153 border-color: white !important; 6154} 6155.sunday-element-box > .v2-home-headline { 6156 border-bottom: 1px solid gray; 6157 padding-bottom: 0.5rem; 6158 margin-bottom: 1rem; 6159} 6160.sunday-element-box.dark > .v2-home-headline { 6161 border-bottom-color: white; 6162 color: white; 6163} 6164.sunday-element-row { 6165 display: grid; 6166 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 6167 padding-left: 1rem; 6168 padding-right: 1rem; 6169} 6170.sunday-element-row-full { 6171 grid-template-columns: minmax(0, 1fr); 6172} 6173.sunday-element-col { 6174 min-width: 0; 6175} 6176.sunday-element-col-left { 6177 padding-right: 0; 6178} 6179.sunday-element-col-right { 6180 padding-left: 1rem; 6181} 6182.sunday-element-box .sunday-element-top { 6183 margin-top: 1rem; 6184} 6185.sunday-element-box .sunday-element-bottom .article-list { 6186 margin-bottom: 0; 6187} 6188.sunday-element-newsletter { 6189 margin-top: 1rem; 6190 padding-left: 1rem; 6191 padding-right: 1rem; 6192 border-top: 1px solid gray; 6193 padding-top: 1rem; 6194} 6195.sunday-element-newsletter-row { 6196 align-items: flex-start; 6197} 6198.sunday-element-newsletter-text { 6199 padding-right: 1rem; 6200} 6201.sunday-element-newsletter-embed { 6202 padding-left: 1rem; 6203} 6204.sunday-element-newsletter-embed .newsletter.block { 6205 padding-top: 0; 6206} 6207.sunday-element-newsletter-embed .b-newsletter-block .newsletter-headline { 6208 padding-top: 0; 6209} 6210.sunday-element-newsletter-embed #newsletter-signup-form { 6211 margin-top: 0.25rem !important; 6212} 6213.sunday-element-newsletter-title { 6214 font-size: 1.2rem; 6215 font-weight: 800; 6216 margin: 0 0 0.75rem; 6217 text-transform: uppercase; 6218 letter-spacing: 1px; 6219} 6220.sunday-element-newsletter-intro { 6221 font-size: 1rem; 6222 line-height: 1.35; 6223 margin: 0 0 0.75rem; 6224} 6225.sunday-element-box .sunday-element-top .sunday-entry-large { 6226 margin-top: 0; 6227} 6228.sunday-entry .large-article-box, 6229.sunday-entry .article-box { 6230 text-align: left; 6231} 6232.sunday-entry .article-title { 6233 overflow-wrap: anywhere; 6234} 6235.sunday-entry .large-article-box { 6236 min-width: 0; 6237} 6238.sunday-entry-large .large-article-box, 6239.sunday-entry-large .article-title, 6240.sunday-entry-large .article-subtitle, 6241.sunday-entry-large .sunday-entry-excerpt, 6242.sunday-entry-large .author-and-time, 6243.sunday-entry-large .sunday-entry-meta-line { 6244 text-align: center; 6245} 6246.sunday-entry-large .dark-link, 6247.sunday-entry-large .article-label-area, 6248.sunday-entry-large .article-subtitle { 6249 display: block; 6250 width: 100%; 6251 text-align: center; 6252} 6253.sunday-entry-large h5.article-subtitle, 6254.sunday-entry-large .article-subtitle.text-body-secondary { 6255 margin-left: auto; 6256 margin-right: auto; 6257 text-align: center !important; 6258} 6259.sunday-entry-large .article-subtitle:after { 6260 margin-left: auto; 6261 margin-right: auto; 6262} 6263.sunday-entry-large-image { 6264 position: relative; 6265 overflow: hidden; 6266} 6267.sunday-entry-large-image-no-secondary { 6268 overflow: visible; 6269} 6270.sunday-entry-large-image a { 6271 display: block; 6272 position: relative; 6273} 6274.sunday-entry-large-image-no-secondary a { 6275 overflow: visible; 6276} 6277.sunday-entry-image-frame { 6278 display: block; 6279 width: 100%; 6280 aspect-ratio: 4 / 3; 6281 overflow: hidden; 6282} 6283.sunday-element-box .sunday-entry-large .article-img { 6284 aspect-ratio: 4 / 3;
6285 display: block; 6286 width: 100%; 6287 height: 100%; 6288 object-fit: cover; 6289 object-position: center bottom; 6290} 6291.sunday-entry-large-bottom-right .sunday-entry-image-frame, 6292.sunday-element-box .sunday-entry-large-bottom-right .article-img { 6293 aspect-ratio: 4 / 3.1; 6294} 6295.sunday-element-box.light .sunday-entry-image-frame { 6296 border: 1px dotted black; 6297} 6298.sunday-element-box.dark .sunday-entry-image-frame { 6299 border: 1px dotted white; 6300} 6301.sunday-element-box.light .sunday-entry-image-frame-no-secondary, 6302.sunday-element-box.dark .sunday-entry-image-frame-no-secondary, 6303.sunday-element-box.light .sunday-entry-small-image-frame-no-secondary, 6304.sunday-element-box.dark .sunday-entry-small-image-frame-no-secondary { 6305 border: 0 !important; 6306 overflow: visible; 6307} 6308.sunday-element-box .sunday-entry-large .article-img { 6309 filter: brightness(1.02) sepia(0.42) saturate(2.1) hue-rotate(345deg) contrast(1.08); 6310} 6311.sunday-element-box .sunday-entry-large .sunday-entry-image-frame-no-secondary .article-img { 6312 filter: none; 6313} 6314.sunday-element-box.light .sunday-entry-large-image a:hover .sunday-entry-image-frame-no-secondary, 6315.sunday-element-box.dark .sunday-entry-large-image a:hover .sunday-entry-image-frame-no-secondary { 6316 box-shadow: 4px -4px 0 #8FD3FF; 6317} 6318.sunday-element-box .sunday-entry-small .img-left { 6319 filter: brightness(1.05) sepia(0.18) saturate(1.35) hue-rotate(235deg) contrast(1.06); 6320} 6321.sunday-element-box .sunday-entry-small .sunday-entry-small-image-frame-no-secondary .img-left { 6322 filter: none; 6323} 6324.sunday-element-box.light .sunday-entry-large-image a:hover .article-img, 6325.sunday-element-box.dark .sunday-entry-large-image a:hover .article-img { 6326 filter: brightness(1.02) sepia(0.42) saturate(2.1) hue-rotate(345deg) contrast(1.08) drop-shadow(8px -8px 0 #8FD3FF); 6327} 6328.sunday-element-box.light .sunday-entry-large-image a:hover .sunday-entry-image-frame-no-secondary .article-img, 6329.sunday-element-box.dark .sunday-entry-large-image a:hover .sunday-entry-image-frame-no-secondary .article-img { 6330 filter: none; 6331} 6332.sunday-entry-large .dark-link:hover .article-title span { 6333 background: linear-gradient(#8FD3FF, #8FD3FF) 0 90% / 100% 10px no-repeat; 6334 text-shadow: 1px 1px 3px #ffffff; 6335} 6336.sunday-element-box.light .sunday-entry-large .dark-link:hover, 6337.sunday-element-box.light .sunday-entry-large .dark-link:hover .article-subtitle, 6338.sunday-element-box.light .sunday-entry-large .dark-link:hover .article-title { 6339 color: black; 6340} 6341.sunday-element-box.dark .sunday-entry-large .dark-link:hover, 6342.sunday-element-box.dark .sunday-entry-large .dark-link:hover .article-subtitle, 6343.sunday-element-box.dark .sunday-entry-large .dark-link:hover .article-title { 6344 color: white !important; 6345} 6346.sunday-entry-large .sunday-author-link { 6347 display: inline-flex; 6348 align-items: center; 6349 gap: 0.35rem; 6350 font-weight: 800; 6351} 6352.sunday-entry-large .sunday-author-special > span { 6353 display: inline-flex; 6354 align-items: center; 6355 gap: 0.45rem; 6356 font-family: Times, "PT Serif"; 6357 font-size: 1.1rem; 6358 font-weight: 800; 6359 font-style: italic; 6360} 6361.sunday-entry-large .sunday-author-regular > span { 6362 font-family: inherit; 6363 font-size: inherit; 6364 font-weight: inherit; 6365 font-style: normal; 6366} 6367.sunday-entry-large .sunday-author-avatar { 6368 width: 30px; 6369 height: 30px; 6370 border-radius: 50%; 6371 object-fit: cover; 6372} 6373.sunday-entry-large .sunday-entry-meta-line { 6374 display: block; 6375 margin-top: 0.15rem; 6376} 6377.sunday-entry-large .sunday-entry-meta-line-inline { 6378 display: inline; 6379 margin-top: 0; 6380} 6381.sunday-entry-large .sunday-entry-excerpt { 6382 display: block; 6383 margin-bottom: 0.25rem; 6384} 6385.sunday-entry-wide { 6386 display: grid; 6387 grid-template-columns: minmax(0, 50%) minmax(0, 1fr); 6388 align-items: center; 6389 gap: 1rem; 6390 margin-bottom: 1rem; 6391} 6392.sunday-entry-wide .large-article-box { 6393 align-self: center; 6394 margin-top: 0; 6395 padding-left: 2rem; 6396 padding-right: 2rem; 6397} 6398.sunday-entry-wide .large-article-box, 6399.sunday-entry-wide .article-title, 6400.sunday-entry-wide .article-subtitle, 6401.sunday-entry-wide .sunday-entry-excerpt, 6402.sunday-entry-wide .author-and-time, 6403.sunday-entry-wide .sunday-entry-meta-line { 6404 text-align: center; 6405} 6406.sunday-entry-wide .dark-link, 6407.sunday-entry-wide .article-label-area, 6408.sunday-entry-wide .article-subtitle { 6409 text-align: center; 6410} 6411.sunday-entry-wide .article-subtitle:after { 6412 margin-left: auto; 6413 margin-right: auto; 6414} 6415.sunday-element-bottom-three-only .sunday-entry-large { 6416 margin-top: 0; 6417} 6418.sunday-element-bottom-three-only .sunday-entry-large .large-article-box { 6419 margin-top: 1rem; 6420} 6421.sunday-entry-large .sunday-entry-excerpt-mobile-only {
6422 display: none; 6423} 6424.sunday-entry-small-image-frame { 6425 display: block; 6426 overflow: hidden; 6427} 6428.sunday-element-box.light .sunday-entry-small-image-frame { 6429 border: 1px dotted black; 6430} 6431.sunday-element-box.dark .sunday-entry-small-image-frame { 6432 border: 1px dotted white; 6433} 6434.sunday-element-box.light .sunday-entry-small-image-frame-no-secondary, 6435.sunday-element-box.dark .sunday-entry-small-image-frame-no-secondary { 6436 border: 0 !important; 6437 overflow: visible; 6438} 6439.sunday-element-box.light .sunday-entry-small .sunday-entry-image-col a:hover img, 6440.sunday-element-box.dark .sunday-entry-small .sunday-entry-image-col a:hover img { 6441 filter: brightness(1.05) sepia(0.18) saturate(1.35) hue-rotate(235deg) contrast(1.06) drop-shadow(8px -8px 0 #8FD3FF); 6442} 6443.sunday-element-box.light .sunday-entry-small .sunday-entry-small-image-frame-no-secondary img, 6444.sunday-element-box.dark .sunday-entry-small .sunday-entry-small-image-frame-no-secondary img { 6445 filter: none; 6446} 6447.sunday-element-box.light .sunday-entry-small .sunday-entry-image-col a:hover .sunday-entry-small-image-frame-no-secondary img, 6448.sunday-element-box.dark .sunday-entry-small .sunday-entry-image-col a:hover .sunday-entry-small-image-frame-no-secondary img { 6449 filter: none; 6450} 6451.sunday-element-box.light .sunday-entry-small .sunday-entry-image-col a:hover .sunday-entry-small-image-frame-no-secondary, 6452.sunday-element-box.dark .sunday-entry-small .sunday-entry-image-col a:hover .sunday-entry-small-image-frame-no-secondary { 6453 box-shadow: 4px -4px 0 #8FD3FF; 6454} 6455.sunday-entry-small .dark-link:hover .article-title span { 6456 background: linear-gradient(#8FD3FF, #8FD3FF) 0 90% / 100% 10px no-repeat; 6457 text-shadow: 1px 1px 3px #ffffff; 6458} 6459.sunday-element-box.dark .sunday-entry-large .dark-link:hover .article-title span, 6460.sunday-element-box.dark .sunday-entry-small .dark-link:hover .article-title span { 6461 text-shadow: 1px 1px 3px #000000; 6462} 6463.sunday-element-box.light .sunday-entry-small .dark-link:hover, 6464.sunday-element-box.light .sunday-entry-small .dark-link:hover .article-subtitle, 6465.sunday-element-box.light .sunday-entry-small .dark-link:hover .article-title { 6466 color: black; 6467} 6468.sunday-element-box.dark .sunday-entry-small .dark-link:hover, 6469.sunday-element-box.dark .sunday-entry-small .dark-link:hover .article-subtitle, 6470.sunday-element-box.dark .sunday-entry-small .dark-link:hover .article-title { 6471 color: white; 6472} 6473.sunday-entry-small .sunday-entry-image-col { 6474 width: 29%; 6475} 6476.sunday-entry-small .sunday-entry-text-col { 6477 width: 71%; 6478} 6479.sunday-entry-small { 6480 border-bottom: 1px dashed #b8b8b8; 6481 margin-bottom: 0.75rem; 6482 padding-bottom: 0.75rem; 6483} 6484.sunday-entry-small:last-child { 6485 border-bottom: 0; 6486 margin-bottom: 0; 6487 padding-bottom: 0; 6488} 6489.sunday-element-logo-headline { 6490 display: block; 6491 width: 100%; 6492 box-sizing: border-box; 6493 padding-left: 1rem; 6494 line-height: 0; 6495} 6496.sunday-element-logo-headline::after { 6497 display: none; 6498} 6499.sunday-element-logo { 6500 display: inline-block; 6501 width: min(100%, 172px); 6502 height: auto; 6503} 6504.sunday-entry-small .img-left { 6505 aspect-ratio: 11/13; 6506 margin-bottom: 0; 6507} 6508.sunday-entry-small .article-title { 6509 font-size: 1.35rem; 6510} 6511.sunday-teaser-card { 6512 position: relative; 6513 display: block; 6514 width: 100%; 6515 aspect-ratio: 3 / 4; 6516 overflow: hidden; 6517 color: #fff; 6518} 6519.sunday-element-box.dark .sunday-teaser-card { 6520 border: 1px dotted white; 6521} 6522.sunday-element-box.dark .sunday-teaser-card-no-secondary { 6523 border: 0; 6524} 6525.sunday-teaser-card-no-secondary { 6526 overflow: visible; 6527} 6528.sunday-teaser-card-no-secondary > img:not(.sunday-teaser-logo) { 6529 filter: none; 6530} 6531.sunday-teaser-card-no-secondary:hover > img:not(.sunday-teaser-logo) { 6532 filter: none; 6533} 6534.sunday-teaser-card-no-secondary:hover { 6535 box-shadow: 4px -4px 0 #8FD3FF; 6536} 6537.sunday-teaser-card:hover { 6538 color: #fff; 6539} 6540.sunday-teaser-card:hover .sunday-teaser-title span { 6541 background: linear-gradient(#8FD3FF, #8FD3FF) 0 94% / 100% 18px no-repeat; 6542 box-decoration-break: clone; 6543 -webkit-box-decoration-break: clone; 6544 padding-left: 0.08em; 6545 padding-right: 0.08em; 6546 text-shadow: 1px 1px 3px #000000; 6547} 6548.sunday-teaser-card > img:not(.sunday-teaser-logo) { 6549 width: 100%; 6550 height: 100%; 6551 object-fit: cover; 6552 display: block; 6553} 6554.sunday-teaser-icon { 6555 position: absolute; 6556 top: 1rem; 6557 left: 1rem; 6558 z-index: 2; 6559 color: #fff; 6560 font-size: 2rem; 6561 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); 6562} 6563.sunday-teaser-logo { 6564 position: absolute; 6565 top: 1rem; 6566 right: 1rem; 6567 z-index: 2; 6568 width: auto !important; 6569 max-width: 6.75rem; 6570 height: 2.7rem !important; 6571 object-fit: contain; 6572 display: block; 6573 filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5)); 6574} 6575.sunday-teaser-card-text { 6576 position: absolute; 6577 left: 0; 6578 right: 0; 6579 bottom: 0; 6580 box-sizing: border-box; 6581 padding: 90px 28px 28px; 6582 color: #fff; 6583 background: linear-gradient( 6584 to top, 6585 rgba(0, 0, 0, 0.9) 0%, 6586 rgba(0, 0, 0, 0.65) 45%, 6587 rgba(0, 0, 0, 0) 100% 6588 ); 6589} 6590.sunday-teaser-kicker { 6591 text-align: center; 6592 font-family: 'Mulish'; 6593 font-size: 1.5rem; 6594 font-weight: 200; 6595 line-height: 1.2; 6596 margin-bottom: 0.5rem; 6597} 6598.sunday-teaser-title { 6599 text-align: center; 6600 font-size: 3.75rem; 6601 font-weight: 800; 6602 word-break: normal; 6603 overflow-wrap: normal; 6604 hyphens: none; 6605 font-family: 'League Gothic', 'Mulish', sans-serif; 6606 line-height: 1; 6607 margin: 0; 6608} 6609 6610.special-topic-box .nav.nav-tabs {
6611 background-color: rgba(2, 22, 43, 0.1); 6612 padding: 0.2rem; 6613 border-radius: 4px; 6614 width: fit-content; 6615 margin-top: 1rem; 6616 margin-bottom: 0.8rem; 6617} 6618.special-topic-box .nav.nav-tabs .nav-link { 6619 font-size: 0.85rem; 6620 color: #02162B; 6621 background-color: transparent; 6622 border-radius: 4px; 6623 padding: .15rem .5rem; 6624 margin: 0.1rem; 6625 6626} 6627.special-topic-box .nav.nav-tabs .nav-tab-label { 6628 font-size: 0.85rem; 6629 color: #02162B; 6630 background-color: transparent; 6631 border-radius: 4px; 6632 padding: .15rem .5rem; 6633 margin: 0.1rem; 6634 font-weight: 800; 6635 white-space: nowrap; 6636 text-transform: uppercase; 6637 letter-spacing: 0.5px; 6638 6639} 6640.special-topic-box .nav.nav-tabs .nav-link:hover { 6641 background-color: rgba(2, 22, 43, 0.1); 6642} 6643 6644.special-topic-box .nav.nav-tabs .nav-link:after, .special-topic-box .nav.nav-tabs .nav-link:hover:after { 6645 display: none; 6646} 6647 6648.special-topic-box .nav.nav-tabs .nav-link.active { 6649 background-color: rgba(2, 22, 43, 0.8);; 6650 color: white; 6651} 6652 6653.v2-col-ts { 6654 flex: 1; 6655display: flex; 6656flex-direction: column; 6657justify-content: center; 6658padding-left: 1.5rem; 6659} 6660 6661.video-slider .top-carousel-item { 6662 height: auto; 6663} 6664.top-carousel.video-slider .alm-btn-wrap, 6665.top-carousel.popular-slider .alm-btn-wrap{ 6666 height: auto; 6667} 6668.top-carousel.video-slider { 6669 padding-bottom: 0.5rem; 6670 margin-bottom: 1rem; 6671 color-scheme: dark; 6672 height: auto; 6673} 6674.video-slider .author-and-time { 6675 opacity: 80%; 6676} 6677.slider-category .top-carousel-item img { 6678 border-radius: 0px; 6679 box-shadow: 0 0 0; 6680} 6681.video-slider .top-carousel-item img { 6682 box-shadow: 0 0 0; 6683} 6684.video-slider, .video-slider .top-carousel-item, .video-slider ul, .video-slider div { 6685 background: #02162B no-repeat center center; 6686 color: white; 6687} 6688.video-slider .article-label-area-special-video .special-label-light, 6689.top-video .article-label-area-special-video .special-label-light, 6690.video-container .article-label-area-special-video .special-label-light { 6691 display: none !important; 6692} 6693.video-slider .article-label-area-special-video .special-label-dark, 6694.top-video .article-label-area-special-video .special-label-dark, 6695.video-container .article-label-area-special-video .special-label-dark { 6696 display: inline-block !important; 6697} 6698.video-page-heading { 6699 font-weight: 800; 6700 display: inline-block; 6701} 6702.video-page-header-box { 6703 margin-top: 3rem; 6704 margin-left: 10px; 6705margin-right: 10px; 6706 display: flex; 6707align-items: center; 6708justify-content: space-between; 6709width: 100%; 6710border-bottom: 0.5px solid #3D5267; 6711padding-bottom: 0.5rem; 6712 margin-bottom: 1rem; 6713} 6714.top-video { 6715 width: 100%; 6716 padding-left: 10px; 6717 padding-right: 10px; 6718 margin-bottom: 2rem; 6719} 6720.top-video .article-title, 6721.top-video .author-link, 6722.top-video .author-and-time { 6723 color: white; 6724} 6725.top-video .author-and-time { 6726 opacity: 80%; 6727} 6728.top-video .article-img { 6729box-shadow: 0 0 0; 6730 border-radius: 5px; 6731} 6732.podcast-sub { 6733 display: inline-block; 6734} 6735.video-sub-btns { 6736 font-size: 1.1rem; 6737 margin-bottom: 0; 6738} 6739.video-sub-btns .social-btn { 6740 color: white; 6741 text-decoration: none; 6742 padding-left: 0.35rem; 6743} 6744.video-sub-btns .social-btn:hover { 6745text-decoration: none; 6746 color: #EEC54B; 6747} 6748.video-slider-header-box { 6749 margin-left: 10px; 6750 margin-right: 10px; 6751 6752 margin-top: 0.5rem; 6753 display: flex; 6754 justify-content: space-between; 6755 align-content: flex-start; 6756 border-bottom: 0.5px solid #3D5267; 6757padding-bottom: 0.75rem; 6758margin-bottom: 0.75rem; 6759} 6760.video-slider-header-box .podcast-box { 6761 display: flex; 6762 justify-content: flex-start; 6763 width: fit-content; 6764} 6765.video-slider-header-box .podcast-icon img { 6766 width: 100px; 6767 height: 100px; 6768 border-radius: 5px; 6769 //box-shadow: 0 0 10px #dfdfdf; 6770 box-shadow: 0 0 10px #344455; 6771 margin-top: 0.3rem; 6772} 6773.video-slider-header-box .podcast-info { 6774 padding-left: 2rem; 6775 padding-right: 1rem; 6776 max-width: 500px; 6777} 6778.video-slider-header-box.simple { 6779 align-items: center; 6780} 6781.video-slider-header-box .podcast-sub p { 6782 margin-bottom: 0; 6783} 6784.video-img { 6785 border-radius: 5px; 6786} 6787.video-slider-heading { 6788 margin-bottom: 0; 6789} 6790 6791.top-carousel-container.video { 6792 margin-bottom: 0; 6793} 6794 6795.top-carousel-item a:hover { 6796 opacity: 95%; 6797} 6798 6799.top-carousel-item .info { 6800 width: 100%; 6801 position: absolute; 6802 bottom: 0%; 6803 left: 0%; 6804 text-align: center; 6805} 6806 6807.top-carousel-item .category-item { 6808 white-space: normal; 6809} 6810 6811.center-box { 6812 margin: auto; 6813 width: 30%; 6814 text-align: center; 6815} 6816 6817.circle-image { 6818 border-radius: 50%; 6819 -moz-border-radius: 50%; 6820 -webkit-border-radius: 50%; 6821 -o-border-radius: 50%; 6822} 6823 6824.brand { 6825 display: flex; 6826 text-align: center; 6827 color: white; 6828 min-height: 50px; 6829 6830} 6831 6832.brand-logo { 6833 padding-top: 4px; 6834 padding-bottom: 4px; 6835 margin-top: 0px; 6836 margin-bottom: 0px; 6837} 6838 6839.brand-img { 6840 height: 100px; 6841 width: auto; 6842} 6843 6844.brand-img.v2 { 6845 height: 85px; 6846 width: auto; 6847} 6848 6849.footer-brand-img { 6850 height: 60px; 6851 width: auto; 6852} 6853 6854.cover-navbar .brand-img.white { 6855 display: block; 6856} 6857 6858.cover-navbar .brand-img.dark-clean { 6859 display: none; 6860} 6861 6862.cover-navbar .white-bg .brand-img.white { 6863 display: none; 6864} 6865 6866.cover-navbar .white-bg .brand-img.dark-clean { 6867 display: block; 6868} 6869 6870.cover-navbar .brand-img.dark { 6871 display: none; 6872} 6873 6874.scroll-navbar .brand-img.white, 6875.cover-navbar.new-cover .brand-img.white { 6876 display: none; 6877} 6878 6879.scroll-navbar .brand-img.dark-clean, 6880.cover-navbar.new-cover .brand-img.dark-clean { 6881 display: none; 6882} 6883 6884.scroll-navbar .brand-img.dark, 6885.cover-navbar.new-cover .brand-img.dark { 6886 display: block; 6887} 6888 6889.cover-navbar { 6890 background: transparent; 6891 overflow: visible; 6892 transition: all 450ms; 6893 justify-content: left; 6894} 6895 6896.scroll-navbar, 6897.cover-navbar.new-cover { 6898 background: white; 6899 overflow: visible; 6900 border-bottom: #02162B 0.5px solid; 6901 transition: all 450ms; 6902 justify-content: left; 6903 z-index: 2147483647; /* Damit nicht von Werbung überlagert */ 6904} 6905 6906.scroll-navbar.v2-over, 6907.cover-navbar.new-cover.v2-over { 6908 transition: none; 6909} 6910 6911.scroll-navbar .brand, 6912.cover-navbar.new-cover .brand { 6913 display: block; 6914 padding-left: 0.2rem; 6915 margin-right: 0; 6916 text-align: left; 6917 color: #02162B; 6918 transition: all 300ms; 6919} 6920 6921.menu-button { 6922 position: absolute; 6923 right: 0; 6924 display: none; 6925} 6926.menu-button.third-nav { 6927 display: block; 6928} 6929.third-nav .navbar-toggler { 6930 display: inline-block; 6931 margin: .25rem .75rem; 6932 padding: 0; 6933} 6934 6935.menu-button>button { 6936 border: none; 6937} 6938 6939.menu-button>button:focus { 6940 -webkit-box-shadow: none; 6941 -moz-box-shadow: none; 6942 box-shadow: none; 6943 border: 0px solid; 6944 background: none; 6945} 6946 6947.navbar-list { 6948 list-style-type: none; 6949 margin: 0; 6950 padding: 0; 6951 width: calc((100vh * 0.75) - 2rem); 6952 margin-left: 1rem; 6953 /*margin-right: 1rem;*/ 6954 overflow: visible; 6955} 6956.second-nav.v2 .navbar-list { width: auto; } 6957 6958.cover-navbar div .navbar-list { 6959 background-color: white; 6960 border: 1px solid #2374B1; 6961 border-radius: 4px; 6962 /* width: fit-content; */ 6963 float: left; 6964} 6965.cover-navbar div.v2 .navbar-list { 6966 background-color: white; 6967 border: none; 6968 border-radius: 0; 6969 width: calc(485px - 64px); 6970 float: left; 6971} 6972 6973.navbar-list>li { 6974 float: left; 6975 text-align: center; 6976 padding: 14px 16px; 6977} 6978 6979.navbar-list li a { 6980 text-decoration: none; 6981 font-weight: 600; 6982 color: #2374B1; 6983} 6984 6985 6986 6987.cover-navbar .article .navbar-list { 6988 border: 0; 6989 float: left; 6990 margin-right: 0%; 6991 justify-content: left; 6992 display: flex; 6993} 6994 6995.scroll-navbar .article .navbar-list { 6996 width: fit-content; 6997 justify-content: right; 6998 display: flex; 6999} 7000 7001.navbar-list>li:hover { 7002 background-color: white; 7003 color: #2374B1; 7004} 7005 7006.navbar-list li:hover a { 7007 color: #2374B1; 7008} 7009 7010 7011.navbar-list li a:after {
7012 content: ''; 7013 display: block; 7014 height: 1.5px; 7015 width: 0; 7016 background: transparent; 7017 transition: width .5s ease, background-color .5s ease; 7018 /* .5 seonds for changes to the width and background-color */ 7019 -webkit-transition: width .5s ease, background-color .5s ease; 7020 /* Chrome and Safari */ 7021 -moz-transition: width .5s ease, background-color .5s ease; 7022 /* FireFox */ 7023} 7024 7025.navbar-list li a:hover:after { 7026 width: 100%; 7027 background: #2374B1; 7028} 7029 7030.left-underline:hover { 7031 color: #2374B1; 7032} 7033 7034 7035 7036 7037 7038.chapters li { 7039 position: relative; 7040 margin: 10px; 7041} 7042 7043.chapters li a { 7044 position: absolute; 7045 top: 0; 7046 left: 0; 7047 z-index: 10; 7048 color: white; 7049} 7050 7051.chapter-box { 7052 width: 50px; 7053 height: 25px; 7054 background: #6184D8; 7055 transform: rotate(-10deg); 7056 position: absolute; 7057 top: 0; 7058 left: -5px; 7059} 7060 7061.wpforms-container { 7062 margin-left: calc((100vw - (90vh))/2) !important; 7063 margin-right: calc((100vw - (90vh))/2) !important; 7064 width: 90vh; !important; 7065} 7066 7067 7068.main-container { 7069 display: flex; 7070 flex-flow: row wrap; 7071 //overflow: hidden; 7072 margin-left: calc((100vw - (100vh * 0.75 * 2))/2); 7073 width: calc(100vh * 0.75 * 2); 7074 background-color: transparent; 7075} 7076 7077.main-container.v2 { 7078 display: flex; 7079 flex-flow: row wrap; 7080 overflow: hidden; 7081 margin-left: auto; 7082 margin-right: auto; 7083 width: 970px; 7084 position: relative; 7085 z-index: 1; 7086 background-color: white; 7087} 7088.with-full-ad .main-container.v2 { 7089 top: calc(85px + 0.5rem + 0.5rem + 0.5px + 250px); 7090 //top: calc(85px + 0.5rem + 0.5rem + 0.5px + 275px); 7091 z-index: 3; 7092} 7093.behind-v2-container.with-breaking-news { 7094 padding-top: 2.5rem; 7095 } 7096 7097 7098.v2-ad-above-home { 7099 z-index: 1; 7100 margin-left: auto; 7101 margin-right: auto; 7102} 7103.v2-ad-above-home>div { 7104 height: 275px; 7105 text-align: center; 7106 overflow: hidden; 7107} 7108.v2-container .article-content .ad.block.recommendations { 7109 border: 0; 7110} 7111.ap-adnz-top>div { 7112 margin-left: auto; 7113 margin-right: auto; 7114} 7115.ad-box-border-space { 7116 margin-top: 0.5rem; 7117 overflow: hidden; 7118} 7119.ad-box-border-space.right { 7120 padding-left: 0.5rem; 7121} 7122.inside-ad-box-border-space.overflow-right { 7123 7124} 7125.inside-ad-box-border-space.overflow-left { 7126display: flex; 7127flex-direction: row-reverse; 7128} 7129.ad-box-border-space.left { 7130 padding-right: 0.5rem; 7131} 7132.ap-adnz-intext { 7133 width: 100%; 7134 text-align: center; 7135 overflow: hidden; 7136 min-height: 250px; 7137} 7138.ap-adnz-intext>div { 7139 margin-left: auto !important; 7140 margin-right: auto !important; 7141 max-height: 250px !important; 7142 overflow: hidden !important; 7143} 7144.v2-ad-above-article { 7145 z-index: 1; 7146 margin-left: auto; 7147 margin-right: auto; 7148} 7149.v2-ad-above-article>div { 7150 height: 275px; 7151 text-align: center; 7152 overflow: hidden; 7153} 7154.v2-ad-above-home.like-main, .v2-ad-above-article.like-main { 7155 width: 970px; 7156} 7157.email-on-page .v2-ad-above-article.like-main, .email-on-page .v2-container, .email-on-page .main-footer.v2 .article-container, .main-footer.v2>div { 7158 width: 825px; 7159} 7160 7161.v2-ad-above-home.white, .v2-ad-above-article.white, .v2-ad-above-article.white-only-desktop { 7162 background-color: white; 7163} 7164.v2-ad-above-home.shadows, .v2-ad-above-article.shadows { 7165 background-color: white; 7166 box-shadow: 7167 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 7168 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 7169 7170-moz-box-shadow: 7171 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 7172 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 7173 7174-webkit-box-shadow: 7175 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 7176 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 7177} 7178.v2-ad-above-home .ams-ad { 7179 /* padding-top: 0.75rem; */ 7180 padding-bottom: 1rem; 7181} 7182.v2-ad-above-home .only-desktop.promotion-banner.blue, .v2-ad-above-article .only-desktop.promotion-banner.blue { 7183 max-width: 100% !important; 7184} 7185 7186.v2-container { 7187 margin-left: auto; 7188 margin-right: auto; 7189 width: 970px; 7190 7191 7192 background-color: #ffffff; 7193} 7194 7195.v2-container.on-page { 7196 width: 100%; 7197} 7198.v2-container.on-page .header { 7199 margin-top: 1.5rem; 7200 margin-bottom: 1rem; 7201 margin-left: 1rem; 7202 margin-right: 1rem; 7203} 7204.v2-container.on-page .header h2 { 7205 font-weight: 600; 7206} 7207.v2-container.on-page .header input { 7208 background-color: white; 7209color: black; 7210border: 1px solid #02162B; 7211border-radius: 4px; 7212} 7213.v2-container.on-page .header .input-group .btn { 7214 z-index: 0; 7215} 7216.v2-container.on-page .header .input-group .btn { 7217 background-color: white 7218color: #02162B; 7219border: 1px solid #02162B; 7220border-radius: 4px; 7221} 7222.v2-container.on-page .header .input-group .btn:hover { 7223 background-color: #02162B; 7224color: white; 7225} 7226.v2-container.on-page .header .input-group { 7227 margin-top: 2rem; 7228 margin-bottom: 1.5rem; 7229} 7230.v2-container.on-page .header input:focus { 7231 background-color: white; 7232 color: black; 7233 border-right: 1px solid #02162B; 7234} 7235 7236.v2-container.on-page .accordion-flush .accordion-item.archives:last-child { 7237 border: none; 7238 margin-left: 0.5rem; 7239 margin-right: 0.5rem; 7240} 7241.v2-container.on-page .accordion-flush .accordion-button.archives, 7242.v2-container.on-page .accordion-flush .accordion-button.archives:not(.collapsed) { 7243 padding-left: 0.5rem; 7244 padding-right: 0.5rem; 7245 background-color: white; 7246 color: black; 7247 border: 1px solid #02162B; 7248 border-radius: 4px; 7249 box-shadow: none; 7250} 7251.v2-container.on-page .accordion-flush .accordion-button.archives:focus { 7252 border-color: #02162B; 7253 box-shadow: none; 7254} 7255.v2-container.on-page .accordion-flush .accordion-button.archives .bi-calendar3 { 7256 margin-right: 0.5rem; 7257} 7258.v2-container .accordion-body .archive-list a { 7259 display: block; 7260 margin-bottom: 0.75rem; 7261} 7262.v2-container.shadows { 7263 box-shadow: 7264 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 7265 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 7266 7267-moz-box-shadow: 7268 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 7269 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 7270 7271-webkit-box-shadow: 7272 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 7273 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 7274} 7275.v2 .block.video-list { 7276 border-radius: 0; 7277} 7278.main-footer { 7279 background-color: #02162B; 7280 color: white; 7281 padding-top: 1rem; 7282 z-index: 1; 7283 position: relative; 7284} 7285 7286.v2-container .main-footer .article-container { 7287 margin-left: 0; 7288 width: 100%; 7289 padding-left: 2rem; 7290 padding-right: 2rem; 7291} 7292 7293.main-footer.v2 { 7294 overflow: hidden; 7295 margin-left: auto; 7296 margin-right: auto; 7297 width: 100%; 7298 padding-left: 0; 7299 padding-right: 0; 7300 order: 5; 7301} 7302 7303.main-footer.v2 .article-container, .main-footer.v2>div { 7304margin-left: auto; 7305 margin-right: auto; 7306 width: 970px; 7307 padding-left: 2rem; 7308 padding-right: 2rem; 7309 padding-bottom:2rem; 7310} 7311 7312 7313 7314.main-footer .main-container { 7315 background-color: inherit; 7316} 7317 7318.footer-columns { 7319 margin-top: 2rem; 7320} 7321 7322.legal-left { 7323 display: block; 7324} 7325 7326.legal-right { 7327 display: none; 7328} 7329 7330.footer-search { 7331 margin-top: 1rem; 7332} 7333 7334.footer-search div input { 7335 background-color: #02162B; 7336 color: white; 7337 border: 1px solid white; 7338 border-radius: 4px; 7339} 7340 7341.footer-search div button { 7342 background-color: #02162B; 7343 color: white; 7344 border: 1px solid white; 7345 border-radius: 4px; 7346} 7347 7348.footer-search .input-group .btn { 7349 z-index: 1; 7350} 7351 7352/* iframe { 7353 z-index: 0 !important; 7354} */ 7355 7356.footer-search div button:hover { 7357 background-color: white; 7358 color: #02162B; 7359 border: 1px solid white; 7360 border-radius: 4px; 7361} 7362 7363.footer-archive .social-btn { 7364 text-decoration: none; 7365 color: white; 7366} 7367.social-btn.whatsapp { 7368 display: none; 7369 } 7370 7371.vcenter-wrap { 7372 height: 100px; 7373 position: relative; 7374} 7375.banner-bottom .vcenter-wrap { 7376 height: 50px; 7377} 7378 7379.banner-bottom .col-6.first-col {width: 65%;} 7380.banner-bottom .col-6.second-col {width: 35%;} 7381 7382.vcenter { 7383 position: absolute; 7384 top: 50%; 7385 -ms-transform: translateY(-50%); 7386 transform: translateY(-50%); 7387} 7388 7389.social-btn-container.footer { 7390 font-size: 1.75rem; 7391 margin-top: 1rem; 7392 margin-bottom: 1rem 7393} 7394 7395 7396.social-btn-container.footer .social-btn {} 7397 7398.footer-archive .social-btn:hover { 7399 text-decoration: none; 7400 color: #EEC54B; 7401} 7402 7403.footer-archive li { 7404 list-style-type: none; 7405} 7406 7407.footer-archive ul { 7408 list-style-type: none; 7409 padding-left: 0; 7410} 7411 7412.footer-archive li a { 7413 text-decoration: none; 7414 display: inline-block; 7415 color: white; 7416 width: initial; 7417} 7418 7419.footer-archive li a:after {
7420 content: ''; 7421 display: block; 7422 height: 1.5px; 7423 width: 0; 7424 background: transparent; 7425 transition: width .5s ease, background-color .5s ease; 7426 /* .5 seonds for changes to the width and background-color */ 7427 -webkit-transition: width .5s ease, background-color .5s ease; 7428 /* Chrome and Safari */ 7429 -moz-transition: width .5s ease, background-color .5s ease; 7430 /* FireFox */ 7431} 7432 7433.footer-archive li a:hover:after { 7434 width: 100%; 7435 background: #EEC54B; 7436} 7437 7438.footer-archive li a:hover { 7439 color: #EEC54B; 7440} 7441 7442.separator { 7443 width: 50%; 7444 margin-left: 25%; 7445} 7446 7447 7448.comment-form-comment label, 7449.comment-form-author label, 7450.comment-form-email label { 7451 display: block; 7452} 7453 7454.comment-form-url { 7455 display: none; 7456} 7457 7458.comment-form .comment-form-comment textarea { 7459 /* max-width: 20em; */ 7460 resize: vertical; 7461} 7462 7463.comment-form .form-submit .submit, 7464.comment-form .comment-form-comment textarea, 7465.comment-form .comment-form-author input, 7466.comment-form .comment-form-email input { 7467 width: 100%; 7468} 7469 7470 7471.comment-form .form-submit .submit, 7472.comment-form .comment-form-comment textarea, 7473.comment-form .comment-form-author input, 7474.comment-form .comment-form-email input { 7475 background-color: white; 7476 color: #02162B; 7477 border: 1px solid #02162B; 7478 border-radius: 2px; 7479 /* margin-top: 1rem; */ 7480 /* margin-bottom: 1rem; */ 7481 padding: 0.375rem 0.75rem; 7482} 7483 7484 7485.other { 7486 padding: 0.375rem 0.75rem; 7487 font-size: 1rem; 7488 font-weight: 400; 7489 line-height: 1.5; 7490} 7491 7492.comment-form .form-submit .submit:hover {
7493 color: white; 7494 background-color: #02162B; 7495} 7496 7497.comments-display .avatar { 7498 display: none; 7499} 7500 7501.comment-author img { 7502 display: none; 7503} 7504 7505.comment-author .fn { 7506 font-style: normal; 7507 font-weight: 600; 7508} 7509 7510.comment-meta.commentmetadata a { 7511 text-decoration: none; 7512 color: #6c757d; 7513 cursor: default; 7514 margin-left: 10px; 7515} 7516 7517.says { 7518 display: none; 7519} 7520 7521/* .fn:after {content: ' schreibt:'; font-weight: 400;} */ 7522 7523 7524.comment-author.vcard { 7525 float: left; 7526} 7527 7528.comment-reply-title a:hover { 7529 color: white; 7530 background-color: #02162B; 7531} 7532 7533.comment-body .reply a { 7534 text-decoration: none; 7535 display: inline-block; 7536 color: #0066CC; 7537 margin-bottom: 1rem; 7538} 7539 7540.comment-body .reply a:after { 7541 content: ''; 7542 display: block; 7543 height: 1.5px; 7544 width: 0; 7545 background: transparent; 7546 transition: width .5s ease, background-color .5s ease; 7547 /* .5 seonds for changes to the width and background-color */ 7548 -webkit-transition: width .5s ease, background-color .5s ease; 7549 /* Chrome and Safari */ 7550 -moz-transition: width .5s ease, background-color .5s ease; 7551 /* FireFox */ 7552} 7553 7554.comment-body .reply a:hover:after { 7555 width: 100%; 7556 background: #0066CC; 7557} 7558 7559.comments-display .reply a :hover { 7560 color: #0066CC; 7561} 7562 7563 7564.comment-reply-title a { 7565 text-decoration: none; 7566 display: none; /* block; */ 7567 font-weight: 400; 7568 width: fit-content; 7569 line-height: 1; 7570 color: #02162B; 7571 text-align: center; 7572 text-decoration: none; 7573 vertical-align: middle; 7574 cursor: pointer; 7575 -webkit-user-select: none; 7576 -moz-user-select: none; 7577 user-select: none; 7578 background-color: white; 7579 border: 1px solid #02162B; 7580 padding: 0.375rem 0.75rem; 7581 font-size: 1rem; 7582 border-radius: 0.25rem; 7583 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 7584 margin-top: 1rem; 7585} 7586 7587.comment-read-more-toggle { 7588 margin-left: 10px; 7589} 7590 7591.comment-read-more-toggle:hover, .comment-read-more-toggle:visited, .comment-read-more-toggle:link, .comment-read-more-toggle:active, 7592.create-comment:hover, .create-comment:visited, .create-comment:link, .create-comment:active { 7593 color: #2374B1; 7594} 7595 7596.reply a::before { 7597 font-family:'Bootstrap-icons'; 7598 content:"\F132"; 7599 vertical-align: bottom; 7600 margin-right: 0.2rem; 7601} 7602 7603.comment-awaiting-moderation { 7604 margin-left: 10px; 7605} 7606 7607.comments-title { 7608 margin-bottom: 20px; 7609 border-bottom: #6c757d 0.5px solid; 7610} 7611 7612.comment-body > p { 7613 margin-bottom: 0.2rem; 7614} 7615 7616#comments-list > ol.children,ul.children { 7617 padding-left: 2rem; 7618} 7619 7620#comments-list > ol,ul { 7621 padding-left: 0px; 7622} 7623 7624/* -- wpdiscuz -- */ 7625#wpdcom { 7626 max-width: none; 7627} 7628 7629#wpdcom .wpd-thread-head .wpd-thread-info { 7630 font-size: 2rem; 7631 border-bottom: none; 7632 text-transform: none; 7633 letter-spacing: normal; 7634 padding: 0; 7635} 7636 7637#wpdcom .wpd-blog-guest .wpd-comment-author, 7638#wpdcom .wpd-blog-guest .wpd-comment-author a, 7639#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author, 7640#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a { 7641 color: black; 7642 font-size: inherit; 7643} 7644 7645#wpdcom .wpd-comment-header { 7646 font-size: inherit; 7647} 7648 7649#wpdcom .wpd-comment-text { 7650 font-size: inherit; 7651 color: inherit; 7652} 7653 7654#wpdcom .wpd-comment.wpd-reply .wpd-comment-text { 7655 font-size: inherit; 7656} 7657 7658#wpdcom .wpd-up { 7659 color: #2374B1 !important; 7660} 7661 7662#wpdcom .wpd-down { 7663 color: #db4a6a !important; 7664} 7665 7666#wpdcom .wpd-up svg { 7667 fill: #2374B1 !important; 7668} 7669 7670#wpdcom .wpd-down svg { 7671 fill: #db4a6a !important; 7672} 7673 7674#wpdcom .wpd-prim-button { 7675 background-color: #2374B1; 7676} 7677 7678#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button { 7679 box-shadow: none; 7680 font-family: inherit; 7681 letter-spacing: inherit; 7682} 7683 7684#wpdcom .wpd-thread-filter .wpdf-reacted { 7685 color: #6c757d; 7686 border-bottom-color: #6c757d; 7687} 7688 7689#wpdcom .wpd-thread-filter .wpdf-hottest { 7690 color: #6c757d; 7691 border-bottom-color: #6c757d; 7692} 7693 7694#wpdcom .wpd-comment .wpd-comment-status .wpd-unapproved { 7695 color: #6c757d; 7696} 7697 7698#wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea { 7699 box-shadow: none; 7700 border-radius: inherit; 7701 border-color: #6c757d; 7702 font-size: inherit; 7703 color: inherit; 7704} 7705 7706#wpdcom .wpd-form textarea, #wpdcom .wpd-form input[type="text"] { 7707 border-radius: inherit; 7708 border-color: #6c757d; 7709} 7710
7711#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap { 7712 flex-basis: 100%; 7713} 7714 7715#wpdcom .wpd_label__check i.wpdicon-on { 7716 border-color: #2374B1; 7717 color: #2374B1; 7718} 7719 7720#wpdcom .wpd-form-head { 7721 display: none; 7722} 7723 7724#comments { 7725 margin: auto; 7726} 7727 7728#wpdcom .wpd-thread-filter .wpdf-sorting { 7729 font-family: inherit; 7730} 7731 7732/* -- wpdiscuz -- */ 7733 7734.pay-area-one {} 7735.payment-nav .nav.nav-tabs { 7736 background-color: #1b2d40; 7737 padding-top: 0.4rem; 7738 padding-bottom: 0.4rem; 7739 padding-left: 0.2rem; 7740 padding-right: 0.2rem; 7741 border-radius: 4px; 7742 width: fit-content; 7743 7744 margin-top: 0.7rem; 7745 margin-bottom: 0.8rem; 7746} 7747.payment-nav .nav.nav-tabs .nav-link { 7748 font-size: 1rem; 7749 color: white; 7750 background-color: #1b2d40; 7751 border-radius: 4px; 7752 padding: .375rem .75rem; 7753 margin-left: 0.2rem; 7754 margin-right: 0.2rem; 7755} 7756.payment-nav .nav.nav-tabs .nav-link:hover { 7757 background-color: #314253; 7758} 7759 7760.payment-nav .nav.nav-tabs .nav-link:after, .payment-nav .nav.nav-tabs .nav-link:hover:after { 7761 display: none; 7762} 7763 7764.payment-nav .nav.nav-tabs .nav-link.active { 7765 background-color: #EEC54B; 7766 color: #02162B; 7767} 7768 7769 7770.block.numbers { 7771 border: 0; 7772 margin-top: 2.5rem; 7773 margin-bottom: 0; 7774} 7775.block.numbers .row .col-md-6 { 7776 margin-bottom: 1rem; 7777} 7778.before-display-number { 7779 font-weight: 600; 7780 font-size: 18px; 7781} 7782.before-display-number, .after-display-number { 7783 margin-bottom: 0; 7784} 7785.display-number { 7786 font-weight: 800; 7787 margin-bottom: 0; 7788 font-size: 3.5rem; 7789} 7790.after-display-number { 7791 font-weight: 800; 7792 font-size: 22px; 7793} 7794 7795.article-content .block, .banner-bottom.block { 7796 margin-left: calc((100vw - (90vh))/2); 7797 margin-right: calc((100vw - (90vh))/2); 7798 /* max-width: 720px; */ 7799 padding-right: var(--bs-gutter-x, .75rem); 7800 padding-left: var(--bs-gutter-x, .75rem); 7801 width: 90vh; 7802} 7803 7804.article-content .application, .article-content .block.wide { 7805 margin-left: calc((100vw - (95vh))/2); 7806 margin-right: calc((100vw - (95vh))/2); 7807 width: 95vh; 7808 /* max-width: 720px; */ 7809} 7810 7811 7812.v2-container .article-content .block, .v2-container .banner-bottom.block { 7813 margin-left: auto; 7814 margin-right: auto; 7815 /* max-width: 720px; */ 7816 padding-right: var(--bs-gutter-x, .75rem); 7817 padding-left: var(--bs-gutter-x, .75rem); 7818 width: 680px; 7819} 7820 7821.v2-container .article-content .application, .v2-container .article-content .block.wide { 7822 margin-left: auto; 7823 margin-right: auto; 7824 width: 770px; 7825 /* max-width: 720px; */ 7826} 7827 7828.article-content .block.wide { 7829 padding-right: 0; 7830 padding-left: 0; 7831} 7832 7833.article-content .application-content, .article-content .wide-content { 7834 margin-left: calc((5vh)/2); 7835 margin-right: calc((5vh)/2); 7836 margin-top: calc((5vh)/2); 7837 margin-bottom: calc((5vh)/2); 7838 padding-right: var(--bs-gutter-x, .75rem); 7839 padding-left: var(--bs-gutter-x, .75rem); 7840} 7841 7842.transfer-one, 7843.sub-after-area, 7844.transfer-sub { 7845 display: none; 7846} 7847 7848.sub-after-area { 7849 margin-top: 1rem; 7850} 7851 7852.pay-area-one .col, 7853.pay-area-one .col-md { 7854 padding: 0px; 7855} 7856 7857iframe .billingAddress { 7858 color: white; 7859} 7860 7861.thank-you-pay-one { 7862 display: none; 7863 margin-top: 1rem; 7864 margin-bottom: 1rem; 7865} 7866 7867.sub-email { 7868 margin-top: 1rem; 7869 background-color: #02162B; 7870 color: white; 7871 border: 1px solid white; 7872 border-radius: 4px; 7873} 7874.check-email { 7875 margin-top: 1rem; 7876} 7877.sub-email-new { 7878 background-color: #02162B; 7879 color: white; 7880 border: 1px solid white; 7881 border-radius: 4px; 7882} 7883.newsletter.block.white .sub-email-new { 7884 background-color: white; 7885 color: #212529;; 7886 border: 1px solid #212529; 7887} 7888.btn.submit-sub-email { 7889 background-color: #02162B; 7890 color: white; 7891 border: 1px solid white; 7892 border-radius: 4px; 7893 margin-top: 0.75rem; 7894} 7895.newsletter.block.white .btn.submit-sub-email { 7896 background-color: white; 7897 color: #212529; 7898 border: 1px solid #212529; 7899} 7900.btn.submit-sub-email:hover { 7901 background-color: white; 7902 color: #212529; 7903} 7904.newsletter.block.white .btn.submit-sub-email:hover { 7905 background-color: #212529; 7906 color: white; 7907} 7908.sub-email.new-form { 7909 margin-top: 0.2rem; 7910 margin-bottom: 0.6rem; 7911} 7912 7913.sub-check-fieldset { 7914 margin-top: 1rem; 7915 margin-bottom: 1rem; 7916} 7917 7918.sub-response { 7919 margin-top: 1rem; 7920 margin-bottom: 1rem; 7921} 7922 7923.sub-checkbox { 7924 margin-right: 0.5rem; 7925} 7926 7927.sub-hidden-button, 7928.sub-hidden-field { 7929 height: 0; 7930 padding: 0; 7931 opacity: 0; 7932 border: 0; 7933} 7934 7935.pay-area-one.block, 7936.pay-area-sub.block { 7937 padding: 1rem 1rem 1rem 1rem; 7938} 7939 7940.paypal-button-container-sub.blue { 7941 color: white; 7942 background-color: #02162B; 7943} 7944 7945.btn-pay-other { 7946 width: 100%; 7947 color: white; 7948 font-size: 1.5rem; 7949 background-color: #02162B; 7950 border: 1px solid white; 7951 border-radius: 4px; 7952} 7953 7954.btn-pay-other:hover {
7955 color: #02162B; 7956 background-color: white; 7957} 7958 7959.article-content .btn-pay-other { 7960 color: white; 7961 font-size: 1.5rem; 7962} 7963 7964.article-content .btn-pay-other:hover { 7965 color: #02162B; 7966 background-color: white; 7967} 7968 7969.pay-area-one .btn.pay { 7970 width: 100%; 7971 margin-top: 1rem; 7972 font-size: 1.5rem; 7973 margin-bottom: 0.4rem; 7974} 7975.pay-area-sub p a, .pay-area-one p a, .pay-area-sub p a:hover, .pay-area-one p a:hover { 7976 font-weight: 600; 7977 color: #2374B1; 7978} 7979.pay-area-sub p a:after, .pay-area-sub p a:hover:after, .pay-area-one p a:after, .pay-area-one p a:hover:after { 7980 background-color: #2374B1; 7981} 7982.pay-area-sub .btn.pay { 7983 width: 100%; 7984 font-size: 1.5rem; 7985 margin-bottom: 1rem; 7986} 7987 7988.btn.pay { 7989 background-color: white; 7990 color: #02162B; 7991} 7992 7993.btn.pay:hover { 7994 background-color: #d9d9d9; 7995 color: #02162B; 7996} 7997 7998.btn.pay-amount { 7999 border: 1px solid white; 8000 border-radius: 4px; 8001} 8002 8003.sub-label { 8004 border: 1px solid #02162B; 8005 padding: 0.1rem 0.4rem 0.1rem 0.4rem; 8006 border-radius: 4px; 8007} 8008 8009.block .pay-amount { 8010 background-color: white; 8011 color: #02162B; 8012 margin-right: 0.2rem; 8013 margin-bottom: 0.4rem; 8014 font-weight: 800; 8015} 8016 8017.form-control.pay-amount { 8018 display: inline; 8019 border: 1px solid white; 8020 border-radius: 4px; 8021 width: 180px; 8022 font-weight: 400; 8023} 8024 8025.pay-amount.sub { 8026 width: 114px; 8027} 8028 8029.form-control.pay-amount.sub { 8030 height: 67px; 8031 resize: none; 8032 width: 114px; 8033} 8034 8035.block .pay-amount:hover { 8036 background-color: white; 8037 color: #02162B; 8038} 8039 8040.block .btn-check:checked+.pay-amount { 8041 background-color: #EEC54B; 8042 color: #02162B; 8043 border-color: #EEC54B; 8044 transform: translateY(-0.05em) translateX(-0.05em); 8045} 8046 8047 8048.left-underline { 8049 text-decoration: none; 8050 display: inline-block; 8051 color: #0066CC; 8052} 8053 8054.left-underline:after { 8055 content: ''; 8056 display: block; 8057 height: 1.5px; 8058 width: 0; 8059 background: transparent; 8060 transition: width .5s ease, background-color .5s ease; 8061 /* .5 seonds for changes to the width and background-color */ 8062 -webkit-transition: width .5s ease, background-color .5s ease; 8063 /* Chrome and Safari */ 8064 -moz-transition: width .5s ease, background-color .5s ease; 8065 /* FireFox */ 8066} 8067 8068.left-underline:hover:after { 8069 width: 100%; 8070 background: #0066CC; 8071} 8072 8073.left-underline:hover { 8074 color: #0066CC; 8075} 8076 8077.article-content p.share-buttons { 8078 font-family: "Mulish"; 8079 font-size: 19px; 8080 padding-top: 0.5rem; 8081} 8082.wp-block-separator.share-separator { 8083 margin-top: 2rem; 8084} 8085.article-content .share-buttons a { 8086 color: #212529; 8087 font-size: 19px; 8088} 8089.article-content .share-buttons .comments-info { 8090 text-align: right; 8091 float:right; 8092 display: inline-block; 8093} 8094.article-content .share-buttons a:hover { 8095 color: #808080; 8096} 8097 8098 8099.article-content .embed-privacy-container a, .newsletter.block a, .article-content a, .navigation.pagination a, .navigation.posts-navigation a { 8100 text-decoration: none; 8101 display: inline-block; 8102 font-size: 17px; 8103 line-height: 25px; 8104 font-family: "Mulish"; 8105 color: #0066CC; 8106 width: initial; 8107 height: initial; 8108} 8109 8110.v2-container .article-content>p:not(.share-buttons) a { 8111 font-family: 'Tinos'; 8112 font-size: 19px; 8113 line-height: 32px; 8114 font-weight: 400; 8115} 8116.v2-container .page-content.article-content>p:not(.share-buttons) a { 8117 font-family: inherit; 8118 font-size: inherit; 8119 line-height: inherit; 8120 font-weight: inherit; 8121} 8122.v2-container .article-content>p:not(.share-buttons) a, 8123.v2-container .accordion-body a, 8124.block.non-profit a, 8125.friends-right p>a, 8126.contact-tabs-overview p>a { 8127 text-decoration-line: underline; 8128 text-decoration-thickness: 1px; 8129 text-underline-offset: 4px; 8130 /*transition: all .5s ease; 8131 -webkit-transition: all .5s ease; 8132 -moz-transition: all .5s ease; 8133 /* FireFox */ 8134 color: #2374B1; 8135} 8136.v2-container .article-content>p:not(.share-buttons) a:hover, 8137.v2-container .accordion-body a:hover, 8138.block.non-profit a:hover, 8139.friends-right p>a:hover, 8140.contact-tabs-overview p>a:hover { 8141 text-underline-offset: 2.5px; 8142 text-decoration-thickness: 2px; 8143 color: #2374B1; 8144} 8145.page-header a.v2-link { 8146 text-decoration-line: underline; 8147 text-decoration-thickness: 1px; 8148 text-underline-offset: 4px; 8149 color: #4e8fc0; 8150 font-size: inherit; 8151line-height: inherit; 8152} 8153.page-header a.v2-link:hover { 8154 text-underline-offset: 2.5px; 8155 text-decoration-thickness: 2px; 8156 color: #4e8fc0 !important; 8157} 8158.v2-container .article-content .block.dark a { 8159 font-family: initial; 8160 font-size: initial; 8161 line-height: initial; 8162 font-weight: initial; 8163 text-decoration-line: underline; 8164 text-decoration-thickness: 1px; 8165 text-underline-offset: 4px; 8166 color: #2374B1; 8167} 8168.v2-container .article-content .block.dark a:hover { 8169 text-underline-offset: 2.5px; 8170 text-decoration-thickness: 2px; 8171 color: #2374B1; 8172} 8173 8174 8175.v2-container .navigation.pagination .nav-links { 8176 margin-top: 1rem; 8177} 8178.v2-container .navigation.pagination .nav-links a.page-numbers, 8179.v2-container .navigation.posts-navigation .nav-links .nav-next a, 8180.v2-container .navigation.posts-navigation .nav-links .nav-previous a 8181{ 8182 text-decoration-line: underline; 8183 text-decoration-thickness: 1px; 8184 text-underline-offset: 4px; 8185 color: #2374B1; 8186} 8187.v2-container .navigation.pagination .nav-links a.page-numbers:hover, 8188.v2-container .navigation.posts-navigation .nav-links .nav-next a:hover, 8189.v2-container .navigation.posts-navigation .nav-links .nav-previous a:hover { 8190 text-underline-offset: 2.5px; 8191 text-decoration-thickness: 2px; 8192 color: #2374B1; 8193} 8194.v2-container .navigation.pagination .nav-links .page-numbers, 8195.v2-container .navigation.posts-navigation .nav-links .nav-next a, 8196.v2-container .navigation.posts-navigation .nav-links .nav-previous a { 8197 margin: 0; 8198padding: .375rem .5rem; 8199font-size: initial; 8200} 8201 8202.v2-container .navigation.posts-navigation .nav-links .nav-next a, 8203.v2-container .navigation.posts-navigation .nav-links .nav-previous a { 8204text-transform: capitalize; 8205} 8206.v2-container .navigation.posts-navigation .nav-links .nav-next .meta-nav, 8207.v2-container .navigation.posts-navigation .nav-links .nav-previous .meta-nav { 8208 display: none; 8209} 8210 8211.v2-container .navigation.pagination .nav-links .page-numbers { 8212color: #02162B; 8213} 8214.v2-container .navigation.pagination .nav-links .page-numbers.current { 8215 background-color: #02162B; 8216 color: white; 8217 border: 1px solid #02162B; 8218 border-radius: 4px; 8219} 8220.v2-container .navigation.pagination .nav-links a:after, 8221.v2-container .navigation.pagination .nav-links a:hover:after, 8222.v2-container .navigation.posts-navigation .nav-links .nav-next a:after, 8223.v2-container .navigation.posts-navigation .nav-links .nav-next a:hover:after, 8224.v2-container .navigation.posts-navigation .nav-links .nav-previous a:after, 8225.v2-container .navigation.posts-navigation .nav-links .nav-previous a:hover:after 8226{ 8227 display: none; 8228} 8229 8230 8231 8232.article-content .recommendations a { 8233 display: block; 8234} 8235 8236figcaption a { 8237 text-decoration: none; 8238 display: inline-block; 8239 color: #0066CC; 8240 width: initial; 8241} 8242 8243 8244.article-content a.btn-pay-other { 8245 width: 100%; 8246} 8247 8248 8249.article-content a:after, 8250figcaption a:after, 8251.navigation.pagination a:after, 8252.navigation.posts-navigation a:after, 8253.newsletter.block a:after {
8254 content: ''; 8255 display: block; 8256 height: 1.5px; 8257 width: 0; 8258 background: transparent; 8259 transition: width .5s ease, background-color .5s ease; 8260 /* .5 seonds for changes to the width and background-color */ 8261 -webkit-transition: width .5s ease, background-color .5s ease; 8262 /* Chrome and Safari */ 8263 -moz-transition: width .5s ease, background-color .5s ease; 8264 /* FireFox */ 8265} 8266.v2-container .article-content a:after, .v2-container .article-content a:hover:after { 8267 display: none; 8268} 8269.newsletter.block.dark a, .newsletter.block.dark a:hover, .payment-nav.block a, .payment-nav.block a:hover { 8270 color: #5b9dde; 8271} 8272.payment-nav.block p a { 8273 text-decoration-line: underline; 8274 text-decoration-thickness: 1px; 8275 text-underline-offset: 4px; 8276 display: inline; 8277} 8278.payment-nav.block p a:hover { 8279 text-underline-offset: 2.5px; 8280 text-decoration-thickness: 2px; 8281} 8282.newsletter.block.dark a:hover:after, .payment-nav.block a:hover:after { 8283 width: 100%; 8284 background: #5b9dde; 8285} 8286 8287.article-content a:hover:after, 8288figcaption a:hover:after, 8289.navigation.pagination a:hover:after, 8290.navigation.posts-navigation a:hover:after, 8291.newsletter.block a:hover:after 8292{ 8293 width: 100%; 8294 background: #0066CC; 8295} 8296 8297 8298 8299.article-content .embed-privacy-container a:hover { 8300 color: #0066CC !important; 8301} 8302.article-content a:hover, 8303figcaption a:hover, 8304.navigation.pagination a:hover, 8305.navigation.posts-navigation a:hover, 8306.newsletter.block a:hover { 8307 color: #0066CC; 8308} 8309 8310 8311.article-content .dark-link { 8312 color: #212529; 8313 text-decoration: none; 8314} 8315 8316.article-content .dark-link:after, 8317.article-content .series-link:after, 8318.article-content .btn:after, 8319.article-content .btn-pay-other:after { 8320 display: none; 8321} 8322 8323.article-content .dark-link:hover:after, 8324.article-content .series-link:hover:after, 8325.article-content .btn:hover:after, 8326.article-content .btn-pay-other:hover:after, 8327.article-content .ad-inside a:hover:after { 8328 display: none; 8329} 8330 8331.article-content .dark-link:hover { 8332 color: #7f7679; 8333} 8334 8335 8336.article-content .author-link { 8337 color: #212529; 8338 text-decoration: none; 8339} 8340 8341.article-content .author-link:after { 8342 display: none; 8343} 8344 8345.article-content .author-link:hover:after { 8346 display: none; 8347} 8348 8349.article-content .author-link:hover { 8350 color: #7f7679; 8351} 8352 8353 8354.article-content .author-twitter { 8355 color: #212529; 8356 text-decoration: none; 8357} 8358 8359.article-content .author-twitter:after { 8360 display: none; 8361} 8362 8363.article-content .author-twitter:hover:after { 8364 display: none; 8365} 8366 8367.article-content .author-twitter:hover { 8368 color: #0066CC; 8369} 8370 8371.main-container.shadows { 8372 box-shadow: 8373 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 8374 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 8375 8376-moz-box-shadow: 8377 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 8378 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 8379 8380-webkit-box-shadow: 8381 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 8382 -11px 0px 8px -10px rgba(17, 17, 26, 0.1); 8383} 8384 8385.first-container { 8386 order: 1; 8387 float: left; 8388 width: calc(100vh * 0.75); 8389 height: auto; 8390 border-bottom: 1px solid #f2f2f2; 8391} 8392.first-container.v2 { 8393 order: 1; 8394 float: left; 8395 width: 485px; 8396 height: auto; 8397 border-bottom: 1px solid #f2f2f2; 8398 background-color: white; 8399} 8400 8401.first-container.top-teaser { 8402 height: 100vh; 8403 height: 100svh; 8404} 8405.first-container.top-teaser.v2 { 8406 height: auto; 8407} 8408 8409.second-container { 8410 order: 2; 8411 float: left; 8412 width: calc(100vh * 0.75); 8413 height: auto; /* 100vh; */ 8414 overflow: hidden; 8415 border-bottom: 1px solid #f2f2f2; 8416} 8417.second-container.v2 { 8418 order: 2; 8419 float: left; 8420 width: 485px; 8421 height: auto; /* 100vh; */ 8422 overflow: hidden; 8423 border-bottom: 1px solid #f2f2f2; 8424 background-color: white; 8425} 8426.third-container.v2 { 8427 background-color: white; 8428} 8429.main-footer .third-container.v2 { 8430 background-color: initial; 8431} 8432.home-below-top-container.v2 { 8433 background-color: white; 8434} 8435 8436.second-container.v2.on-cover-page { 8437 /*display: flex; 8438flex-direction: column-reverse; 8439justify-content: flex-start;*/ 8440 8441/* max-height: 646px; 8442 display: flex; 8443 flex-direction: column; 8444 justify-content: flex-end; */ 8445} 8446.blink-icon { display: none; } 8447.v2 .blink-icon, .v2-container .blink-icon { 8448color: #EEC54B; 8449 border: none; 8450 display: inline-block; 8451 animation: blink 1.5s ease-in infinite; 8452} 8453 8454.v2 .article-label{ 8455 background-color: #02162B; 8456} 8457 8458 8459.v2 .article-label.ad-link { 8460 background-color:#f2f2f2; 8461} 8462.v2 .article-label.opinion { 8463 color: #212529; 8464 background-color: initial; 8465 border: 1.5px solid #212529; 8466} 8467.v2 .article-label.video,
8468.v2-container .article-label.video{ 8469 background-color: #02162B; 8470 color: white; 8471} 8472 8473.v2-container .block.video-list .article-label.video, 8474.v2 .block.video-list .article-label.video, 8475.v2-header .video-container .article-label.video, 8476.v2-header .article-label.video, 8477.video-page .article-label.video { 8478 background-color: white; 8479 color: #02162B; 8480} 8481 8482.v2-container .block.video-list .article-label-area-special-video .special-label-light, 8483.v2 .block.video-list .article-label-area-special-video .special-label-light, 8484.v2-header .video-container .article-label-area-special-video .special-label-light, 8485.v2-header .article-label-area-special-video .special-label-light, 8486.video-page .article-label-area-special-video .special-label-light { 8487 display: none !important; 8488} 8489 8490.v2-container .block.video-list .article-label-area-special-video .special-label-dark, 8491.v2 .block.video-list .article-label-area-special-video .special-label-dark, 8492.v2-header .video-container .article-label-area-special-video .special-label-dark, 8493.v2-header .article-label-area-special-video .special-label-dark, 8494.video-page .article-label-area-special-video .special-label-dark { 8495 display: inline-block !important; 8496} 8497 8498.v2 .dark-link:hover .article-label.video, 8499.v2-container .dark-link:hover .article-label.video{ 8500 opacity: 90%; 8501} 8502 8503.v2-container .block.video-list .dark-link:hover .article-label.video, 8504.v2 .block.video-list .dark-link:hover .article-label.video, 8505.v2-header .video-container .dark-link:hover .article-label.video, 8506.video-page .dark-link:hover .article-label.video{ 8507 opacity: 90%; 8508} 8509 8510 8511 8512@keyframes blink { 8513 from, to { opacity: 1 } 8514 50% { opacity: 0 } 8515} 8516.lb24-component-content { 8517 font-family: 'Tinos'; 8518font-size: 19px !important; 8519line-height: 32px; 8520font-weight: 400; 8521} 8522.lb24-base-news-title-text { 8523 8524} 8525#LB24 + .loading-lb { 8526 display: none; /* Show the div */ 8527} 8528 8529.v2 .article-subtitle, .v2-container .article-subtitle { 8530 font-weight: 300; 8531margin-bottom: 0.25rem; 8532 color: black; 8533text-transform: none !important; 8534 width: fit-content; 8535 letter-spacing: 0.75px; 8536 line-height: 1.4; 8537} 8538.v2 .article-subtitle.top-article-text, .v2-container .article-subtitle.top-article-text { 8539margin-left: auto; 8540 margin-right: auto; 8541} 8542.v2 .article-subtitle:after, .v2-container .article-subtitle:after { 8543 content: ''; 8544 display: block; 8545 height: 1px; 8546 width: 100%; 8547 background: black; 8548} 8549.second-container.v2.on-cover-page article:last-child .img-left, 8550.second-container.v2 .article-list { 8551 margin-bottom: 0; 8552} 8553.second-container.v2.on-cover-page .first-home-list { 8554 /* padding-top: 0.5rem; */ 8555} 8556.second-container.v2 .author-and-time, 8557.v2-col-articles .author-and-time { 8558 margin-bottom: 0.55rem; 8559} 8560.v2-duo-grid.pop-below .top-article-text.author-and-time, 8561.v2-duo-grid.second-below .top-article-text.author-and-time { 8562 margin-bottom: 1rem; 8563} 8564.v2-duo-grid.pop-below .grid-col-1 , .v2-duo-grid.pop-below .grid-col-2, 8565.v2-duo-grid.second-below .grid-col-1 , .v2-duo-grid.second-below .grid-col-2{ 8566 border-bottom: 1px solid #f2f2f2; 8567} 8568.second-container.v2 article:last-child .author-and-time { 8569 margin-bottom: 0.5rem; 8570} 8571.first-container.v2 .top-article-text.article-title { 8572 font-size: 1.5rem; 8573} 8574.second-container.v2 .article-title, 8575.v2-col-articles .article-title { 8576/*font-size: 1.38rem; 8577 font-size: 1.2rem 8578 font-size: 1.4rem;*/ 8579 font-size: 1.35rem; 8580} 8581@media (min-width: 768px) { 8582 .video-element-box .v2-col-articles .article-title { 8583 font-size: 1.8rem; 8584 } 8585} 8586.second-container.v2 .img-left, 8587.v2-col-articles .img-left{ 8588 aspect-ratio: 11/13; 8589 /*aspect-ratio: 4/4;*/ 8590} 8591.second-container.v2 .col-4, 8592.v2-col-articles .col-4 { 8593 width: 29%; 8594 /*width: 27%; 8595 width: 40%;*/ 8596} 8597.v2-col-articles .col-4.large-only-desktop, 8598.v2-col-articles .col-8.large-only-desktop { 8599 width: 100% 8600} 8601.second-container.v2 .col-8, 8602.v2-col-articles .col-8 { 8603 width: 71%; 8604 /*width: 73%; 8605 width: 60%;*/ 8606} 8607 8608.video-list-four-grid { 8609 display: grid; 8610 grid-template-areas: 'video-list-four-main video-list-four-side'; 8611 grid-template-columns: 50% 50%; 8612} 8613.video-list-four-main { 8614 grid-area: video-list-four-main; 8615} 8616.video-list-four-main .no-fill-up { 8617 height: auto; 8618 aspect-ratio: 16 / 9; 8619} 8620.video-list-four-main .no-fill-up img { 8621 width: 100%; 8622 height: 100%; 8623 object-fit: cover; 8624} 8625.video-list-four-side { 8626 grid-area: video-list-four-side; 8627 padding-left: 1rem; 8628} 8629.video-list-four-grid .author-and-time { 8630 margin-bottom: 0.55rem; 8631} 8632.video-list-four-grid .article-title { 8633 font-size: 1.35rem; 8634} 8635.video-list-four-main .top-article-box { 8636 8637} 8638.video-list-four-main .top-article-box .article-label.video { 8639 display: inline-block; 8640} 8641.video-list-four-grid .img-left { 8642 aspect-ratio: 11/13; 8643} 8644.video-list-four-grid .col-4 { 8645 width: 29%; 8646} 8647.video-list-four-grid .col-8 { 8648 width: 71%; 8649} 8650 8651 8652.home-below-top-container { 8653 order: 3;
8654 display: flex; 8655 justify-content: center; 8656 width: 100%; 8657} 8658 8659.home-feature-slot { 8660 width: 100%; 8661} 8662.home-feature-slot-above { 8663 order: 1; 8664} 8665.with-full-ad .home-feature-slot-above > .video-element-box, 8666.with-breaking-news.with-full-ad .home-feature-slot-above > .video-element-box { 8667 margin-top: 0; 8668} 8669.first-container.v2 { 8670 order: 2; 8671} 8672.second-container.v2 { 8673 order: 3; 8674} 8675.home-feature-slot-below { 8676 order: 4; 8677} 8678.home-below-top-container.v2 { 8679 order: 5; 8680} 8681.third-container.v2 { 8682 order: 6; 8683} 8684 8685.third-container { 8686 order: 4; 8687 float: left; 8688 width: 100%; 8689 height: auto; 8690 margin-top: 0; 8691} 8692 8693.first-nav { 8694 float: left; 8695 margin-left: calc((100vw - (100vh * 0.75 * 2))/2); 8696 width: calc(100vh * 0.75); 8697} 8698 8699.first-nav.v2 { 8700 float: left; 8701 margin-left: calc((100vw - 970px)/2); 8702 width: 485px; 8703} 8704 8705.nav-cover-area, 8706.scroll-navbar .article .nav-cover-area { 8707 width: 100%; 8708 position: relative; 8709 padding: 0; 8710 margin: 0; 8711 display: flex; 8712 flex-direction: row; 8713 justify-content: center; 8714 align-items: center; 8715 transition: all 2s; 8716} 8717 8718/*.scroll-navbar .nav-cover-area, .cover-navbar.new-cover .nav-cover-area { 8719 width: 100%; 8720 position: relative; 8721 padding: 0; 8722 margin: 0; 8723 display: block; 8724 justify-content: left; 8725 align-items: left; 8726 transition: all 2s; 8727 }*/ 8728 8729.second-nav { 8730 display: block; 8731 width: calc(100vh * 0.75); 8732 overflow: visible; 8733 margin-left: 0; 8734} 8735.second-nav.v2 { 8736 width: calc(485px - 64px); 8737 overflow: hidden; 8738 margin-left: 0; 8739} 8740.third-nav { 8741 margin-right: calc((100vw - 970px)/2); 8742} 8743.cover-navbar .nav-line { 8744 width: 457px; 8745 border-bottom: 1px solid #cecece; /*#a9a9a9;*/ 8746 position: absolute; 8747 margin-left: calc((100vw - 970px)/2 + 485px + 1rem); 8748 margin-right: calc((100vw - 970px)/2); 8749 margin-top: 75px; /*#77px;*/ 8750} 8751.cover-navbar .nav-line.article { 8752 display: none; 8753} 8754.cover-navbar:hover .nav-line { 8755 border-bottom: 1px solid #e6e6e6; 8756} 8757 8758 8759.burgermenu span { 8760 background: white; 8761} 8762 8763.third-nav .burgermenu span { 8764 background: #02162B; 8765} 8766 8767 8768 8769.white-bg .burgermenu span, 8770.scroll-navbar span, 8771.cover-navbar.new-cover span, 8772.scroll-navbar .third-nav .burgermenu span, 8773.cover-navbar.new-cover .third-nav .burgermenu span{ 8774 background: #02162B; 8775} 8776 8777.cover-box { 8778 position: relative; 8779 text-align: center; 8780} 8781 8782.cover-box:hover { 8783 opacity: 95%; 8784 cursor: pointer; 8785} 8786 8787.cover-box:hover .cover-text { 8788 color: gray; 8789 padding-left: 1%; 8790 -webkit-transition: all 300ms ease-out; 8791 -moz-transition: all 300ms ease-out; 8792 -o-transition: all 300ms ease-out; 8793 transition: all 300ms ease-out; 8794} 8795 8796.cover-imgbox { 8797 position: relative; 8798 width: 100%; 8799 height: 100vh; 8800 height: 100svh; 8801 container-type: inline-size; 8802 background-position: center center; 8803 background-repeat: no-repeat; 8804 /* background-size: cover; */ 8805 background-size: 100% 100%; 8806 overflow: hidden; 8807} 8808.cover-imgbox.v2 { 8809 width: 100%; 8810 height: auto; 8811 container-type: inline-size; 8812 background-position: center center; 8813 background-repeat: no-repeat; 8814 /* background-size: cover; */ 8815 background-size: 100% 100%; 8816 overflow: hidden; 8817 aspect-ratio: 3/4; 8818} 8819.cover-imgbox.graphic-teaser-cutout { 8820 background-size: cover; 8821 background-position: center center; 8822} 8823.graphic-teaser-overlay { 8824 --graphic-teaser-overlay-padding-top: min(90px, 18.56cqw); 8825 --graphic-teaser-overlay-padding-x: min(28px, 5.77cqw); 8826 --graphic-teaser-overlay-padding-bottom: min(28px, 5.77cqw); 8827 --graphic-teaser-label-margin-bottom: min(0.45rem, 1.48cqw); 8828 --graphic-teaser-label-font-size: min(1rem, 3.3cqw); 8829 --graphic-teaser-label-padding-y: min(0.1rem, 0.33cqw); 8830 --graphic-teaser-label-padding-x: min(0.4rem, 1.32cqw); 8831 --graphic-teaser-opinion-border-width: min(1.5px, 0.31cqw); 8832 --graphic-teaser-title-font-size-1: min(3.75rem, 12.37cqw); 8833 --graphic-teaser-title-font-size-2: min(2.52rem, 8.32cqw); 8834 --graphic-teaser-title-font-size-3: min(2.35rem, 7.74cqw); 8835 --graphic-teaser-title-font-size-4: min(2.85rem, 9.4cqw); 8836 --graphic-teaser-author-avatar-size: min(32px, 6.6cqw); 8837 --graphic-teaser-author-font-size: min(1rem, 3.3cqw); 8838 --graphic-teaser-author-margin-top: min(0.5rem, 1.65cqw); 8839 --graphic-teaser-subtitle-font-size-1: min(1.45rem, 4.78cqw); 8840 --graphic-teaser-subtitle-font-size-4: min(1.25rem, 4.12cqw); 8841 --graphic-teaser-subtitle-margin-top: min(0.35rem, 1.15cqw); 8842 --graphic-teaser-subtitle-margin-top-1: min(0.5rem, 1.65cqw); 8843 position: absolute; 8844 left: 0; 8845 right: 0; 8846 bottom: 0; 8847 box-sizing: border-box; 8848 padding: var(--graphic-teaser-overlay-padding-top) var(--graphic-teaser-overlay-padding-x) var(--graphic-teaser-overlay-padding-bottom); 8849 color: #fff; 8850 background: linear-gradient( 8851 to top, 8852 rgba(0, 0, 0, 0.9) 0%, 8853 rgba(0, 0, 0, 0.65) 45%, 8854 rgba(0, 0, 0, 0) 100% 8855 ); 8856 pointer-events: none; 8857} 8858.graphic-teaser-title { 8859 text-align: center;
8860 word-break: break-word; 8861 hyphens: auto; 8862 -webkit-hyphenate-limit-before: 10; 8863 margin: 0; 8864 color: #fff; 8865} 8866.graphic-teaser-label-area { 8867 text-align: center; 8868 margin-bottom: var(--graphic-teaser-label-margin-bottom); 8869} 8870.graphic-teaser-label-font-2 { 8871 text-align: left; 8872} 8873.graphic-teaser-label-font-3 { 8874 margin-bottom: min(0.45rem, 1.48cqw); 8875} 8876.graphic-teaser-label-area .article-label { 8877 display: inline-block; 8878 color: #212529; 8879 background-color: #fff; 8880 border: 0; 8881 box-shadow: none; 8882 font-size: var(--graphic-teaser-label-font-size); 8883 padding: var(--graphic-teaser-label-padding-y) var(--graphic-teaser-label-padding-x); 8884} 8885.graphic-teaser-label-area .article-label.video, 8886.v2 .graphic-teaser-label-area .article-label.video, 8887.v2-container .graphic-teaser-label-area .article-label.video { 8888 color: #212529; 8889 background-color: #fff; 8890 border: 0; 8891} 8892.graphic-teaser-label-area .article-label.opinion, 8893.graphic-teaser-label-area .article-label.opinion.column-op { 8894 color: #fff; 8895 background-color: transparent; 8896 border: var(--graphic-teaser-opinion-border-width) solid #fff; 8897} 8898.graphic-teaser-subtitle { 8899 text-align: center; 8900 word-break: break-word; 8901 hyphens: auto; 8902 -webkit-hyphenate-limit-before: 10; 8903 margin: var(--graphic-teaser-subtitle-margin-top) 0 0; 8904 color: #fff; 8905} 8906.graphic-teaser-title-font-1 { 8907 font-family: 'Anton', 'Mulish', sans-serif; 8908 font-size: var(--graphic-teaser-title-font-size-1); 8909 font-weight: 400; 8910 font-style: normal; 8911 line-height: 1; 8912 letter-spacing: 0; 8913 text-transform: none; 8914} 8915.graphic-teaser-title-font-2 { 8916 font-family: 'Playfair Display', Georgia, serif; 8917 font-size: var(--graphic-teaser-title-font-size-2); 8918 font-weight: 400; 8919 font-style: normal; 8920 line-height: 1.1; 8921 letter-spacing: -0.035em; 8922 text-transform: none; 8923 text-align: left; 8924 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); 8925} 8926.graphic-teaser-title-font-3 { 8927 font-family: 'DM Serif Display', Georgia, serif; 8928 font-size: var(--graphic-teaser-title-font-size-3); 8929 font-weight: 400; 8930 font-style: italic; 8931 line-height: 1.1; 8932 letter-spacing: -0.035em; 8933 text-transform: none; 8934 text-align: center; 8935 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); 8936} 8937.graphic-teaser-overlay:has(.graphic-teaser-title-font-3) { 8938 --graphic-teaser-overlay-padding-bottom: min(18px, 3.71cqw); 8939} 8940.graphic-teaser-title-font-3 + .graphic-teaser-author { 8941 margin-top: min(0.7rem, 2.31cqw); 8942} 8943.graphic-teaser-author { 8944 display: flex; 8945 align-items: center; 8946 justify-content: center; 8947 gap: min(0.35rem, 1.15cqw); 8948 margin: var(--graphic-teaser-author-margin-top) 0 0; 8949 width: 100%; 8950 color: #fff; 8951 font-family: 'Mulish', sans-serif; 8952 font-size: var(--graphic-teaser-author-font-size); 8953 font-weight: 600; 8954 line-height: 1; 8955 text-align: center; 8956 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); 8957} 8958.graphic-teaser-author .graphic-teaser-author-avatar { 8959 width: var(--graphic-teaser-author-avatar-size); 8960 height: var(--graphic-teaser-author-avatar-size); 8961 aspect-ratio: 1 / 1; 8962 border-radius: 50%; 8963 object-fit: cover; 8964 opacity: 1; 8965 box-shadow: none; 8966} 8967.graphic-teaser-title-font-4 { 8968 font-family: Times, 'PT Serif', serif; 8969 font-style: italic; 8970 font-size: var(--graphic-teaser-title-font-size-4); 8971 font-weight: 800; 8972 line-height: 1.05; 8973 letter-spacing: 0; 8974 text-transform: none; 8975} 8976.graphic-teaser-subtitle-font-1 { 8977 font-family: 'Mulish', sans-serif; 8978 font-size: var(--graphic-teaser-subtitle-font-size-1); 8979 font-weight: 400; 8980 font-style: normal; 8981 line-height: 1.18; 8982 letter-spacing: 0.01em; 8983 margin: var(--graphic-teaser-subtitle-margin-top-1) 0 0; 8984 text-transform: none; 8985} 8986.graphic-teaser-subtitle-font-4 { 8987 font-family: Times, 'PT Serif', serif; 8988 font-size: var(--graphic-teaser-subtitle-font-size-4); 8989 font-weight: 400; 8990 font-style: italic; 8991 line-height: 1.15; 8992 letter-spacing: 0; 8993 text-transform: none; 8994} 8995 8996.cover-imgbox img { 8997 opacity: 0%; 8998} 8999 9000.cover-text { 9001 font-size: calc(1.475em + 2.7vw); 9002 font-weight: 400; 9003 line-height: 1.2; 9004 text-align: center; 9005 9006 margin-top: calc(90% - (1.475em + 2.7vw)); 9007 color: white; 9008 text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.6); 9009} 9010 9011.cover-text-old { 9012 position: absolute; 9013 text-align: center; 9014 width: 100%; 9015 font-size: calc(1.475em + 2.7vw); 9016 font-weight: 400; 9017 line-height: 1.2; 9018 9019 margin-top: calc(20% - (1.475em + 2.7vw)); 9020 color: white; 9021 text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.6); 9022} 9023 9024a.fill-div { 9025 display: block; 9026 height: 100%; 9027 width: 100%; 9028 text-decoration: none; 9029} 9030 9031.overlay { 9032 position: fixed; 9033 display: none; 9034 width: 100%; 9035 height: 100%; 9036 top: 0; 9037 left: 0; 9038 right: 0; 9039 bottom: 0; 9040 background-color: white; 9041 z-index: 5; 9042 transition: .2s; 9043} 9044.overlay.v2 { 9045 background: #02162B; 9046} 9047 9048.second-nav.v2 .navbar-list li a:after, .second-nav.v2 .navbar-list li a:hover:after, 9049.overlay-inner-content .mobile-menu-row .navbar-list li a:after, 9050.overlay-inner-content .mobile-menu-row .navbar-list li a:hover:after 9051{ 9052 display: none; 9053} 9054 9055.overlay-inner-content .only-footer { 9056 display: none; 9057} 9058.second-nav.v2 .navbar-list>li { 9059 padding-top: 0px; 9060padding-bottom: 0px; 9061 padding-left: 12px; 9062padding-right: 12px; 9063margin-top: 14px; 9064margin-bottom: 14px; 9065} 9066 9067.overlay-inner-content .mobile-menu-row { 9068 border-bottom: 0.5px solid #3D5267; 9069 padding-bottom: 0.5rem; 9070 margin-bottom: 1rem; 9071} 9072.overlay-inner-content .mobile-menu-row .navbar-list>li { 9073 padding-top: 0px; 9074padding-bottom: 0px; 9075 padding-left: 0; 9076padding-right: 0; 9077margin-top: 0; 9078margin-bottom: 1.5rem; 9079background-color: transparent; 9080} 9081 9082.overlay-inner-content .mobile-menu-row .navbar-list { 9083 margin: 0; 9084} 9085.overlay-inner-content .mobile-menu-row .navbar-list li a { 9086 color: white; 9087} 9088.overlay-inner-content .mobile-menu-row .navbar-list li a:hover { 9089 color: #EEC54B; 9090} 9091 9092.second-nav.v2 .navbar-list li a { 9093 color: #02162B; 9094 font-weight: 400; 9095} 9096.second-nav.v2 .navbar-list li a:hover { 9097 color: #3D5267; 9098} 9099 9100.cover-navbar .second-nav.v2 .navbar-list li a { 9101 color: #6c757d; 9102} 9103.cover-navbar .second-nav.v2 .navbar-list li a:hover { 9104 color: #90969A; 9105} 9106.overlay-inner-content { 9107 width: 970px; 9108 margin-left: auto; 9109 margin-right: auto; 9110 padding-left: 1rem; 9111 padding-top: 2rem; 9112} 9113.overlay-inner-content .menu-row li.col-menu-header { 9114 font-weight: 800; 9115 font-size: 1.5rem; 9116 display: flex; 9117 justify-content: flex-start; 9118 margin-bottom: 0.8rem; 9119 text-align: left; 9120 text-decoration: none; 9121} 9122 9123.overlay-inner-content .menu-row li.col-menu-header a:after { 9124 font-size: 1.7rem; 9125} 9126 9127.overlay-inner-content li, .overlay-inner-content p { 9128 color: white; 9129} 9130.overlay-inner-content .menu-row { 9131 display: flex; 9132 justify-content: space-between; 9133 align-items: top; /* Aligns items vertically */ 9134 width: 100%; 9135} 9136.overlay-content .overlay-inner-content ul li { 9137 text-align: left; 9138 margin-bottom: 0.65rem; 9139 text-decoration: none; 9140} 9141.overlay-inner-content .menu-row li a,
9142.v2-footer li a{ 9143 transition: .2s; 9144 text-decoration: none; 9145 color: white; 9146} 9147.v2-footer { 9148 margin-bottom: 1rem; 9149} 9150.btn-nav-support { 9151 color: white; 9152border: 1px solid white; 9153border-radius: 4px; 9154} 9155.btn-nav-support.first { 9156 margin-top: 1rem; 9157} 9158.btn-nav-support:hover, .btn-nav-support:focus { 9159 color: #02162B; 9160 background-color: #EEC54B; 9161border: 1px solid #EEC54B; 9162border-radius: 4px; 9163} 9164.overlay-inner-content .menu-row li a:after, 9165.v2-footer li a:after { 9166 color: #EEC54B; 9167 content: "âº"; /* Single chevron */ 9168 font-weight: 800; 9169 opacity: 0; /* Initially hidden */ 9170 transition: transform 0.2s ease-out, opacity 0.2s ease-out; 9171 font-size: 1.1rem; 9172 margin-left: 0.35rem; 9173} 9174.overlay-inner-content .menu-row li a:hover, 9175.v2-footer li a:hover { 9176 color: #EEC54B; 9177 cursor: pointer; 9178} 9179 9180.overlay-inner-content .menu-row li a:hover:after, 9181.v2-footer li a:hover:after { 9182 opacity: 1; 9183} 9184 9185.overlay-inner-content .col-menu { 9186 width: fit-content; 9187 text-align: left; 9188} 9189 9190.overlay-inner-content .socials-col .social-btn-container { 9191 font-size: 1.5rem; 9192} 9193.overlay-inner-content .socials-col .social-btn-container .social-btn { 9194 margin-left: 0.1rem; 9195 margin-right: 0.1rem; 9196} 9197 9198.overlay-inner-content .first-menu-row { 9199 display: flex; 9200 align-items: center; /* Aligns items vertically */ 9201 justify-content: space-between; /* Ensures space distribution */ 9202   width: 100%; /* Ensures full width */ 9203 border-bottom: 0.5px solid #3D5267; 9204 padding-bottom: 1.5rem; 9205 margin-bottom: 2rem; 9206 gap: 2rem; 9207} 9208 9209 9210.overlay-inner-content .search-col { 9211 flex: 1; /* Takes up all available space */ 9212} 9213 9214.overlay-inner-content .search-col input { 9215 background-color: #02162B; 9216color: white; 9217border: 1px solid white; 9218border-radius: 4px; 9219} 9220.overlay-inner-content .search-col input:focus { 9221 background-color: white; 9222color: #02162B; 9223 border-right: 1px solid #02162B; 9224} 9225.overlay-inner-content .search-col button { 9226 background-color: #02162B; 9227color: white; 9228border: 1px solid white; 9229border-radius: 4px; 9230} 9231.overlay-inner-content .search-col button:hover { 9232 background-color: white; 9233color: #02162B; 9234} 9235 9236.overlay-inner-content .socials-col { 9237 flex-shrink: 0; /* Prevents shrinking */ 9238 white-space: nowrap; /* Prevents wrapping */ 9239} 9240.overlay-inner-content .socials-col .social-btn, 9241.v2-footer .social-btn { 9242 color: white; 9243 transition: .1s; 9244} 9245.overlay-inner-content .socials-col .social-btn:hover, 9246.v2-footer .social-btn:hover { 9247 color: #EEC54B; 9248} 9249 9250.overlay-content ul li { 9251 float: none; 9252 text-align: center; 9253} 9254 9255@media screen and (max-width: 1000px) { 9256 .friends-left, .friends-right { 9257 width: 100%; 9258 } 9259 .friends-left { 9260 margin-bottom: 1.5rem; 9261 } 9262 .friends-page .row>.friends-left, .v2-container .article-content .friends-right>h2.wp-block-heading, .friends-right>h2.wp-block-heading, .friends-right>p, .friends-page .friends-right>h2.wp-block-heading { 9263 padding-left: 1rem; 9264 padding-right: 1rem; 9265 } 9266.v2-container .article-content .friends-right .payment-nav.block, .friends-right .payment-nav.block { 9267width: 100%; 9268padding-left: 1rem; 9269padding-right: 1rem; 9270padding-top: 0.5rem; 9271} 9272 .friends-page .row>* { 9273 padding-left: 0; 9274 padding-right: 0; 9275 } 9276 .friends-carousel-img.fr-desktop-img, .fr-desktop-img, .fr-desktop-video { 9277 display: none; 9278 } 9279 .friends-carousel-img.fr-mobile-img, .fr-mobile-img, .fr-mobile-video { 9280 display: block; 9281 } 9282 .fr-mobile-video { 9283 display: block; 9284 width: 100%; 9285height: auto; 9286aspect-ratio: 16/9; 9287} 9288 9289 9290 9291 9292 .first-container.v2 { 9293 float: left; 9294 width: 50%; 9295 9296 } 9297 9298 9299 .second-container.v2 { 9300 float: left; 9301 width: 50%; 9302 height: auto; 9303 } 9304 9305 9306 9307 9308} 9309 9310@media screen and (max-width: 150vh) { /* Teaser kann nicht mehr die ganze Höhe einnehmen, z.B. iPad Pro */ 9311 .second-page-layout { 9312 margin-left: 1rem; 9313 margin-right: 1rem; 9314 } 9315 .top-carousel-headline:after { 9316 margin-right: 10px; 9317 } 9318 .top-carousel-border { 9319 width: calc(100vw - 20px); 9320 margin-right: 10px; 9321 margin-left: 10px; 9322 } 9323
9324 .top-carousel-container.popular .top-carousel-border, .recommended-border { 9325 width: 100%; 9326 margin-right: 0; 9327 margin-left: 0; 9328 } 9329 .block { 9330 border-radius: 0px; 9331 } 9332 9333 .block.banner-bottom { 9334 border-top-left-radius: 4px; 9335 border-top-right-radius: 4px; 9336 } 9337 .wpforms-container { 9338 margin-left: 25vw !important; 9339 margin-right: 25vw !important; 9340 width: 50vw !important; 9341 } 9342 9343 .main-container, .video-container { 9344 margin-left: 0%; 9345 margin-right: 0%; 9346 width: 100%; 9347 } 9348 .video-container { 9349 padding-left: 1rem; 9350 padding-right: 1rem; 9351 } 9352 .video-short-text {margin-top: 0%;} 9353.video-short-text .article-date { 9354 text-align: right; 9355} 9356 .page-header.short { 9357 margin-bottom: 0; 9358} 9359 9360 .first-container { 9361 float: left; 9362 width: 50%; 9363 /*height: calc(50vw * (4/3));*/ 9364 /* height: 100vh; 9365 height: 100svh; */ 9366 } 9367 9368 9369 .second-container { 9370 float: left; 9371 width: 50%; 9372 height: auto; 9373 /* height: calc(50vw * (4/3)); 9374 height: 100svh; */ 9375 } 9376 9377 .second-container.article-header-container { 9378 height: calc(50vw * (4/3)); 9379 } 9380 9381 .v2.second-container.article-header-container { 9382 height: auto; 9383 } 9384 9385 .cover-imgbox { 9386 height: calc(50vw * (4/3)); 9387 /* height: 100vh; 9388 height: 100svh; */ 9389 } 9390 9391 .first-nav, 9392 .scroll-navbar .first-nav { 9393 margin-left: 0%; 9394 margin-right: 0%; 9395 width: 50%; 9396 /* width: calc(100vh * 0.75); */ 9397 } 9398 9399 .first-nav.v2, 9400 .scroll-navbar .first-nav.v2 { 9401 margin-left: 0%; 9402 margin-right: 0%; 9403 width: 50%; 9404 /* width: calc(100vh * 0.75); */ 9405 } 9406 9407 .scroll-navbar .first-nav { 9408 padding-left: 2rem; 9409 } 9410 9411 .second-nav, 9412 .scroll-navbar .second-nav { 9413 margin-left: 0%; 9414 margin-right: 0%; 9415 width: 50%; 9416 /* width: calc(100vw - (100vh * 0.75)); */ 9417 } 9418 9419 .second-nav.v2, 9420 .scroll-navbar .second-nav.v2 { 9421 margin-left: 0%; 9422 margin-right: 0%; 9423 width: 50%; 9424 /* width: calc(100vw - (100vh * 0.75)); */ 9425 } 9426 9427 .cover-navbar div .navbar-list { 9428 width: calc(50vw - 2rem); 9429 } 9430 9431 .below-nav { 9432 padding-top: calc(90px + 0.5rem + 0.5rem); /* Höhe des Bildes + Padding der navbar */ 9433 } 9434 9435 .brand-img { 9436 height: 90px; 9437 width: auto; 9438 } 9439 9440 .articles-layout { 9441 margin-left: 1rem; 9442 margin-right: 1rem; 9443 } 9444 .articles-layout.first-line { 9445 margin-top: 0; 9446} 9447 9448 .footer-column { 9449 margin-left: 1rem; 9450 margin-right: 1rem; 9451 } 9452 9453 .cover-navbar .first-nav.article { 9454 margin-left: 0%; 9455 margin-right: 0%; 9456 width: 50%; 9457 } 9458 9459 9460 .cover-navbar .second-nav.article { 9461 display: block; 9462 margin-left: 0%; 9463 margin-right: 0%; 9464 width: 50%; 9465 } 9466 9467 .menu-button.article { 9468 /* display: block; */ 9469 /* overflow: hidden; */ 9470 } 9471 9472 .burgermenu span { 9473 background: white; 9474 } 9475 9476 9477 .scroll-navbar span { 9478 background: #02162B; 9479 } 9480 9481 .scroll-navbar .brand, 9482 .cover-navbar.new-cover .brand { 9483 display: flex; 9484 text-align: center; 9485 padding-left: 0; 9486 margin-right: 0; 9487 transition: .2s; 9488 } 9489 9490 .block.fixed-bottom { 9491 margin-bottom: 0px; 9492 } 9493 9494 9495 .article-content>p, .sclt-tick-content > p, 9496 .page-header>p, 9497 .article-content .wp-block-heading, 9498 .article-content .wp-block-quote, 9499 .article-content .wp-block-media-text, 9500 .article-content .wp-block-embed, 9501 .article-content .form-switch, 9502 .article-content ul:not(.wp-block-scliveticker-ticker > ul):not(.contact-tabs-overview ul), 9503 .article-content .sclt-tick-time, 9504 .author-box-page, 9505 .article-container, 9506 .article-content .block, 9507 .banner-bottom.block, 9508 .cookie-declaration { 9509 margin-left: 25vw; 9510 margin-right: 25vw; 9511 /* max-width: 720px; */ 9512 padding-right: var(--bs-gutter-x, .75rem); 9513 padding-left: var(--bs-gutter-x, .75rem); 9514 width: 50vw; 9515 } 9516 .article-content .showcase-accordion { 9517 margin-left: 25vw; 9518 margin-right: 25vw; 9519 width: 50vw; 9520 padding-right: var(--bs-gutter-x, .75rem); 9521 padding-left: var(--bs-gutter-x, .75rem); 9522 } 9523 .v2-container.on-page .article-content .showcase-accordion { 9524 margin-left: auto; 9525 margin-right: auto; 9526 width: 680px; 9527 padding-right: var(--bs-gutter-x, .75rem); 9528 padding-left: var(--bs-gutter-x, .75rem); 9529 } 9530 9531 .article-content .form-switch { 9532 padding-left: 3rem; 9533 } 9534 9535 .article-content .wp-block-image, 9536 .article-content .ad.block.recommendations, 9537 .article-feature-img, 9538 .article-content .wp-block-gallery { 9539 margin-left: 23vw; 9540 margin-right: 23vw; 9541 /* max-width: 720px; */ 9542 padding-right: var(--bs-gutter-x, .75rem); 9543 padding-left: var(--bs-gutter-x, .75rem); 9544 width: 54vw; 9545 } 9546 9547 .article-content .application, .article-content .block.wide { 9548 margin-left: 23vw; 9549 margin-right: 23vw; 9550 /* max-width: 720px; */ 9551 padding-left: 0%; 9552 padding-right: 0%; 9553 width: 54vw; 9554 } 9555 9556 .article-content p { 9557 width: auto; 9558 } 9559.side-a-space { 9560 width: calc(23vw - 2rem); 9561 } 9562 9563 9564 .ts-op-article { 9565 margin-left: 1rem; 9566 } 9567} 9568 9569@media screen and (min-width: 200vh) { /* Desktop mit maximiertem Fenster */ 9570 9571} 9572 9573@media screen and (max-width: 970px) { 9574 .main-container.v2 { 9575 width: 100%; 9576 } 9577} 9578 9579@media screen and (min-width: 800px) and (max-width: 120vh) { /* alle iPads auÃer Mini, Portrait oder eingeblendete Sidebar */ 9580 9581 .article-header-box > div .article-description { 9582 font-size: 1.6vh; 9583 } 9584 9585 .first-container { 9586 /*height: calc(50vw * (4/3));*/ 9587 } 9588 9589 .second-container { 9590 height: auto; /*calc(50vw * (4/3));*/ 9591 border-bottom: 0; 9592 } 9593 9594 .article-header { 9595 height: calc(50vw * (4/3)); 9596 } 9597 9598 .cover-imgbox { 9599 height: calc(50vw * (4/3)); 9600 } 9601 9602 .second-container.article-header-container { 9603 height: calc(50vw * (4/3)); 9604 } 9605} 9606@media screen and (max-width: 930px) { 9607 .cover-navbar .nav-line { 9608 margin-left: calc((100vw - 970px)/2 + 485px + 3rem); 9609 max-width: 350px; 9610 } 9611} 9612@media screen and (max-width: 820px) { 9613 9614 .v2-full-ad-text.front { 9615 top: 75px; 9616 } 9617 .ap-adnz-intext.with-borders>div { 9618 border-top: 1px solid rgba(200, 200, 200, 0.2); 9619 border-bottom: 1px solid rgba(200, 200, 200, 0.2); 9620 } 9621 .showcase-ad-benefits-group { 9622 max-width: 100%; 9623 width: 100%; 9624 } 9625 .showcase-benefit-row1, .showcase-benefit-row2 { 9626 padding-bottom: 0.1rem;
9627 gap: 0.1rem; 9628 width: 100%; 9629 margin-left: 0; 9630 margin-right: 0; 9631} 9632 .showcase-benefit { 9633 padding-left: 0; 9634 padding-right: 0; 9635 } 9636 .showcase-benefit-row1 .showcase-benefit:first-child .showcase-benefit-content, 9637 .showcase-benefit-row2 .showcase-benefit:first-child .showcase-benefit-content, 9638 .showcase-benefit-row1 .showcase-benefit .showcase-benefit-content, 9639 .showcase-benefit-row2 .showcase-benefit .showcase-benefit-content { 9640 border-top-left-radius: 0; 9641 border-top-right-radius: 0; 9642 border-bottom-left-radius: 0; 9643 border-bottom-right-radius: 0; 9644 } 9645 .showcase-benefit-title { 9646 font-size: 1.5rem; 9647 } 9648 .jobs-areas { 9649 grid-template-columns: 1fr; 9650 width: 100%; 9651 max-width: 100%; 9652 gap: 2px; 9653 padding-left: 0; 9654 padding-right: 0; 9655 } 9656 .jobs-apply { 9657 width: 100%; 9658 padding-left: 1rem; 9659 padding-right: 1rem; 9660 } 9661 .jobs-area-card:first-child, 9662 .jobs-area-card:last-child { 9663 border-radius: 0; 9664 } 9665 .jobs-area-title { 9666 font-size: 1.5rem; 9667 } 9668 9669 9670 .v2-container.on-page .article-content .showcase-accordion { 9671 width: 100%; 9672 } 9673 .v2-container .article-content .ad.block.recommendations { 9674 border-top: 1px solid #02162B; 9675 border-bottom: 1px solid #02162B; 9676} 9677 9678 .v2-ad-above-article.like-main { 9679 width: 100%; 9680 max-width: 100%; 9681 overflow: hidden; 9682 } 9683 .v2-ad-above-article>div { 9684 height: 325px; 9685 } 9686 .v2-ad-above-article.white-only-desktop { 9687 background-color: transparent; 9688 } 9689 .v2-ad-above-article.white-only-desktop + .v2-container { 9690 padding-top: 1.5rem; 9691 } 9692 9693 .video-ad { 9694 max-width: 100%; 9695 } 9696 .video-ad-link a, .article-content .video-ad-link a { 9697border-left: 0; 9698border-right: 0; 9699} 9700 9701 9702 .second-container.v2 .col-4, 9703.v2-col-articles .col-4, 9704.sunday-entry-small .sunday-entry-image-col, 9705.v2-col-articles .col-4.large-only-desktop { 9706 width: 33.33%; 9707} 9708.second-container.v2 .col-8, 9709.v2-col-articles .col-8, 9710.sunday-entry-small .sunday-entry-text-col, 9711.v2-col-articles .col-8.large-only-desktop { 9712 width: 66.66%; 9713} 9714.video-list-four-grid { 9715 grid-template-areas: 9716 'video-list-four-main' 9717 'video-list-four-side'; 9718 grid-template-columns: 100%; 9719} 9720.video-list-inner { 9721 padding-left: 0; 9722 padding-right: 0; 9723} 9724.video-list-four-side { 9725 padding-left: 1rem; 9726 padding-right: 1rem; 9727} 9728.video-list-four-grid .col-4 { 9729 width: 33.33%; 9730} 9731.video-list-four-grid .col-8 { 9732 width: 66.66%; 9733} 9734.video-brand-nav { 9735 grid-template-columns: repeat(2, minmax(0, 1fr)); 9736 gap: 2rem 2.5rem; 9737 max-width: none; 9738 padding: 0 1.5rem; 9739} 9740 9741 .breaking-news-notification.extra-banner { 9742 margin-top: 0; 9743 margin-bottom: 2.5rem; 9744 max-width: 100%; 9745 border-radius: 0; 9746 margin-left: 0; 9747 margin-right: 0; 9748 padding-left: 0; 9749 padding-right: 0; 9750 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; 9751} 9752 .alert-notification.extra-banner { 9753 margin-top: 0; 9754 margin-bottom: 0; 9755 max-width: 100%; 9756 border-radius: 0; 9757 margin-left: 0; 9758 margin-right: 0; 9759 padding-left: 0; 9760 padding-right: 0; 9761 box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; 9762} 9763 9764 .alert-notification p { 9765 margin-left: 1rem; 9766 margin-right: 1rem; 9767 } 9768 .alert-notification.full-banner .alert-close p { 9769 margin-left: 0; 9770 margin-right: 0; 9771 padding-top: 0; 9772 padding-right: 0; 9773 } 9774 .alert-notification.full-banner .alert-close a { 9775 font-size: 26px; 9776 } 9777 .v2-full-campaign-ad-part { 9778 display: none; 9779 } 9780 .top-article-item .fill-up { 9781 /* background-size: contain; */ 9782 background-position: center; 9783 height: 56vw; 9784 } 9785 .v2-col-articles { 9786 width: 100%; 9787 } 9788 .v2-col-ts { 9789 padding-left: 0; 9790 } 9791 .v2-col-ts .top-carousel-container:after { 9792 display: none; 9793 } 9794 .v2-duo-grid.pop-below .grid-col-headline-1 { 9795 margin-bottom: 0; 9796 } 9797 9798 .v2-duo-grid.pop-below .grid-col-headline-2 { 9799 margin-top: 1rem; 9800 /*padding-top: 1rem; 9801 border-top: 1px solid #f2f2f2; 9802 margin-top: 0.5rem; */ 9803} 9804 .v2-grid-layout.two-categories .grid-article-headline-2 { 9805 padding-top: 1rem; 9806} 9807 .v2-grid-layout.two-categories { 9808margin-top: 1rem; 9809} 9810 9811.v2-duo-grid.pop-below { 9812padding-bottom: 0; 9813} 9814 9815.v2-home-headline.second-below, .v2-home-headline.pop-below { 9816 margin-top: 2.5rem; 9817 margin-bottom: 0; 9818} 9819 .v2-duo-grid.second-below.pop { 9820 padding-bottom: 0; 9821 } 9822 9823 9824 .v2-grid-layout { 9825 display: grid; 9826grid-template-areas: 'grid-article-1' 9827'grid-article-2' 9828'grid-article-3' 9829'grid-article-4' 9830'grid-article-5' 9831'grid-article-6'; 9832grid-template-columns: 100%; 9833} 9834.v2-duo-grid {
9835 display: grid; 9836grid-template-areas: 'grid-col-1' 9837'grid-col-2'; 9838grid-template-columns: 100%; 9839} 9840.v2-duo-grid.with-headlines { 9841grid-template-areas: 'grid-col-headline-1' 9842 'grid-col-1' 9843'grid-col-headline-2' 9844'grid-col-2'; 9845 } 9846 .v2-grid-layout.with-headlines { 9847grid-template-areas: 'grid-article-headline-1' 9848 'grid-article-1' 9849'grid-article-2' 9850'grid-article-3' 9851'grid-article-headline-2' 9852'grid-article-4' 9853'grid-article-5' 9854 'grid-article-6'; 9855 } 9856 .special-topic-box .v2-duo-grid { 9857 grid-template-areas: 9858 'grid-col-headline' 9859 'grid-col-1' 9860 'grid-col-2'; 9861} 9862.special-topic-box .v2-duo-grid.right { 9863 grid-template-areas: 9864 'grid-col-headline' 9865 'grid-col-1' 9866 'grid-col-2'; 9867} 9868 .special-topic-box.only-two .v2-duo-grid { 9869 grid-template-areas: 9870 'grid-col-headline' 9871 'grid-col-1' 9872 'grid-col-2'; 9873grid-template-columns: 100%; 9874 } 9875 .special-topic-box.only-two .v2-duo-grid .grid-col-2 { 9876 min-height: 0; 9877} 9878 .special-topic-box.only-two.show-uz .grid-col-2 .entry-uz { 9879 display: none; 9880 } 9881 .special-topic-box.only-one .v2-duo-grid .grid-col-1 .article-img.large { 9882 aspect-ratio: 16/9; 9883 } 9884 .special-topic-box.only-one .v2-duo-grid { 9885 grid-template-areas: 9886 'grid-col-headline' 9887 'grid-col-1'; 9888grid-template-columns: 100%; 9889 } 9890 9891 .special-topic-box.election .v2-duo-grid { 9892 grid-template-areas: 9893 'grid-col-headline' 9894 'grid-col-el' 9895 'grid-col-el-top' 9896 'grid-col-1' 9897 'grid-col-2'; 9898 grid-template-columns: 100%; 9899} 9900.special-topic-box.election.above .v2-duo-grid { 9901 grid-template-areas: 'grid-col-headline' 9902 'grid-col-el-top' 9903 'grid-col-el' 9904 'grid-col-1' 9905 'grid-col-2'; 9906grid-template-columns: 100%; 9907} 9908.special-topic-box.election.only-two .v2-duo-grid { 9909 grid-template-areas: 9910 'grid-col-headline' 9911 'grid-col-el' 9912 'grid-col-el-top' 9913 'grid-col-1'; 9914 grid-template-columns: 100%; 9915} 9916.special-topic-box.election.above.only-two .v2-duo-grid { 9917 grid-template-areas: 9918 'grid-col-headline' 9919 'grid-col-el-top' 9920 'grid-col-el' 9921 'grid-col-1'; 9922grid-template-columns: 100%; 9923} 9924 .special-topic-box.mini-dashboard .v2-duo-grid { 9925 grid-template-areas: 9926 'grid-col-headline' 9927 'grid-col-el'; 9928 grid-template-columns: 1fr; 9929 } 9930 .special-topic-box.mini-dashboard.no-title .v2-duo-grid { 9931 grid-template-areas: 'grid-col-el'; 9932 } 9933 9934 .special-topic-box .grid-col-2 .article-list { 9935 border-top: 1px solid #E6E6E6; 9936 } 9937 .special-topic-box.election .grid-col-1, .special-topic-box.election .grid-col-2 { 9938 border-top: 0; 9939 } 9940 .special-topic-box.election .grid-col-el-top { 9941 padding-left: 1rem; 9942 } 9943 .special-topic-box.election.only-three .grid-col-el-top .large-article-item { 9944 border-bottom: 1px solid #E6E6E6; 9945 margin-bottom: 0.5rem; 9946 } 9947 .special-topic-box.election.only-two .grid-col-el-top .large-article-item { 9948 margin-bottom: 0; 9949 } 9950 .special-topic-box.election .grid-col-el-top .large-article-item { 9951 margin-bottom: 1rem; 9952 } 9953 .special-topic-box.election.only-three .grid-col-1 .article-list { 9954 margin-bottom: 0; 9955 } 9956 9957 .special-topic-box.election .grid-col-1, 9958 .special-topic-box.election .grid-col-2 { 9959 margin-top: 0; 9960 padding-top: 0; 9961 } 9962 .special-topic-box.election.above .grid-col-el-top { 9963 padding-left: 0; 9964 } 9965 .special-topic-box .v2-duo-grid.right .grid-col-1 .top-article-item { 9966 padding-left: 0; 9967 padding-right: 0; 9968 } 9969 .special-topic-box.election .grid-col-1 { 9970 border-top: 0; 9971 } 9972 9973.special-topic-box.only-one .grid-col-1, 9974.special-topic-box.only-two.election .grid-col-1{ 9975 padding-left: 1rem; 9976 padding-right: 1rem; 9977} 9978 .special-topic-box .v2-home-headline { 9979 white-space: wrap; 9980/* text-transform: initial; */ 9981 margin-bottom: 1.25rem; 9982 padding-left: 1rem; 9983 padding-right: 1rem; 9984 } 9985 .special-topic-box .special-topic-title-image { 9986 margin-bottom: 0; 9987 } 9988 .special-topic-box.above { 9989 border-top: 0; 9990 } 9991 .sunday-element-box { 9992 margin-top: 0; 9993 margin-bottom: 1.5rem; 9994 border-top: 0; 9995 border-bottom: 0; 9996 } 9997 .sunday-element-row { 9998 grid-template-columns: 100%; 9999 } 10000 .sunday-element-col-left, 10001 .sunday-element-col-right { 10002 padding-left: 0; 10003 padding-right: 0; 10004 } 10005 .sunday-teaser-card-text { 10006 padding: 70px 20px 20px; 10007 } 10008 .sunday-teaser-title { 10009 font-size: 3rem; 10010 } 10011 .sunday-entry-teaser { 10012 margin-bottom: 1rem; 10013 } 10014 .sunday-entry-wide { 10015 display: block; 10016 } 10017 .sunday-entry-wide .large-article-box { 10018 margin-top: 1rem; 10019 padding-left: 0; 10020 padding-right: 0; 10021 } 10022 .sunday-entry-wide .large-article-box, 10023 .sunday-entry-wide .article-title, 10024 .sunday-entry-wide .article-subtitle, 10025 .sunday-entry-wide .sunday-entry-excerpt, 10026 .sunday-entry-wide .author-and-time, 10027 .sunday-entry-wide .sunday-entry-meta-line, 10028 .sunday-entry-wide .dark-link, 10029 .sunday-entry-wide .article-label-area { 10030 text-align: center; 10031 } 10032 .sunday-entry-wide .article-subtitle:after { 10033 margin-left: auto; 10034 margin-right: auto; 10035 } 10036 .sunday-element-bottom .sunday-element-col-right-small-start { 10037 border-top: 1px dashed #b8b8b8; 10038 margin-top: 1rem; 10039 padding-top: 1rem; 10040 } 10041 .sunday-element-newsletter-text, 10042 .sunday-element-newsletter-embed { 10043 padding-left: 0; 10044 padding-right: 0; 10045 } 10046 .sunday-element-newsletter-embed { 10047 margin-top: 1rem; 10048 } 10049 .sunday-entry-large-bottom-right .sunday-entry-excerpt-mobile-only { 10050 display: block; 10051 } 10052 .sunday-entry-large-bottom-right .sunday-entry-image-frame, 10053 .sunday-element-box .sunday-entry-large-bottom-right .article-img { 10054 aspect-ratio: 4 / 3; 10055 } 10056 10057.grid-article-headline-1, .grid-article-1,.grid-article-2, .grid-article-3, 10058.grid-article-headline-2, .grid-article-4,.grid-article-5, .grid-article-6 { 10059 padding-left: 1rem; 10060padding-right: 1rem; 10061}
10062 .top-carousel-container.popular .top-carousel-border, .recommended-border { 10063 margin-left: 1rem; 10064 width: 100%; 10065 } 10066 .top-carousel-container.popular .top-carousel-headline:before, 10067 .recommended-headline:before { 10068 display: none; 10069 } 10070 .top-carousel-container.popular .top-carousel-headline, 10071 .recommended-headline { 10072 padding-left: 1rem; 10073 } 10074 .top-carousel-container.popular .top-carousel-headline:after, 10075 .recommended-headline:after { 10076 margin-right: 0; 10077 } 10078 .top-carousel.popular-slider { 10079 margin-left: 1rem; 10080 } 10081 .top-video { 10082 margin-bottom: 0; 10083 } 10084 .podcast-sub { 10085 display: block; 10086 } 10087 .v2-short-text { 10088 width: 100%; 10089 } 10090 .v2-short-video { 10091 width: 100%; 10092 } 10093 .v2-header .video-container { 10094 width: 100%; 10095 } 10096 10097.overlay-inner-content { 10098 width: 100%; 10099 padding-left: 2rem; 10100 padding-right: 2rem; 10101 padding-top: 2rem; 10102} 10103.overlay-inner-content .first-menu-row { 10104 display: none; 10105} 10106.overlay-inner-content .menu-row { 10107 display: flex; 10108 flex-direction: column; 10109} 10110 .overlay-inner-content .menu-row .col-menu.account { 10111 order: 1; 10112 } 10113 .overlay-inner-content .menu-row .col-menu.contact { 10114 order: 2; 10115 } 10116 .overlay-inner-content .menu-row .col-menu.about { 10117 order: 3; 10118 } 10119 .overlay-inner-content .menu-row .col-menu.work { 10120 order: 4; 10121 } 10122 10123 .overlay-inner-content .menu-row .col-menu.account li.col-menu-header { 10124 margin-top: 0; 10125} 10126 .overlay-inner-content .btn-nav-support { 10127 display: none; 10128 } 10129 10130.overlay.v2 { 10131 overflow-y: auto; /* Enables vertical scrolling */ 10132 Â Â overflow-x: hidden; /* Prevents horizontal scrolling */ 10133} 10134 10135 10136.overlay.v2::-webkit-scrollbar-track { 10137 background: #f1f1f1; /* Light track color */ 10138} 10139 10140.overlay.v2::-webkit-scrollbar-thumb { 10141 background: #ccc; /* Light grey thumb */ 10142} 10143 10144.overlay-inner-content .menu-row li.col-menu-header { 10145 margin-bottom: 1rem; 10146 font-size: 1.7rem; 10147 margin-top: 1rem; 10148} 10149.overlay-inner-content .menu-row li.col-menu-header a:after { 10150 font-size: 2rem; 10151} 10152 10153.overlay-content .overlay-inner-content ul li { 10154 margin-bottom: 1rem; 10155 font-size: 1.2rem; 10156} 10157.overlay-inner-content .menu-row li a:after { 10158 font-size: 1.4rem; 10159 //margin-left: 0.35rem; 10160} 10161 .v2 .top-article-item { 10162 padding-left: 0; 10163 } 10164 10165 10166 10167.nord-vpn img { 10168max-width: 100%; 10169} 10170 .block.white.election-block { 10171 padding-right: 0.75rem; 10172 padding-left: 1rem; 10173 } 10174 10175 .wpforms-container>form { 10176 padding-left: 0; 10177 } 10178 .highlight-boxes-article { 10179 display: block; 10180} 10181.highlight-box-container-article { 10182 padding-left: 1rem; 10183 padding-right: 1rem; 10184} 10185.highlight-boxes-article:has(.highlight-box + .highlight-box) .highlight-box .highlight-box-headline { 10186 font-weight: 800; 10187 font-size: 1.15rem; 10188} 10189.highlight-boxes-article:has(.highlight-box + .highlight-box) .highlight-box .highlight-box-subtitle { 10190 font-size: 0.95rem; 10191} 10192.highlight-boxes-article:has(.highlight-box + .highlight-box) .btn.highlight-box-btn { 10193 margin-top: 0.6rem; 10194 font-size: 0.9rem; 10195} 10196.highlight-boxes-article:has(.highlight-box + .highlight-box) .highlight-box .col-8 { 10197 width: 75%; 10198} 10199.highlight-boxes-article:has(.highlight-box + .highlight-box) .highlight-box .col-4 { 10200 width: 25%; 10201} 10202 10203.recommended-item.highlight-element .btn.highlight-box-btn { 10204width: 100%; 10205} 10206 10207.recommended-item.highlight-element .col-2 { 10208width: 25%; 10209margin-bottom: 1rem; 10210} 10211.recommended-item.highlight-element .col-10 { 10212width: 100%; 10213} 10214 10215 10216 .main-container { 10217 overflow: hidden; 10218 } 10219 .main-container.v2 { 10220 overflow: hidden; 10221 width: 100%; 10222 } 10223 .with-full-ad .main-container.v2, .with-breaking-news.with-full-ad .main-container.v2 { 10224 top: calc(75.5px + 66.66vw); 10225 padding-top: 0.5rem; 10226 } 10227 .with-breaking-news .main-container.v2 { 10228 padding-top: 2rem; 10229 } 10230 .with-full-ad .main-container.v2.with-special-box-above, .with-breaking-news .main-container.v2.with-special-box-above { 10231 padding-top: 0; 10232 } 10233 .with-full-ad .main-container.v2.with-special-box-above .home-feature-slot-above:has(> .video-element-box), 10234 .with-breaking-news.with-full-ad .main-container.v2.with-special-box-above .home-feature-slot-above:has(> .video-element-box) { 10235 padding-top: 0.5rem; 10236 } 10237 .with-full-ad .main-container.v2.shadows, .v2-container { 10238 box-shadow: 10239 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 10240 -11px 0px 8px -10px rgba(17, 17, 26, 0.1), 10241 0px -11px 8px -10px rgba(17, 17, 26, 0.1); /* Shadow on top */ 10242 10243-moz-box-shadow: 10244 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 10245 -11px 0px 8px -10px rgba(17, 17, 26, 0.1), 10246 0px -11px 8px -10px rgba(17, 17, 26, 0.1); /* Shadow on top for Firefox */ 10247 10248-webkit-box-shadow: 10249 11px 0px 8px -10px rgba(17, 17, 26, 0.1), 10250 -11px 0px 8px -10px rgba(17, 17, 26, 0.1), 10251 0px -11px 8px -10px rgba(17, 17, 26, 0.1); /* Shadow on top for Webkit browsers */ 10252 } 10253 10254 .fr-content-public-locked-article .v2-container, 10255 .fr-content-public-locked-article .v2-container.shadows { 10256 box-shadow: none; 10257 -moz-box-shadow: none; 10258 -webkit-box-shadow: none; 10259 } 10260 10261 .fr-content-public-locked-article .behind-v2-container.shadows { 10262 background-color: transparent; 10263 } 10264 10265 .v2-full-campaign-ad { 10266 top: 75.5px; 10267 width: 100vw; 10268 height: 100vw; 10269 } 10270 .v2-full-campaign-ad a.only-desktop {
10271 display: none; 10272} 10273.v2-full-campaign-ad a.only-mobile { 10274 display: block; 10275} 10276 10277 .v2-ad-above-home.like-main { 10278 width: 100%; 10279 } 10280 .v2-ad-above-home>div { 10281 display: none; 10282 } 10283 10284 .video-page .main-container { 10285 overflow: hidden; 10286 width: 100%; 10287 } 10288 .video-page-header-box { 10289 margin-top: 2.5rem; 10290 display: block; 10291 margin-bottom: 1rem; 10292 } 10293 .video-page-heading { 10294 margin-bottom: 0.9rem; 10295 } 10296 10297 .col-10.screenshot-video { 10298 width: 100%; 10299} 10300.col-2.screenshot-video { 10301 width: 0; 10302} 10303 .feature-caption { 10304 margin-bottom: 0; 10305} 10306 a.application-btn.number { 10307 margin-top: 1rem; 10308 } 10309 10310 .on-the-ground.multiple { 10311 margin-top: 0.75rem; 10312} 10313 .video-slider-header-box:not(.simple) { 10314 justify-content: flex-start; 10315 flex-direction: column; 10316 padding-right: 0.5rem; 10317} 10318 .video-slider-header-box.simple { 10319 width: calc(100vw - 25px); 10320 } 10321 .video-sub-btns { 10322 font-size: 1rem; 10323} 10324 .video-page .main-container { 10325 padding-left: 6px; 10326 } 10327 .video-slider-header-box .podcast-icon img { 10328 width: 90px; 10329 height: 90px; 10330 } 10331 10332 .article-ad-above-inside > div { 10333 width: 100% !important; 10334 min-height: 300px; 10335 } 10336 .article-ad-above { 10337 /*display: none;*/ 10338 max-height: 315px; 10339 } 10340 /*.article-ad-above-inside iframe { 10341 width: 300px; 10342 }*/ 10343 .article-ad-above.graphic { 10344 border-radius: 0px; 10345 } 10346 .ad-before-content.graphic { 10347 margin-bottom: 2rem; 10348 } 10349 .ad-before-content.new-header { 10350 margin-bottom: 2rem; 10351 display: flex; 10352 } 10353 .ad-before-content.new-header > div { 10354 width: 100%; 10355 } 10356 10357 .ad-pixfuture-728x90 > div, 10358 .ad-pixfuture-728x90 > div[style], 10359 .ad-pixfuture-728x90 > div iframe, 10360 .ad-pixfuture-728x90 > div iframe[style] { 10361 width: 320px !important; 10362 height: 50px !important; 10363 } 10364 10365 .ad-pixfuture-970x250 > div, 10366 .ad-pixfuture-970x250 > div[style], 10367 .ad-pixfuture-970x250 > div iframe, 10368 .ad-pixfuture-970x250 > div iframe[style] { 10369 width: 300px !important; 10370 height: 250px !important; 10371 } 10372 10373 .social-btn.whatsapp { 10374 display: inline; 10375 } 10376 .block.white { 10377 border-left:0; 10378 border-right:0; 10379 } 10380 .block.white.intext { 10381 border-bottom: 3px solid #02162B; 10382 border-top: 3px solid #02162B; 10383 } 10384 .block.white.article-element .article-title{ 10385 font-size: 18px; 10386 } 10387 .block.white.article-element .article-label, .block.white.article-element .article-subtitle { 10388 font-size: 14px; 10389 } 10390 .block.white.article-element .card-title{ 10391 margin-bottom: 0; 10392 } 10393 .side-a-space { 10394 display: none; 10395 } 10396.block.banner-bottom .row, .block.banner-bottom .row .col-6:last-child { 10397 padding: 0; 10398 } 10399 .block.banner-bottom { 10400 border-top-left-radius: 0px; 10401 border-top-right-radius: 0px; 10402 } 10403 10404 .wpforms-container { 10405 padding-left: 1rem !important; 10406 padding-right: 1rem !important; 10407 margin-left: 0% !important; 10408 margin-right: 0% !important; 10409 width: 100% !important; 10410 } 10411 10412 .main-container, .video-container { 10413 margin-left: 0%; 10414 margin-right: 0%; 10415 width: 100%; 10416 } 10417 .video-container { 10418 padding-left: 1rem; 10419 padding-right: 1rem; 10420 } 10421.video-short-text {margin-top: 0%;} 10422.video-short-text .article-date { 10423 text-align: right; 10424} 10425 .page-header.short { 10426 margin-bottom: 0; 10427} 10428 10429 .about.block { 10430 margin-top: 0; 10431 } 10432 10433 .about.block .text { 10434 padding-left: 1rem; 10435 padding-right: 1rem; 10436 } 10437 .support.block .text { 10438 padding-left: 1rem; 10439 padding-right: 1rem; 10440 font-size: 18px; 10441 } 10442 .ad.block { 10443 border-left: 0; 10444 border-right: 0; 10445 10446 } 10447 .about-background { 10448 display: none 10449 } 10450 10451 .about-img { 10452 display: block; 10453 } 10454 10455 .about-social-home { 10456 margin-top: 0.75rem; 10457 padding-left: 0; 10458 text-align: left; 10459 } 10460 .banner-bottom .vcenter-wrap { 10461 height: 80px; 10462} 10463 .banner-bottom .col-6.first-col {width: 45%;} 10464 .banner-bottom .col-6.second-col {width: 55%;} 10465 10466 .about.block.home .home-text .social-btn-container a { 10467 font-size: 1.75rem; 10468 } 10469 10470 .about-support-btn { 10471 margin-top: 0.75rem; 10472 } 10473 10474 .read-more-container { 10475 max-height: 50vh; 10476 overflow: hidden; 10477 position: relative; 10478 } 10479 10480 .read-more-btn-container { 10481 display: block; 10482 position: absolute; 10483 z-index: 1000; 10484 text-align: center; 10485 padding: 80px 12px calc(50px - 35px); 10486 left: 0; 10487 right: 0; 10488 bottom: 0; 10489 background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 10%, #fff 60%, #fff 100%); 10490 } 10491 10492 .read-more-btn { 10493 border: 1px solid #2374B1; 10494 background-color: #2374B1; 10495 } 10496 10497 .article-content a.read-more-btn, .article-content a.read-more-btn:hover { 10498 color: white; 10499 } 10500 10501 .article-container { 10502 width: 100%; 10503 margin-left: auto; 10504 } 10505 10506 .email-on-page .v2-ad-above-article.like-main, .email-on-page .v2-container, .email-on-page .main-footer.v2 .article-container, .main-footer.v2>div { 10507 width: 100%; 10508} 10509 .v2-container { 10510 width: 100%; 10511} 10512 .v2-container .article-container, .v2-header .article-container { 10513margin-left: auto; 10514 margin-right: auto; 10515 width: 100%; 10516 padding-left: var(--bs-gutter-x, .75rem); 10517 padding-right: var(--bs-gutter-x, .75rem); 10518} 10519 .v2-header .article-feature-img { 10520 width: 100%; 10521 padding-left: 1rem; 10522 padding-right: 1rem; 10523 } 10524 10525 .sclt-tick-time { 10526 10527 10528 } 10529 10530 .article-content>p, .sclt-tick-content>p, 10531 .page-header>p, 10532 .article-content .wp-block-heading, 10533 .article-content .wp-block-quote, 10534 .article-content .wp-block-media-text, 10535 .article-content .wp-block-embed, 10536 .article-content .form-switch, 10537 .article-content .sclt-tick-time, 10538 .article-content ul:not(.wp-block-scliveticker-ticker > ul):not(.contact-tabs-overview ul), 10539 .author-box-page, 10540 .cookie-declaration { 10541 margin-left: 0%; 10542 margin-right: 0%; 10543 padding-left: 1rem; 10544 padding-right: 1rem; 10545 width: 100%; 10546 } 10547 10548 .ap-liveticker-timeline { 10549 max-width: 100%; 10550 } 10551 .ap-liveticker-card { 10552 width: calc(100% - 1.85rem - 0.75rem); 10553 padding: 0 0 2.5rem 1.85rem; 10554 margin-right: 1rem; 10555 margin: 0 0 0px 1.5rem; 10556 } 10557 10558 .ap-liveticker-card::before { 10559 left: calc(-0.85rem - 1px); 10560 width: 1.76rem; 10561 } 10562 10563 .ap-liveticker-date {
10564 margin-top: -1px; 10565 } 10566 10567.v2-container .article-content>p, .sclt-tick-content>p, 10568 .v2-container .page-header>p, 10569.v2-container .article-content .wp-block-heading, 10570.v2-container .article-content .wp-block-quote, 10571.v2-container .article-content .wp-block-media-text, 10572.v2-container .article-content .wp-block-embed, 10573.v2-container .article-content .form-switch, 10574.v2-container .article-content .sclt-tick-time, 10575.v2-container .article-content ul:not(.wp-block-scliveticker-ticker > ul):not(.contact-tabs-overview ul), 10576.v2-container .author-box-page, 10577.v2-container .cookie-declaration { 10578 margin-left: 0%; 10579 margin-right: 0%; 10580 padding-left: 1rem; 10581 padding-right: 1rem; 10582 width: 100%; 10583 } 10584 10585 .article-content>ol, .article-content>ul:not(.wp-block-scliveticker-ticker > ul):not(.contact-tabs-overview ul) { 10586 list-style: inherit; 10587 padding-left: 3rem; 10588} 10589.article-content .showcase-accordion { 10590 margin-left: 0%; 10591 margin-right: 0%; 10592 padding-left: 0; 10593 padding-right: 0; 10594 width: 100%; 10595 } 10596 .showcase-accordion button { 10597 padding-left: 1rem; 10598 } 10599 .article-content .form-switch { 10600 padding-left: 3rem; 10601 } 10602 10603 .article-content .block, .banner-bottom.block { 10604 margin-left: 0%; 10605 margin-right: 0%; 10606 padding-left: 1rem; 10607 padding-right: 1rem; 10608 width: 100%; 10609 } 10610 10611 .v2-container .article-content .block, .v2-container .banner-bottom.block { 10612 margin-left: 0%; 10613 margin-right: 0%; 10614 padding-left: 1rem; 10615 padding-right: 1rem; 10616 width: 100%; 10617 } 10618 10619 .main-footer.v2, .main-footer.v2 .article-container, .main-footer.v2>div { 10620 overflow: hidden; 10621 margin-left: auto; 10622 margin-right: auto; 10623 width: 100%; 10624 padding-left: 0; 10625 padding-right: 0; 10626} 10627 10628 10629 .article-content .series.block { 10630 padding-left: 0; 10631 padding-right: 0; 10632 } 10633 .home-top .series.block { 10634 margin-left: 0; 10635 margin-right: 0; 10636 } 10637 .block.video-list { 10638 /*padding-bottom: 0.5rem;*/ 10639 } 10640 10641 .article-content .application, .article-content .block.wide { 10642 margin-left: 0%; 10643 margin-right: 0%; 10644 padding-left: 0%; 10645 padding-right: 0%; 10646 width: 100%; 10647 } 10648 .v2-container .article-content .application, .v2-container .article-content .block.wide { 10649 margin-left: 0%; 10650 margin-right: 0%; 10651 padding-left: 0%; 10652 padding-right: 0%; 10653 width: 100%; 10654 } 10655 10656.article-content .application-content { 10657 margin-top: 2rem; 10658 margin-bottom: 2rem; 10659} 10660.article-content .wide-content { 10661 margin-top: 1.5rem; 10662 margin-bottom: 1.5rem; 10663} 10664 .article-content .application-content, .article-content .wide-content { 10665 margin-left: 0%; 10666 margin-right: 0%; 10667 width: 100%; 10668 padding-left: 1rem; 10669 padding-right: 1rem; 10670 } 10671 10672 .article-content .wp-block-image, 10673 .article-feature-img, 10674 .article-content .ad.block.recommendations, 10675 .article-content .wp-block-gallery { 10676 margin-left: 0%; 10677 margin-right: 0%; 10678 padding-left: 1rem; 10679 padding-right: 1rem; 10680 width: 100%; 10681 } 10682 10683 .v2-container .article-content .wp-block-image, 10684 .v2-container .article-feature-img, 10685 .v2-container .article-content .ad.block.recommendations, 10686 .v2-container .article-content .wp-block-gallery { 10687 margin-left: 0%; 10688 margin-right: 0%; 10689 padding-left: 1rem; 10690 padding-right: 1rem; 10691 width: 100%; 10692 } 10693 10694 10695.v2-container .article-content .wp-block-separator { 10696 width: 50%; 10697 margin-left: 25%; 10698 margin-right: 25%; 10699 } 10700 .article-content .wp-block-separator { 10701 width: 50%; 10702 margin-left: 25%; 10703 margin-right: 25%; 10704 } 10705 .wp-block-separator.share-separator { 10706 margin-top: 1rem; 10707} 10708 10709 .container.inside-article { 10710 padding-left: 1rem; 10711 padding-right: 1rem; 10712 } 10713 10714 .article-item { 10715 margin-left: 0; /*2rem*/ 10716 margin-right: 0; 10717 } 10718 10719 .article-box { 10720 margin-left: 0; 10721 margin-top: 1rem; 10722 } 10723 10724 .article-box.left { 10725 margin-left: 1rem; 10726 margin-top: 0; 10727 } 10728 .article-box.right-small { 10729 margin-right: 0; 10730 margin-left: 1rem; 10731 margin-top: 0; 10732 } 10733 .img-left.right-small { 10734 margin-top: 0; 10735 } 10736 10737 .article-box.left .excerpt { 10738 /* display: none; */ 10739 } 10740 10741 .article-img { 10742 width: 100%; 10743 height: auto; 10744 } 10745 10746 .pay-area-one .btn.pay { 10747 font-size: 1.2rem; 10748 } 10749 10750 .pay-area-sub .btn.pay { 10751 font-size: 1.2rem; 10752 } 10753 10754 .top-article-item { 10755 margin-top: 0rem; 10756 } 10757 10758 .top-article-item hr { 10759 //display: block; 10760 } 10761 10762 .ad-top { 10763 padding: 0.2rem 1rem 1rem 1rem; 10764 /* padding: 0.2rem 0.5rem 0.5rem 0.5rem; */ 10765 background-color: #f2f2f2; 10766 border-radius: 4px; 10767 //background-color: white; 10768 border: 1px solid #f2f2f2; 10769 color: #212529; 10770 width: 100vw; 10771 border-radius: 0; 10772 border-left: 0; 10773 border-right: 0; 10774 //height: 335px; 10775overflow: hidden; 10776} 10777.ad-top-label, .ad-in-article-label { margin-top: 0.75rem;} 10778 10779 .articles-layout .row .col-md-4, 10780 .articles-layout .row .col-md-8 { 10781 width: 100%; 10782 } 10783 10784 .img-left { 10785 aspect-ratio: 11/13; 10786 } 10787 10788.article-subtitle.right-small, .fix-small .article-subtitle { 10789 font-size: 1rem; 10790} 10791.article-title.right-small, .fix-small .article-title { 10792 font-size: calc(1.275rem + .3vw); 10793 margin-top: 0; 10794} 10795.author-and-time.right-small, .fix-small .author-and-time { 10796 display: block; 10797 font-size: 14px; 10798} 10799 .article-item.right-small .col-3, .article-item.right-small .col-2, .article-item.right-small .col-0 { 10800 width: 33.3333333333%; 10801 order: 1; 10802 display: block; 10803 } 10804 .article-item.right-small .col-9, .article-item.right-small .col-10, .article-item.right-small .col-12 { 10805 width: 66.6666666667%; 10806 order: 2; 10807 display: block; 10808 } 10809 .fix-top-articles1, .fix-top-articles2 { 10810 margin-right: 0; 10811 } 10812 .horizontal-article-box { 10813 margin-top: 1rem; 10814 } 10815 .video-element-box-standard .video-element-main { 10816 padding-left: 1rem; 10817 padding-right: 1rem; 10818 } 10819 .video-element-box-standard.video-element-has-mobile-teaser { 10820 margin-top: 0; 10821 margin-bottom: 1.5rem; 10822 padding: 0; 10823 border-top: 0; 10824 border-bottom: 0; 10825 background: #000; 10826 overflow: hidden; 10827 } 10828 .home-feature-slot-below .video-element-box-standard.video-element-has-mobile-teaser { 10829 margin-top: 1.5rem; 10830 margin-bottom: 0; 10831 } 10832 .video-element-box-standard.video-element-has-mobile-teaser .video-element-main { 10833 padding: 0; 10834 } 10835 .video-element-box-standard.video-element-has-mobile-teaser .video-element-grid { 10836 display: block; 10837 } 10838 .video-element-box-standard.video-element-has-mobile-teaser .video-element-mobile-teaser { 10839 display: flex; 10840 width: 100%; 10841 min-height: 100%; 10842 border: 0; 10843 box-shadow: none; 10844 outline: none; 10845 } 10846 .video-element-box-standard.video-element-has-mobile-teaser .video-element-mobile-teaser:focus, 10847 .video-element-box-standard.video-element-has-mobile-teaser .video-element-mobile-teaser:focus-visible { 10848 outline: none; 10849 box-shadow: none; 10850 } 10851 .video-element-box-standard.video-element-has-mobile-teaser .video-element-desktop { 10852 display: none; 10853 } 10854 .video-element-mobile-teaser-text { 10855 padding: 70px 20px 20px; 10856 } 10857 .video-element-mobile-teaser-title { 10858 font-size: 3rem; 10859 } 10860 .video-element-mobile-teaser-title.compact { 10861 font-size: 2.65rem; 10862 10863 } 10864 .video-element-box-standard .video-element-article > .row { 10865 --bs-gutter-x: 0; 10866 } 10867 .video-element-box-standard .video-element-text-col { 10868 padding-left: 0; 10869 padding-right: 0; 10870 padding-top: 1rem; 10871 } 10872 .video-element-box-standard .video-element-image-col { 10873 width: 100%; 10874 } 10875 .video-element-box-standard .video-element-text-col { 10876 width: 100%; 10877 } 10878 .video-element-box .video-element-excerpt { 10879 display: none; 10880 } 10881 .home-right-below-top-container { 10882 } 10883 10884 .article-img.large-only-desktop { 10885 aspect-ratio: 11/13; 10886 width: 100%; 10887 object-fit: cover; 10888 object-position: center center; 10889 height: auto; 10890 } 10891 10892 .article-img.large-only-desktop.left { 10893 object-position: left center; 10894 } 10895 10896 .article-img.large-only-desktop.right { 10897 object-position: right center; 10898 } 10899 10900 .first-nav { 10901 width: 100%; 10902 } 10903 10904 .first-nav.v2 { 10905 width: 100%; 10906 } 10907 10908 .second-nav { 10909 display: none; 10910 } 10911 10912 .scroll-navbar .first-nav, 10913 .scroll-navbar .first-nav.article, 10914 .cover-navbar .first-nav.article { 10915 width: 100%; 10916 margin-left: 0%; 10917 margin-right: 0%; 10918 padding-left: 0px; 10919 } 10920 10921 .scroll-navbar .second-nav, 10922 .scroll-navbar .second-nav.article, 10923 .cover-navbar .second-nav.article { 10924 display: none; 10925 } 10926 10927 .scroll-navbar .first-nav.v2, 10928 .scroll-navbar .first-nav.v2.article, 10929 .cover-navbar .first-nav.v2.article { 10930 width: 100%; 10931 margin-left: 0%; 10932 margin-right: 0%; 10933 padding-left: 0px; 10934 } 10935 10936 .scroll-navbar .second-nav.v2, 10937 .scroll-navbar .second-nav.v2.article, 10938 .cover-navbar .second-nav.v2.article { 10939 display: none; 10940 } 10941 10942 .menu-button { 10943 display: block; 10944 overflow: hidden; 10945 } 10946 .third-nav { 10947 margin-right: 0; 10948 } 10949 .cover-navbar .nav-line { 10950 display: none; 10951 } 10952 .third-nav .burgermenu span { 10953 background: white; 10954} 10955 .third-nav.white-bg .burgermenu span { 10956 background: #02162B; 10957} 10958 10959 .dropdown-about .sub-menu { 10960 position: relative; 10961 text-align: center; 10962 margin-left: 3rem; 10963 margin-right: 3rem; 10964} 10965.dropdown-about .sub-menu:after{ 10966 left: 50%; 10967} 10968.navbar-list .dropdown-about .sub-menu li { 10969 text-align: center; 10970} 10971 10972 .brand-img { 10973 height: 80px; 10974 width: auto; 10975 } 10976 .brand-img.v2 { 10977 height: 75px; 10978 width: auto; 10979 } 10980 10981 .navbar { 10982 padding-top: 0px; 10983 padding-bottom: 0px; 10984 } 10985 10986 .below-nav { 10987 padding-top: 80px; 10988 } 10989 .below-nav.v2 { 10990 padding-top: calc(75px + 0.5px); 10991 } 10992 .overlay-content { 10993 margin-top: calc(75px + 0.5px + 10px); 10994 } 10995 10996 .main-container, .video-container { 10997 margin-left: 0%; 10998 margin-right: 0%; 10999 } 11000 .video-container { 11001 padding-left: 1rem; 11002 padding-right: 1rem; 11003 } 11004 .video-short-text {margin-top: 0%;} 11005 .video-short-text .article-date { 11006 text-align: right; 11007} 11008 .page-header.short { 11009 margin-bottom: 1.5rem; 11010} 11011 11012 .cover-imgbox { 11013 height: calc(100vw * (4/3)); 11014 } 11015 11016 .first-container { 11017 float: left; 11018 width: 100%; 11019 height: auto; /* calc(100vw * (4/3)); */ 11020 border-bottom: none; 11021 } 11022 .first-container.v2 { 11023 float: left; 11024 width: 100%; 11025 height: auto; /* calc(100vw * (4/3)); */ 11026 border-bottom: none; 11027 order: 2; 11028 } 11029 11030 .second-container { 11031 order: 4; 11032 } 11033 11034 .second-container.v2 { 11035 width: 100%; 11036 order: 4; 11037 } 11038 11039 .home-below-top-container { 11040 order: 3; 11041 } 11042 11043 .home-below-top-container.v2 { 11044 order: 3; 11045 } 11046 11047 .home-feature-slot-below { 11048 order: 5; 11049 } 11050 11051.ad-pixfuture-970-250 { 11052 width: 300px; 11053 height: 250px; 11054} 11055 11056 .article-header-content figcaption { 11057 padding-left: 1rem; 11058 padding-right: 1rem; 11059 } 11060 11061 .first-container.no-cover { 11062 float: left; 11063 width: 100%; 11064 height: auto; 11065 } 11066 .first-container.no-cover.v2 { 11067 float: left; 11068 width: 100%; 11069 height: auto; 11070 } 11071 11072 .second-container.below-nav { 11073 padding-top: 0px; 11074 } 11075 11076 .col-4.large-only-desktop { 11077 flex: 0 0 auto; 11078 width: 33.3333333333%; 11079 } 11080 11081 .col-8.large-only-desktop { 11082 padding-top: 0; 11083 padding-left: 1rem; 11084 flex: 0 0 auto; 11085 width: 66.6666666667%; 11086 } 11087 11088 .second-container { 11089 float: left; 11090 width: 100%; 11091 height: 100%; 11092 border-bottom: 0; 11093 } 11094 11095 .first-nav, 11096 .second-nav { 11097 margin-left: 0%; 11098 margin-right: 0%; 11099 } 11100 11101 .brand { 11102 text-align: center; 11103 transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6); 11104 } 11105 11106 .cover-navbar { 11107 transition: .2s; 11108 } 11109 11110 .article-header { 11111 height: auto; 11112 11113 } 11114 11115 .only-mobile { 11116 display: block; 11117 } 11118 .close-btn.only-mobile { 11119 display: inline-block; 11120 } 11121.close-btn.only-desktop {
11122 display: none; 11123} 11124 11125 .only-desktop, .only-desktop.text { 11126 display: none; 11127 } 11128 11129 .article-header-content { 11130 margin-left: 0%; 11131 margin-right: 0%; 11132 padding: 0; 11133 width: 100vw; 11134 margin-top: 0; 11135 border: 0; 11136 } 11137 11138 .article-header-img { 11139 margin: 0; 11140 padding: 0; 11141 border: 0; 11142 border-radius: 0; 11143 box-shadow: none; 11144 width: 100%; 11145 } 11146 11147 .article-header-box { 11148 display: inline; 11149 height: auto; 11150 margin-left: 0; 11151 position: static; 11152 justify-content: unset; 11153 11154 } 11155 11156 .article-header-box>div { 11157 margin: 0; 11158 position: static; 11159 top: 0; 11160 -ms-transform: none; 11161 transform: none; 11162 padding-left: 1rem; 11163 padding-right: 1rem; 11164 } 11165 11166 .cover-navbar.new-cover .brand-img.white { 11167 display: block; 11168 } 11169 11170 .cover-navbar.new-cover .brand-img.dark-clean { 11171 display: none; 11172 } 11173 11174 .cover-navbar.new-cover .brand-img.dark { 11175 display: none; 11176 } 11177 11178 .cover-navbar.new-cover { 11179 background: transparent; 11180 overflow: hidden; 11181 transition: all 450ms; 11182 } 11183 11184 .cover-navbar.new-cover span { 11185 background: white; 11186 } 11187 11188 .scroll-navbar { 11189 transition: .2s; 11190 } 11191 11192 /*.scroll-navbar .nav-cover-area, .cover-navbar.new-cover .nav-cover-area { 11193 width: 100%; 11194 position: relative; 11195 padding: 0; 11196 margin: 0; 11197 display: flex; 11198 flex-direction: row; 11199 justify-content: center; 11200 align-items: center; 11201 transition: .2s; 11202 } */ 11203 .scroll-navbar .brand, 11204 .cover-navbar.new-cover .brand { 11205 display: flex; 11206 text-align: center; 11207 padding-left: 0; 11208 margin-right: 0; 11209 11210 transition: .2s; 11211 } 11212 11213 .footer-column { 11214 margin-left: 1rem; 11215 margin-right: 1rem; 11216 } 11217 11218 .footer-columns { 11219 margin-top: 0; 11220 } 11221 11222 .legal-left { 11223 display: none; 11224 } 11225 11226 .legal-right { 11227 display: block; 11228 } 11229 11230 .block, 11231 .application { 11232 border-radius: 0px; 11233 } 11234 11235 .page-content .application { 11236 margin-bottom: 0; 11237 } 11238 11239 .page-heading { 11240 margin-top: 2rem; 11241 font-size: 40px; 11242 } 11243 .page-heading.smaller { 11244 font-size: 2rem; 11245 } 11246 11247 .article-header-content .row { 11248 gap: 0; 11249 } 11250 11251 .article-description, 11252 .article-header-box>div .article-description, 11253 .v2 .article-header-box>div .article-description { 11254 font-size: 16px; 11255 text-align: left; 11256 } 11257 11258 .article-header-box>div .authors-box { 11259 justify-content: left; 11260 } 11261 11262 .article-header-box>div>small>p, .v2 .article-header-box>div>small>p { 11263 text-align: left; 11264 } 11265 11266 .cover-navbar .first-nav.article, 11267 .cover-navbar .second-nav.article { 11268 margin-top: 0; 11269 } 11270 11271 .navbar-list { 11272 width: auto; 11273 } 11274 11275 .navbar-list li a:after { 11276 display: none; 11277 } 11278 11279 .article-header { 11280 margin-bottom: 0; 11281 border-bottom: 0; 11282 } 11283 11284 .second-container.article-header-container { 11285 height: auto; 11286 padding-top: 0; 11287 } 11288 11289 .first-home-list { 11290 display: flex; 11291 flex-flow: column; 11292 } 11293 11294 .first-home-list .articles { 11295 order: 2; 11296 } 11297 11298 .first-home-list .first-ad-space { 11299 order: 1; 11300 } 11301 11302 .article-header-box>div p { 11303 text-align: left; 11304 } 11305 .article-content .share-buttons .comments-info { 11306 text-align: left; 11307 float:left; 11308 margin-top: 1rem; 11309 margin-bottom: 1rem; 11310 } 11311 .article-content .wide-pic.center { 11312 aspect-ratio: 3/4; 11313 object-fit: cover; 11314 object-position: center center; 11315 } 11316 .article-content .wide-pic.left { 11317 aspect-ratio: 3/4; 11318 object-fit: cover; 11319 object-position: left center; 11320 } 11321 .article-content .wide-pic.right { 11322 aspect-ratio: 3/4; 11323 object-fit: cover; 11324 object-position: right center; 11325 } 11326 .article-content .wide-pic.parallax-to-right, .article-content .wide-pic.parallax-left { 11327 width: auto; 11328 height: 65vh; 11329 } 11330 .article-content .wide-pic.parallax-to-right-from-center { 11331 width: 130%; 11332 height: 65vh; 11333 object-fit: cover; 11334 object-position: center center; 11335 } 11336 .article-content > .ad-center.vertical { 11337 display: block; 11338} 11339.article-content > .ad-center.horizontal { 11340 display: none; 11341} 11342 .progress-number { 11343 margin-top: 1.25rem; 11344 } 11345 .progress-title { 11346 font-size: 1.5rem; 11347 margin-bottom: 0.25rem; 11348 } 11349 .progress.block.white { 11350 color: white; 11351 background-color: #02162B; 11352 border: 0; 11353 } 11354 11355 /* -- wpdiscuz -- */ 11356 #wpdcom .wpd-thread-head .wpd-thread-info { 11357 font-size: calc(1.325rem + .9vw); /* wie h2 */ 11358 padding-bottom: 5px; 11359 flex-basis: auto; 11360 } 11361 11362 #wpdcom .wpd-thread-head .wpd-thread-filter { 11363 float: right; 11364 } 11365 11366 /* -- wpdiscuz -- */ 11367 11368 11369 11370 11371.large-only-desktop .commentary-imgbox {
11372 display: inline; 11373} 11374.large-only-desktop.commentary { 11375 display: none; 11376} 11377.top-article-text.article-title.commentary { 11378 font-size: 1.55rem; 11379} 11380 .block.numbers { 11381 11382 } 11383 .block.numbers .row .col-md-6 { 11384 text-align:center; 11385 padding-right: 1rem; 11386 } 11387.block.numbers .row .col-md-6:first-child { 11388 margin-bottom: 2.5rem; 11389} 11390 11391.ts-ad-in-between { 11392 display: block; 11393} 11394 11395.ts-layout { 11396grid-template-areas: 11397 'ts-op-article' 11398 'ts-ad-in-between' 11399 'ts-cards' 11400 'ts-border'; 11401 grid-template-columns: 100%; 11402} 11403.grid-dashboard.mobile-first-ts-cards+.ap-grid-layout .ts-layout { 11404grid-template-areas: 11405 'ts-cards' 11406 'ts-ad-in-between' 11407 'ts-op-article' 11408 'ts-border'; 11409 grid-template-columns: 100%; 11410} 11411 .ts-op-article { 11412 margin-left: 1rem; 11413 margin-right: 1rem; 11414 } 11415 11416.second-page-layout { 11417grid-template-areas: 11418 'headlines1' 11419 'fix-top-articles1' 11420 'headlines2' 11421 'fix-top-articles2'; 11422 grid-template-columns: 100%; 11423 grid-template-rows: auto auto auto; 11424 border-top: 0; 11425 padding-top: 0; 11426} 11427 .new-header { 11428 display: flex; 11429 width: 100%; 11430 flex-flow: row wrap; 11431 } 11432.new-header .article-feature-img.new-head-img { 11433 margin-bottom: 0; 11434 order: 2; 11435 width: 100%; 11436} 11437 .new-head-img.data-graph.map .feature-map { 11438 margin-left: 1rem; 11439 margin-right: 1rem; 11440 } 11441 .new-header .new-head-1 { 11442 order: 1; 11443 margin-bottom: 0.5rem; 11444 width: 100%; 11445 margin-left: auto; 11446 margin-right: auto; 11447 } 11448 .new-header .new-head-1 .article-title { 11449 font-size: 22px; 11450 } 11451 .new-header .new-head-2 { 11452 order: 3; 11453 width: 100%; 11454 margin-left: auto; 11455 margin-right: auto; 11456 } 11457 .new-header .new-head-2 .article-description { 11458 margin-top: 1rem; 11459 margin-bottom: 0; 11460 } 11461 .new-header .new-head-2 .article-description+p { 11462 margin-top: 1rem; 11463 } 11464 .new-header .new-head-2 .authors-box { 11465 margin-top: 1rem; 11466 margin-bottom: 1rem; 11467 } 11468 .new-header .new-head-2 .circle-image { 11469 width: 50px; 11470 height: 50px; 11471 } 11472 .new-header .new-head-2 .social-share-section { 11473 text-align: center; 11474 align-items: center; 11475 display: flex; 11476 width: 100%; 11477 white-space: nowrap; 11478 margin-bottom: 1rem; 11479 } 11480 .new-header .new-head-2 .social-share-section::after { 11481 background-color: #2f343a; 11482 content: ""; 11483 display: inline; 11484 height: 1.5px; 11485 width: 100%; 11486 margin-left: 6px; 11487 margin-right: 0px; 11488} 11489 .new-header .new-head-2 .social-share-section::before { 11490 background-color: #2f343a; 11491 content: ""; 11492 display: inline; 11493 height: 1.5px; 11494 width: 100%; 11495 margin-left: 0px; 11496 margin-right: 6px; 11497} 11498 .new-header .new-head-2 .social-share-section a { 11499 color: #2f343a; /*#212529;*/ 11500 font-size: 26px; 11501 padding-left: 6px; 11502 padding-right: 6px; 11503 } 11504 .newsletter-box-header { 11505 display: block; 11506 text-align: center; 11507 } 11508 .newsletter-box-header .newsletter-title-box { 11509 margin-top: 0.75rem; 11510 width: 100%; 11511 margin-left: 0; 11512 } 11513 .newsletter.block.white { 11514 border-bottom: 0; 11515 } 11516 .newsletter.block { 11517 padding-top: 1rem; 11518 } 11519} 11520 11521/* desktop-billboard-atf */ @media (min-width: 992px) { 11522.r89-desktop-billboard-atf { min-height: 250px; 11523margin-top: 20px; margin-bottom: 20px 11524} 11525} 11526 11527/* desktop-billboard-btf */ @media (min-width: 992px) { 11528.r89-desktop-billboard-btf { min-height: 250px; 11529margin-top: 20px; margin-bottom: 20px 11530} 11531} 11532 11533/* desktop-incontent */ @media (min-width: 992px) { 11534.r89-desktop-InContent { min-height: 90px; margin-top: 20px; margin-bottom: 20px 11535} 11536} 11537 11538/* mobile-billboard-top */ @media (max-width: 991px) { 11539.r89-mobile-billboard-top { min-height: 250px; 11540margin-top: 20px; margin-bottom: 20px 11541} 11542} 11543 11544 11545 11546 11547 11548 11549 11550/* mobile-rectangle-infinite */ @media (max-width: 991px) { 11551.r89-mobile-rectangle-infinite { min-height: 250px; 11552margin-top: 20px; margin-bottom: 20px 11553} 11554} 11555 11556/* mobile-rectangle-low */ @media (max-width: 991px) { 11557.r89-mobile-rectangle-low { min-height: 250px; 11558margin-top: 20px; margin-bottom: 20px 11559} 11560} 11561 11562/* mobile-rectangle-mid */ @media (max-width: 991px) { 11563.r89-mobile-rectangle-mid { min-height: 250px; 11564margin-top: 20px; margin-bottom: 20px 11565} 11566} 11567 11568/* mobile-rectangle-mid-300x600 */ @media (max-width: 991px) { 11569.r89-Mobile-Rectangle-Mid-300x600 { min-height: 600px; 11570margin-top: 20px; margin-bottom: 20px 11571} 11572} 11573/* desktop-hpa-atf */ 11574@media (min-width: 992px) { 11575 .r89-desktop-hpa-atf { 11576 min-height: 4000px; 11577 margin-top: 20px; 11578 Â margin-bottom: 20px 11579 } 11580} 11581/* desktop-billboard-atf-2 */ 11582@media (min-width: 992px) { 11583 .r89-desktop-billboard-atf-2 { 11584 min-height: 250px; 11585 margin-top: 20px; 11586 margin-bottom: 20px 11587 } 11588} 11589 11590#r89-desktop-hpa-btf-left-0, #r89-desktop-hpa-btf-right-0 { 11591 /* display: none; */ 11592} 11593#r89-mobile-rectangle-mid-0-wrapper { 11594 /* display: none; */ 11595} 11596 11597/* Cookiebot Ablehnen ausblenden */ 11598#CybotCookiebotDialogBodyButtonDecline { 11599 display: none !important; 11600} </style> 11601 <!-- Infolinks Werbenetzwerk --> 11602 <!--
11602<script type="text/javascript"> var infolinks_pid = 3406408; var infolinks_wsid = 0; </script>
11602
11602<script type="text/javascript" src="//resources.infolinks.com/js/infolinks_main.js"></script>
11602--> 11603 11604</head> 11605<body class="wp-singular post-template-default single single-post postid-226169 single-format-standard wp-embed-responsive wp-theme-new"> 11606<a href="#content" class="skip-link screen-reader-text">Zum Inhalt springen</a><style id="ad-free-sub-banner-style"> 11607 #CybotCookiebotDialog { 11608 display: none !important; 11609 } 11610 11611 /* #CybotCookiebotDialogNavDeclaration, 11612 #CybotCookiebotDialogDetailBody, 11613 #CybotCookiebotDialogNavAbout { 11614 display: none !important; 11615 } 11616 11617 li:has(> #CybotCookiebotDialogNavDeclaration, 11618 #CybotCookiebotDialogDetailBody, 11619 #CybotCookiebotDialogNavAbout) { 11620 display: none !important; 11621 } */ 11622 11623 .ad-free-sub-banner-container { 11624 --main-btn-color: #02162B; 11625 /* --primary-color: #02162B; 11626 --main-btn-color: #02162B; */ 11627 } 11628 11629 .ad-free-sub-banner-container .ad-free-sub-accordion { 11630 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 11631 --bs-accordion-btn-active-icon: : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 11632 } 11633 11634 .ad-free-sub-banner-container a { 11635 color: #2374B1; 11636 text-decoration-line: underline; 11637 text-decoration-thickness: 1px; 11638 text-underline-offset: 4px; 11639 } 11640 11641 .ad-free-sub-banner-container a:hover { 11642 text-underline-offset: 2.5px; 11643 text-decoration-thickness: 2px; 11644 color: #2374B1; 11645 } 11646 11647 .ad-free-sub-banner-container { 11648 height: auto; 11649 position: fixed; 11650 top: 0; 11651 left: 0; 11652 z-index: 2147483645; 11653 display: flex; 11654 height: 100%; 11655 width: 100%; 11656 justify-content: center; 11657 align-items: center; 11658 background-color: rgba(0, 0, 0, 0.7); 11659 font-family: Arial, Helvetica, sans-serif; 11660 } 11661 11662 .ad-free-sub-banner { 11663 display: flex; 11664 flex-direction: column; 11665 background-color: #fff; 11666 width: 900px; 11667 max-height: 80svh; 11668 max-width: 95vw; 11669 } 11670 11671 .ad-free-sub-banner p, 11672 .ad-free-sub-banner h1, 11673 .ad-free-sub-banner h2, 11674 .ad-free-sub-banner h3, 11675 .ad-free-sub-banner h4, 11676 .ad-free-sub-banner h5, 11677 .ad-free-sub-banner h6 { 11678 font-family: 'Mulish', Arial, Helvetica, sans-serif; 11679 } 11680 11681 11682 .ad-free-sub-banner-heading { 11683 display: flex; 11684 justify-content: center; 11685 width: 100%; 11686 margin-top: 1.5rem; 11687 } 11688 11689 .ad-free-sub-banner-col-content h5 { 11690 margin-top: 10px; 11691 font-weight: 700; 11692 text-align: center; 11693 margin-bottom: 1rem; 11694 } 11695 11696 .ad-free-sub-banner-col-one .ad-free-sub-banner-col-content h5 { 11697 padding-top: 3rem; 11698 } 11699 11700 .ad-free-sub-banner-col-two .ad-free-sub-banner-col-content p:last-of-type { 11701 text-align: center; 11702 margin-top: 1rem; 11703 margin-bottom: 5px; 11704 } 11705 11706 .ad-free-sub-banner-img-desktop { 11707 display: none; 11708 height: 2rem; 11709 } 11710 11711 .ad-free-sub-banner-img-mobile { 11712 display: inline; 11713 height: 3rem; 11714 } 11715 11716 .ad-free-sub-banner-img-br { 11717 display: block; 11718 } 11719 11720 .ad-free-sub-banner-footer { 11721 display: flex; 11722 justify-content: space-around; 11723 width: 100%; 11724 margin: 0px 0px; 11725 gap: 20px; 11726 padding: 10px 20px; 11727 background-color: #f2f2f2; 11728 } 11729 11730 .ad-free-sub-banner-footer a { 11731 color: inherit; 11732 font-size: .8rem; 11733 text-decoration-line: underline; 11734 text-decoration-thickness: 1px; 11735 text-underline-offset: 4px; 11736 } 11737 11738 .ad-free-sub-banner-footer a:hover { 11739 color: inherit; 11740 text-underline-offset: 2.5px; 11741 text-decoration-thickness: 2px; 11742 } 11743 11744 .ad-free-sub-banner-footer-left { 11745 text-align: right; 11746 } 11747 11748 .ad-free-sub-banner-footer-right { 11749 text-align: left; 11750 } 11751 11752 .ad-free-sub-banner-content { 11753 overflow: auto; 11754 padding: 0px 15px 0px 15px; 11755 } 11756 11757 .ad-free-sub-banner-top-content { 11758 display: flex; 11759 flex-direction: row; 11760 gap: 4rem; 11761 margin: 0px 2rem 2rem; 11762 } 11763 11764 .ad-free-sub-banner-col { 11765 flex: 1 1 50%; 11766 display: flex; 11767 flex-direction: column; 11768 } 11769 11770 .ad-free-sub-banner-col-content { 11771 flex-grow: 1; 11772 margin: 5px 0 5px 0; 11773 } 11774 11775 .ad-free-sub-banner-col-content>h2 { 11776 margin: 5px 0 5px 0; 11777 } 11778 11779 /* .ad-free-sub-banner-btn { 11780 background-color: black; 11781} */ 11782 11783 .ad-free-sub-banner-info-content { 11784 margin: 2rem; 11785 margin-bottom: 1rem; 11786 } 11787 11788 .ad-free-sub-banner-info-content p { 11789 font-family: Arial, Helvetica, sans-serif; 11790 font-size: 0.7rem; 11791 margin-bottom: 5px; 11792 } 11793 11794 .ad-free-sub-banner-info-content a { 11795 color: inherit; 11796 } 11797 11798 .ad-free-sub-banner-info-content a:hover { 11799 color: inherit; 11800 } 11801 11802 .ad-free-sub-accordion .ad-free-sub-accordion-item-content p { 11803 font-family: Arial, Helvetica, sans-serif; 11804 font-size: 0.7rem; 11805 margin-bottom: 5px; 11806 } 11807 11808 .ad-free-sub-banner-btn { 11809 border: 1px solid var(--main-btn-color); 11810 border-radius: 5px; 11811 border-style: solid; 11812 font-size: 18px; 11813 font-weight: normal; 11814 color: rgb(255, 255, 255); 11815 font-family: 'Mulish', Arial, Helvetica, sans-serif; 11816 width: calc(100% + 0px); 11817 background: var(--main-btn-color); 11818 padding: 7px 0 7px 0; 11819 transition: filter 0.2s ease; 11820 } 11821 11822 .ad-free-sub-banner-btn:hover { 11823 background-color: #314253; 11824 border-color: #314253; 11825 } 11826 11827 .ad-free-sub-banner-btn.subscription { 11828 background-color: transparent; 11829 color: var(--main-btn-color); 11830 transition: filter 0.2s ease; 11831 } 11832 11833 .ad-free-sub-banner-btn.subscription:hover { 11834 background-color: #02162B; 11835 border-color: #02162B; 11836 color: #fff; 11837 } 11838 11839 .ad-free-sub-purpose-item button.ad-free-sub-accordion-button { 11840 padding: inherit; 11841 font-size: inherit; 11842 } 11843 11844 .ad-free-sub-purpose-item button.ad-free-sub-accordion-button:focus, 11845 .ad-free-sub-purpose-item button.ad-free-sub-accordion-button:not(.collapsed) { 11846 color: inherit; 11847 background-color: inherit; 11848 border-color: inherit; 11849 box-shadow: inherit; 11850 } 11851 11852 .ad-free-sub-purpose-item .ad-free-sub-accordion-body p { 11853 font-size: .8rem; 11854 margin-bottom: 5px; 11855 } 11856 11857 .ad-free-sub-accordion { 11858 font-family: inherit; 11859 margin: 2rem; 11860 margin-top: 0; 11861 } 11862 11863 .ad-free-sub-accordion-item-button { 11864 background-color: transparent; 11865 cursor: pointer; 11866 width: 100%; 11867 border: none; 11868 text-align: left; 11869 outline: none; 11870 transition: 0.4s; 11871 display: flex; 11872 justify-content: space-between; 11873 align-items: center; 11874 padding: 0; 11875 font-size: .8rem; 11876 color: inherit; 11877 margin: 3px 0 3px 0; 11878 } 11879 11880 .ad-free-sub-accordion-item-button::after { 11881 /* Unicode character for a right-pointing angle bracket, similar to Bootstrap */ 11882 content: '\276F'; 11883 margin-left: 15px; 11884 color: #666; 11885 transition: transform 0.4s; 11886 transform: rotate(90deg); 11887 } 11888 11889 .ad-free-sub-accordion-item-button:active { 11890 background-color: transparent; 11891 outline: none; 11892 } 11893 11894 .ad-free-sub-accordion-item-button:focus { 11895 background-color: transparent; 11896 outline: none; 11897 } 11898 11899 .ad-free-sub-accordion-item-button.active::after { 11900 /* Rotate the arrow to point down when active */ 11901 transform: rotate(270deg); 11902 } 11903 11904 .ad-free-sub-accordion .ad-free-sub-accordion-item-content { 11905 font-family: inherit; 11906 font-family: Arial, Helvetica, sans-serif; 11907 font-size: .7rem; 11908 padding: 0; 11909 display: none; 11910 background-color: white; 11911 overflow: hidden; 11912 } 11913 11914 11915 /* Mobile Styles */ 11916 @media (max-width: 820px) { 11917 .ad-free-sub-banner-container { 11918 align-items: flex-end; 11919 padding-bottom: 5px; 11920 } 11921 11922 .ad-free-sub-banner { 11923 max-height: 80svh;; 11924 overflow: auto; 11925 } 11926 11927 .ad-free-sub-banner-content { 11928 overflow: visible; 11929 } 11930 11931 .ad-free-sub-banner-heading { 11932 margin-top: 1.4rem; 11933 position: relative; 11934 padding-bottom: 0.5rem; 11935 margin-bottom: 0.5rem; 11936 } 11937 11938 .ad-free-sub-banner-heading::after {
11939 content: ''; 11940 position: absolute; 11941 bottom: 0; 11942 left: 50%; 11943 transform: translateX(-50%); 11944 width: 40%; 11945 height: 1px; 11946 background-color: lightgray; 11947 } 11948 11949 .ad-free-sub-banner-top-content { 11950 flex-direction: column; 11951 gap: 0.5rem; 11952 margin: 0.5rem 0px 0.75rem 0px; 11953 } 11954 11955 .ad-free-sub-banner-col { 11956 flex: 1 1 100%; 11957 } 11958 11959 .ad-free-sub-banner-col-content h5 { 11960 text-align: left; 11961 } 11962 11963 .ad-free-sub-banner-col-one .ad-free-sub-banner-col-content h5 { 11964 padding-top: 0; 11965 margin-top: 0; 11966 } 11967 11968 .ad-free-sub-banner-col-two .ad-free-sub-banner-col-content p:last-of-type { 11969 font-size: 0.9rem; 11970 margin-top: 0px; 11971 border: 0.5px dashed #02162B; 11972 padding: 10px 0px; 11973 border-radius: 4px; 11974 } 11975 11976 .ad-free-sub-banner-btn { 11977 font-size: 18px; 11978 } 11979 11980 .ad-free-sub-banner-top-content h5 { 11981 margin-bottom: 0.8rem; 11982 margin-top: 0.8rem; 11983 } 11984 11985 .ad-free-sub-banner-top-content p { 11986 font-size: .8rem; 11987 margin-bottom: 0.8rem; 11988 } 11989 11990 .ad-free-sub-banner-info-content { 11991 margin: 1rem 0; 11992 } 11993 11994 .ad-free-sub-accordion { 11995 margin: 1rem 0; 11996 } 11997 11998 .ad-free-sub-banner-footer { 11999 display: block; 12000 flex-direction: column; 12001 } 12002 12003 .ad-free-sub-banner-footer a { 12004 display: block; 12005 text-align: left; 12006 margin-bottom: 0.5rem; 12007 } 12008 12009 .ad-free-sub-banner-footer a:last-child { 12010 margin-bottom: 0; 12011 } 12012 12013 .ad-free-sub-banner-footer-left, 12014 .ad-free-sub-banner-footer-right { 12015 text-align: left; 12016 } 12017 12018 .ad-free-sub-banner-img-desktop { 12019 display: inline; 12020 } 12021 12022 .ad-free-sub-banner-img-mobile { 12023 display: none; 12024 } 12025 12026 .ad-free-sub-banner-img-br { 12027 display: none; 12028 } 12029 } 12030 12031 @media (min-width: 821px) {} 12032</style> 12033 12034 12035<div id="ad-free-sub-banner-container" class="ad-free-sub-banner-container" style="display: none;"> 12036 <div class="ad-free-sub-banner"> 12037 <div class="ad-free-sub-banner-heading"> 12038 <h2>Sie haben die Wahl</h2> 12039 </div> 12040 <div class="ad-free-sub-banner-content"> 12041 <div class="ad-free-sub-banner-top-content"> 12042 <div class="ad-free-sub-banner-col ad-free-sub-banner-col-one"> 12043 <div class="ad-free-sub-banner-col-content"> 12044 <h5>Kostenfrei mit Werbung weiterlesen</h5> 12045 <p> 12046 Sie lesen uns kostenfrei, aber mit Werbung und akzeptieren dafür entsprechende Cookies. Details dazu finden Sie weiter unten und in unserer <a href="https://apollo-news.net/datenschutzerklaerung/" target="_blank">Datenschutzerklärung</a>. 12047 </p> 12048 </div> 12049 <div> 12050 <button id="ad-free-sub-banner-btn-accept-all" class="ad-free-sub-banner-btn" title="Alle Akzeptieren" aria-label="Alle Akzeptieren" class="ad-free-sub-banner-btn"> 12051 Alle Akzeptieren </button> 12052 </div> 12053 </div> 12054 <div class="ad-free-sub-banner-col ad-free-sub-banner-col-two"> 12055 <div class="ad-free-sub-banner-col-content"> 12056 <h5> 12057 <img class="ad-free-sub-banner-img-mobile" src="https://apollo-news.net/wp-content/uploads/2025/11/new-a-dark-small.png" decoding="async" loading="eager" fetchpriority="high" height="48" alt=""> 12058 <img class="ad-free-sub-banner-img-desktop" src="https://apollo-news.net/wp-content/uploads/2025/11/a-friend-single-font-2-dark.jpg" decoding="async" loading="eager" fetchpriority="high" height="32" alt=""><br class="ad-free-sub-banner-img-br"> 12059 Freunde von Apollo News lesen uns werbefrei</h5> 12060 <p>Als Freund von Apollo News erhalten Sie mit einem Abo für 3,99 Euro monatlich unsere Webseite als Dankeschön werbefrei und können zudem unsere Arbeit unterstützen.</p> 12061 <p>Bereits Abonnent? <a href="https://apollo-news.net/login/?redirect_to=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F">Hier Anmelden</a> 12062 </div> 12063 <div> 12064 12065 <button onclick="javascript:window.location.href='https://apollo-news.net/freunde/?source_element=pur-trackingfrei&post_id=226169'" id="ad-free-sub-banner-btn-subscription" class="ad-free-sub-banner-btn subscription" title="Tracking-Frei für 3,99⬠/ Monat" aria-label="Tracking-Frei für 3,99⬠/ Monat" class="ad-free-sub-banner-btn"> 12066 Zum Abonnement </button> 12067 </div> 12068 </div> 12069 </div> 12070 <div class="ad-free-sub-banner-info-content"> 12071 <h6>Informationen zur Nutzung mit Werbung und Cookies</h6> 12072 <p> 12073 Wenn Sie unsere Seite mit Werbung lesen, dann übermitteln wir entsprechende Daten an bis zu <span class="ad-free-sub-partner-count">807</span> <a class="ad-free-sub-show-partner-link" href="#">Partner</a>.
12074 Für personalisierte Werbung setzen wir Cookies, Geräte-IDs und ähnliche Identifizierungs-Technologien ein. Indem Sie "Alle Akzeptieren" klicken, stimmen Sie dem (jederzeit widerruflich) zu. Dies umfasst auch Ihre Einwilligung in die Ãbermittlung bestimmter personenbezogener Daten in Drittländer, u.a. die USA, nach Art. 49 (1) (a) DSGVO. Sie können Ihre Auswahl jederzeit unter "Widerruf Trackingâ am Seitenende mit Wirkung für die Zukunft widerrufen. 12075 </p> 12076 </div> 12077 <!--<div class="ad-free-sub-banner-info-content"> 12078 <h6>Freunde von Apollo News lesen uns werbefrei</h6> 12079 </div>--> 12080 <div class="ad-free-sub-accordion" id="ad-free-subscription-purposes"> 12081 <div class="ad-free-sub-accordion-item ad-free-sub-purpose-item ad-free-sub-purpose-item-necessary"> 12082 <button class="ad-free-sub-accordion-item-button"> 12083 Notwendig </button> 12084 <div class="ad-free-sub-accordion-item-content"> 12085 <p> 12086 Diese Services sind für den Betrieb der Seite notwendig und ermöglichen beispielsweise sicherheitsrelevante Funktionalitäten, Hosting- und Backend-Infrastruktur. AuÃerdem können wir mit dieser Art von Cookies ebenfalls erkennen, ob Sie in Ihrem Profil eingeloggt bleiben möchten, um Ihnen unsere Dienste bei einem erneuten Besuch unserer Seite schneller zur Verfügung zu stellen. Alle Informationen hierzu finden Sie in unserer Datenschutzerklärung. </p> 12087 </div> 12088 </div> 12089 <div class="ad-free-sub-accordion-item ad-free-sub-purpose-item"> 12090 <button class="ad-free-sub-accordion-item-button"> 12091 Speichern von oder Zugriff auf Informationen auf einem Endgerät </button> 12092 <div class="ad-free-sub-accordion-item-content"> 12093 <p> 12094 Cookies, Endgeräte- oder ähnliche Online-Kennungen (z. B. login-basierte Kennungen, zufällig generierte Kennungen, netzwerkbasierte Kennungen) können zusammen mit anderen Informationen (z. B. Browsertyp und Browserinformationen, Sprache, BildschirmgröÃe, unterstützte Technologien usw.) auf Ihrem Endgerät gespeichert oder von dort ausgelesen werden, um es jedes Mal wiederzuerkennen, wenn es eine App oder einer Webseite aufruft. Dies geschieht für einen oder mehrere der hier aufgeführten Verarbeitungszwecke. </p> 12095 </div> 12096 </div> 12097 <div class="ad-free-sub-accordion-item ad-free-sub-purpose-item"> 12098 <button class="ad-free-sub-accordion-item-button"> 12099 Personalisierte Werbung und Inhalte, Messung von Werbeleistung und der Performance von Inhalten, Zielgruppenforschung sowie Entwicklung und Verbesserung von Angeboten </button> 12100 <div class="ad-free-sub-accordion-item-content"> 12101 <p> 12102 Anzeigen und Werbung können basierend auf Ihrem Profil personalisiert werden. Ihre Aktivitäten auf diesem Dienst können verwendet werden, um ein Profil über Sie für personalisierte Werbung zu erstellen oder zu ergänzen. Die Werbeleistung und die Performance von Inhalten können gemessen werden. Basierend auf Ihrer Aktivität und den Aktivitäten anderer können Berichte erstellt werden. Ihre Aktivitäten auf diesem Dienst können helfen, Produkte und Dienstleistungen zu entwickeln und zu verbessern </p> 12103 </div> 12104 </div> 12105 <div class="ad-free-sub-accordion-item ad-free-sub-purpose-item"> 12106 <button class="ad-free-sub-accordion-item-button"> 12107 Verwendung genauer Standortdaten </button> 12108 <div class="ad-free-sub-accordion-item-content"> 12109 <p> 12110 Mit Ihrer Zustimmung kann Ihr genauer Standort (mit einem Radius von weniger als 500 Metern) zur Unterstützung der in diesem Rahmenwerk erläuterten Zwecke verwendet werden. </p> 12111 </div> 12112 </div> 12113 <div class="ad-free-sub-accordion-item ad-free-sub-purpose-item"> 12114 <button class="ad-free-sub-accordion-item-button"> 12115 Endgeräteeigenschaften zur Identifikation aktiv abfragen </button> 12116 <div class="ad-free-sub-accordion-item-content"> 12117 <p> 12118 Mit Ihrer Zustimmung können bestimmte für Ihr Endgerät spezifische Merkmale angefordert und verwendet werden, um es von anderen Endgeräten zu unterscheiden (wie z. B. die installierten Zeichensätze oder Plugins, die Auflösung Ihres Bildschirms), um die in diesem Rahmenwerk erläuterten Zwecke zu unterstützen. </p> 12119 </div> 12120 </div> 12121 </div> 12122 </div> 12123 <div class="ad-free-sub-banner-footer"> 12124 <a class="ad-free-sub-banner-footer-left" href="https://apollo-news.net/datenschutzerklaerung/" target="_blank">Datenschutzerklärung</a> 12125 <a class="ad-free-sub-banner-footer-right" href="https://apollo-news.net/abo-legal/" target="_blank">Abo-Nutzungsbedingungen</a> 12126 <a class="ad-free-sub-banner-footer-right" href="https://apollo-news.net/impressum/" target="_blank">Impressum</a> 12127 </div> 12128 </div> 12129</div><div id="wrapper" class="hfeed"> 12130<header id="header" role="banner"> 12131 12132 12133</header> 12134 12135<div id="container"> 12136<main id="content" role="main"> 12137 12138 12139
12139<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
12139 12140 <!-- jQuery wird bereits in functions.php geladen
12140<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
12140 --> 12141 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 12141-12142
12141 12142<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
12142GTM-PDRNR6Q4
vendor: 83 bytes, lines 12142-12143
12142" 12143height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
12144<!-- End Google Tag Manager (noscript) --> 12145<!--<no type="text/javascript" src="https://cdn.pixfuture.com/pxft_iel.js?siteid=11437" async></no>--> 12146 12147 <div id="overlay" class="overlay v2"> 12148 <div id="overlay-content" class="overlay-content"><p> 12149 12150<div class="overlay-inner-content"> 12151 <div class="mobile-menu-row only-mobile" id="mobile-menu-row"> 12152 12153 </div> 12154 <div class="first-menu-row"> 12155 <div class="search-col"> 12156 <form action="https://apollo-news.net/index.php" role="search" method="get"> 12157 <div class="input-group"> 12158 <input type="text" class="form-control" placeholder="Suche" name="s" aria-label="Suche" aria-describedby="button-addon2"> 12159 <button class="btn btn-outline-secondary" type="submit" id="button-addon2"><i class="bi bi-search"></i></button> 12160 </div> 12161 </form> 12162 </div> 12163 <div class="socials-col"> 12164 <div class="social-btn-container"> 12165 <a href="https://twitter.com/apollo_news_de" class="social-btn"><i class="bi bi-twitter-x"></i></a> 12166 <a href="https://www.instagram.com/apollo_news/" class="social-btn"><i class="bi bi-instagram"></i></a> 12167 <a href="https://www.facebook.com/apollonewsnet" class="social-btn"><i class="bi bi-facebook"></i></a> 12168 <a href="https://t.me/apollonews_de" class="social-btn"><i class="bi bi-telegram"></i></a> 12169 <a href="https://www.youtube.com/@apollonewsnet" class="social-btn"><i class="bi bi-youtube"></i></a> 12170 <a href="https://www.tiktok.com/@apollo_news" class="social-btn"><i class="bi bi-tiktok"></i></a> 12171 <a href="https://whatsapp.com/channel/0029VafRqdQEAKWAefwQwz0o" class="social-btn"><i class="bi bi-whatsapp"></i></a> 12172 </div> 12173 </div> 12174 </div> 12175 <div class="menu-row"> 12176 <div class="col-menu about"> 12177 <li class="col-menu-header"><a href="https://apollo-news.net/unsere-mission/" >Ãber uns</a></li> 12178 <ul id="menu-about-nav" class=""><li id="menu-item-95955" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95955"><a href="https://apollo-news.net/ueber-uns/" itemprop="url">Unser Team</a></li> 12179<li id="menu-item-95954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95954"><a href="https://apollo-news.net/akademie/" itemprop="url">Akademie</a></li> 12180</ul> </div> 12181 <div class="col-menu work"> 12182 <li class="col-menu-header"><a href="https://apollo-news.net" >Unsere Arbeit</a></li> 12183 <ul> 12184 <li><a href="https://apollo-news.net/2026/09/" >Artikel-Archiv</a></li> 12185 <li><a href="https://apollo-news.net/videos/" >Videos & Podcasts</a></li> 12186 <li><a href="https://apollo-news.net/newsletter/" >Newsletter</a></li> 12187 </ul> 12188 </div> 12189 <div class="col-menu contact"> 12190 <li class="col-menu-header"><a href="https://apollo-news.net/kontakt/" >Kontakt</a></li> 12191 <ul id="menu-contact-nav" class=""><li id="menu-item-96863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-96863"><a href="https://apollo-news.net/kontakt/" itemprop="url">Allgemeiner Kontakt</a></li> 12192<li id="menu-item-107108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-107108"><a href="https://apollo-news.net/werbung/" itemprop="url">Werben auf Apollo News</a></li> 12193</ul> </div> 12194 <div class="col-menu account"> 12195 <li class="col-menu-header"><a href="https://apollo-news.net/login/" >Account</a></li> 12196 <ul> 12197 <li> 12198 <a href="https://apollo-news.net/login/?redirect_to=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F"> 12199 Anmelden </a> 12200 </li> 12201 <li><a href="https://apollo-news.net/login/?form=register" >Registrieren</a></li> 12202 12203</ul> 12204 <a type="button" class="btn btn-nav-support first" href="https://apollo-news.net/freunde/?source_element=menu&post_id=226169"> 12205 <img class="img-fr-menu small-icon" 12206 src="https://apollo-news.net/wp-content/uploads/2025/11/new-a-cropped-transparent-dark.png" 12207 alt="Apollo A Icon"> 12208 <img class="img-fr-menu-hover small-icon" 12209 src="https://apollo-news.net/wp-content/uploads/2025/11/new-a-cropped-dark-smallpng.png" 12210 alt="Apollo A Icon Hover"> 12211 Freund werden 12212 </a> 12213 <ul style="margin-top: 1rem;"> 12214 <li><a href="https://apollo-news.net/einmal-unterstuetzen/?source_element=menu&post_id=226169">Unterstützen</a></li> 12215 </ul> 12216 </div> 12217 </div> 12218</div> 12219 </p> 12220 </div> 12221 </div> 12222 12223 12224 <nav class="navbar navbar-expand-lg fixed-top scroll-navbar v2" id="navbar"> 12225 <div class="first-nav article v2"> 12226 <div class="nav-cover-area v2"> 12227 12228 12229 <div class="brand"> 12230 <a href="https://apollo-news.net"> 12231 <img width="768" height="310" src="https://apollo-news.net/wp-content/uploads/2023/06/apollo-news-white3.png" class="brand-logo brand-img white v2" alt="" decoding="async" fetchpriority="high" srcset="https://apollo-news.net/wp-content/uploads/2023/06/apollo-news-white3-300x121.png 300w, https://apollo-news.net/wp-content/uploads/2023/06/apollo-news-white3-1024x414.png 1024w" sizes="(max-width: 768px) 100vw, 768px" /><img width="768" height="310" src="https://apollo-news.net/wp-content/uploads/2023/06/apollo-news-dark3.png" class="brand-logo brand-img dark v2" alt="" decoding="async" srcset="https://apollo-news.net/wp-content/uploads/2023/06/apollo-news-dark3-300x121.png 300w, https://apollo-news.net/wp-content/uploads/2023/06/apollo-news-dark3-1024x414.png 1024w" sizes="(max-width: 768px) 100vw, 768px" /><img width="768" height="310" src="https://apollo-news.net/wp-content/uploads/2024/02/apollo-news-dark-clean.png" class="brand-logo brand-img dark-clean v2" alt="" decoding="async" srcset="https://apollo-news.net/wp-content/uploads/2024/02/apollo-news-dark-clean-300x121.png 300w, https://apollo-news.net/wp-content/uploads/2024/02/apollo-news-dark-clean-1024x414.png 1024w" sizes="(max-width: 768px) 100vw, 768px" /> </a> 12232 12233 </div> 12234 12235 </div> 12236 </div> 12237 12238 <div class="second-nav article v2" id="second-nav"> 12239 <ul id="menu-main-menu" class="navbar-list"> 12240 <li>
12240<a href="https://apollo-news.net/videos" ><i class="bi bi-play-btn"></i> Videos</a></li> 12241 <li><a href="https://apollo-news.net/werbung" ><i class="bi bi-megaphone"></i> Werben</a></li> 12242 <!--<li><a href="https://apollo-news.net/newsletter" ><i class="bi bi-newspaper"></i> Newsletter</a></li>--> 12243 <li style="margin-top: 8px; margin-bottom: 0px;" class="only-desktop"> 12244 <a href="https://apollo-news.net/freunde/?source_element=menu&post_id=226169"> 12245 <img class="img-fr-menu large-icon" 12246 src="https://apollo-news.net/wp-content/uploads/2025/11/a-friend-font-white-yellow.jpg" 12247 alt="Apollo Freunde Logo (White)"> 12248 <img class="img-fr-menu-hover large-icon" 12249 src="https://apollo-news.net/wp-content/uploads/2025/11/a-friend-font-dark2.jpg" 12250 alt="Apollo Freunde Logo (Dark)"> 12251 </a> 12252 </li> 12253 <li class="only-mobile"> 12254 <a href="https://apollo-news.net/freunde/?source_element=menu&post_id=226169"> 12255 <img src="https://apollo-news.net/wp-content/uploads/2025/11/new-a-cropped-transparent-dark.png" 12256 alt="Apollo A Logo" 12257 style="max-height: 22px; margin-bottom: 2px; margin-left: -2px;"> 12258 Freund werden 12259 </a> 12260 </li> 12261 <!--<li><a href="https://apollo-news.net/werbung/" ><i class="bi bi-megaphone"></i> Werben</a></li>--> 12262<!-- 12263<li><a href="https://apollo-news.net/login/" ><i class="bi bi-person"></i> Login</a></li> 12264 --> 12265 </ul> 12266 12267 12268 12269 </div> 12270 12271 <div class="nav-button menu-button article third-nav"> 12272 <button class="navbar-toggler" style="outline: none !important;" onclick="loadModal(event);"> 12273 <label for="check" class="burgermenu"> 12274 <input type="checkbox" id="check"/> 12275 <span></span> 12276 <span></span> 12277 <span></span> 12278 </label> 12279 </button> 12280 </div> 12281 <div class="nav-line article"> 12282 </div> 12283 12284 12285 12286</nav>
12287<script type="text/javascript"> 12288 function onReadMoreBtnClick(event) { 12289 12290 const contentContainer = document.getElementById("article-content-container"); 12291 if (contentContainer) { 12292 contentContainer.classList.remove("read-more-container"); 12293 } 12294 const readMoreBtnContainer = document.getElementsByClassName("read-more-btn-container"); 12295 if (readMoreBtnContainer && readMoreBtnContainer.length == 1) { 12296 readMoreBtnContainer[0].style.display = "none"; 12297 } 12298 return false; 12299 } 12300</script>
12300 12301 12302<article id="post-226169" class="post-226169 post type-post status-publish format-standard has-post-thumbnail hentry category-fix7 category-uncategorized tag-berlin tag-gericht tag-pressefreiheit"> 12303 12304<header> 12305 12306</header> 12307 12308 <div class="behind-v2-container shadows"><div class="v2-ad-right below-nav js v2" > 12309 <div class="ad-box-border-space right"> 12310 <p class="v2-ad-side-text" id="v2-ad-side-text">Werbung: </p> 12311<div data-publisher-slot="aside-desktop-sticky"></div> 12312</div> 12313</div> <div class="v2-ad-above-article below-nav v2 like-main white-only-desktop"> 12314 <div class="ap-adnz-top ad-box-border-space margin"> 12315 <p class="ad-top-label small-ad-label" style="margin-top: 0">Werbung</p> 12316 <div data-actirise-slot="top-page" class="device-mobile device-tablet device-desktop ads"></div> 12317 </div> </div> 12318 <div class="v2-container shadows"><!-- header --> 12319<div class="entry-content" itemprop="mainEntityOfPage"> 12320 12321 <div class="new-header"> <div class="article-container new-head-1 ga-article-header"> 12322 <div class="container v2 inside-article "> 12323 <small class="article-date"> 12324<p> 12325 <time class="entry-date" datetime="2026-09-21T20:02:00+02:00" title="21.09.2026" itemprop="datePublished" pubdate>21.09.2026</time> 12326<meta itemprop="dateModified" content="2026-09-22T16:14:14+02:00" /></p></small> 12327 12328 <h6 class="card-subtitle text-body-secondary text-uppercase article-subtitle inside-article">In eigener Sache</h6> 12329 <h2 class="card-title article-title inside-article" itemprop="headline">Verfahren Sven Hüber gegen Apollo News</h2> 12330 </div></div> 12331 <div class="article-container new-head-2"> 12332 <div class="container inside-article"> 12333 <p class="article-description"></p><!--<meta itemprop="description" content="Das Landgericht Berlin II hat Apollo News mit Urteil vom 15. September 2026 untersagt, Schilderungen eines Zeitzeugen über die Dienstzeit ..." />--> 12334 12335 <p>Von 12336 <span class="author vcard" itemprop="author" itemscope itemtype="https://schema.org/Person"><a class="author-link light" itemprop="url" href="https://apollo-news.net/author/redaktion/"><span itemprop="name">Redaktion</span></a></span></span> 12337 </p> 12338 12339<div class="social-share-section"><span class="social-share-buttons"> 12340<a href='https://twitter.com/intent/tweet?text=Verfahren Sven Hüber gegen Apollo News&url=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F%3F1790242259&counturl=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F' class="social-btn" target="_blank"><i class="bi bi-twitter-x"></i></a> 12341<a href="http://facebook.com/sharer.php?u=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F1790242259" class="social-btn" target="_blank"><i class="bi bi-facebook"></i></a> 12342<a href="https://t.me/share/url?url=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F1790242259" class="social-btn" target="_blank"><i class="bi bi-telegram"></i></a> 12343<a href="whatsapp://send?text=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F" class="social-btn whatsapp" target="_blank"><i class="bi bi-whatsapp"></i></a> 12344</span></div><!-- ende --> 12345 12346 12347 12348 12349 12350 12351 12352 12353<!--<footer class="entry-footer"> 12354<span class="cat-links">Kategorien: <a href="https://apollo-news.net/category/fixpositionen/fix7/" rel="category tag">Fix auf Position Aktuell Oben Rechts</a>, <a href="https://apollo-news.net/category/uncategorized/" rel="category tag">Uncategorized</a></span> 12355<span class="tag-links">Schlagwörter: <a href="https://apollo-news.net/tag/berlin/" rel="tag">Berlin</a>, <a href="https://apollo-news.net/tag/gericht/" rel="tag">Gericht</a>, <a href="https://apollo-news.net/tag/pressefreiheit/" rel="tag">Pressefreiheit</a></span> 12356</footer>--> 12357 12358 </div></div> <figure class="article-feature-img new-head-img" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"> 12359 <img width="1024" height="576" src="https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2-1024x576.jpeg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2-1024x576.jpeg 1024
12359w, https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2-300x169.jpeg 300w, https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2.jpeg 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /> <!-- <img src="https://apollo-news.net/wp-content/uploads/2026/08/umfrage2.002-2.jpeg" itemprop="url" class="img-fluid" alt="..."> --> 12360 <!-- attachment_id:219000--></figure> 12361 12362 12363</div><!-- /header --> 12364 12365 <div class="ad-before-content new-header"> 12366 <div class="article-ad-above no-border graphic"> 12367 <div class="article-ad-above-inside"> 12368 <p class="small-ad-label">Werbung</p> 12369 <div data-actirise-slot="top-content" class="device-mobile ads"></div> 12370 </div> </div> 12371 </div> 12372 12373<div id="article-content-container" class="article-content v2 read-more-container"> 12374 12375<p class="wp-block-paragraph">Das Landgericht Berlin II hat <em>Apollo News</em> mit Urteil vom 15. September 2026 untersagt, Schilderungen eines Zeitzeugen über die Dienstzeit von Sven Hüber bei den Grenztruppen der DDR zu verbreiten. Der Beitrag ist deshalb vorläufig nicht abrufbar. Das Gericht hat nicht festgestellt, dass die Schilderungen unwahr sind; es hält lediglich die Voraussetzungen einer Verdachtsberichterstattung für nicht erfüllt. Das Urteil ist nicht rechtskräftig. Wir werden Berufung zum Kammergericht einlegen, weil wir den angelegten MaÃstab für falsch halten.</p> 12376 12377 12378 12379<p class="wp-block-paragraph">Der Zeuge hat seine Angaben vor der Veröffentlichung an Eides statt versichert. Herr Hüber hingegen hat keine eidesstattliche Versicherung abgegeben.</p> 12380 12381<div data-publisher-slot="intext"></div> 12382 12383 12384 12385<p class="wp-block-paragraph">Das prozessuale Vorgehen von Herrn Hüber dürfte nach höchstrichterlicher Rechtsprechung im Ãbrigen bereits rechtsmissbräuchlich sein.</p> 12386 12387 12388 12389<p class="wp-block-paragraph">Zum Verlauf der Verhandlung und zur Würdigung der Zeugenaussage äuÃern wir uns während des laufenden Verfahrens nicht; beides ist Gegenstand des Rechtsmittels.</p> 12390 <div id="adnz_layer"></div> 12391<hr class="wp-block-separator has-alpha-channel-opacity share-separator"> <p class="share-buttons ga-article-end" style="padding-top: 0.5rem;"> 12392 Teilen: <span class="social-share-buttons"> 12393<a href='https://twitter.com/intent/tweet?text=Verfahren Sven Hüber gegen Apollo News&url=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F%3F1790242260&counturl=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F' class="social-btn" target="_blank"><i class="bi bi-twitter-x"></i></a> 12394<a href="http://facebook.com/sharer.php?u=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F1790242260" class="social-btn" target="_blank"><i class="bi bi-facebook"></i></a> 12395<a href="https://t.me/share/url?url=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F1790242260" class="social-btn" target="_blank"><i class="bi bi-telegram"></i></a> 12396<a href="whatsapp://send?text=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F" class="social-btn whatsapp" target="_blank"><i class="bi bi-whatsapp"></i></a> 12397</span> </p> 12398 <div id="banner-below"> 12399 <div><p>
12400<script src="https://apollo-news.net/wp-content/plugins/wp-friends-subscription/assets/js/payment.js?v=1.7.3"></script>
vendor: 1 bytes, line 12400
12400
12401<script> 12402 const wpFriendsSubscription = { 12403 getSourceElement: function() { 12404 const urlParams = new URLSearchParams(window.location.search); 12405 const sourceElementParam = urlParams.get('source_element'); 12406 if (sourceElementParam) { 12407 return sourceElementParam; 12408 } 12409 const shortcodeSource = ""; 12410 if (shortcodeSource) { 12411 return shortcodeSource; 12412 } 12413 return 'wpfs_payment_widget'; 12414 }, 12415 getPostId: function() { 12416 const urlParams = new URLSearchParams(window.location.search); 12417 const postIdParam = urlParams.get('post_id'); 12418 if (postIdParam) { 12419 return postIdParam; 12420 } 12421 const postId = 226169; 12422 if (postId) { 12423 return postId; 12424 } 12425 return null; 12426 }, 12427 getReturnUrl: function() { 12428 const baseUrl = window.location.href.split('?')[0]; 12429 const params = new URLSearchParams(); 12430 const sourceElement = this.getSourceElement(); 12431 if (sourceElement) { 12432 params.set('source_element', sourceElement); 12433 } 12434 const postId = this.getPostId(); 12435 if (postId) { 12436 params.set('post_id', postId); 12437 } 12438 const query = params.toString(); 12439 return query ? baseUrl + '?' + query : baseUrl; 12440 }, 12441 appearance: { 12442 theme: 'night', 12443 variables: { 12444 colorPrimary: '#EEC54B' 12445 } 12446 }, 12447 hideElement: (selector) => { 12448 const elem = document.querySelector(selector); 12449 if (elem) { 12450 elem.style.display = 'none'; 12451 } 12452 }, 12453 showElement: (selector) => { 12454 const elem = document.querySelector(selector); 12455 if (elem) { 12456 elem.style.display = ''; 12457 } 12458 }, 12459 toggleElement: (selector) => { 12460 const elem = document.querySelector(selector); 12461 if (elem) { 12462 const currentDisplay = elem.style.display; 12463 elem.style.display = currentDisplay === 'none' ? '' : 'none'; 12464 } 12465 }, 12466 hideErrorMessages: function() { 12467 document.querySelector('#error-messages').style.display = 'none'; 12468 }, 12469 displayError: function(message) { 12470 document.querySelector('#error-messages').style.display = ''; 12471 document.querySelector('#error-messages-text').textContent = message; 12472 }, 12473 onStripeError: function(error) { 12474 let errorMessage = 'Zahlung fehlgeschlagen: ' + error.message; 12475 if (error.code) { 12476 errorMessage += ' (' + error.code + ')'; 12477 } 12478 wpFriendsSubscription.displayError(errorMessage); 12479 } 12480 } 12481</script>
12481 12482 12483<style> 12484 .error-messages { 12485 color: red; 12486 font-weight: bold; 12487 } 12488 12489 .payment-nav { 12490 margin-bottom: 0px; 12491 } 12492 12493 .payment-nav-content { 12494 margin-top: .5rem; 12495 } 12496 12497 .payment-nav-content .block { 12498 margin-top: .5rem; 12499 border-top-right-radius: 0px; 12500 border-top-left-radius: 0px; 12501 } 12502 12503 .nav-tabs { 12504 border: 0px; 12505 } 12506 12507 .nav-tabs .nav-link.active { 12508 color: #EEC54B; 12509 background-color: #02162B; 12510 border: 0px; 12511 } 12512 12513 .nav-tabs .nav-link { 12514 color: #ffffff; 12515 background-color: #02162B; 12516 border: 0px; 12517 } 12518 12519 12520 .pay-area.block { 12521 padding: 1rem 1rem 1rem 1rem; 12522 } 12523 12524 .pay-area .btn.pay { 12525 width: 100%; 12526 margin-top: 0.4rem; 12527 font-size: 1.2rem; 12528 margin-bottom: 0.8rem; 12529 } 12530 12531 .pay-area .btn.pay.continue { 12532 margin-bottom: 0rem; 12533 } 12534 12535 .pay-area-form { 12536 margin-top: 0.5rem; 12537 } 12538 12539 .preview-payment-methods { 12540 display: flex; 12541 flex-direction: row; 12542 gap: 0.5rem; 12543 margin: 0.5rem 0 0.5rem 0; 12544 } 12545 12546 .preview-payment-method { 12547 color: #ACB3BA; 12548 /* border: 1px solid gray; */ 12549 /* padding: 0.1rem 0.8rem 0.1rem 0.8rem; */ 12550 border-radius: 4px; 12551 } 12552 12553 .payment-form { 12554 position: relative; 12555 } 12556 12557 .payment-form button[type=submit], 12558 .pay-area-form button[type=submit] { 12559 background-color: #EEC54B; 12560 } 12561 12562 .customer-data-container { 12563 display: flex; 12564 flex-direction: column; 12565 margin: 0.6rem 0 0.6rem 0; 12566 } 12567 12568 .payment-spinner { 12569 width: 1.2rem; 12570 height: 1.2rem; 12571 color: #EEC54B; 12572 } 12573 12574 .payment-form-overlay { 12575 position: absolute; 12576 top: 0; 12577 right: 0; 12578 height: 100%; 12579 width: 100%; 12580 background: black; 12581 opacity: .8; 12582 z-index: 1000; 12583 } 12584 12585 .payment-form input[disabled] { 12586 background-color: rgb(2, 22, 43); 12587 color: white; 12588 } 12589 12590 .payment-form-button-container { 12591 display: flex; 12592 flex-direction: row; 12593 margin-top: .5rem; 12594 } 12595 12596 .payment-phone-icon { 12597 font-size: 4rem; 12598 } 12599</style> 12600 12601 12602<div class="payment-nav block" id="payment-widget-block"> 12603 <nav> 12604 <div class="nav nav-tabs" id="nav-tab" role="tablist"> 12605 <a class="nav-link active" id="stripe-onetime-tab" data-bs-toggle="tab" href="#wp-fs-stripe-onetime" role="tab" aria-controls="stripe-onetime" aria-selected="true"> 12606 <i class="bi bi-piggy-bank"></i> Einmalig 12607 </a> 12608 <a class="nav-link" id="stripe-subscription-tab" data-bs-toggle="tab" href="#wp-fs-stripe-subscription" role="tab" aria-controls="stripe-subscription" aria-selected="false"> 12609 <i class="bi bi-repeat"></i> Monatlich 12610 </a> 12611 </div> 12612 </nav> 12613 <div class="tab-content payment-nav-content" id="nav-tabContent"> 12614 <div class="tab-pane fade show active" id="wp-fs-stripe-onetime" role="tabpanel" aria-labelledby="stripe-onetime-tab"> 12615
12616<script> 12617 let price = 25; 12618 12619 function readWholeEuroAmount(input) { 12620 if (!input) { 12621 return null; 12622 } 12623 if (input.validity.badInput || input.validity.stepMismatch) { 12624 return null; 12625 } 12626 const amount = input.valueAsNumber; 12627 if (!Number.isInteger(amount) || amount < 0) { 12628 return null; 12629 } 12630 return amount; 12631 } 12632 12633 function setOnetimePrice(newPrice) { 12634 const priceInt = parseInt(newPrice); 12635 price = priceInt; 12636 validateAmount(); 12637 } 12638 12639 function validateAmount() { 12640 const errMsg = document.querySelector('.amount-onetime-error-message'); 12641 const amountSubmitButton = document.querySelector('#amount-submit-button'); 12642 if (!price || price < 1) { 12643 if (errMsg) { 12644 errMsg.style.display = ''; 12645 } 12646 if (amountSubmitButton) { 12647 amountSubmitButton.disabled = true; 12648 } 12649 return; 12650 } 12651 if (errMsg) { 12652 errMsg.style.display = 'none'; 12653 } 12654 if (amountSubmitButton) { 12655 amountSubmitButton.disabled = false; 12656 } 12657 } 12658 12659 document.addEventListener('DOMContentLoaded', () => { 12660 12661 document.querySelectorAll('.pay-amount.pay-amount-onetime').forEach((elem) => { 12662 elem.addEventListener('change', function() { 12663 if (this.checked) { 12664 const amount = this.value; 12665 if (amount) { 12666 setOnetimePrice(amount); 12667 } 12668 } 12669 }); 12670 }); 12671 12672 const customAmount = document.querySelector('#onetime-amount'); 12673 if (customAmount) { 12674 customAmount.addEventListener('click', function(event) { 12675 document.querySelector('#onetime-amount6').checked = true; 12676 }); 12677 customAmount.addEventListener('input', function() { 12678 setOnetimePrice(readWholeEuroAmount(this)); 12679 }); 12680 customAmount.addEventListener('blur', function() { 12681 setOnetimePrice(readWholeEuroAmount(this)); 12682 }); 12683 } 12684 12685 let stripe; 12686 let elements; 12687 let paymentIntentId; 12688 let customerId; 12689 let customerEmail; 12690 12691 // Die relevanten GUI-Elemente als Variablen vorhalten 12692 const spinner = document.querySelector('#stripe-onetime-spinner'); 12693 const amountForm = document.querySelector('#amount-form-onetime'); 12694 const paymentForm = document.querySelector('#payment-form-onetime'); 12695 const standardTransfer = document.querySelector('.standard-transfer'); 12696 const previewPaymentMethods = document.querySelector('#preview-payment-methods-onetime'); 12697 const infoContainer = document.querySelector('#info-container'); 12698 const paymentSubmitButton = document.querySelector('#payment-button-onetime'); 12699 const paymentSubmitButtonText = document.querySelector('#payment-button-onetime-text'); 12700 const cancelPaymentButton = document.querySelector('#cancel-button-payment-onetime'); 12701 12702 cancelPaymentButton.addEventListener('click', () => { 12703 amountForm.style.display = ''; 12704 standardTransfer.style.display = ''; 12705 previewPaymentMethods.style.display = ''; 12706 paymentForm.style.display = 'none'; 12707 infoContainer.style.display = 'none'; 12708 12709 paymentSubmitButton.disabled = false; 12710 }); 12711 12712 // Event-Handler für das Formular zur Auswahl des Betrages 12713 amountForm.addEventListener('submit', async (event) => { 12714 12715 event.preventDefault(); 12716 wpFriendsSubscription.hideErrorMessages(); 12717 12718 const checkedAmount = document.querySelector('input[name="onetime-amount"]:checked'); 12719 if (checkedAmount && checkedAmount.id === 'onetime-amount6') { 12720 const customInput = document.querySelector('#onetime-amount'); 12721 setOnetimePrice(readWholeEuroAmount(customInput)); 12722 if (!price || price < 1) { 12723 return; 12724 } 12725 } 12726 12727 paymentSubmitButton.disabled = true; 12728 12729 amountForm.style.display = 'none'; 12730 standardTransfer.style.display = 'none'; 12731 previewPaymentMethods.style.display = 'none'; 12732 12733 paymentForm.style.display = ''; 12734 infoContainer.style.display = ''; 12735 12736 const amount = price; 12737 paymentSubmitButtonText.innerText = ' Bezahlen (' + (price) + " â¬)"; 12738 12739 spinner.style.display = ''; 12740 const postId = wpFriendsSubscription.getPostId(); 12741 const sourceElement = wpFriendsSubscription.getSourceElement(); 12742 const response = await fetch('https://apollo-news.net/wp-content/plugins/wp-friends-subscription/src/Stripe/create-payment-intent.php', { 12743 method: 'POST', 12744 headers: { 12745 'Content-Type': 'application/json', 12746 }, 12747 body: JSON.stringify({ 12748 amount: amount, 12749 postId: postId, 12750 sourceElement: sourceElement 12751 }), 12752 }); 12753 if (!response.ok) { 12754 response.text().then(text => { 12755 wpFriendsSubscription.displayError(text); 12756 logStripeError(text, 'create-payment-intent', `Amount: ${amount}, Status: ${response.status}`); 12757 }); 12758 spinner.style.display = 'none'; 12759 return; 12760 } 12761 12762 const data = await response.json(); 12763 console.log('Payment intent created.', data); 12764 12765 paymentIntentId = data.id; 12766 const clientSecret = data.clientSecret; 12767 12768 stripe = stripe || Stripe('pk_live_51PdvOGHGrncX6IOa8t0QIIVVRBnpG0WQ9QyA8UrmupkC3v2l46X1QtTzegKo5XM1VqetBKE0ix9GY3bCKIhJqlGm00E0yFxAr3'); 12769 12770 // Stripe elements erzeugen 12771 // https://docs.stripe.com/js/elements_object
12772 const appearance = wpFriendsSubscription.appearance; 12773 elements = stripe.elements({ 12774 clientSecret, 12775 appearance 12776 }); 12777 // Zahlungsformular (Payment Element) erzeugen und anzeigen 12778 const paymentElement = elements.create('payment', { 12779 paymentMethodOrder: ['paypal', 'apple_pay', 'google_pay', 'card', 'sepa_debit'], 12780 layout: { 12781 type: 'accordion' 12782 }, 12783 fields: { 12784 billingDetails: { 12785 email: 'auto' 12786 } 12787 } 12788 }); 12789 paymentElement.on('ready', function(event) { 12790 // Jetzt ist das Stripe-Element vollständig gerendert 12791 paymentSubmitButton.disabled = false; 12792 }); 12793 paymentElement.mount('#payment-element-onetime'); 12794 spinner.style.display = 'none'; 12795 }); 12796 12797 paymentForm.addEventListener('submit', async (e) => { 12798 // Formular nicht submitten 12799 e.preventDefault(); 12800 // Fehlermeldungen entfernen 12801 wpFriendsSubscription.hideErrorMessages(); 12802 12803 const customerEmail = document.querySelector('#onetime-email').value; 12804 12805 // Disable the form from submitting twice. 12806 paymentSubmitButton.disabled = true; 12807 12808 spinner.style.display = ''; 12809 const overlay = document.querySelector('#payment-form-onetime-overlay'); 12810 overlay.style.display = ''; 12811 12812 // Wir aktualisieren das Payment Intent 12813 // Als Resultat wird Customer erzeugt 12814 if (!customerId) { 12815 let response = await fetch('https://apollo-news.net/wp-content/plugins/wp-friends-subscription/src/Stripe/update-payment-intent.php', { 12816 method: 'post', 12817 headers: { 12818 'Content-Type': 'application/json', 12819 }, 12820 body: JSON.stringify({ 12821 email: customerEmail, 12822 id: paymentIntentId 12823 }), 12824 }); 12825 if (!response.ok) { 12826 response.text().then(text => { 12827 wpFriendsSubscription.displayError(text); 12828 logStripeError(text, 'update-payment-intent', `Payment Intent ID: ${paymentIntentId}, Email: ${customerEmail}, Status: ${response.status}`); 12829 }); 12830 paymentSubmitButton.disabled = false; 12831 spinner.style.display = 'none'; 12832 overlay.style.display = 'none'; 12833 return; 12834 } 12835 const data = await response.json(); 12836 customerId = data.customerId; 12837 12838 console.log('Payment intent updated.', data); 12839 } 12840 12841 // Zahlung gegenüber Stripe bestätigen 12842 response = await stripe.confirmPayment({ 12843 elements, 12844 confirmParams: { 12845 return_url: wpFriendsSubscription.getReturnUrl(), 12846 payment_method_data: { 12847 billing_details: { 12848 email: customerEmail 12849 } 12850 } 12851 } 12852 }); 12853 spinner.style.display = 'none'; 12854 overlay.style.display = 'none'; 12855 if (response.error) { 12856 // Zahlung fehlgeschlagen 12857 wpFriendsSubscription.onStripeError(response.error); 12858 logStripeError(response.error, 'confirm-payment', `Payment Intent ID: ${paymentIntentId}, Customer ID: ${customerId}, Customer Email: ${customerEmail}`); 12859 paymentSubmitButton.disabled = false; 12860 return; 12861 } 12862 console.log('Payment processed succesfully.'); 12863 }); 12864 }); 12865</script>
12865 12866 12867<div class="pay-area pay-area-onetime"> 12868 <h3>Apollo News unterstützen <i class="spinner-grow payment-spinner" id="stripe-onetime-spinner" role="status" style="display: none;"></i></h3> 12869 12870 <div class="preview-payment-methods" id="preview-payment-methods-onetime"> 12871 <span class=" preview-payment-method">Zahlungsoptionen: </span> 12872 <span class=" preview-payment-method"><i class="bi bi-credit-card"></i></span> 12873 <span class=" preview-payment-method"><i class="bi bi-bank"></i></span> 12874 <span class=" preview-payment-method"><i class="bi bi-paypal"></i></span> 12875 <span class=" preview-payment-method"><i class="bi bi-apple"></i> Pay</span> 12876 <span class=" preview-payment-method"><i class="bi bi-google"></i> Pay</span> 12877 </div> 12878 12879 <form id="amount-form-onetime" class="pay-area-form" novalidate> 12880 12881 <input type="radio" class="btn-check pay-amount pay-amount-onetime" value="10"" name="onetime-amount" id="onetime-amount1" autocomplete="off"> 12882 <label class="btn btn-secondary pay-amount" for="onetime-amount1">10 â¬</label> 12883 12884 <input type="radio" class="btn-check pay-amount pay-amount-onetime" value="15"" name="onetime-amount" id="onetime-amount2" autocomplete="off"> 12885 <label class="btn btn-secondary pay-amount" for="onetime-amount2">15 â¬</label> 12886 12887 <input type="radio" class="btn-check pay-amount pay-amount-onetime" value="25"" name="onetime-amount" id="onetime-amount3" autocomplete="off" checked> 12888 <label class="btn btn-secondary pay-amount" for="onetime-amount3">25 â¬</label> 12889 12890 <input type="radio" class="btn-check pay-amount pay-amount-onetime" value="50"" name="onetime-amount" id="onetime-amount4" autocomplete="off"> 12891 <label class="btn btn-secondary pay-amount" for="onetime-amount4">50 â¬</label> 12892 12893 <input type="radio" class="btn-check pay-amount pay-amount-onetime" value="100"" name="onetime-amount" id="onetime-amount5" autocomplete="off"> 12894 <label class="btn btn-secondary pay-amount" for="onetime-amount5">100 â¬</label> 12895 12896 <input type="radio" class="btn-check" name="onetime-amount" id="onetime-amount6" autocomplete="off"> 12897 <input type="number" class="btn btn-secondary form-control pay-amount" name="amount" id="onetime-amount" placeholder="Anderer Betrag (â¬)" inputmode="numeric" pattern="[0-9]*" step="1" min="1" /> 12898 12899 <div class="amount-onetime-error-message" style="display: none;"> 12900 Der Betrag muss eine ganze Zahl sein und darf nicht unter 1 ⬠liegen. 12901 </div> 12902 12903 <div> 12904 <button id="amount-submit-button" type="submit" class="btn pay continue"> 12905 <i class="bi bi-arrow-right"></i> Weiter zum Zahlen 12906 </button> 12907 </div> 12908 </form> 12909 12910 <form id="payment-form-onetime" class="payment-form" style="display: none;"> 12911 12912 <div id="payment-form-onetime-overlay" class="payment-form-overlay" style="display: none;"> 12913 <div class="d-flex align-items-center justify-content-center flex-column" style="width: 100%; height: 100%"> 12914 <h4 class="p-2 text-center">Zahlung wird verarbeitet</h4> 12915 <h1 class="bi bi-phone payment-phone-icon"></h1> 12916 <p class="p-2 text-center">Ggf. müssen Sie die Zahlung mit Ihrer Banking-App bestätigen ...</p> 12917 <div class="p-2 spinner-border" style="width: 6rem; height: 6rem;" role="status"> 12918 <span class="visually-hidden">Loading ...</span> 12919 </div> 12920 </div> 12921 </div> 12922 12923 <h6>Bitte geben Sie Ihre Kontakt- und Zahlungsdaten an.</h6> 12924 <div class="customer-data-container"> 12925 <label for="onetime-email">E-Mail (optional)</label> 12926 <input type="email" name="email" id="onetime-email" class="form-control sub-email new-form" placeholder="[email protected]" /> 12927 <!-- <label for="onetime-name">Name (optional)</label> 12928 <input name="name" id="onetime-name" class="form-control sub-email new-form" placeholder="Max Mustermann" required /> --> 12929 </div> 12930 12931 <p style="margin-top: 1rem;"> 12932 Für den Bezahlvorgang nutzen wir Dienste von <a href="https://stripe.com/de" target="_blank">Stripe</a>. Details hierzu in der <a href="https://apollo-news.net/datenschutzerklaerung" target="_blank">Datenschutzerklärung</a>. 12933 </p> 12934 12935 <div id="payment-element-onetime"> 12936 <!-- Elements will create input elements here --> 12937 </div> 12938 12939 <div class="payment-form-button-container"> 12940 <button id="payment-button-onetime" type="submit" class="btn pay" style="width: 65%;"> 12941 <i class="bi bi-bag-check"></i> 12942 <span id="payment-button-onetime-text"> Bezahlen</span></button> 12943 <button id="cancel-button-payment-onetime" type="button" class="btn pay" style="width: 34%; margin-left: auto"> 12944 <i class="bi bi-arrow-left"></i> 12945 Zurück</button> 12946 </div> 12947 </form> 12948 12949 <div class="pay-area standard-transfer"> 12950 <button type="button" class="btn pay" onclick="javascript:wpFriendsSubscription.toggleElement('#standard-transfer');"><i class="bi bi-wallet2"></i> Bank-Ãberweisung</button> 12951 <div id="standard-transfer" style="display: none;"> 12952 <h6 style="color: #EEC54B;">
12952Für eine Ãberweisung verwenden Sie bitte folgendes Konto:</h6> 12953 <p>Kontoinhaber: Apollo Medien GmbH</p> 12954 <p>IBAN: DE44 1004 0000 0287 5854 00</p> 12955 <p>Verwendungszweck: Unterstützung</p> 12956 </div> 12957 </div> 12958</div> </div> 12959 <div class="tab-pane fade" id="wp-fs-stripe-subscription" role="tabpanel" aria-labelledby="stripe-subscription-tab"> 12960 12961<style> 12962 /* CSS für das Abo-Widget */ 12963 .pay-area-subscription .price-label { 12964 font-size: 1.2rem; 12965 } 12966 12967 .pay-area-subscription .price-label .monthly { 12968 font-size: 0.75rem; 12969 font-weight: 400; 12970 } 12971 12972 .pay-area-subscription .sub-label { 12973 font-size: 0.9rem; 12974 } 12975 12976 .pay-area-subscription .support-label { 12977 font-weight: 400; 12978 font-size: 0.7rem; 12979 line-height: 0.7rem; 12980 margin-top: 0.3rem; 12981 opacity: 0.8; 12982 } 12983 12984 .pay-area-subscription .pay-area-form { 12985 display: flex; 12986 flex-wrap: wrap; 12987 gap: 0.2rem; 12988 } 12989 12990 #subscription-amount-step { 12991 position: relative; 12992 } 12993 12994 #amount-form-subscription-overlay { 12995 inset: 0; 12996 width: auto; 12997 height: auto; 12998 color: #fff; 12999 } 13000 13001 #subscription-amount-step.is-loading .btn-check:checked + .pay-amount { 13002 /* Wird wg. transform regel in Theme-CSS deaktiviert */ 13003 transform: none; 13004 } 13005 13006 .pay-area-subscription .pay-amount { 13007 width: 135px; 13008 height: 95px; 13009 } 13010 13011 .pay-amount.custom-set { 13012 height: inherit; 13013 } 13014 13015 /*nur mobil: */ 13016 @media (max-width: 820px) { 13017 .pay-amount.custom-set { 13018 height: 95px 13019 /*und Beliebiger Betrag (â¬)*/ 13020 } 13021 13022 .pay-area-subscription .pay-amount { 13023 min-width: 45%; 13024 } 13025 } 13026 13027 13028 .pay-area-subscription p.support-notice { 13029 font-size: 0.85rem; 13030 opacity: 0.7; 13031 margin-bottom: 0; 13032 } 13033 13034 .friends-opt-out-label { 13035 font-size: 0.85rem; 13036 opacity: 0.7; 13037 } 13038 13039 #friends-opt-out { 13040 width: 0.85rem; 13041 height: 0.85rem; 13042 margin-top: 0.2rem; 13043 } 13044 13045 .invoice-item { 13046 display: flex; 13047 justify-content: space-between; 13048 align-items: center; 13049 border-top: 1px solid #314253; 13050 padding-top: 0.15rem; 13051 padding-bottom: 0.25rem; 13052 } 13053 13054 .invoice-item:first-child { 13055 border-top: none; 13056 } 13057 13058 .invoice-item.sum { 13059 font-weight: bold; 13060 border-top: 2px solid #ffffff; 13061 } 13062 13063 div.bank-transfer-element { 13064 padding: 1rem; 13065 padding-top: 0; 13066 padding-bottom: 0; 13067 margin-top: .5rem; 13068 border: 1px solid rgb(66, 67, 83); 13069 background-color: #30313d; 13070 border-radius: 5px; 13071 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 1px 6px rgba(0, 0, 0, 0.25); 13072 transition: box-shadow .15s ease; 13073 } 13074 13075 .bank-transfer-heading { 13076 color: rgb(179, 179, 179); 13077 font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; 13078 font-weight: 400; 13079 font-size: 14px; 13080 line-height: 16.1px; 13081 padding: 16px; 13082 padding-left: 0; 13083 padding-right: 0; 13084 } 13085 13086 .bank-transfer-heading-radio { 13087 display: flex; 13088 align-items: center; 13089 flex: 0; 13090 color: rgb(179, 179, 179); 13091 cursor: pointer; 13092 text-align: start; 13093 } 13094 13095 .bank-transfer-heading-icon { 13096 fill: currentColor; 13097 height: 1.2em; 13098 max-width: 2.5em; 13099 width: auto; 13100 } 13101 13102 .bank-transfer-heading-radio-icon { 13103 color: currentColor; 13104 width: 16.8px; 13105 height: 16.8px; 13106 } 13107 13108 .bank-transfer-heading-radio-icon-outer { 13109 stroke-width: 18.75; 13110 fill: none; 13111 stroke: currentColor; 13112 } 13113 13114 .bank-transfer-heading-radio-icon-inner { 13115 r: 21.875px; 13116 fill-opacity: 0; 13117 } 13118 13119 .bank-transfer-content { 13120 background-color: #30313d; 13121 padding: 4px 0 16px; 13122 } 13123 13124 .bank-transfer-content-item { 13125 padding: .75rem; 13126 border: 1px solid rgb(66, 67, 83); 13127 border-radius: 5px; 13128 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 1px 6px rgba(0, 0, 0, 0.25); 13129 } 13130 13131 .bank-transfer-content-item-divider { 13132 height: 1px; 13133 width: 100%; 13134 margin-bottom: .75rem; 13135 margin-top: .75rem; 13136 background: rgb(66, 67, 83); 13137 } 13138 13139 .bank-transfer-content-item-text { 13140 color: #b3b3b3; 13141 } 13142 13143 .bank-transfer-element a.bank-transfer-link { 13144 color: #EEC54B; 13145 font-size: inherit; 13146 font-weight: 600; 13147 text-decoration: none; 13148 cursor: pointer; 13149 } 13150 13151 @media (max-width: 820px) { 13152 #preview-payment-methods-subscription { 13153 font-size: 0.85rem; 13154 } 13155 } 13156</style> 13157 13158
13159<script> 13160 let subscriptionAmount = 900; 13161 let customPrice = false; 13162 13163 function readWholeEuroAmount(input) { 13164 if (!input) { 13165 return null; 13166 } 13167 if (input.validity.badInput || input.validity.stepMismatch) { 13168 return null; 13169 } 13170 const amount = input.valueAsNumber; 13171 if (!Number.isInteger(amount) || amount < 0) { 13172 return null; 13173 } 13174 return amount; 13175 } 13176 13177 function setSubscriptionAmount(newAmount, newCustom) { 13178 const errMsg = document.querySelector('.amount-subscription-error-message'); 13179 if (newCustom) { 13180 const priceInt = parseInt(newAmount); 13181 subscriptionAmount = priceInt; 13182 } else { 13183 subscriptionAmount = newAmount; 13184 } 13185 customPrice = newCustom; 13186 13187 validateCustomPrice(newCustom); 13188 } 13189 13190 function validateCustomPrice(newCustom) { 13191 const errMsg = document.querySelector('.amount-subscription-error-message'); 13192 const amountSubmitButton = document.querySelector('#amount-submit-button-subscription'); 13193 if (newCustom && (!subscriptionAmount || subscriptionAmount < 400)) { 13194 if (errMsg) { 13195 errMsg.style.display = ''; 13196 }
13197 if (amountSubmitButton) { 13198 amountSubmitButton.disabled = true; 13199 } 13200 return; 13201 } 13202 if (errMsg) { 13203 errMsg.style.display = 'none'; 13204 } 13205 if (amountSubmitButton) { 13206 amountSubmitButton.disabled = false; 13207 } 13208 } 13209 13210 document.addEventListener('DOMContentLoaded', () => { 13211 13212 subscriptionAmount = document.querySelector('.pay-amount.pay-amount-subscription:checked').dataset.amount; 13213 setSubscriptionAmount(subscriptionAmount, false); 13214 13215 // Die relevanten GUI-Elemente als Variablen vorhalten 13216 const friendsOptOutCheckbox = document.querySelector('#friends-opt-out'); 13217 const subscriptionEmailInput = document.querySelector('#subscription-email'); 13218 const amountForm = document.querySelector('#amount-form-subscription'); 13219 const paymentForm = document.querySelector('#payment-form-subscription'); 13220 const paymentSubmitButton = document.querySelector('#payment-button-subscription'); 13221 const paymentSubmitButtonText = document.querySelector('#payment-button-subscription-text'); 13222 const standardTransfer = document.querySelector('.standard-transfer'); 13223 const infoContainer = document.querySelector('#info-container'); 13224 const cancelPaymentButton = document.querySelector('#cancel-button-subscription'); 13225 const bankTransferElement = document.querySelector('.bank-transfer-element'); 13226 const amountFormOverlay = document.querySelector('#amount-form-subscription-overlay'); 13227 const amountSubmitButton = document.querySelector('#amount-submit-button-subscription'); 13228 const subscriptionAmountStep = document.querySelector('#subscription-amount-step'); 13229 13230 function resetAmountFormLoadingState() { 13231 if (amountFormOverlay) amountFormOverlay.style.display = 'none'; 13232 if (subscriptionAmountStep) subscriptionAmountStep.classList.remove('is-loading'); 13233 if (amountSubmitButton) amountSubmitButton.disabled = false; 13234 } 13235 13236 if (friendsOptOutCheckbox && subscriptionEmailInput) { 13237 friendsOptOutCheckbox.addEventListener('change', function() { 13238 if (this.checked) { 13239 subscriptionEmailInput.removeAttribute('required'); 13240 } else { 13241 subscriptionEmailInput.setAttribute('required', 'required'); 13242 } 13243 }); 13244 } 13245 13246 document.querySelectorAll('.pay-amount.pay-amount-subscription').forEach((elem) => { 13247 elem.addEventListener('change', function() { 13248 if (this.checked) { 13249 const amount = this.dataset.amount; 13250 if (amount) { 13251 setSubscriptionAmount(amount, false); 13252 } 13253 } 13254 }); 13255 }); 13256 13257 const customAmount = document.querySelector('#subscription-amount'); 13258 if (customAmount) { 13259 customAmount.addEventListener('input', function() { 13260 setSubscriptionAmount((readWholeEuroAmount(this) || 0) * 100, true); 13261 }); 13262 customAmount.addEventListener('blur', function() { 13263 setSubscriptionAmount((readWholeEuroAmount(this) || 0) * 100, true); 13264 }); 13265 customAmount.addEventListener('click', function() { 13266 document.querySelector('#price-custom').checked = true; 13267 }); 13268 } 13269 13270 let priceId; 13271 let customerId; 13272 let subscriptionId; 13273 let clientSecret; 13274 let amountTotal; 13275 let stripe; 13276 let elements; 13277 let customerEmail; 13278 13279 cancelPaymentButton.addEventListener('click', () => { 13280 resetAmountFormLoadingState(); 13281 if (subscriptionAmountStep) subscriptionAmountStep.style.display = ''; 13282 if (standardTransfer) standardTransfer.style.display = ''; 13283 paymentForm.style.display = 'none'; 13284 infoContainer.style.display = 'none'; 13285 13286 paymentSubmitButton.disabled = false; 13287 }); 13288 13289 amountForm.addEventListener('submit', async (event) => { 13290 event.preventDefault(); 13291 wpFriendsSubscription.hideErrorMessages(); 13292 13293 priceId = document.querySelector('input[name="price"]:checked').value; 13294 if (priceId === 'price_1SQm5bHGrncX6IOabvbmxpAV') { 13295 const customInput = document.querySelector('#subscription-amount'); 13296 setSubscriptionAmount((readWholeEuroAmount(customInput) || 0) * 100, true); 13297 if (!subscriptionAmount || subscriptionAmount < 400) { 13298 return; 13299 } 13300 } 13301 13302 paymentSubmitButton.disabled = true; 13303 if (amountSubmitButton) amountSubmitButton.disabled = true; 13304 if (amountFormOverlay) amountFormOverlay.style.display = ''; 13305 if (subscriptionAmountStep) subscriptionAmountStep.classList.add('is-loading'); 13306 13307 paymentSubmitButtonText.innerText = ' AbschlieÃen (' + (subscriptionAmount / 100).toLocaleStr
13307ing('de-DE', { 13308 minimumFractionDigits: 2, 13309 maximumFractionDigits: 2 13310 }) + " ⬠monatl.)"; 13311 13312 const invoiceItemsContainer = document.querySelector('#invoice-items-container'); 13313 13314 if (invoiceItemsContainer) invoiceItemsContainer.innerHTML = ''; 13315 13316 // Payment form im Hintergrund vorbereiten (bleibt unsichtbar bis ready) 13317 const paymentFormContent = document.querySelector('#payment-form-content'); 13318 if (paymentFormContent) paymentFormContent.style.display = ''; 13319 13320 // Abo erzeugen 13321 const postId = wpFriendsSubscription.getPostId(); 13322 const sourceElement = wpFriendsSubscription.getSourceElement(); 13323 let response = await fetch('https://apollo-news.net/wp-content/plugins/wp-friends-subscription/src/Stripe/create-subscription.php', { 13324 method: 'post', 13325 headers: { 13326 'Content-Type': 'application/json', 13327 }, 13328 body: JSON.stringify({ 13329 priceId: priceId, 13330 quantity: (customPrice ? subscriptionAmount / 100 : 1), 13331 postId: postId, 13332 sourceElement: sourceElement 13333 }), 13334 }); 13335 if (!response.ok) { 13336 response.text().then(text => { 13337 let message = text; 13338 try { 13339 const parsed = JSON.parse(text); 13340 if (parsed && typeof parsed.error === 'string') { 13341 message = parsed.error; 13342 } else if (parsed && typeof parsed.message === 'string') { 13343 message = parsed.message; 13344 } 13345 } catch (e) { 13346 // Rohtext (z. B. HTML-Fehlerseite) unverändert anzeigen 13347 } 13348 wpFriendsSubscription.displayError(message); 13349 logStripeError(text, 'create-subscription', `Price ID: ${priceId}, Quantity: ${customPrice ? subscriptionAmount / 100 : 1}, Status: ${response.status}`); 13350 }); 13351 resetAmountFormLoadingState(); 13352 paymentSubmitButton.disabled = false; 13353 return; 13354 } 13355 13356 let data = await response.json(); 13357 console.log('Subscription created.', data); 13358 13359 const invoiceItems = data.invoiceItems; 13360 for (const [key, value] of Object.entries(invoiceItems)) { 13361 const sumClass = key === "Gesamtbetrag (monatl.)" ? " sum" : ""; 13362 const invoiceItemDiv = document.createElement('div'); 13363 invoiceItemDiv.className = 'invoice-item' + sumClass; 13364 13365 const labelSpan = document.createElement('span'); 13366 labelSpan.className = 'invoice-item-label'; 13367 labelSpan.textContent = key + ':'; 13368 13369 const nbsp = document.createTextNode('\u00A0'); 13370 13371 const amountSpan = document.createElement('span'); 13372 amountSpan.className = 'invoice-item-amount'; 13373 amountSpan.innerHTML = value + ' €'; 13374 13375 invoiceItemDiv.appendChild(labelSpan); 13376 invoiceItemDiv.appendChild(nbsp); 13377 invoiceItemDiv.appendChild(amountSpan); 13378 13379 invoiceItemsContainer.appendChild(invoiceItemDiv); 13380 } 13381 // Invoice Items bleiben ausgeblendet, bis Payment Element ready ist 13382 13383 customerId = data.customerId; 13384 subscriptionId = data.subscriptionId; 13385 clientSecret = data.clientSecret; 13386 amountTotal = data.amountTotal; 13387 13388 stripe = stripe || Stripe('pk_live_51PdvOGHGrncX6IOa8t0QIIVVRBnpG0WQ9QyA8UrmupkC3v2l46X1QtTzegKo5XM1VqetBKE0ix9GY3bCKIhJqlGm00E0yFxAr3'); 13389 13390 // Stripe elements erzeugen 13391 // https://docs.stripe.com/js/elements_object 13392 const appearance = wpFriendsSubscription.appearance; 13393 elements = stripe.elements({ 13394 clientSecret, 13395 appearance 13396 }); 13397 // Zahlungsformular (Payment Element) erzeugen und anzeigen 13398 const paymentElement = elements.create('payment', { 13399 paymentMethodOrder: ['paypal', 'apple_pay', 'google_pay', 'card', 'sepa_debit'], 13400 layout: { 13401 type: 'accordion' 13402 }, 13403 fields: { 13404 billingDetails: { 13405 email: 'auto' 13406 } 13407 } 13408 }); 13409 paymentElement.on('ready', function(event) { 13410 // Amount-Step ausblenden und fertiges Payment-Form einblenden 13411 if (amountFormOverlay) amountFormOverlay.style.display = 'none'; 13412 if (subscriptionAmountStep) { 13413 subscriptionAmountStep.classList.remove('is-loading'); 13414 subscriptionAmountStep.style.display = 'none'; 13415 } 13416 if (standardTransfer) standardTransfer.style.display = 'none'; 13417 infoContainer.style.display = ''; 13418 paymentForm.style.display = ''; 13419 13420 const paymentFormContentInner = document.querySelector('#payment-form-content-inner'); 13421 const invoiceItemsLabel = document.querySelector('#invoice-items-label'); 13422 const invoiceItemsContainer = document.querySelector('#invoice-items-container'); 13423 const paymentElementContainer = document.querySelector('#payment-element-subscription'); 13424 13425 if (paymentFormContentInner) paymentFormContentInner.style.display = ''; 13426 if (invoiceItemsLabel) invoiceItemsLabel.style.display = ''; 13427 if (invoiceItemsContainer) invoiceItemsContainer.style.display = ''; 13428 if (paymentElementContainer) paymentElementContainer.style.display = ''; 13429 if (bankTransferElement) bankTransferElement.style.display = ''; 13430 13431 paymentSubmitButton.disabled = false;
13432 }); 13433 paymentElement.mount('#payment-element-subscription'); 13434 // Amount-Form-Overlay bleibt, bis Payment Element ready ist 13435 }); 13436 13437 // Event-Handler für das Zahlungsformular 13438 paymentForm.addEventListener('submit', async (event) => { 13439 event.preventDefault(); 13440 wpFriendsSubscription.hideErrorMessages(); 13441 13442 // Disable the form from submitting twice. 13443 paymentSubmitButton.disabled = true; 13444 13445 let customerEmail; 13446 customerEmail = document.querySelector('#subscription-email').value; 13447 13448 const overlay = document.querySelector('#payment-form-subscription-overlay'); 13449 overlay.style.display = ''; 13450 13451 let response = await fetch('https://apollo-news.net/wp-content/plugins/wp-friends-subscription/src/Stripe/update-customer.php', { 13452 method: 'post', 13453 headers: { 13454 'Content-Type': 'application/json', 13455 }, 13456 body: JSON.stringify({ 13457 email: customerEmail, 13458 customerId: customerId 13459 }), 13460 }); 13461 if (!response.ok) { 13462 response.text().then(text => { 13463 let message = text; 13464 try { 13465 const parsed = JSON.parse(text); 13466 if (parsed && typeof parsed.error === 'string') { 13467 message = parsed.error; 13468 } 13469 } catch (e) { 13470 // Rohtext (z. B. HTML-Fehlerseite) unverändert anzeigen 13471 } 13472 wpFriendsSubscription.displayError(message); 13473 logStripeError(text, 'update-customer', `Customer ID: ${customerId}, Email: ${customerEmail}, Status: ${response.status}`); 13474 }); 13475 paymentSubmitButton.disabled = false; 13476 overlay.style.display = 'none'; 13477 return; 13478 } 13479 13480 const data = await response.json(); 13481 console.log('Customer updated.', data); 13482 13483 const returnUrl = friendsOptOutCheckbox?.checked ? 13484 wpFriendsSubscription.getReturnUrl() : 13485 'https://apollo-news.net/wp-content/plugins/wp-friends-subscription/src/Register/register.php?source=payment' + 13486 (customerEmail ? '&email=' + encodeURIComponent(customerEmail) : "") + 13487 '&stripe_subscription_id=' + encodeURIComponent(subscriptionId) + 13488 '&back_url=' + encodeURIComponent(wpFriendsSubscription.getReturnUrl()); 13489 13490 // Zahlung gegenüber Stripe bestätigen 13491 response = await stripe.confirmPayment({ 13492 elements, 13493 confirmParams: { 13494 return_url: returnUrl, 13495 payment_method_data: { 13496 billing_details: { 13497 email: customerEmail 13498 } 13499 } 13500 } 13501 }); 13502 overlay.style.display = 'none'; 13503 if (response.error) { 13504 // Zahlung fehlgeschlagen 13505 wpFriendsSubscription.onStripeError(response.error); 13506 logStripeError(response.error, 'confirm-payment', `Subscription ID: ${subscriptionId}, Customer ID: ${customerId}, Customer Email: ${customerEmail}`); 13507 paymentSubmitButton.disabled = false; 13508 return; 13509 } 13510 13511 window.location.href = returnUrl; 13512 }); 13513 }); 13514</script>
13514 13515 13516<div class="pay-area pay-area-subscription"> 13517 <h3><img decoding="async" src="https://apollo-news.net/wp-content/uploads/2025/10/a-friend-single-font-3.jpg" style="height: 2.5rem;">Freund von Apollo News werden </h3> 13518 <div id="subscription-amount-step"> 13519 <div id="amount-form-subscription-overlay" class="payment-form-overlay" style="display: none;"> 13520 <div class="d-flex align-items-center justify-content-center flex-column" style="width: 100%; height: 100%"> 13521 <div class="spinner-border" role="status" style="width: 6rem; height: 6rem;"> 13522 <span class="visually-hidden">Lade Zahlungsformular ...</span> 13523 </div> 13524 <p class="p-2 text-center" style="margin-top: 1rem;">Zahlungsformular wird geladen ...</p> 13525 </div> 13526 </div> 13527 <p id="friend-text-subscription">Apollo News wäre ohne unsere Unterstützer nicht möglich. Mit dem Freunde-Programm unterstützen Sie unsere Arbeit monatlich und geben uns so wichtige Planbarkeit, etwa für die Einstellung neuer Journalisten. Zugleich erhalten Freunde Dankeschöns wie einen werbefreien Zugang. <a href="https://apollo-news.net/freunde/" target="_blank">Mehr dazu hier</a></p> 13528 13529 <div class="preview-payment-methods" id="preview-payment-methods-subscription"> 13530 <span class=" preview-payment-method">Monatszahlung per </span> 13531 <span class=" preview-payment-method"><i class="bi bi-credit-card"></i></span> 13532 <span class=" preview-payment-method"><i class="bi bi-bank"></i></span> 13533 <span class=" preview-payment-method"><i class="bi bi-paypal"></i></span> 13534 <span class=" preview-payment-method"><i class="bi bi-apple"></i> Pay</span> 13535 <span class=" preview-payment-method"><i class="bi bi-google"></i> Pay</span> 13536 </div> 13537 13538 <form id="amount-form-subscription" class="pay-area-form" novalidate> 13539 <input type="radio" class="btn-check pay-amount pay-amount-subscription" data-amount="399" value="price_1QTjLXHGrncX6IOahCsX4mba" name="price" id="price-0" autocomplete="off" > 13540 <label class="btn btn-secondary pay-amount" for="price-0"> 13541 <div class="price-label">3,99 €<span class="monthly"> /mtl.</span></div> 13542 <div class="sub-label">Basis</div> 13543 <div class="support-label"> 13544 Keine Unterstützung, nur Abo 13545 </div> 13546 </label> 13547 <input type="radio" class="btn-check pay-amount pay-amount-subscription" data-amount="900" value="price_1SQm5bHGrncX6IOaRNYa1Q4X" name="price" id="price-1" autocomplete="off" checked> 13548 <label class="btn btn-secondary pay-amount" for="price-1"> 13549 <div class="price-label">9 €<span class="monthly"> /mtl.</span></div> 13550 <div class="sub-label">Standard</div> 13551 <div class="support-label"> 13552 Unterstützung + Abo 13553 </div> 13554 </label> 13555 <input type="radio" class="btn-check pay-amount pay-amount-subscription" data-amount="1836" value="price_1SRxwsHGrncX6IOaSjrgaErx" name="price" id="price-2" autocomplete="off" > 13556 <label class="btn btn-secondary pay-amount" for="price-2"> 13557 <div class="price-label">18,36 €<span class="monthly"> /mtl.</span></div> 13558 <div class="sub-label">Gegen-GEZ</div> 13559 <div class="support-label"> 13560 Unterstützung + Abo 13561 </div> 13562 </label> 13563 <input type="radio" class="btn-check pay-amount pay-amount-subscription" data-amount="5000" value="price_1SQm5bHGrncX6IOaaSinxLMW" name="price" id="price-3" autocomplete="off" > 13564 <label class="btn btn-secondary pay-amount" for="price-3"> 13565 <div class="price-label">50 €<span class="monthly"> /mtl.</span></div> 13566 <div class="sub-label">Förderer</div> 13567 <div class="support-label"> 13568 Unterstützung + Abo 13569 </div> 13570 </label> 13571 13572 <input type="radio" class="btn-check" name="price" value="price_1SQm5bHGrncX6IOabvbmxpAV" id="price-custom" autocomplete="off"> 13573 <input name="amount" type="number" pattern="\d*" class="btn btn-secondary form-control pay-amount custom-set" placeholder="Beliebig (â¬)" id="subscription-amount"> 13574 13575 <div class="amount-subscription-error-message" style="display: none;"> 13576 Der Betrag muss eine ganze Zahl sein und darf nicht unter dem Abo-Grundpreis von 3,99 ⬠liegen. 13577 </div> 13578 13579 <p class="support-notice">Der monatliche Betrag setzt sich zusammen aus PUR-Abo (3,99 Euro) und einer freiwilligen Unterstützung.</p> 13580 13581 <button id="amount-submit-button-subscription" type="submit" class="btn pay continue"> 13582 <i class=" bi bi-arrow-right"></i> Weiter zum AbschlieÃen 13583 </button> 13584 </form> 13585 </div> 13586 13587 <form id="payment-form-subscription" class="payment-form" style="display: none;"> 13588 13589 <div id="payment-form-subscription-overlay" class="payment-form-overlay" style="display: none;"> 13590 <div class="d-flex align-items-center justify-content-center flex-column" style="width: 100%; height: 100%"> 13591 <h4 class="p-2 text-center">Zahlung wird verarbeitet</h4> 13592 <h1 class="bi bi-phone payment-phone-icon"></h1> 13593 <p class="p-2 text-center">Ggf. müssen Sie die Zahlung mit Ihrer Banking-App bestätigen ...</p> 13594 <div class="p-2 spinner-border" style="width: 6rem; height: 6rem;" role="status"> 13595 <span class="visually-hidden">Zahlung wird verarbeitet ...</span> 13596 </div> 13597 </div> 13598 </div> 13599 13600 <div id="payment-form-content" style="display: none;"> 13601 <div id="payment-form-content-inner" style="display: none;"> 13602 <p style="margin-top: 1rem; display: none;" id="invoice-items-label">Zahlungsübersicht (monatlich):</p> 13603 <div class="invoice-items-container" id="invoice-items-container" style="display: none;">
13604 </div> 13605 <p style="margin-top: 1rem;">Bitte geben Sie zum Abschluss Ihre E-Mail-Adresse und Zahlungsdaten an. Ihr Zugang wird an diese E-Mail geknüpft, geben Sie diese daher bitte korrekt an.</p> 13606 <div class="customer-data-container"> 13607 <label for="subscription-email">Gültige E-Mail-Adresse *</label> 13608 <input type="email" name="email" id="subscription-email" placeholder="[email protected]" class="form-control sub-email new-form" required value="" /> 13609 </div> 13610 <p style="margin-top: 1rem;"> 13611 Mit dem Zahlungsabschluss erklären Sie sich mit unseren <a href="https://apollo-news.net/abo-legal/" target="_blank">Nutzungsbedingungen</a> einverstanden. Für den Bezahlvorgang nutzen wir Dienste von <a href="https://stripe.com/de" target="_blank">Stripe</a>. Bitte lesen Sie auch unsere <a href="https://apollo-news.net/datenschutzerklaerung" target="_blank">Datenschutzerklärung</a>. 13612 </p> 13613 </div> 13614 </div> 13615 <div id="payment-element-subscription" style="display: none;"> 13616 <!-- Elements will create form elements here --> 13617 </div> 13618 <div class="bank-transfer-element" style="display: none;"> 13619 <div class="bank-transfer-heading"> 13620 <!-- <div class="bank-transfer-heading-radio"> 13621 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="currentColor" class="bank-transfer-heading-radio-icon" focusable="false" role="presentation"> 13622 <defs> 13623 <clipPath id="sjs-ui3462"> 13624 <circle cx="50" cy="50" r="44"></circle> 13625 </clipPath> 13626 </defs> 13627 <circle class="bank-transfer-heading-radio-icon-outer" cx="50" cy="50" r="44" clip-path="url(#sjs-ui3462)"></circle> 13628 <circle class="bank-transfer-heading-radio-icon-inner" cx="50" cy="50" clip-path="url(#sjs-ui3462)"></circle> 13629 </svg> 13630 </div> 13631 <div class="p-PaymentAccordionButtonIconContainer p-PaymentAccordionButtonIconContainer--start"> 13632 <svg viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" class="bank-transfer-heading-icon"> 13633 <path d="M22.761 0H1.982l-.216.004a3.14 3.14 0 0 0-.47.041A1.5 1.5 0 0 0 .192.85a1.58 1.58 0 0 0-.147.447 3.116 3.116 0 0 0-.041.47A10.61 10.61 0 0 0 0 1.982v12.036c0 .072.002.144.004.216.004.157.013.315.041.47a1.496 1.496 0 0 0 .804 1.104c.143.072.29.119.447.147.155.028.313.037.47.041l.216.003.257.001h20.778l.217-.004c.156-.004.314-.013.47-.04.157-.03.304-.075.447-.148a1.492 1.492 0 0 0 .657-.657c.073-.143.119-.29.147-.447.028-.155.037-.313.041-.47l.003-.216.001-.256V1.982l-.004-.216a3.126 3.126 0 0 0-.041-.47 1.507 1.507 0 0 0-1.25-1.251 3.15 3.15 0 0 0-.471-.041A10.787 10.787 0 0 0 23.017 0h-.256Z" fill="#10298D"></path> 13634 <path d="M22.761.533h.253l.205.004c.12.003.26.01.39.033.113.02.208.051.3.098a.966.966 0 0 1 .423.424c.046.09.077.185.098.299.023.129.03.27.033.39.002.068.002.135.003.205v12.03l-.003.204c-.004.12-.01.26-.034.39a.964.964 0 0 1-.521.722c-.09.047-.186.078-.298.098-.133.024-.279.03-.389.033-.069.002-.137.003-.208.003H1.985c-.07 0-.138-.001-.204-.003a2.709 2.709 0 0 1-.39-.033 1.05 1.05 0 0 1-.3-.098.958.958 0 0 1-.423-.423 1.047 1.047 0 0 1-.098-.3c-.024-.13-.03-.27-.033-.39a9.968 9.968 0 0 1-.003-.204V1.985c0-.068 0-.136.003-.205.003-.119.01-.259.033-.39.02-.113.051-.208.098-.3A.962.962 0 0 1 1.09.669c.091-.047.186-.078.3-.098.13-.023.27-.03.39-.033l.204-.003h20.776" fill="#10298D"></path> 13635 <path fill-rule="evenodd" clip-rule="evenodd" d="M21.14 9.905h-2.064l-.279 1.008h-1.596l1.722-5.833h2.332L23 10.913h-1.564l-.295-1.008Zm-.307-1.136L20.11 6.24l-.703 2.529h1.426Zm-7.85 2.144V5.08h2.878c.395 0 .696.033.903.098.473.151.79.46.953.926.084.245.126.613.126 1.106 0 .592-.046 1.016-.138 1.276-.185.511-.565.806-1.138.883-.068.011-.355.021-.861.03l-.257.009h-.921v1.505h-1.544Zm1.545-2.859h.963c.305-.011.49-.035.558-.072.091-.051.152-.154.182-.307.02-.102.03-.253.03-.454 0-.247-.02-.43-.059-.55-.055-.167-.188-.269-.399-.306-.1-.008-.2-.01-.3-.008h-.975v1.697ZM6.666 6.941H5.229c0-.24-.029-.4-.083-.482-.086-.122-.322-.182-.707-.182-.376 0-.625.035-.746.104-.121.07-.182.223-.182.458 0 .212.054.352.161.419a.677.677 0 0 0 .307.084l.29.02c.388.024.776.054 1.163.089.492.05.847.183 1.068.398.174.167.278.388.311.658.02.162.028.345.028.55 0 .469-.043.813-.131 1.031-.16.4-.52.652-1.08.759-.234.044-.591.066-1.074.066-.805 0-1.366-.048-1.683-.147-.387-.
13635118-.644-.362-.768-.728C2.033 9.836 2 9.498 2 9.021h1.438v.122c0 .253.071.416.215.488a.82.82 0 0 0 .359.08h.528c.27 0 .44-.014.516-.042a.428.428 0 0 0 .26-.255c.021-.074.033-.167.033-.282 0-.256-.092-.412-.277-.469-.069-.022-.39-.053-.961-.092a11.565 11.565 0 0 1-.956-.096c-.47-.09-.785-.274-.94-.553-.139-.237-.208-.596-.208-1.076 0-.366.038-.66.112-.88a.956.956 0 0 1 .36-.503c.241-.176.552-.279.93-.31.347-.029.695-.043 1.044-.042.603 0 1.033.035 1.29.105.625.171.937.65.937 1.435 0 .065-.004.16-.014.29Z" fill="#fff"></path> 13636 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.792 5.86c.659 0 1.246.303 1.633.777l.344-.736a3.022 3.022 0 0 0-2.079-.821 2.992 2.992 0 0 0-2.776 1.832h-.671l-.397.847h.863a2.89 2.89 0 0 0 .005.526h-.435l-.396.848h1.051a2.993 2.993 0 0 0 2.756 1.78 3.03 3.03 0 0 0 1.682-.505V9.37a2.105 2.105 0 0 1-3.34-.236h2.2l.396-.848h-2.92a2.162 2.162 0 0 1-.013-.526h3.179l.396-.847h-3.3a2.106 2.106 0 0 1 1.822-1.052Z" fill="#FFCC02"></path> 13637 </svg> 13638 </div> --> 13639 Sie möchten gerne per Banküberweisung unterstützen? Bitte klicken Sie 13640 <a class="bank-transfer-link" href="https://apollo-news.net/dauerauftrag/"><i class="bi bi-arrow-right"></i> hier</a>. 13641 </div> 13642 <!-- <div class="bank-transfer-content"> 13643 <div class="bank-transfer-content-item"> 13644 <p>Für eine Ãberweisung verwenden Sie bitte folgendes Konto:</p> 13645 <div class="bank-transfer-content-item-divider"></div> 13646 <div class="bank-transfer-content-item-text"> 13647 <p> 13648 Kontoinhaber: Apollo Medien GmbH<br /> 13649 IBAN: DE44 1004 0000 0287 5854 00<br /> 13650 Verwendungszweck: Unterstützung 13651 </p> 13652 </div> 13653 </div> 13654 </div> --> 13655 </div> 13656 <div class="payment-form-button-container"> 13657 <button id="payment-button-subscription" type="submit" class="btn pay" style="width: 65%;"> 13658 <i class="bi bi-bag-check"></i> 13659 <span id="payment-button-subscription-text"> AbschlieÃen</span></button> 13660 <button id="cancel-button-subscription" type="button" class="btn pay" style="width: 34%; margin-left: auto"> 13661 <i class="bi bi-arrow-left"></i> 13662 Zurück</button> 13663 </div> 13664 </form> 13665 13666 <div style="margin-bottom: 0.8rem;"></div> 13667 </div> 13668 </div> 13669 </div> 13670 13671 <div id="error-messages" class="error-messages" role="alert" style="display: none;"> 13672 <p> 13673 <i class="bi bi-exclamation-diamond"></i> 13674 <span id="error-messages-text"></span> 13675 </p> 13676 </div> 13677 13678 <div id="info-container" style="display: none;"> 13679 <p>Probleme mit der Zahlung? Bitte nutzen Sie unser <a href="https://apollo-news.net/kontakt/" target="_blank">Kontaktformular.</a></p> 13680 </div> 13681 13682</div></p> 13683</div> </div> 13684 13685 <div class="read-more-btn-container"> 13686 <a id="read-more-btn" class="btn read-more-btn" href="#" onclick="return onReadMoreBtnClick();"> 13687 Weiterlesen 13688 <i class="bi bi-arrow-down"></i> 13689 </a> 13690 </div> 13691 13692 </div> 13693 13694<div class="article-content"> 13695 <div class="ad block recommendations"> 13696 <p class="small-ad-label">Werbung</p> 13697 <!-- Current server: 'apollo-news.net' --> <div class="OUTBRAIN" data-widget-id="GS_4"></div> 13698 </div> 13699</div> 13700 13701 13702 13703<div class="entry-links"></div> 13704 13705 <div class="article-container"> 13706 <div class="container"> 13707 </div> 13708</div> 13709<div class="article-content"> 13710 <div class="ad block recommendations"> 13711 <p class="small-ad-label">Werbung</p> 13712 <!-- Current server: 'apollo-news.net' --> <div class="OUTBRAIN" data-widget-id="CR_SFD_MAIN_1"></div> 13713 </div> 13714</div> 13715 13716 13717<div class="main-footer v2"> 13718 <div class="article-container"> 13719 <div class="third-container"> 13720 <!--<aside id="sidebar" role="complementary"> 13721<div id="primary" class="widget-area"> 13722<ul class="xoxo"> 13723<li id="block-79" class="widget-container widget_block"><p class="small-ad-label center home-right">Anzeige</p> 13724<div class="promotion-banner"><a href="https://apollo-news.net/bei-uns-werben/"><img decoding="async" src="https://apollo-news.net/wp-content/uploads/2024/01/apollo-werbung-mobil.jpg" class="img-fluid" alt="..."></a></div> 13725</li></ul> 13726</div> 13727</aside> 13728--> 13729 13730 <div class="row footer-columns v2-footer"> 13731 <div class="col-md"> 13732 <div class="footer-column"> 13733 <div class="footer-about"> 13734 <img src="https://apollo-news.net/wp-content/uploads/2023/06/apollo-news-white.png" class="footer-brand-img"> 13735 <div class="social-btn-container footer"> 13736 <a href="https://twitter.com/apollo_news_de" class="social-btn"><i class="bi bi-twitter-x"></i></a> 13737 <a href="https://www.instagram.com/apollo_news/" class="social-btn"><i class="bi bi-instagram"></i></a> 13738 <a href="https://www.facebook.com/apollonewsnet" class="social-btn"><i class="bi bi-facebook"></i></a> 13739 <a href="https://t.me/apollonews_de" class="social-btn"><i class="bi bi-telegram"></i></a> 13740 <a href="https://www.youtube.com/@apollonewsnet" class="social-btn"><i class="bi bi-youtube"></i></a> 13741 <a href="https://www.tiktok.com/@apollo_news" class="social-btn"><i class="bi bi-tiktok"></i></a> 13742 <a href="https://whatsapp.com/channel/0029VafRqdQEAKWAefwQwz0o" class="social-btn"><i class="bi bi-whatsapp"></i></a> 13743 </div> 13744 <ul id="menu-about-nav-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95955"><a href="https://apollo-news.net/ueber-uns/" itemprop="url">Unser Team</a></li> 13745<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95954"><a href="https://apollo-news.net/akademie/" itemprop="url">Akademie</a></li> 13746</ul> </div> 13747 <div class="footer-contact"> 13748 <ul id="menu-contact-nav-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-96863"><a href="https://apollo-news.net/kontakt/" itemprop="url">Allgemeiner Kontakt</a></li> 13749<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-107108"><a href="https://apollo-news.net/werbung/" itemprop="url">Werben auf Apollo News</a></li> 13750</ul> </div>
13751 </div> 13752 </div> 13753 <div class="col-md"> 13754 <div class="footer-column"> 13755 <h5> 13756 Unsere Arbeit 13757 </h5> 13758 <form action="https://apollo-news.net/index.php" role="search" method="get" class="footer-search"> 13759 <div class="input-group mb-3"> 13760 <input type="text" class="form-control" placeholder="Suche" name="s" aria-label="Test Suche" aria-describedby="button-addon2"> 13761 <button class="btn btn-outline-secondary" type="submit" id="button-addon2"><i class="bi bi-search"></i></button> 13762 </div> 13763 </form> 13764 <div class="footer-work"> 13765 <ul> 13766 <li><a href="https://apollo-news.net/2026/09/" >Artikel-Archiv</a></li> 13767 <li><a href="https://apollo-news.net/videos" >Videos & Podcasts</a></li> 13768 <li><a href="https://apollo-news.net/newsletter" >Newsletter</a></li> 13769 </ul> 13770 </div> 13771 <div class="footer-contact"> 13772 <ul> 13773 <li> 13774 <a href="https://apollo-news.net/login/?redirect_to=https%3A%2F%2Fapollo-news.net%2Fverfahren-sven-hueber-gegen-apollo-news%2F"> 13775 Anmelden </a> 13776 </li> 13777 <li><a href="https://apollo-news.net/login/?form=register" >Registrieren</a></li> 13778 13779</ul> 13780 <ul> 13781 <ul id="menu-only-legal-nav" class=""><li id="menu-item-150841" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-150841"><a href="https://apollo-news.net/kommentar-richtlinien/" itemprop="url">Unsere Kommentar-Richtlinien</a></li> 13782<li id="menu-item-150840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-150840"><a href="https://apollo-news.net/abo-legal/" itemprop="url">Abo-Nutzungsbedingungen</a></li> 13783<li id="menu-item-96894" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-96894"><a rel="privacy-policy" href="https://apollo-news.net/datenschutzerklaerung/" itemprop="url">Datenschutzerklärung</a></li> 13784<li id="menu-item-96895" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-96895"><a href="https://apollo-news.net/impressum/" itemprop="url">Impressum</a></li> 13785</ul> 13786 <li> 13787 <a class="ad-free-subscription-revoke only-footer" href="javascript:revokeCookieConsent();">Einwilligung Tracking widerrufen</a> 13788 </li> 13789 13790 13791 </ul> 13792 <footer id="footer" role="contentinfo"> 13793 <div id="copyright"> 13794 © 2023 - 2026 Apollo News 13795 </div> 13796 </footer> 13797 </div> 13798 </div> 13799 </div> 13800 </div> 13801 13802
13803<script type="speculationrules"> 13804{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/new/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 13805</script>
13805 13806
13806<script> 13807 document.addEventListener('DOMContentLoaded', function () { 13808 13809 // Randomly execute a task with a 1 in 47 chance 13810 if (Math.floor(Math.random() * 47) === 0) { 13811 const ads = document.querySelectorAll('.ams-ad'); 13812 ads.forEach(function (ad) { 13813 const adId = ad.getAttribute('data-ad-id'); 13814 if (adId) { 13815 fetch('https://apollo-news.net/wp-admin/admin-ajax.php?action=ams_track_view&ad_id=' + adId, { method: 'POST' }) 13816 .then(response => response.text()) 13817 .then(data => console.log(`Tracked view for ad ID ${adId}:`, data)); 13818 } 13819 }); 13820 } 13821 13822 13823 }); 13824 </script>
13824 13825
13825<script> 13826jQuery(document).ready(function($) { 13827var deviceAgent = navigator.userAgent.toLowerCase(); 13828if (deviceAgent.match(/(iphone|ipod|ipad)/)) { 13829$("html").addClass("ios"); 13830$("html").addClass("mobile"); 13831} 13832if (deviceAgent.match(/(Android)/)) { 13833$("html").addClass("android"); 13834$("html").addClass("mobile"); 13835} 13836if (navigator.userAgent.search("MSIE") >= 0) { 13837$("html").addClass("ie"); 13838} 13839else if (navigator.userAgent.search("Chrome") >= 0) { 13840$("html").addClass("chrome"); 13841} 13842else if (navigator.userAgent.search("Firefox") >= 0) { 13843$("html").addClass("firefox"); 13844} 13845else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) { 13846$("html").addClass("safari"); 13847} 13848else if (navigator.userAgent.search("Opera") >= 0) { 13849$("html").addClass("opera"); 13850} 13851}); 13852</script>
vendor: 1 bytes, line 13852
13852
13853<script id="wp-hooks-js" src="https://apollo-news.net/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 13853
13853
13854<script id="wp-i18n-js" src="https://apollo-news.net/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 13854
13854
13855<script id="wp-i18n-js-after"> 13856wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 13857//# sourceURL=wp-i18n-js-after 13858</script>
vendor: 1 bytes, line 13858
13858
13859<script id="swv-js" src="https://apollo-news.net/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 13859
13859
13860<script id="contact-form-7-js-translations"> 13861( function( domain, translations ) { 13862 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 13863 localeData[""].domain = domain; 13864 wp.i18n.setLocaleData( localeData, domain ); 13865} )( "contact-form-7", {"translation-revision-date":"2026-09-12 02:13:12+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"de"},"This contact form is placed in the wrong place.":["Dieses Kontaktformular wurde an der falschen Stelle platziert."],"Error:":["Fehler:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); 13866//# sourceURL=contact-form-7-js-translations 13867</script>
vendor: 1 bytes, line 13867
13867
13868<script id="contact-form-7-js-before"> 13869var wpcf7 = { 13870 "api": { 13871 "root": "https:\/\/apollo-news.net\/wp-json\/", 13872 "namespace": "contact-form-7\/v1" 13873 } 13874}; 13875//# sourceURL=contact-form-7-js-before 13876</script>
vendor: 1 bytes, line 13876
13876
13877<script id="contact-form-7-js" src="https://apollo-news.net/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 13877
13877
13878<script id="stripe-js" data-cookieconsent="ignore" src="https://js.stripe.com/v3/"></script>
vendor: 1 bytes, line 13878
13878
13879<script id="wp-sc-scripts-js-extra"> 13880var wp_sc_ajax = {"ajax_url":"https://apollo-news.net/wp-admin/admin-ajax.php","nonce":"410cb8fcc3","extended_logging_enabled":""}; 13881var wp_sc_flag_reasons = {"illegal":"Strafbare Inhalte","insult":"Beleidigung","spam":"Spam/Werbung","other":"Anderer Grund"}; 13882//# sourceURL=wp-sc-scripts-js-extra 13883</script>
vendor: 1 bytes, line 13883
13883
13884<script id="wp-sc-scripts-js" src="https://apollo-news.net/wp-content/plugins/wp-social-comments/assets/js/wp-sc.js?ver=1.8.14"></script>
vendor: 1 bytes, line 13884
13884
13885<script data-wp-strategy="async" id="cloudflare-turnstile-js" src="https://challenges.cloudflare.com/turnstile/v0/api.js"></script>
vendor: 1 bytes, line 13885
13885
13886<script id="cloudflare-turnstile-js-after"> 13887document.addEventListener( 'wpcf7submit', e => turnstile.reset() ); 13888//# sourceURL=cloudflare-turnstile-js-after 13889</script>
vendor: 1 bytes, line 13889
13889
13890<script id="tptn_tracker-js-extra"> 13891var ajax_tptn_tracker = {"ajax_url":"https://apollo-news.net/","top_ten_id":"226169","top_ten_sitewide_context":"","top_ten_blog_id":"1","activate_counter":"11","top_ten_debug":"0","tracker_type":"query_based","tptn_rnd":"301761201"}; 13892//# sourceURL=tptn_tracker-js-extra 13893</script>
vendor: 1 bytes, line 13893
13893
13894<script id="tptn_tracker-js" src="https://apollo-news.net/wp-content/plugins/top-10/includes/js/top-10.min.js?ver=4.5.1"></script>
vendor: 1 bytes, line 13894
13894
13895<script id="wp-emoji-settings" type="application/json"> 13896{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://apollo-news.net/wp-includes/js/wp-emoji-release.min.js?ver=7.1.1"}} 13897</script>
vendor: 1 bytes, line 13897
13897
13898<script type="module"> 13899/*! This file is auto-generated */ 13900var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 13901//# sourceURL=https://apollo-news.net/wp-includes/js/wp-emoji-loader.min.js 13902</script>
13902 13903 </div> 13904</div> 13905</div> 13906 13907 13908 13909 13910 </main> 13911 13912 13913</div></div> 13914 13915</article> 13916 </div> 13917</div> 13918</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.