diff --git a/install_openWRT2.sh b/install_openWRT2.sh new file mode 100644 index 0000000..f0b0254 --- /dev/null +++ b/install_openWRT2.sh @@ -0,0 +1,24510 @@ +#!/bin/sh +clear +echo '########################################################' +echo '# #' +echo '# CyberSecurity-Box #' +echo '# #' +echo '# local Privacy for Voice-Assistent Smart-TV SmartHome #' +echo '# #' +echo '########################################################' +echo +echo +echo +#Firewall Pihole Unbound Tor Transparentproxy +/etc/init.d/dnsmasq stop +/etc/init.d/dnsmasq disable +opkg update +opkg remove dnsmasq +opkg update >/dev/null +opkg upgrade $(opkg list-upgradable | awk '{print $1}') >/dev/null +opkg update >/dev/null +opkg install nano wget curl kmod-usb-storage kmod-usb-storage-extras e2fsprogs kmod-fs-ext4 block-mount kmod-fs-vfat kmod-nls-cp437 kmod-nls-iso8859-1 unbound-daemon-heavy unbound-anchor unbound-control unbound-control-setup unbound-host unbound-checkconf ca-certificates acme acme-dnsapi luci-app-acme stubby tor tor-geoip bind-dig openssh-sftp-server ipset ipset-dns tc iptables-mod-ipopt luci-app-qos luci-app-nft-qos nft-qos getdns drill mwan3 luci-app-mwan3 dnsmasq-full --force-overwrite +/etc/init.d/dnsmasq start +clear +echo +echo '########################################################' +echo '# #' +echo '# CyberSecurity-Box #' +echo '# #' +echo '# local Privacy for Voice-Assistent Smart-TV SmartHome #' +echo '# #' +echo '########################################################' +echo +echo 'Software Packeges installed' +echo + + +release=$(cat /etc/openwrt_release | grep "DISTRIB_RELEASE" | cut -f2 -d '=') +revision=$(cat /etc/openwrt_release | grep "DISTRIB_REVISION" | cut -f2 -d '=') +revision=${revision::-1} +release=${release::-1} +revision=${revision:1} +release=${release:1} +echo $release $revision + +#Localaddresen +LOCALADDRESS="127.192.0.1/10" + +actLoop=$(ifconfig | grep '^l\w*' -m 1 | cut -f1 -d ' ') +actEth=$(ifconfig | grep '^e\w*' -m 1 | cut -f1 -d ' ') +actWlan=$(ifconfig | grep '^w\w*' -m 1 | cut -f1 -d ' ') + +#Internet Gateway +INET_GW=$(ip route | grep default | cut -f3 -d ' ') +INET_GW_org=$INET_GW + +echo 'Please give me the WAN-IP (Gateway/Router): ('$INET_GW')' +read INET_GW +echo +if [ "$INET_GW" = "" ] + then + INET_GW=$INET_GW_org + +fi + +WAN_ip=$(echo $INET_GW | cut -f1 -d '.') +WAN_ip=$WAN_ip"."$(echo $INET_GW | cut -f2 -d '.') +WAN_ip=$WAN_ip"."$(echo $INET_GW | cut -f3 -d '.')".250" + +WAN_broadcast=$(echo $INET_GW | cut -f1 -d '.') +WAN_broadcast=$WAN_broadcast"."$(echo $INET_GW | cut -f2 -d '.') +WAN_broadcast=$WAN_broadcast"."$(echo $INET_GW | cut -f3 -d '.')".255" + +WAN_MOBILE_ip=$(echo $INET_GW | cut -f1 -d '.') +WAN_MOBILE_ip=$WAN_ip"."$(echo $INET_GW | cut -f2 -d '.') +WAN_MOBILE_ip=$WAN_ip"."$(echo $INET_GW | cut -f3 -d '.')".251" + +WAN_MOBILE_broadcast=$(echo $INET_GW | cut -f1 -d '.') +WAN_MOBILE_broadcast=$WAN_broadcast"."$(echo $INET_GW | cut -f2 -d '.') +WAN_MOBILE_broadcast=$WAN_broadcast"."$(echo $INET_GW | cut -f3 -d '.')".255" + +WAN_MOBILE_GW=$(echo $INET_GW | cut -f1 -d '.') +WAN_MOBILE_GW=$WAN_ip"."$(echo $INET_GW | cut -f2 -d '.') +WAN_MOBILE_GW=$WAN_ip"."$(echo $INET_GW | cut -f3 -d '.')".253" + + +#complet Internet +Internet="0.0.0.0/0" + +#all Adresses +all_IP="0.0.0.0" +all_IP6="[::]" + +#Access to Server +ACCESS_SERVER=$(echo $($(echo ip addr show dev $(echo $actEth | cut -f1 -d' ')) | grep inet | cut -f6 -d ' ' ) | cut -f1 -d ' ' ) + +#Lokal LAN +LAN=$(echo $($(echo ip addr show dev $(echo $actEth | cut -f1 -d' ')) | grep inet | cut -f6 -d ' ' ) | cut -f1 -d ' ' | cut -f1 -d'/' ) +LAN_org=$LAN + +echo 'Type the LAN-IP (Internal Network): ('$LAN')' +read LAN +if [ "$LAN" = "" ] + then + LAN=$LAN_org +fi + +LOCAL_DOMAIN='CyberSecBox.local' +echo +echo 'Your local Domain of your LAN? (CyberSecBox.local)' +read LOCAL_DOMAIN +if [ "$LOCAL_DOMAIN" = "" ] + then + LOCAL_DOMAIN='CyberSecBox.local' +fi + +WIFI_SSID='CyberSecBox' +WIFI_SSID_org=$WIFI_SSID +echo +echo 'The Main-WiFi-SSID? ('$WIFI_SSID')' +read WIFI_SSID +if [ "$WIFI_SSID" = "" ] + then + WIFI_SSID=$WIFI_SSID_org +fi + + +WIFI_PASS='Cyber,Sec9ox' +WIFI_PASS_org=$WIFI_PASS +echo +echo 'And the WiFi-Key? (Cyber,Sec9ox)' +read WIFI_PASS +if [ "$WIFI_PASS" = "" ] + then + WIFI_PASS=$WIFI_PASS_org +fi + +USERNAME='root' +echo +echo 'Enter the user for the login: (default: root)' +read -s USERNAME +passwd $USERNAME + +SUBNET=$(echo $LAN | cut -f3 -d '.') +SUBNET_sep=$SUBNET + +if [ $SUBNET_sep -lt 125 ] + then + SUBNET=$(($SUBNET + 125)) + if [ $SUBNET_sep -lt 5 ] + then + SUBNET_sep=$(($SUBNET_sep + 6)) + fi + + else + if [ $SUBNET_sep -gt 250 ] + then + SUBNET_sep=$(($SUBNET_sep - 62)) + fi + +fi + +SERVER_range='192.168.'$(($SUBNET_sep - 123))'.2,192.168.'$(($SUBNET_sep - 123))'.200,24h' +CONTROL_range='192.168.'$(($SUBNET_sep - 119))'.2,192.168.'$(($SUBNET_sep - 119))'.200,24h' +HCONTROL_range='192.168.'$(($SUBNET_sep - 118))'.2,192.168.'$(($SUBNET_sep - 118))'.200,24h' +INET_range='192.168.'$SUBNET_sep'.2,192.168.'$SUBNET_sep'.200,24h' +VOICE_range='192.168.'$(($SUBNET_sep + 1))'.2,192.168.'$(($SUBNET_sep + 1))'.200,24h' +ENTERTAIN_range='192.168.'$(($SUBNET_sep - 1))'.2,192.168.'$(($SUBNET_sep - 1))'.200,24h' +GUEST_range='192.168.'$(($SUBNET_sep + 10))'.2,192.168.'$(($SUBNET_sep + 10))'.200,24h' +CMOVIE_range='192.168.'$(($SUBNET_sep + 9))'.2,192.168.'$(($SUBNET_sep + 9))'.200,24h' + +SERVER_ip='192.168.'$(($SUBNET_sep - 123))'.254' +CONTROL_ip='192.168.'$(($SUBNET_sep - 119))'.254' +HCONTROL_ip='192.168.'$(($SUBNET_sep - 118))'.254' +INET_ip='192.168.'$SUBNET_sep'.1' +VOICE_ip='192.168.'$(($SUBNET_sep + 1))'.1' +ENTERTAIN_ip='192.168.'$(($SUBNET_sep - 1))'.1' +GUEST_ip='192.168.'$(($SUBNET_sep + 10))'.1' +CMOVIE_ip='192.168.'$(($SUBNET_sep + 9))'.1' + +SERVER_broadcast='192.168.'$(($SUBNET_sep - 123))'.255' +CONTROL_broadcast='192.168.'$(($SUBNET_sep - 119))'.255' +HCONTROL_broadcast='192.168.'$(($SUBNET_sep - 118))'.255' +INET_broadcast='192.168.'$SUBNET_sep'.255' +VOICE_broadcast='192.168.'$(($SUBNET_sep + 1))'.255' +ENTERTAIN_broadcast='192.168.'$(($SUBNET_sep - 1))'.255' +GUEST_broadcast='192.168.'$(($SUBNET_sep + 10))'.255' +CMOVIE_broadcast='192.168.'$(($SUBNET_sep + 9))'.255' + +SERVER_lan='192.168.'$(($SUBNET_sep - 123))'.0' +CONTROL_lan='192.168.'$(($SUBNET_sep - 119))'.0' +HCONTROL_lan='192.168.'$(($SUBNET_sep - 118))'.0' +INET_lan='192.168.'$SUBNET_sep'.0' +VOICE_lan='192.168.'$(($SUBNET_sep + 1))'.0' +ENTERTAIN_lan='192.168.'$(($SUBNET_sep - 1))'.0' +GUEST_lan='192.168.'$(($SUBNET_sep + 10))'.0' +CMOVIE_lan='192.168.'$(($SUBNET_sep + 9))'.0' + +SERVER_net=$SERVER_ip'/24' +CONTROL_net=$CONTROL_ip'/24' +HCONTROL_net=$HCONTROL_ip'/24' +INET_net=$INET_ip'/24' +VOICE_net=$VOICE_ip'/24' +ENTERTAIN_net=$ENTERTAIN_ip'/24' +GUEST_net=$GUEST_ip'/24' +CMOVIE_net=$CMOVIE_ip'/24' +WAN_net=$WAN_ip'/24' +WAN_MOBILE_net=$WAN_MOBILE_ip'/24' + +SERVER_domain='server.'$LOCAL_DOMAIN +CONTROL_domain='control.'$LOCAL_DOMAIN +HCONTROL_domain='hcontrol.'$LOCAL_DOMAIN +INET_domain='inet.'$LOCAL_DOMAIN +VOICE_domain='voice.local' +ENTERTAIN_domain='entertain.local' +GUEST_domain='guest.local' +CMOVIE_domain='cmovie.local' + + +SERVER_ssid='DMZ-'$WIFI_SSID +CONTROL_ssid='Control-'$WIFI_SSID +HCONTROL_ssid='HControl-'$WIFI_SSID +INET_ssid='iNet-'$WIFI_SSID +VOICE_ssid='Voice-'$WIFI_SSID +ENTERTAIN_ssid='Entertain-'$WIFI_SSID +GUEST_ssid='Guest-'$WIFI_SSID +CMOVIE_ssid='Free_CMovie_Portal' +Adversisment_ssid='Telekom' + + +#---------------------------------------------------------------------------- +echo +echo "define variables" +echo +#DHCP +DHCP_port="67" +all_other_DHCP_port="1-66 68-65535" + + +#Printer_LPR_IPP +Printer_port="515 631 9100" +all_other_Printer_port="1-514 516-630 632-9099 9101-65535" + +#NTP +NTP_port="123" +all_other_NTP_port="1-122 124-65535" + +#NFS +NFS_port="2049" +all_other_NFS_port="1-2048 2050-65535" + +#AFP +AFP_port="548" +all_other_AFP_port="1-547 549-65535" + +#SMB +SMB_port="137 138 139 445" +all_other_SMB_port="1-444 446-136 140-65535" + +#VPN +VPN_port="500 4500" +all_other_VPN_port="1-499 501-4499 4501-65535" + +#Open Directory Proxy (ODProxy) +ODProxy_port="625" +all_other_ODProxy_port="1-624 266-65535" + +#Syslog +#UDP +#514 +Syslog_port="514" +all_other_Syslog_port="1-513 515-65535" + +#NetBIOS +#UDP +#138 +NetBIOS_port="138" +all_other_NetBIOS_port="1-137 139-65535" + +#WINS +#137 +WINS_port="137" +all_other_WINS_port="1-136 138-65535" + +#Simple Service Discovery Protocol (SSDP) +#UDP +#1900 +SSDP_port="1900" +all_other_SSDP_port="1-1899 1901-65535" + +#Web Services Dynamic Discovery (WS-Discovery) +#UDP +#3702 +WS_Discovery_port="5357 3702" +all_other_WS_Discovery_port="1-5356 5358-3701 3703-65535" + +#Port Control Protocol (PCP) +#5351 +PCP_port="5351" +all_other_PCP_port="1-5350 3552-65535" + +#Port NETWORK Controler +#8043 +CONTROLER_port="8043" +all_other_CONTROLER_port="1-8042 8044-65535" + +#Multicast Domain Name Service (mDNS) +#5353 +mDNS_port="5353" +all_other_mDNS_port="1-5352 5354-65535" + +#Link Local Multicast Name Resolution (LLMNR) +#5357 +LLMNR_port="5357" +all_other_LLMNR_port="1-5356 5358-65535" + +#Telefonie (SIP) +#5060 +SIP_port="5060" +all_other_SIP_port="1-5059 5061-65535" + +#Telefonie (RTP, RTCP) +#7077-7097 +RTP_RTCP_port="7077-7097" +all_other_RTP_RTCP_port="1-7076 7098-65535" + +#Telefonie (SIP, RTP, RTCP) +#7077-7097 +SIP_RTP_RTCP_port="5060 7077-7097" +all_other_SIP_RTP_RTCP_port="1-5059 5061-7076 7098-65535" + +#FRITZ!Box +AVM_port="8181-8186" +all_other_AVM_port="1-8180 8187-65535" + +#FRITZ!Box MESH +AVM_Mesh_port="50842 53805" +all_other_AVM_Mesh_port="1-50841 50843-53804 53806-65535" + +#Torrc Ports +TORRC_port="9030 9040 9049 9050 9053 9060" +all_other_TORRC_port="1-9029 9031-9039 9041-9048 9051 9052 9054-9059 9061-65535" + + +#SPYPE +Skype_port="1000-10000 16000-26000 38562 50000-65000" +all_other_Skype_port="1-999 10001-15999 26001-38561 38563-49999 65001-65535" +Skype_udp_port="38562 3478-3481 50000-60000" +all_other_Skype_udp_port="1-3477 3482-38561 38563-49999 60000-65535" + +#MSRDP_Alexa Call (Ports) +#3389 +MSRDP_AlexaCall_port="3389" +all_other_MSRDP_AlexaCall_port="1-3388 3390-65535" + +#HTTP_s (Ports) +#80, 443, 8080 +HTTP_s_port="80 443 8080" +HTTPs_port="443" +HTTP_port="80" +all_other_HTTP_s_port="1-79 81-442 444-8079 8081-65535" + +#FTP_Server +FTP_port="20 21" +all_other_FTP_port="1-19 22-65535" + +#Remote_Acces_http(s) +#40443-40446 +Acces_http_port="40443-40446" +all_other_Acces_http_port="1-40442 40447-65535" + +#eMule (Ports) +#4662, 4672 +eMule_port="4662 4672" +all_other_eMule_port="1-4661 4663-4671 4673-65535" + +#Bittorrent (Ports) +#6881-6999 +Bittorrent_port="6881-6999" +all_other_Bittorrent_port="1-6880 7000-65535" + +#DNS +DNS_port="53" +all_other_DNS_port="1-52 54-65535" + +#Tor_dns +DNS_TOR_port="9053" +all_other_DNS_TOR_port="1-9052 9054-65535" + +#DNS Crypt +DNS_CRYPT_port="5300" +all_other_DNS_CRYPT_port="1-5299 5301-65535" + +#DNS Stubby +DNS_STUBBY_port="5453" +all_other_DNS_STUBBY_port="1-5452"5454-65535 + +#DNS_UNBOUND +DNS_UNBOUND_port="5353" +all_other_DNS_UNBOUND_port="1-5352 5354-65535" + +#SDNS +SDNS_port="853" +all_other_SDNS_port="1-852 854-65535" + +#allDNS Ports +all_DNS_port="53 853 5300 5353 5453 9053 33216 34885 35113 35141 37572 38700 39354 41227 41287 41675 43609 47535 48427 48736 48777 50275 54715 54789 51465 56343 56534 57687 60870" +all_other_all_DNS_port="1-52 54-852 854-5299 5301-5352 5354-5452 5454-9052 9054-33215 33217- 34884 34886-35112 35114-35140 35142-37571 37573-38699 38701-39353 39355-41226 41227-41286 41288-41674 41676-43608 43610-47534 47536-48426 48428-48735 48737-48776 48778-50274 50276-54714 54716-54788 54790-51464 51466-56342 56344-56533 56535-57686 57688-60869 60871-65535" + +#NTOPNG Port +#NTOPNG_PORT="3000" +NTOPNG_port="3000" +all_other_NTOPNG_port="1-2999 3001-65535" + +#Privoxy Port +#PRIVOXY_PORT="8188" +PRIVOXY_port="8188" +all_other_PRIVOXY_port="1-8187 8189-65535" + +#PiHole Port +#PIHOLE_PORT="81" +#PIHOLE_FTL_PORT="4711" +#PiHole Port +PIHOLE_port="81" +PIHOLE_FTL_port="4711" +all_PIHOLE_port="81 4711" +all_other_PIHOLE_port="1-80 82-65535" +all_other_PIHOLE_FTL_port="1-4710 4712-65535" +all_othjer_all_PIHOLE_port="1-80 82-4710 4712-65535" + +#Real Time Streaming Protocol (RTSP) +#"554" +RTSP_port="554" +all_other_RTSP_port="1-553 555-65535" + +#NNTP +#"119" +NNTP_port="119" +all_other_NNTP_port="1-118 120-65535" + +#RPC +RPC_port="111" +all_other_RPC_port="1-110 112-65535" + +#LDAP +#"389 636" +LDAP_port="389 636" +all_other_LDAP_port="1-388 390-635 637-65535" + +#Password_Server +#"106" +PASSWDSRV_port="106" +all_other_PASSWDSRV_port="1-105 107-65535" + +#KERBEROS +#"88 749" +KERBEROS_port="88 749" +all_other_KERBEROS_port="1-87 89-748 750-65535" + +#IMAP4 Port +#IMAP_PORT="143 993 626" +IMAP_port="143 993 626" +all_other_IMAP_port="1-142 144-992 994-625 627-65535" + +#POP3 Port +#POP3_PORT="110 995" +POP3_port="110 995" +all_other_POP3_port="1-109 111-994 996-65535" + +#smtp +#"25 465 587" +SMTP_port="25 465 587" +all_other_SMTP_port="1-24 26-464 466-586 588-65535" + +#all Email +email_port="25 110 143 465 587 626 993 995" +all_other_email_port="1-24 26-109 111-142 144-464 466-586 588-625 627-992 994 996-65535" + +#NTP +#123 +NTP_port="123" +all_other_NTP_port="1-122 124-65535" + +#SSH_SFTP (Port) +#22 +SSH_port="22" +all_other_SSH_port="1-21 23-65535" + +#Telnet (Port) +#23 +TELNET_port="23" +all_other_TELNET_port="1-22 24-65535" + +#Telnet_SSH_SFTP +#22 23 +TELNET_SSH_port="22 23" +all_other_TELNET_SSH_port="1-21 24-65535" + +#OPENWRT GUI ACCESS_PORT +ACCESS_HTTP_port="8080" +ACCESS_HTTPS_port="8443" + +#TOR Onion Services +TOR_SOCKS_port="9050" +TOR_SOCKS2_port="9150" +TOR_TRANS_port="9040" +TOR_DIR_port="9030" +TOR_OR_port="9049" +TOR_THTTP_port="9060" + +#Amazon_Alexa +Amazon_Alexa_port="67-68 8080 40317 49317 33434 123 54838 55443 46053 1000-10000 50000-65000 16000-26000" +all_other_Amazon_Alexa_port='1-24 26-52 54-66 69-79 81-99 101-122 124-442 444-852 854-999 1001-15999 26001-33433 33435-34083 34084-40316 40318-41906 41909-46052 46054-46077 46079-49316 49318-49999 65001-65535' +Amazon_Alexa_UDP_port="4070 5353 40317 49317 33434 50000-60000 3478-3481" +all_other_Amazon_Alexa_UDP_port="1-52 54-66 69-122 124-852 854-1899 1901-3477 3482-4069 4071 4073-4171 4173-5352 5354-5452 5454-33433 33435-40316 40318-49316 49318-49999" + +#Office_Client (Port) +# 21 22 25 53 67 80 110 123 139 138 137 443 445 515 548 631 853 2049 5353 9030 9040 9049 9050 9053 9060 9100 50275 54715 54789 51465 56343 56534 57687 60870 +OfficeClient_port="21 22 25 53 67 80 110 123 139 138 137 443 445 515 548 631 853 2049 5353 9030 9040 9049 9050 9053 9060 9100 50275 54715 54789 51465 56343 56534 57687 60870" +all_other_OfficeClient_port='1-20 24 26-52 54-66 68-79 81-109 111-122 124-136 140-442 444 446-514 516-547 549-630 632-852 854-2048 2050-5352 5354-8442 8444-9029 9031-9039 9041-9048 9051 9052 9054-9059 9061-9099 9101-40442 40446-50274 50276-51464 51465-54714 54716-54788 54790-56342 56344-56533 56535-57686 57688-60869 60871-65535' + +OfficeWebClient_port="21 22 25 53 80 110 123 443 853 5353 9030 9040 9049 9050 9053 9060 50275 54715 54789 51465 56343 56534 57687 60870" +all_other_OfficeWebClient_port='1-20 23 24 26-52 54-79 81-109 111-122 124-442 444-852 854-5299 5301-5352 5354-5452 5454-8079 8081-8442 8444-9029 9031-9039 9041-9049 9051 9052 9054-9059 9061-40274 40276-40442 40446-51464 51466-54714 54716-54788 54790-56342 56344-56533 56535-57686 57688-60869 60871-65535' + +#Only_WebClient +all_other_WebClient_port='1-20 23 24 26-52 54-79 81-109 111-122 124-442 444-852 854-5352 5354-5452 5454-8079 8081-8442 8444-9029 9031-9039 9041-9049 9051 9052 9054-9059 9061-40274 40276-40442 40446-51464 51466-54714 54716-54788 54790-56342 56344-56533 56535-57686 57688-60869 60871-65535' +WebClient_port="21 22 25 53 80 110 123 443 853 5353 5453 8080 8443 9030 9040 9049 9050 9053 9060 40275 40443 40444 40445 51465 54715 54789 56343 56534 567687 60870" + +#UPNP +UPNP_port="49000" +all_other_UPMP_port="1-48999 49001-65535" + +#Block_Incoming +all_proto="esp gre icmp igmp tcp udp" + +#Block all other Protocols +all_other_porto="esp gre igmp" + +#Block_EXT_HEIGHT_PORT_UDP +all_other_EXT_HEIGHT_PORT_UDP_port="9061-33433 33435-40316 40318-49316 49318-65535" +EXT_HEIGHT_PORT_UDP_port="33434 40317 49317" + +#Block_EXT_HEIGHT_PORT +all_other_EXT_HEIGHT_PORT_port="10000-33433 33435-40316 40318-49316 49318-54837 54839-65535" +EXT_HEIGHT_PORT_port="33434 40317 49317 54838" + +#------------------------------------------------------------------------- +iptab_DHCP_port="67" +iptab_all_other_DHCP_port="1:66 68:65535" + + +#Printer_LPR_IPP +iptab_Printer_port="515 631 9100" +iptab_all_other_Printer_port="1:514 516:630 632:9099 9101:65535" + +#NTP +iptab_NTP_port="123" +iptab_all_other_NTP_port="1:122 124:65535" + +#NFS +iptab_NFS_port="2049" +iptab_all_other_NFS_port="1:2048 2050:65535" + +#AFP +iptab_AFP_port="548" +iptab_all_other_AFP_port="1:547 549:65535" + +#SMB +iptab_SMB_port="137 138 139 445" +iptab_all_other_SMB_port="1:444 446:136 140:65535" + +#VPN +iptab_VPN_port="500 4500" +iptab_all_other_VPN_port="1:499 501:4499 4501:65535" + +#Open Directory Proxy (ODProxy) +iptab_ODProxy_port="625" +iptab_all_other_ODProxy_port="1:624 266:65535" + +#Syslog +#UDP +#514 +iptab_Syslog_port="514" +iptab_all_other_Syslog_port="1:513 515:65535" + +#NetBIOS +#UDP +#138 +iptab_NetBIOS_port="138" +iptab_all_other_NetBIOS_port="1:137 139:65535" + +#WINS +#137 +iptab_WINS_port="137" +iptab_all_other_WINS_port="1:136 138:65535" + +#Simple Service Discovery Protocol (SSDP) +#UDP +#1900 +iptab_SSDP_port="1900" +iptab_all_other_SSDP_port="1:1899 1901:65535" + +#Web Services Dynamic Discovery (WS:Discovery) +#UDP +#3702 +iptab_WS_Discovery_port="5357 3702" +iptab_all_other_WS_Discovery_port="1:5356 5358:3701 3703:65535" + +#Port Control Protocol (PCP) +#5351 +iptab_PCP_port="5351" +iptab_all_other_PCP_port="1:5350 3552:65535" + +#Port NETWORK Controler +#8043 +iptab_CONTROLER_port="8043" +iptab_all_other_CONTROLER_port="1:8042 8044:65535" + +#Multicast Domain Name Service (mDNS) +#5353 +iptab_mDNS_port="5353" +iptab_all_other_mDNS_port="1:5352 5354:65535" + +#Link Local Multicast Name Resolution (LLMNR) +#5357 +iptab_LLMNR_port="5357" +iptab_all_other_LLMNR_port="1:5356 5358:65535" + +#Telefonie (SIP) +#5060 +iptab_SIP_port="5060" +iptab_all_other_SIP_port="1:5059 5061:65535" + +#Telefonie (RTP, RTCP) +#7077:7097 +iptab_RTP_RTCP_port="7077:7097" +iptab_all_other_RTP_RTCP_port="1:7076 7098:65535" + +#Telefonie (SIP, RTP, RTCP) +#7077:7097 +iptab_SIP_RTP_RTCP_port="5060 7077:7097" +iptab_all_other_SIP_RTP_RTCP_port="1:5059 5061:7076 7098:65535" + +#FRITZ!Box +iptab_AVM_port="8181:8186" +iptab_all_other_AVM_port="1:8180 8187:65535" + +#FRITZ!Box MESH +iptab_AVM_Mesh_port="50842 53805" +iptab_all_other_AVM_Mesh_port="1:50841 50843:53804 53806:65535" + +#Torrc Ports +iptab_TORRC_port="9030 9040 9049 9050 9053 9060" +iptab_all_other_TORRC_port="1:9029 9031:9039 9041:9048 9051 9052 9054:9059 9061:65535" + + + +#SPYPE +iptab_Skype_port="1000:10000 16000:26000 38562 50000:65000" +iptab_all_other_Skype_port="1:999 10001:15999 26001:38561 38563:49999 65001:65535" +iptab_Skype_udp_port="38562 3478:3481 50000:60000" +iptab_all_other_Skype_udp_port="1:3477 3482:38561 38563:49999 60000:65535" + +#MSRDP_Alexa Call (Ports) +#3389 +iptab_MSRDP_AlexaCall_port="3389" +iptab_all_other_MSRDP_AlexaCall_port="1:3388 3390:65535" + +#HTTP_s (Ports) +#80, 443, 8080 +iptab_HTTP_s_port="80 443 8080" +iptab_HTTPs_port="443" +iptab_HTTP_port="80" +iptab_all_other_HTTP_s_port="1:79 81:442 444:8079 8081:65535" + +#FTP_Server +iptab_FTP_port="20 21" +iptab_all_other_FTP_port="1:19 22:65535" + +#Remote_Acces_http(s) +#40443:40446 +iptab_Acces_http_port="40443:40446" +iptab_all_other_Acces_http_port="1:40442 40447:65535" + +#eMule (Ports) +#4662, 4672 +iptab_eMule_port="4662 4672" +iptab_all_other_eMule_port="1:4661 4663:4671 4673:65535" + +#Bittorrent (Ports) +#6881:6999 +iptab_Bittorrent_port="6881:6999" +iptab_all_other_Bittorrent_port="1:6880 7000:65535" + +#Tor_dns +iptab_DNS_TOR_port="9053" +iptab_all_other_DNS_TOR_port="1:9052 9054:65535" + +#DNS Crypt +iptab_DNS_CRYPT_port="5300" +iptab_all_other_DNS_CRYPT_port="1:5299 5301:65535" + +#DNS Stubby +iptab_DNS_STUBBY_port="5453" +iptab_all_other_DNS_STUBBY_port="1:5452"5454:65535 + +#DNS_UNBOUND +iptab_DNS_UNBOUND_port="5353" +iptab_all_other_DNS_UNBOUND_port="1:5352 5354:65535" + +#SDNS +iptab_SDNS_port="853" +iptab_all_other_SDNS_port="1:852 854:65535" + +#allDNS Ports +iptab_all_DNS_port="53 853 5300 5353 5453 9053 33216 34885 35113 35141 37572 38700 39354 41227 41287 41675 43609 47535 48427 48736 48777 50275 54715 54789 51465 56343 56534 57687 60870" +iptab_all_other_all_DNS_port="1:52 54:852 854:5299 5301:5352 5354:5452 5454:9052 9054:33215 33217: 34884 34886:35112 35114:35140 35142:37571 37573:38699 38701:39353 39355:41226 41227:41286 41288:41674 41676:43608 43610:47534 47536:48426 48428:48735 48737:48776 48778:50274 50276:54714 54716:54788 54790:51464 51466:56342 56344:56533 56535:57686 57688:60869 60871:65535" + +#NTOPNG Port +#NTOPNG_PORT="3000" +iptab_NTOPNG_port="3000" +iptab_all_other_NTOPNG_port="1:2999 3001:65535" + +#Privoxy Port +#PRIVOXY_PORT="8188" +iptab_PRIVOXY_port="8188" +iptab_all_other_PRIVOXY_port="1:8187 8189:65535" + +#PiHole Port +#PIHOLE_PORT="81" +#PIHOLE_FTL_PORT="4711" +#PiHole Port +iptab_PIHOLE_port="81" +iptab_PIHOLE_FTL_port="4711" +iptab_all_PIHOLE_port="81 4711" +iptab_all_other_PIHOLE_port="1:80 82:65535" +iptab_all_other_PIHOLE_FTL_port="1:4710 4712:65535" +iptab_all_othjer_all_PIHOLE_port="1:80 82:4710 4712:65535" + +#Real Time Streaming Protocol (RTSP) +#"554" +iptab_RTSP_port="554" +iptab_all_other_RTSP_port="1:553 555:65535" + +#NNTP +#"119" +iptab_NNTP_port="119" +iptab_all_other_NNTP_port="1:118 120:65535" + +#RPC +iptab_RPC_port="111" +iptab_all_other_RPC_port="1:110 112:65535" + +#LDAP +#"389 636" +iptab_LDAP_port="389 636" +iptab_all_other_LDAP_port="1:388 390:635 637:65535" + +#Password_Server +#"106" +iptab_PASSWDSRV_port="106" +iptab_all_other_PASSWDSRV_port="1:105 107:65535" + +#KERBEROS +#"88 749" +iptab_KERBEROS_port="88 749" +iptab_all_other_KERBEROS_port="1:87 89:748 750:65535" + +#IMAP4 Port +#IMAP_PORT="143 993 626" +iptab_IMAP_port="143 993 626" +iptab_all_other_IMAP_port="1:142 144:992 994:625 627:65535" + +#POP3 Port +#POP3_PORT="110 995" +iptab_POP3_port="110 995" +iptab_all_other_POP3_port="1:109 111:994 996:65535" + +#smtp +#"25 465 587" +iptab_SMTP_port="25 465 587" +iptab_all_other_SMTP_port="1:24 26:464 466:586 588:65535" + +#all Email +iptab_email_port="25 110 143 465 587 626 993 995" +iptab_all_other_email_port="1:24 26:109 111:142 144:464 466:586 588:625 627:992 994 996:65535" + +#NTP +#123 +iptab_NTP_port="123" +iptab_all_other_NTP_port="1:122 124:65535" + +#SSH_SFTP (Port) +#22 +iptab_SSH_port="22" +iptab_all_other_SSH_port="1:21 23:65535" + +#Telnet (Port) +#23 +iptab_TELNET_port="23" +iptab_all_other_TELNET_port="1:22 24:65535" + +#Telnet_SSH_SFTP +#22 23 +iptab_TELNET_SSH_port="22 23" +iptab_all_other_TELNET_SSH_port="1:21 24:65535" + +#OPENWRT GUI ACCESS_PORT +iptab_ACCESS_HTTP_port="8080" +iptab_ACCESS_HTTPS_port="8443" + +#TOR Onion Services +iptab_TOR_SOCKS_port="9050" +iptab_TOR_SOCKS2_port="9150" +iptab_TOR_TRANS_port="9040" +iptab_TOR_DIR_port="9030" +iptab_TOR_OR_port="9049" +iptab_TOR_THTTP_port="9060" + + +#Amazon_Alexa +iptab_Amazon_Alexa_port="67:68 8080 40317 49317 33434 123 54838 55443 46053 1000:10000 50000:65000 16000:26000" +iptab_all_other_Amazon_Alexa_port='1:24 26:52 54:66 69:79 81:99 101:122 124:442 444:852 854:999 1001:15999 26001:33433 33435:34083 34084:40316 40318:41906 41909:46052 46054:46077 46079:49316 49318:49999 65001:65535' +iptab_Amazon_Alexa_UDP_port="4070 5353 40317 49317 33434 50000:60000 3478:3481" +iptab_all_other_Amazon_Alexa_UDP_port="1:52 54:66 69:122 124:852 854:1899 1901:3477 3482:4069 4071 4073:4171 4173:5352 5354:5452 5454:33433 33435:40316 40318:49316 49318:49999" + +#Office_Client (Port) +# 21 22 25 53 67 80 110 123 139 138 137 443 445 515 548 631 853 2049 5353 9030 9040 9049 9050 9053 9060 9100 50275 54715 54789 51465 56343 56534 57687 60870 +iptab_OfficeClient_port="21 22 25 53 67 80 110 123 139 138 137 443 445 515 548 631 853 2049 5353 9030 9040 9049 9050 9053 9060 9100 50275 54715 54789 51465 56343 56534 57687 60870" +iptab_all_other_OfficeClient_port='1:20 24 26:52 54:66 68:79 81:109 111:122 124:136 140:442 444 446:514 516:547 549:630 632:852 854:2048 2050:5352 5354:8442 8444:9029 9031:9039 9041:9048 9051 9052 9054:9059 9061:9099 9101:40442 40446:50274 50276:51464 51465:54714 54716:54788 54790:56342 56344:56533 56535:57686 57688:60869 60871:65535' + +iptab_OfficeWebClient_port="21 22 25 53 80 110 123 443 853 5353 9030 9040 9049 9050 9053 9060 50275 54715 54789 51465 56343 56534 57687 60870" +iptab_all_other_OfficeWebClient_port='1:20 23 24 26:52 54:79 81:109 111:122 124:442 444:852 854:5299 5301:5352 5354:5452 5454:8079 8081:8442 8444:9029 9031:9039 9041:9049 9051 9052 9054:9059 9061:40274 40276:40442 40446:51464 51466:54714 54716:54788 54790:56342 56344:56533 56535:57686 57688:60869 60871:65535' + +#Only_WebClient +iptab_all_other_WebClient_port='1:20 23 24 26:52 54:79 81:109 111:122 124:442 444:852 854:5352 5354:5452 5454:8079 8081:8442 8444:9029 9031:9039 9041:9049 9051 9052 9054:9059 9061:40274 40276:40442 40446:51464 51466:54714 54716:54788 54790:56342 56344:56533 56535:57686 57688:60869 60871:65535' +iptab_WebClient_port="21 22 25 53 80 110 123 443 853 5353 5453 8080 8443 9030 9040 9049 9050 9053 9060 40275 40443 40444 40445 51465 54715 54789 56343 56534 567687 60870" + +#UPNP +iptab_UPNP_port="49000" +iptab_all_other_UPMP_port="1:48999 49001:65535" + +#Block_EXT_HEIGHT_PORT_UDP +iptab_all_other_EXT_HEIGHT_PORT_UDP_port="9061:33433 33435:40316 40318:49316 49318:65535" +iptab_EXT_HEIGHT_PORT_UDP_port="33434 40317 49317" + +#Block_EXT_HEIGHT_PORT +iptab_all_other_EXT_HEIGHT_PORT_port="10000:33433 33435:40316 40318:49316 49318:54837 54839:65535" +iptab_EXT_HEIGHT_PORT_port="33434 40317 49317 54838" + + +#Block public DNS Server +DNS_EXT_BLOCK1_SVR="8.8.8.8" +DNS_EXT_BLOCK2_SVR="8.8.4.4" +DNS_EXT_BLOCK3_SVR="9.9.9.9" +DNS_EXT_BLOCK4_SVR="149.112.112.112" +DNS_EXT_BLOCK5_SVR="9.9.9.10" +DNS_EXT_BLOCK6_SVR="9.9.9.11" +DNS_EXT_BLOCK7_SVR="9.9.9.12" +DNS_EXT_BLOCK8_SVR="149.112.112.10" +DNS_EXT_BLOCK9_SVR="149.112.112.11" +DNS_EXT_BLOCK10_SVR="208.67.222.222" +DNS_EXT_BLOCK11_SVR="208.67.220.220" +DNS_EXT_BLOCK12_SVR="2001:4860:4860::8888" +DNS_EXT_BLOCK13_SVR="2001:4860:4860::8844" +DNS_EXT_BLOCK14_SVR="2620:fe::fe" +DNS_EXT_BLOCK15_SVR="2620:fe::9" +DNS_EXT_BLOCK16_SVR="2620:fe::11" +DNS_EXT_BLOCK17_SVR="2620:fe::fe:11" +DNS_EXT_BLOCK18_SVR="2620:fe::10" +DNS_EXT_BLOCK19_SVR="2620:fe::fe:10" + +#Cloudflare_DNS_Server +DNS_Cloudflare1_SVR="1.1.1.1" +DNS_Cloudflare2_SVR="1.1.1.2" +DNS_Cloudflare3_SVR="1.1.1.3" +DNS_Cloudflare4_SVR="1.0.0.1" +DNS_Cloudflare5_SVR="1.0.0.2" +DNS_Cloudflare6_SVR="1.0.0.3" +DNS_Cloudflare7_SVR="2606:4700:4700::1111" +DNS_Cloudflare8_SVR="2606:4700:4700::1112" +DNS_Cloudflare9_SVR="2606:4700:4700::1113" +DNS_Cloudflare10_SVR="2606:4700:4700::1001" +DNS_Cloudflare11_SVR="2606:4700:4700::1002" +DNS_Cloudflare12_SVR="2606:4700:4700::1003" +DNS_Cloudflare13_SVR=$SERVER_ip +DNS_Cloudflare14_SVR=$CONTROL_ip +DNS_Cloudflare15_SVR=$HCONTROL_ip +DNS_Cloudflare16_SVR=$INET_ip +DNS_Cloudflare17_SVR=$VOICE_ip +DNS_Cloudflare18_SVR=$ENTERTAIN_ip +DNS_Cloudflare19_SVR=$GUEST_ip +DNS_Cloudflare20_SVR="127.0.0.1" +DNS_Cloudflare21_SVR="127.0.10.1" +DNS_Cloudflare22_SVR="0::1" +DNS_Cloudflare23_SVR="dns4torpnlfs2ifuz2s2yf3fc7rdmsbhm6rw75euj35pac6ap25zgqad.onion" + +#Cloudflare Onion TOR +CLOUDFLARE="dns4torpnlfs2ifuz2s2yf3fc7rdmsbhm6rw75euj35pac6ap25zgqad.onion" + +#Tor Netzwerk +TOR_ROUTING="10.192.0.0/10" + +# destinations you don't want routed through Tor +NON_TOR="$WAN_net $INET_net $SERVER_net $CONTROL_net $HCONTROL_net $VOICE_net $ENTERTAIN_net $GUEST_net" +# s3-1-w.amazonaws.com 52.192.0.0/11 .ix.nflxvideo.net joyn.de joyn.net hvb.de hypovereinsbank.de" + +# TV and VoD +JOYN_SVR="" +ZATTOO_SVR="" +WAYPU_SVR="" +PRIME_SVR="" +NETFLIX_SRV="54.204.25.0/28 23.23.189.144/28 34.195.253.0/25 35.163.200.168/28" +VIDEO_SRV="52.192.0.0/11 99.86.3.59/24 18.236.7.30/11 217.148.99.11/28 46.137.171.215/11 34.241.244.104/24 207.45.72.215/11 "$NETFLIX_SRV + +echo +echo "variables defineds" +echo +clear +echo '########################################################' +echo '# #' +echo '# CyberSecurity-Box #' +echo '# #' +echo '# local Privacy for Voice-Assistent Smart-TV SmartHome #' +echo '# #' +echo '########################################################' +echo +#---------------------------------------------------------------------------- + +uci set system.@system[0]=system +uci set system.@system[0].ttylogin='0' +uci set system.@system[0].log_size='64' +uci set system.@system[0].urandom_seed='0' +uci set system.@system[0].log_proto='udp' +uci set system.@system[0].conloglevel='1' +uci set system.@system[0].cronloglevel='9' +uci set system.@system[0].timezone='CET-1CEST,M3.5.0,M10.5.0/3' +uci set system.@system[0].zonename='Europe/Berlin' +uci set system.@system[0].hostname='CyberSecurity-Box' +uci set system.@system[0].description='CyberSecurity-Box with Tor-Onion-Services' +uci delete system.ntp.server +uci add_list system.ntp.server=$INET_GW +uci add_list system.ntp.server='0.openwrt.pool.ntp.org' +uci add_list system.ntp.server='1.pool.ntp.org' +uci add_list system.ntp.server='2.openwrt.pool.ntp.org' +uci add_list system.ntp.server='3.pool.ntp.org' +uci set uhttpd.defaults.country='DE' +uci set uhttpd.defaults.state='' +uci set uhttpd.defaults.location='DMZ' +uci set uhttpd.defaults.commonname=$LAN +uci -q delete uhttpd.main.listen_http +uci add_list uhttpd.main.listen_http="0.0.0.0:8080" +uci add_list uhttpd.main.listen_http="[::]:8080" +uci -q delete uhttpd.main.listen_https +uci add_list uhttpd.main.listen_https="0.0.0.0:8443" +uci add_list uhttpd.main.listen_https="[::]:8443" +uci commit && reload_config >/dev/null +/etc/init.d/uhttpd restart >/dev/null + +echo +echo 'Default Country-Settings' +echo + + +echo +echo 'https activated' +echo + + +cat << EOF > /etc/banner + + +++ + +++ +++++ + + + + + + + + ++ + + + + ++ + + + + ++ + + +++ ++ + ++ +++ ++ ++ +++++ ++ + + ++ + + + + + + + + + + + + + + + + + + + ++ + + + +++ ++ + +++ + + + + + + + + + + + + + + + + + + + + + + + + + + +++ + +++ +++ + +++ +++ ++ +++++ ++ + + + + local Privacy for Voice-Assistents, Smart-TVs and SmartHome + +-------------------------------------------------------------------------- + powered by OpenWrt $(echo $release), $(echo $revision) +-------------------------------------------------------------------------- + + +EOF + +cat << EOF > /etc/openwrt_release +DISTRIB_ID='OpenWrt' +DISTRIB_RELEASE='$(echo $release)' +DISTRIB_REVISION='$(echo $revision)' +DISTRIB_TARGET='ipq40xx/generic' +DISTRIB_ARCH='arm_cortex-a7_neon-vfpv4' +DISTRIB_DESCRIPTION='CyberSecurity-Box $(echo $revision)' +DISTRIB_TAINTS='' +EOF + + +cat << EOF > /etc/device_info +DEVICE_MANUFACTURER='@CyberAndi' +DEVICE_MANUFACTURER_URL='https://cyberandi.tumblr.com/' +DEVICE_PRODUCT='CyberSecurity-Box' +DEVICE_REVISION='v0.5' + +EOF + +#Datum erstellen +#actdate(date --utc --date "$1" +%F) +datum=$(date +"%y%d%m%H%M") +echo + +uci set luci.main.mediaurlbase='/luci-static/bootstrap-dark' +uci set luci.themes.BootstrapDark='/luci-static/bootstrap-dark' +uci commit && reload_config + +#save old firewall rules +echo save old firewallrules +echo +iptables-save > rules.v4_old_$datum.bkp + +mkdir /www/router +mkdir /www/redirect +mkdir /www/CaptivePortal +mkdir /www/generate_204 +mkdir /www/CaptivePortal/pic +echo + +cat << EOF > /www/index.html + + + + +
+ + + + + + LuCI - Lua Configuration Interface + + + + +EOF + +echo +echo writes Redirect +echo +cat << EOF > /www/CaptivePortal/theme_variable.css + +:root { + --acceptBgColor: linear-gradient(to left bottom, rgba(0,128,0,0.8), rgba(0,128,0,0.1)); + --activeView: -10; + --adjust: 100%; + --alertBgColor: var(--lightRed); + --alertColor: var(--lightRed); + --alertRed: #cc0000; + --alertTop: 3em; + --AnswerBoxBg: var(--lightRed); + --animiImage: url('pic/Corona_2.svg'); + --animiStartPosX: 0; + --animiStartPosY: 0; + --animiStartPosZ: 0; + --animiStartPerspective: 150px; + --animiStopPosX: 0; + --animiStopPosY: 0; + --animiStopPosZ: 0; + --animiStopPerspective: 7000px; + --animiTransformStyle: preserve-3d; + --appearance: none; + --aspectRatio: 16/9; + --aspectRatioLT: 16/6.7467; + --autoHeight: auto; + --autoTop: auto; + --bgBlur: blur(2.5px); + --bgLight: rgba(238,238,238,0.75); + --bgGradientDark: linear-gradient(to bottom, rgba(16,96,0,0.8), rgba(16,96,0,0.7), rgba(16,96,0,0)); + --bgGradientDiagDark: linear-gradient(to top right, rgba(16,96,0,0.8), rgba(16,96,0,0.7), rgba(16,96,0,0)); + --bgGradientDiagLight: linear-gradient(to bottom left, rgba(32,128,0,0.8), rgba(32,128,0,0.1)); + --bgGradientDiagLightActive: linear-gradient(to top right, rgba(32,128,0,0.8), rgba(32,128,0,0.1)); + --bgGradientLight: linear-gradient(to right, rgba(32,128,0,0.8), rgba(32,128,0,0.1)); + --bgGradientLightActive: linear-gradient(to top, rgba(32,128,0,0.8), rgba(32,128,0,0.1)); + --bgModal: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.3), rgba(0,0,0,1) ); + --bgPosFixed: fixed; + --bgTransparent: transparent; + --bgRepeate: no-repeat; + --bibleTextTransition: 0.75s; + --bibleTextDisplay: block; + --bibleTextHidden: none; + --bibleTextImageDisplay: inline-block; + --bibleImageShadow: 0.1em 0.1em 0.125em rgb(0 0 0 / 50%), 0 0 0.05em rgba(0, 0, 0, 0.25); + --blackColor: #000000; + --bookTextColor: #201000; + --bookBGColor: #ffeed8; + --blackGradient: radial-gradient(rgba(0,0,0,.3), rgba(0,0,0,1)); + --blackTrans: rgba(0,0,0,0.5); + --blockBgColor: linear-gradient(to bottom left, rgba(224,224,0,0.8), rgba(224,224,0,0.1)); + --blueGradient: radial-gradient(rgba(47, 121,160,.3), rgba(47, 121,160,1)); + --blueGradient3: radial-gradient(rgba(47, 121,160,1), rgba(47, 121,160,0.15)); + --blueGradientRight: linear-gradient(to right, rgba(17,17,17,.9), var(--colorBlueMid)); + --blueGradientLeft: linear-gradient(to left, var(--colorBlueTrans), var(--colorBlue)); + --blueScrollPic: rgba(94,149,183,.4); + --bookBGImage: linear-gradient(to right,rgba(135,100,0,1), rgba(135,100,0,0.1), rgba(135,100,0,0.1), rgba(135,100,0,0.1), rgba(135,100,0,0.1), rgba(135,100,0,1)); + --bookFont: var(--fontBook); + --borderDark: 1px solid #000000; + --borderColorDark: rgba(81,81,81,0.6); + --borderColorDark: var(--buttonBorderColorDark); + --borderColorLight: var(--borderLight); + --borderColorMiddle: rgba(128,128,128,0.6); + --borderColorMiddle: var(--buttonBorderColorMiddle); + --borderDark: 0.75px solid rgba(81,81,81,0.6); + --borderLoader: 2px solid rgb(32,128,0); + --borderLoader2: 7px solid #aaaaaa; + --borderLoaderRadius: 50%; + --borderLoaderTop: 7px solid rgb(32,128,0); + --borderMiddle: 0.75px solid rgba(128,128,128,0.6); + --borderNone: 1px solid #44cc00; + --borderRadius: 5px; + --borderRadiusNone: 0; + --borderRadiusNormal: 7px; + --borderRadiusSmall: 3px; + --borderRadiusTouch: 15px; + --borderSelect: 1px solid #cccccc; + --borderTerminal: 2px solid rgba(68,204,0,0.5); + --boxBg: rgba(128,128,128,0.6); + --boxBgDrk: rgba(48,48,48,0.85); + --boxBgDrkGreen: rgba(0,48,0,0.85); + --boxBgImage: linear-gradient(to bottom left, rgba(128,128,128,0.8), rgba(128,128,128,0.1)); + --boxBgLgtDrk: rgba(81,81,81,0.6); + --boxBgLight: rgba(204,204,204,0.85); + --boxBgLightGreen: rgba(0,204,0,0.6); + --boxBgMidGreen: rgba(68,136,68,0.85); + --boxBGView: 49; + --boxHighLightBorder: rgba(0,224,0,0.9)!important; + --boxHighLightBorder: rgba(82,236,168,0.9)!important; + --boxHighLightShadow: inset 0 1px 3px rgb(0 0 0 / 10%), 0 0 8px rgb(0 224 0 / 60%); + --boxPadding: 1em 1.5em; + --boxShadow: 0.25em 0.25em 0.5em var(--blackTrans); + --boxShadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.7), 0 0 0.05em #000000; + --boxShadow2: -0.5em 0.95em 0.5em rgba(0, 0, 0, 0.6); + --boxSizeingNorm: content-box; + --boxSizeingBorder: border-box; + --boxView: 50; + --bsLogoHeight: 51; + --buttonBorderColorDark: rgba(81,81,81,0.6); + --buttonBorderColorMiddle: rgba(128,128,128,0.6); + --buttonBorderDark: 0.75px solid rgba(81,81,81,0.6); + --buttonBorderMiddle: 0.75px solid rgba(128,128,128,0.6); + --buttonBorderMiddle: 0.75px solid rgba(128,128,128,0.6); + --buttonBoxHeight: 2.1vw; + --buttonColorNorm: rgba(0,0,0,0.35); + --buttonColorSelect: rgba(224,0,0,0.75); + --buttonColorDark: var(--fontDark); + --buttonColorLight: var(--fontLight); + --buttonColorStd: rgba(000,113,000,0.75); + --buttonHeight: 16px; + --buttonFloat: right; + --buttonHeightTouch: 60px; + --buttonTop: -.05em; + --buttonRight: 0em; + --buttonPadding: 0 0em 0.25em 0.5em; + --buttonCursor: pointer; + --canLeft: 60%; + --canSize: 30em; + --centerMargin: auto; + --centerPos: 50%; + --colorBlueTrans: rgba(47, 121,160,.3); + --colorBlue: rgba(47, 121,160,1); + --colorBlueMid: rgba(94,149,183,0.8); + --colorBlueDrk: rgba(7, 81,120,1); + --colorBlueLgth: rgba(107, 181,220,1); + --colorDrkGrey: rgba(17,17,17,0.75); + --colorDrkGreyTrans: rgba(17,17,17,0.25); + --colorLgtGrey: #eeeeee; + --configHeight: var(--menuHeight); + --configLableMax: var(--popupMaxWidth); + --configLableMin: var(--popupMinWidth); + --configMax: 40em; + --configMin: 6em; + --cursorHand: pointer; + --cursorWait: wait; + --containerBibleTextWidth: 80vw; + --default: 0em; + --defaultValue: unset; + --devColor: #ff0000; + --devColorTrans: rgba(255,0,0,0.25); + --devColor1: #880000; + --devColor1Trans: rgba(128,0,0,0.25); + --devColor2: #008800; + --devColor2Trans: rgba(0,128,0,0.25); + --devColor3: #00ff00; + --devColor3Trans: rgba(0,255,0,0.25); + --devColor4: #000088; + --devColor4Trans: rgba(0,0,128,0.25); + --devColor5: #0000ff; + --devColor5Trans: rgba(0,0,255,0.25); + --devColor6: #888800; + --devColor6Trans: rgba(128,128,0,0.25); + --devColor7: #ffff00; + --devColor7Trans: rgba(255,255,0,0.25); + --devColorBG: #AA00AA; + --devColorBGTrans: rgba(172,0,172,0.25); + --devColorOverL: #AAAAAA; + --devColorOverLTrans: rgba(172,172,172,0.25); + --displayNone: none; + --displayBlock: block; + --displayInlineBlock: inline-block; + --drk-bg: #000000; + --drkGreen: #004400; + --blueGradient: radial-gradient(rgba(47, 121,160,.3), rgba(47, 121,160,1)); + --blueGradient2: radial-gradient(rgba(94,149,183,.3), rgba(94,149,183,1)); + --blueTransparent: rgba(47, 121,160, 0.75); + --dropBgColor: linear-gradient(to bottom left, rgba(224,0,0,0.8), rgba(224,0,0,0.1)); + --dropShadow: var(--boxShadow); + --factorHDVideo: 56.25; + --factorHDVideoVW: var(--factorHDVideo) + 'vw'; + --factorLetterBoxSmallVideo: 37.5; + --factorLetterBoxSmallVideoVW: var(--factorLetterBoxSmallVideo) + 'vw'; + --factorLetterBoxVideo: 48.92; + --factorLetterBoxVideoVW: var(--factorLetterBoxVideo) + 'vw'; + --fillHeadHeight: var(--lineBoxHeadHeight); + --flowLeft: left; + --flowRight: right; + --focusShadow: 0 0 0.15em var(--colorBlueMid); + --footerHeight: calc(var(--fontSizeEm) * 2); + --fontActiveShadow: var(--fontShadow); + --fontBigShadow: -0.25em 0.425em 0.25em rgba(0, 0, 0, 0.6); + --fontBold: bold; + --fontDark: #222222; + --fontLight: #cccccc; + --fontNormal: normal; + --fontSelectShadow: -0.125em 0.2125em 0.125em rgba(224, 224, 224, 0.6); + --fontShadow: 0.2em 0.2em 0.5em rgb(0 0 0 / 75%), 0 0 0.2em #000000; + --fontSize: 1.2831vw; + --fontSizeEm: 16px; + --fontSizeButton: var(--fontSizeSmall); + --fontSizeHead: var(--fontSizeNorm); + --fontSizeHead1: 2.370816vw; + --fontSizeHead2: 1.97568vw; + --fontSizeHead3: 1.6464vw; + --fontSizeHelp: var(--fontSizeXXSmall); + --fontSizeIfBox: var(--fontSizeXSmall); + --fontSizeIfBoxHead: var(--fontSizeSmall); + --fontSizeLabel: 1.15248vw; + --fontSizeLabel: var(--fontSizeXSmall); + --fontSizeMenu: var(--fontSizeSmall); + --fontSizeMobile: 1.6vw; + --fontSizeNorm: 1.4vw; + --fontSizeSmall: 1.1662vw; + --fontSizeTable: var(--fontSizeXSmall); + --fontSizeXSmall: 1.029vw; + --fontSizeXXSmall: 0.8232vw; + --fontWeight: 650; + --fontTerminal: var(--mainColor); + --fontXDrk: var(--drk-bg); + --fontXLight: var(--lightColor); + --fontBook: "Times New Roman", Times, serif; + --footerHeight: 1.5em; + --footerBGColor: linear-gradient(to left,rgba(17,17,17,.9), var(--colorBlueMid)); + --forwardBgColor: linear-gradient(to left bottom, rgba(0,255,0,0.8), rgba(0,255,0,0.1)); + --fwStateDynWidth: 260px; + --gray: #444444; + --halfTransparent: 0.8; + --headerBgColor: rgba(0,0,0,0.8); + --headerBGImage: url("pic/CMovie.svg"), var(--blueGradientRight); + --headerBGImageSmall: var(--blueGradientRight); + --headerBGSize: 10%, auto; + --headerBGSizeSmall: auto; + --headerBGPosX: 7%, 0px; + --headerBGPosXBig: 10%, 0px; + --headerBGPosY: 55%, 0px; + --headerBGPosXSmall: 0px; + --headerBGPosYSmall: 0px; + --headerBoxHeight: var(--lineBoxHeadHeight); + --headerBoxItem: var(--lineBoxHeadHeight); + --headerH1: "Willkommen bei C`Movie dem Hoffnungsportal"; + --headerH1Small: "C`Movie das Hoffnungsportal"; + --headerH3: "Der Gegenpol zu Chaos und Panik seitens der Medien und Politik"; + --headerH3Small: "Der Gegenpol zu Chaos und Panik"; + --headerHeight: var(--lineHeadHeight); + --headerHeight: calc(var(--fontSizeEm) * 9.5); + --headerHeightLarge: calc(var(--fontSizeEm) * 9.5); + --headerHeightSmall: calc(var(--fontSizeEm) * 4.5); + --headerItem: var(--lineHeadHeight); + --headerAlign: center; + --headerTop: -1em; + --headerTopH3: -0.4em; + --headerLineHeight: 1.2; + --headFont: var(--mainFont); + --heightTerm: 31em; + --hidden: none; + --hoverView: 10; + --hyphens: auto; + --inlineVisible: inline-block; + --inpBoxWidth: 210px; + --inpFill-bg: var(--lightGray); + --inpFocus-bg: #ffffcc; + --inpHeight: var(--mainTextHeight); + --inpMarginTop: 0.75em; + --inpPadding: 0.25em 0.5em; + --inpTxt: #0000aa; + --inputShadow: inset 1px 1px 3px rgba(0,0,0,0.4); + --infoBG: var(--bgLight); + --infoPosLeft: calc(50% - 225px); + --infoPosTop: 5em; + --infoMargin: auto; + --infoWidth: 90vw; + --infoMaxWidth: 450px; + --infoMaxHeight: 80vh; + --infoTextShadow: var(--textNoShadow); + --infoPadding: 0.25em 0.5em; + --infoFont: Arial, sans-serif; + --infoTextWidth: auto; + --infoImageHeight: 1em; + --infoFontButtonHeight: 1em; + --inpWidth: 92%; + --lastScrollY: 0; + --lastScrollX: 0; + --layer2View: 20; + --layer3View: 30; + --leftTerm: 16em; + --light-bg: #cccccc; + --lightColor: #ffffff; + --lightGray: #aaaaaa; + --lightgreen: rgb(32,128,0); + --lightRed: rgba(196,0,0,0.6); + --lightRed: rgba(224,0,0,0.75); + --lineBoxHeadHeight: 3.92vw; + --lineBoxHeight: 2.1vw; + --lineBoxInputHeight: var(--buttonBoxHeight); + --lineHeadHeight: 2.8em; + --lineHeight: 1.5em; + --lineInputHeight: var(--buttonHeight); + --loaderAnimation: spin 2s linear infinite; + --loaderPadding: 30px; + --loaderSize: 1.5em; + --loaderStartAnimation: rotate(0deg); + --loaderStopAnimation: rotate(360deg); + --logoWidth: 16.3vw; + --logoHeight: 8.645833vw; + --logoPosTop: calc(100vh - var(--logoHeight) - 16px) !important; + --logoPosPortraiTop: calc(var(--factorHDVideoVW) - var(--logoHeight) - 16px) !important; + --logoPosLeft: 0em; + --logoBackShadow: unset; + --logoShadow: var(--boxShadow); + --logoPic: url("pic/Title.png"); + --logoSize: cover; + --logoRepeate: no-repeat; + --main-bg-color: var(--xDrkGreen); + --mainBoxTextHeight: 1.68vw; + --mainColor: #44cc00; + --mainFont: "OCR A","OCR A Std", "OCR-A","OCR-A Std",Monaco,Andale Mono,Courier New,Courier,monospace; + --mainHeight: 1em; + --mainMargin: 0; + --mainOverflow: hidden; + --mainPadding: 0; + --mainPadding: 1em; + --mainTextHeight: 1.2em; + --mainVisible: inline; + --mainZoom: 100%; + --maxHeight:100%; + --maxWidth: var(--widthMax); + --maxTerm: 70%; + --menuActiveBg: var(--bgGradientLightActive); + --menuActiveBorder: 1px solid rgba(0, 0, 0,0.8); + --menuBg: var(--bgGradientLight); + --menuBorder: 1px solid rgba(0,0,0,0.8); + --menuBottom: -1.4em; + --menuBoxHeight: var(--buttonBoxHeight); + --menuBoxMaxWidth: 13.3vw; + --menuBoxMinWidth: 11.2vw; + --menuBtn: 43; + --menuHeight: var(--mainTextHeight); + --menuHoverBg: var(--bgGradientLight); + --menuHoverBorder: 1px solid rgba(196,196,196,0.8); + --menuMargin: 0 0.5em; + --menuMaxWidth: 9.5em; + --menuMinWidth: 8em; + --menuPadding: 0 0.5em; + --menuPadding2: 0.5em 1em; + --menuShadow: 0 0 0.15em rgb(224 224 224 / 50%), 0.25em 0.25em 0.35em rgb(0 0 0 / 50%); + --menuTop: 3.5em; + --menuTopTop: 0.25em; + --menuTopLow: 6.1em; + --menuTopWidth: max-content; + --menuView: 40; + --midGray: #888888; + --minTerm: 20%; + --modalView: 100; + --msgBoxMax: 80%; + --msgBoxMin: 15%; + --msgPadding: 1em; + --noBorder: none; + --noneBorder: none; + --noShadow: none; + --noTransparent: 1; + --noMarginPadding: 0; + --opacity: 0.8; + --overflowAuto: auto; + --overflowHidden: hidden; + --overflowNone: none; + --overflowCut: clip; + --overflowOverlay: overlay; + --overflowScroll: scroll; + --overflowScrollTouch: touch; + --overflowVisible: visible; + --overlayDiverence: 0; + --overlayHeight: 0; + --overlayCalcHeight: 0; + --overlayCalcLayerHeight: 0; + --overlayTop: 0; + --overlayLayerTop: 0; + --overlayHeadTop: 0; + --overlayScreenTop: 0; + --overlayScreenBottom: 0; + --overlayBottom: 0; + --overlayHeadBottom: 0; + --overlayPos: 0; + --overlayPosTop: 0; + --overlayPosHalfTop: 0; + --overlayPosOverlayTop: 0; + --overlayPosScreenTop: 0; + --overlayPosBottom: 0; + --overlayPosHeadBottom: 0; + --overlayPosScreenBottom: 0; + --overlayPosHeadScreenBottom: 0; + --overlayPosOverlayBottom: 0; + --overlayPosHeadOverlayBottom: 0; + --overlayPosHeadTop: 0; + --overlayPosHeadHalfTop: 0; + --overlayPosHeadOverlayTop: 0; + --overlayPosHeadScreenTop: 0; + --overlayPositionScreenTop: 0; + --overlayPositionTop: 0; + --overlayPositionBottom: 0; + --overlayPositionScreenBottom: 0; + --overlayTransition: var(--transitionLong); + --overlayHeightPC: 684; + --overlay1HeightPC: calc(100vh - 1em); + --overlay2HeightPC: calc(100vh - 1em); + --overlay3HeightPC: calc(100vh - 1em); + --overlay4HeightPC: calc(100vh - 1em); + --overlay1TopPC: 40px; + --overlay2TopPC: 804px; + --overlay3TopPC: 1568px; + --overlay4TopPC: 2440px; + --overlayHeightPad: 684; + --overlay1HeightPad: 554; + --overlay2HeightPad: 697; + --overlay3HeightPad: 576; + --overlay4HeightPad: 697; + --overlayHeightWPad: 684; + --overlay1HeightWPad: 684; + --overlay2HeightWPad: 684; + --overlay3HeightWPad: 684; + --overlay4HeightWPad: 684; + --overlayHeightPhone: 684; + --overlay1HeightPhone: 280; + --overlay2HeightPhone: 1477; + --overlay3HeightPhone: 211; + --overlay4HeightPhone: 697px; + --overlayHeightWPhone: 684px; + --overlay1HeightWPhone: 684; + --overlay2HeightWPhone: 684; + --overlay3HeightWPhone: 684; + --overlay4HeightWPhone: 684; + --parentValue: inherit; + --popupActiveBg: var(--bgGradientLightActive); + --popupActiveBorder: var(--menuActiveBorder); + --popupActiveColorBg: var(--drk-bg); + --popupBg: var(--bgGradientDiagLight); + --popupBorder: var(--menuBorder); + --popupBorder2: 1px solid var(--xDrkGreen); + --popupBtn: 48; + --popupChildMargin: var(--mainMargin); + --popupChildMarginBottom: -1em; + --popupChildPadding: 0.5em 1em 0.5em 2em; + --popupHeight: 33.15em; + --popupHoverBg: var(--bgGradientLight); + --popupHoverBorder: var(--menuHoverBorder); + --popupHoverColorBg: var(--light-bg); + --popupItemBg: transparent; + --popupItemMargin: var(--mainMargin); + --popupItemPadding: var(--menuPadding); + --popupMarginRight: 2em; + --popupMarginTop: -0.5em; + --popupMaxWidth: 12em; + --popupMinWidth: 6em; + --popupPosleft: 1em; + --popupPosTop: 3em; + --popupView: 45; + --posBg: center 4.2em; + --posAbsolute: absolute; + --posRelative: relative; + --posFixed: fixed; + --posStatic: static; + --posSticky: sticky; + --posTitle: var(--mainTextHeight); + --progressbarBoxHeight: 2.1vw; + --progressbarHeight: 1.5em; + --repeateBg: no-repeat; + --ratioHDVideo: 16/9; + --ratioLetterBox: 16/7; + --screenHeight: 100vh; + --screenWide: 100vw; + --scrollTouch: touch; + --scrollPos: 0; + --scrollOpacity: var(--transparent); + --scrollFixOpacity: var(--noTransparent); + --scrollPicTransition: var(--transitionXLong); + --scrollPosFixTop: 0; + --scrollPosFixBottom: 100vh; + --scrollPic: 4; + --scrollPicImage1: url("pic/Unwetter2.jpg"); + --scrollPicImage2: var(--animiImage); + --scrollPicImage3: '',var(--blueGradient); + --scrollPicImage4: url("pic/War.jpg"); + --scrollPic1activeTop: var(--scrollPic1TopPC); + --scrollPic2activeTop: var(--scrollPic2TopPC); + --scrollPic3activeTop: var(--scrollPic3TopPC); + --scrollPic4activeTop: var(--scrollPic4TopPC); + --scrollPic1TopPC: 0px; + --scrollPic2TopPC: 764; + --scrollPic3TopPC: 1528; + --scrollPic4TopPC: 2292; + --scrollPicHeightPC: 764; + --scrollPic1HeightPC: 764; + --scrollPic2HeightPC: 764; + --scrollPic3HeightPC: 764; + --scrollPic4HeightPC: 764; + --scrollPic1TopPad: 0; + --scrollPic2TopPad: 634; + --scrollPic3TopPad: 1411; + --scrollPic4TopPad: 2067; + --scrollPicHeightPad: 777; + --scrollPic1HeightPad: 634; + --scrollPic2HeightPad: 777; + --scrollPic3HeightPad: 656; + --scrollPic4HeightPad: 777; + --scrollPic1TopWPad: 0; + --scrollPic2TopWPad: 764; + --scrollPic3TopWPad: 1528; + --scrollPic4TopWPad: 2292; + --scrollPicHeightWPad: 764; + --scrollPic1HeightWPad: 764; + --scrollPic2HeightWPad: 764; + --scrollPic3HeightWPad: 764; + --scrollPic4HeightWPad: 764; + --scrollPic1TopPhone: 0; + --scrollPic2TopPhone: 320; + --scrollPic3TopPhone: 1877; + --scrollPic4TopPhone: 2088; + --scrollPicHeightPhone: 320; + --scrollPic1HeightPhone: 320; + --scrollPic2HeightPhone: 1557; + --scrollPic3HeightPhone: 211; + --scrollPic4HeightPhone: 777; + --scrollPic1TopWPhone: 0; + --scrollPic2TopWPhone: 764; + --scrollPic3TopWPhone: 1528; + --scrollPic4TopWPhone: 2292; + --scrollPicHeightWPhone: 764; + --scrollPicSize: cover; + --scrollPosScreenTop: var(--scrollPos); + --scrollPosHeader: calc(var(--scrollPos) + var(--headerHeight)); + --scrollPosScreenBottom: calc(var(--scrollPos) + 100vh); + --scrollPosFooter: calc(var(--scrollPos) + (100vh - var(--footerHeight))); + --scrollPosHeaderBottom: calc(var(--scrollPosScreenTop) + var(--headerHeight)); + --scrollPosFooterTop: calc(var(--scrollPosScreenTop) + var(--screenHeight) - var(--footerHeight)); + --scrollPic1TopVisible: calc(var(--scrollPic1activeTop) - var(--scrollPosHeader)); + --scrollPic2TopVisible: calc(var(--scrollPic2activeTop) - var(--scrollPosHeader)); + --scrollPic3TopVisible: calc(var(--scrollPic3activeTop) - var(--scrollPosHeader)); + --scrollPic4TopVisible: calc(var(--scrollPic4activeTop) - var(--scrollPosHeader)); + --scrollSnapStop: always; + --scrollSnapXMan: x mandatory; + --scrollSnapYMan: y mandatory; + --scrollBehaviorSmooth: smooth; + --scrollSnapAlign: start; + --selectColor: rgba(0,0,0,0.4); + --show: visible; + --sizeBg: contain; + --startPos: 0px; + --stdTerm: 25%; + --tableColor: var(--lightgreen); + --tableEven: #000000; + --tableFont: Courier; + --tableMargin: 1em; + --tableMarginH4: 0.75em; + --tableOdd: #222222; + --tablePadding: 0.5em; + --tablePaddingH4: 1.5em; + --tableSelect: #44cc00; + --tableThTop: 4.1em; + --terminalFont: "OCR A","OCR A Std", "OCR-A","OCR-A Std",Monaco,Andale Mono,Courier New,Courier,monospace; + --terminalH4Top: -0.5em; + --terminalMarginLeft: 0.75em; + --terminalMax: 65%; + --terminalMin: 25%; + --terminalPaddingH4: 1.5em; + --terminalSelect: text; + --terminalThpadding: 0.5em; + --terminalTop: 4.1em; + --terminalTopCorrect: -0.5em; + --textCenter: center; + --textDecoration: underline; + --textDecoNo: none; + --textLeft: left; + --textRight: right; + --textShadow: var(--fontShadow); + --textNoShadow: none; + --textTop: top; + --thikBorder: 2px; + --titleHeight: 7.5vw; + --titleTop: calc(-7.5vw + 1em); + --titleFontSize: 2vw; + --titleWidth: 82vw; + --titleLeft: 4.25em; + --titleLineHeight: 1; + --titleVAlign: middle; + --titleAlign: left; + --titlePadding: 1em 0.5em; + --topFix: sticky; + --topFixMoz: -moz-sticky; + --topFixWebkit: -webkit-sticky; + --topTerm: 10em; + --topLeft: 0; + --touchAction: none; + --transBgColor: linear-gradient(to left bottom, rgba(0,224,224,0.8), rgba(0,224,224,0.1)); + --transDiagram: translate(-19%, -50%); + --transFX: display visibility width height 0.5s; + --translateCenter: translate(-50%, -50%); + --transState: translateY(-30%); + --transparent: 0.0; + --transitionXLong: 3s; + --transitionLong: 1.5s; + --transition: 1s; + --transitionFaster: 0.75s; + --transitionNone: 0.0s; + --transitionFast: 0.5s; + --transitionXFast: 0.25s; + --unshow: hidden; + --user-select: none; + --userSelect: none; + --userSelectYes: text; + --visible: block; + --whiteColor: #ffffff; + --whiteTrans: rgba(255,255,255,0.5); + --widthMax: 100%; + --xDrkGreen: #001000; + --xLightGreen: #00c100; + --YesNoActiveBg: linear-gradient(to top, rgba(128,128,128,1), rgba(128,128,128,0.1)); + --YesNoActiveBorder: 1px solid rgba(128,128,128,1); + --YesNoBg: linear-gradient(to bottom, rgba(128,128,128,1), rgba(128,128,128,0.1)); + --YesNoBorder: 1px solid #888888; + --YesNoHoverBg: linear-gradient(to top, rgba(128,128,128,1), rgba(128,128,128,0.1)); + --YesNoHoverBorder: 1px solid rgba(255,255,255,1); + --YesNoPadding: 0.25em 1em 0.25em 1em; + --YesNoShadow: -0.25em 0.425em 0.25em rgba(0, 0, 0, 0.6); + --zIndexFooter: 50; + --zIndexHeader: 50; + --zIndexInfo: 55; + --zIndexMain: 0; + --zIndexMenu: 50; + --ticking: false; + --videoPlay: 0; + --runFade: 0; + --activeScroll: 0; + --indexPosition: 0; + --timer_on: 0; + --picDirection: 'up'; + --swipeIn: true; + --swipePrev: 0; + --windowOrientation: ''; + --videoHeigth: '1080px'; + --videoWidth: '1920px'; + --swipeIn: true; + --swipePrev: 0; +} + + +EOF +echo +echo Theme Variable +echo + +cat << EOF > /www/CaptivePortal/theme.css + +html, body { + overflow-x: var(--overflowCut); + width: var(--screenWide); + #touch-action: var(--touchAction); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + -webkit-overflow-x: var(--overflowCut); + -moz-overflow-x: var(--overflowCut); + -ms-overflow-x: var(--overflowCut); + left: var(--topLeft); + + +} + +body { + background-color: var(--drk-bg); + background-image: var(--blueGradient3); + font-family: var(--mainFont); + color: var(--colorLgtGrey); + background-repeat: var(--repeateBg); + background-attachment: var(--bgPosFixed); + -webkit-text-size-adjust: var(--adjust); + -moz-text-size-adjust: var(--adjust); + -ms-text-size-adjust: var(--adjust); + text-size-adjust: var(--adjust); + width: var(--screenWide) !important; + height: var(--screenHeight) !important; + display: var(--displayBlock) !important; + padding: var(--noMarginPadding); + margin: var(--noMarginPadding); + text-shadow: var(--fontShadow); + overflow: var(--overflowHidden); + -webkit-overflow-x: var(--overflowHidden); + -moz-overflow-x: var(--overflowHidden); + -ms-overflow-x: var(--overflowHidden); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + left: var(--topLeft); + z-index: 0; +} + +body * { + box-sizing: var(--boxSizeingBorder) ; + /*overflow-x: var(--overflowCut); + -webkit-overflow-x: var(--overflowCut); + -moz-overflow-x: var(--overflowCut); + -ms-overflow-x: var(--overflowCut);*/ + /*touch-action: var(--touchAction);*/ + -webkit-overflow-x-scrolling: var(--overflowNone); + -webkit-overflow-y-scrolling: var(--overflowAuto); + text-size-adjust: var(--adjust); + -webkit-text-size-adjust: var(--adjust); + -moz-text-size-adjust: var(--adjust); + -ms-text-size-adjust: var(--adjust); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + -webkit-overflow-scrolling: var(--overflowScrollTouch); +} + +:is(#impressum, #datenschutz, #haftung, #Screen) .Info { + border-radius: var(--borderRadius); + background-color: var(--infoBG); + backdrop-filter: var(--bgBlur); + color: var(--colorDrkGrey); + position: var(--posFixed); + margin: var(--infoMargin); + display: var(--displayBlock); + top: var(--infoPosTop); + left: var(--infoPosLeft); + width: var(--infoWidth); + text-shadow: var(--infoTextShadow); + box-sizing: var(--boxSizeingNorm); + max-width: var(--infoMaxWidth); + border: var(--borderDark); + max-height: var(--infoMaxHeight); + overflow-y: var(--overflowHidden); + overflow-x: var(--overflowHidden); + box-shadow: var(--boxShadow); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 55; +} + +:is(#impressum, #datenschutz, #haftung, #Screen) > .Info > .InfoText{ + margin: var(--noMarginPadding); + padding: var(--infoPadding); + overflow-y: var(--overflowAuto); + overflow-x: var(--overflowHidden); + width: var(--infoTextWidth); + max-height: var(--infoMaxHeight); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + z-index: 55; +} + +:is(#impressum, #datenschutz, #haftung, #Screen) a{ + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +:is(#impressum, #datenschutz, #haftung, #Screen) img{ + display: var(--displayInlineBlock); + height: calc(var(--infoImageHeight) * 0.9); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + line-height: 1; + vertical-align: baseline; + +} + +:is(#impressum, #datenschutz, #haftung, #Screen) .buttonModal { + background-color: var(--buttonColorNorm); + font-family: var(--infoFont); + display: var(--displayInlineBlock); + color: var(--colorDrkGrey); + float: var(--buttonFloat); + font-size: var(--infoFontButtonHeight); + margin: var(--noMarginPadding) !important; + position: var(--posAbsolute); + top: var(--buttonTop) !important; + right:var(--buttonRight)!important; + width: var(--buttonHeight) !important; + height: var(--buttonHeight) !important; + box-sizing: var(--boxSizeingNorm); + padding: var(--buttonPadding); + border-top-right-radius: var(--borderRadius); + cursor: var(--buttonCursor); + z-index: 54; +} + +:is(#impressum, #datenschutz, #haftung, #Screen) .buttonModal:hover, :is(#impressum, #datenschutz, #haftung, #Screen) .info .buttonModal:active { + background-color: var(--buttonColorSelect); + font-family: var(--infoFont); + display: var(--displayInlineBlock); + color: var(--lightColor); + text-decoration: var(--textDecoNo) !important; +} + +#impressum:target { + display: var(--displayBlock); +} + +#datenschutz:target { + display: var(--displayBlock); +} + +#haftung:target { + display: var(--displayBlock); +} + + + +header { + background-image: var(--headerBGImage); + background-color: var(--colorDrkGrey); + background-repeat: var(--repeateBg); + backdrop-filter: var(--bgBlur); + background-position-x: var(--headerBGPosX); + background-position-y: var(--headerBGPosY); + background-size: var(--headerBGSize); + backdrop-filter: var(--bgBlur); + color: var(--colorLgtGrey); + width: var(--maxWidth); + height: var(--headerHeightLarge) +'em'; + position: var(--posFixed); + text-align: var(--headerAlign); + top: var(--headerTop); + margin: var(--noMarginPadding) auto; + display: var(--displayBlock); + overflow: var(--overflowHidden); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 50; + +} + +.headerText { + text-align: var(--headerAlign); +} + + +.headerText h3{ + position: var(--posRelative); + top: var(--headerTopH3) !important; + line-height: var(--headerLineHeight); +} + + +#topMenu { + position: var(--posFixed); + display: var(--displayBlock); + top: var(--menuTopTop) !important; + padding: 0.5em; + margin: var(--noMarginPadding) !important; + width: var(--menuTopWidth); + left: 0em; + text-shadow: none; + cursor: pointer; + max-height: 2.8em; + -webkit-overflow-x: var(--overflowCut); + -moz-overflow-x: var(--overflowCut); + -ms-overflow-x: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + border-radius: var(--borderRadius); + transition: var(--transitionFast); + z-index: 50; +} + + +#topMenu:active, #topMenu:hover, #topMenu:focus, #topMenu:focus-within, #topMenu:focus-visible { + background-color: var(--colorDrkGrey); + box-shadow: var(--boxShadow); + backdrop-filter: var(--bgBlur); + max-height: unset; +} + + +#topMenu a, #topMenu a:hover, #topMenu a:active, #topMenu a:focus, #topMenu a:focus-within, #topMenu a:focus-visible { + text-decoration: var(--textDecoNo) !important; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +nav :is(a:hover, a:active, a:focus, a:focus-within, a:focus-visible) { + text-decoration: var(--textDecoNo); + color: var(--colorLgtGrey); + text-shadow: var(--fontShadow); +} +/* +nav > ul { + background-color: var(--blueTransparent); + padding: .5em; + border-radius: 7px; +} +*/ +#topMenu:hover > ul, #topMenu:active > ul, #topMenu:focus > ul, #topMenu:focus-within > ul, #topMenu:focus-visible > ul { + width: 14em; + margin: var(--noMarginPadding); + visibility: var(--show); + height: auto; + background-color: var(--blueTransparent); + box-shadow: var(--boxShadow); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +#topMenu > ul { + width: 14em; + margin: var(--noMarginPadding); + margin-bottom: 0.25em; + visibility: collapse; + height: 1; + width: 1; + display:var(--displayBlock); + list-style-type: none; + padding: 0.25em 0; + border-radius: var(--borderRadius); + -webkit-overflow-x: var(--overflowCut); + -moz-overflow-x: var(--overflowCut); + -ms-overflow-x: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 50; + +} + +#topMenu li:hover, #topMenu li:active, #topMenu li:focus, #topMenu li:focus-within, #topMenu li:focus-visible{ + text-shadow: var(--fontShadow); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); +} + +#topMenu li { + display:var(--displayBlock); + position: var(--posRelative); + margin: var(--noMarginPadding); + padding-left: 1em; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + border-radius: var(--borderRadius); +} + +#topMenu li > ul { + visibility: collapse; + list-style-type: none; + height: 0em; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); +} + +#topMenu li:hover > ul, #topMenu li:active > ul, #topMenu li:focus > ul, #topMenu li:focus-within > ul, #topMenu li:focus-visible > ul{ + visibility: var(--show); + height:auto; + display:var(--displayInlineBlock); + left: -4em; + margin: auto var(--noMarginPadding); + padding-left:5em; + position: var(--posRelative); + width: 14em; + color: var(--lightColor); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 50; +} + +.iconMenu { + box-shadow: var(--menuShadow); + background-color: var(--colorDrkGreyTrans); + margin: var(--noMarginPadding); + padding: 0.25em 0.25em 0.25em 0.5em; + border-radius: var(--borderRadius); + float: left; + z-index: 50; +} + +.containerIcon { + display: var(--displayBlock); + height: 2em; + vertical-align: middle; + position: var(--posRelative); + left: -0.85em; + opacity: var(--noTransparent); + z-index: 50; +} + +.iconText { + position: var(--posRelative); + top: 0.4em; + padding-left: 0.25em; + display: var(--displayInlineBlock); + text-shadow: var(--fontShadow); + z-index: 50; +} + +.iconMenu div { + width: 1em; + height: 0.14em; + background-color: var(--colorLgtGrey); + margin: 0.20em 0.5em; + box-shadow: var(--boxShadow); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 50; +} + +a { + text-decoration: var(--textDecoNo); + color: var(--parentValue); + opacity: var(--halfTransparent); + cursor: pointer !important; + user-select: var(--userSelect) !important; + -webkit-user-select: var(--userSelect) !important; + -moz-user-select: var(--userSelect) !important; + +} + +a:hover, a:active { + text-decoration: var(--textDecoration); + cursor: pointer !important; + opacity: unset; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +#Main { + background: unset; + height: var(--screenHeight) !important; + width: var(--screenWide) !important; + background-attachment: var(--bgPosFixed); + background-size: cover; + background-repeat: none; + box-sizing: border-box ; + overflow-x: var(--overflowHidden); + -webkit-overflow-x: var(--overflowHidden); + -moz-overflow-x: var(--overflowHidden); + -ms-overflow-x: var(--overflowHidden); + -webkit-overflow-x-scrolling: var(--overflowNone); + overflow-y: var(--overflowAuto); + text-size-adjust: var(--adjust); + -webkit-text-size-adjust: var(--adjust); + -moz-text-size-adjust: var(--adjust); + -ms-text-size-adjust: var(--adjust); + left: 0em !important; + top: 0em !important; + position: absolute; + scroll-snap-stop: always; + scroll-snap-type: y mandatory; + scroll-behavior: smooth; +} + +main#start { + overflow-x: var(--overflowHidden); +} + +cite::before, cite::after { + font-size: 1.5em !important; + display: inline-block; +} + +cite::before { + top: 0em !important; +} + + +cite::after { + top: .3em !important; +} + +.Title cite::before { + top: 0.15em !important; +} + +.Title cite::after { + top: 0.85em !important; +} + + +.containerDiashow{ + background-size: contain; + background-repeat: var(--repeateBg); + background-origin: border-box; + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + top: 0; + left: -2.5em; + width: var(--screenWide) !important; + min-height: calc(calc(var(--screenWide) / 16) * 6); + max-height: calc(calc(var(--screenWide) / 16) * 9); + overflow-x: clip !important; + overflow-y: clip !important; + -webkit-aspect-ratio: var(--aspectRatio); + aspect-ratio: var(--aspectRatio); + text-align: center; + position: var(--posRelative) !important; + -webkit-overflow-scrolling: var(--overflowScrollTouch); + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +.containerOverlay{ + display: var(--displayBlock); + scroll-snap-align: start; + scroll-snap-stop: always; + scroll-behavior: smooth; + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + width: var(--screenWide); + background-attachment: var(--bgPosFixed); + background-size: cover; + background-repeat: var(--repeateBg); + overflow-x: clip; + overflow-y: auto; + height: var(--overlayHeightPC); + min-height: var(--factorLetterBoxSmallVideoVW); + z-index:10; +} + +.containerOverlay:not(> .containerDiashow, .Diashow) { + text-align: center; + vertical-align: middle; + padding: 0em 2.5em 0em 2.5em !important; +} + +.containerOverlay:nth-child(1) { + top: var(--overlay1TopPC); + height: var(--overlay1HeightPC); + position: var(--posAbsolute); +} + +.containerOverlay:nth-child(2) { + top: -100vh; + height: var(--overlay2HeightPC); + position: var(--posRelative); +} + +.containerOverlay:nth-child(3) { + top: var(--overlay3TopPC); + height: var(--overlay3HeightPC); + position: var(--posAbsolute); + overflow: var(--overflowHidden); +} + +.containerOverlay:nth-child(4) { + top: var(--overlay4TopPC); + height: var(--overlay4HeightPC); + position: var(--posAbsolute); +} + + +.containerBibleText { + width: var(--containerBibleTextWidth); +} + +.containerBibleText img{ + position: var(--posRelative) !important; + display: var(--bibleTextImageDisplay); + box-shadow: var(--bibleImageShadow) !important; + height: 1em; + top: 0.25em; +} + +.containerBibleText:nth-child(1){ + display: var(--bibleTextDisplay); + position: var(--posAbsolute); + animation-name: aniBibleTxt1; + animation-duration: 15s; + animation-iteration-count: infinite; + visibility: var(--show); +} + +.containerBibleText:nth-child(2) { + display: var(--bibleTextDisplay); + animation-name: aniBibleTxt2; + animation-duration: 15s; + animation-iteration-count: infinite; + visibility: var(--unshow); +} + + +@keyframes aniBibleTxt1 { + 0% { + opacity: var(--transparent); + display: var(--bibleTextHidden); + visibility: var(--unshow); + } + 5% { + opacity: var(--noTransparent); + display: var(--bibleTextDisplay); + visibility: var(--show); + } + 45% { + opacity: var(--noTransparent); + display: var(--bibleTextDisplay); + visibility: var(--show); + } + 50% { + opacity: var(--transparent); + display: var(--bibleTextHidden); + visibility: var(--unshow); + + } + 100% { + opacity: var(--transparent); + display: var(--bibleTextHidden); + visibility: var(--unshow); + } +} + +@keyframes aniBibleTxt2 { + 0% { + opacity: var(--noTransparent); + display: var(--bibleTextDisplay); + visibility: var(--show); + } + 5% { + opacity: var(--transparent); + display: var(--bibleTextHidden); + visibility: var(--unshow); + } + 45% { + opacity: var(--transparent); + display: var(--bibleTextHidden); + visibility: var(--unshow); + } + 50% { + opacity: var(--noTransparent); + display: var(--bibleTextDisplay); + visibility: var(--show); + } + 100% { + opacity: var(--noTransparent); + display: var(--bibleTextDisplay); + visibility: var(--show); + } +} + + + +.Content { + font-family: var(--infoFont); + background: var(--bgTransparent); + color: var(--colorLgtGrey) !important; + text-align: center; + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + -moz-hyphens: var(--hyphens); + -o-hyphens: var(--hyphens); + -ms-hyphens: var(--hyphens); + hyphens: var(--hyphens); + z-index: 15; +} + +.ContentText{ + font-family: var(--mainFont); + text-align: justify !important; + word-break: break-word; + background: var(--bgTransparent); + backdrop-filter: var(--bgBlur); + color: var(--colorLgtGrey) !important; + height: auto; + padding: 6.5em 2.5em 2.5em 2.5em !important; + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + -o-user-select: var(--userSelectYes); + -ms-user-select: var(--userSelectYes); + -webkit-hyphens: var(--hyphens); + -moz-hyphens: var(--hyphens); + -o-hyphens: var(--hyphens); + -ms-hyphens: var(--hyphens); + hyphens: var(--hyphens); + z-index: 16; + +} + +.ContentText::before, cite::before { + position: var(--posRelative); + font-size: 2.5em; + vertical-align: bottom; + content: '“'; + top: 0.35em; + left: -0.15em; + font-family: var(--fontBook); +} + +.ContentText::after, cite::after { + position: var(--posRelative); + font-size: 2.5em; + vertical-align: top; + content: '”'; + top: 0em; + left: 0em; + font-family: var(--fontBook); +} + +.Content ,.containerDiashow{ + display: var(--displayBlock); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + width: var(--screenWide); + background-attachment: var(--bgPosFixed); + background-size: cover; + background-repeat: unset; + min-height: var(--factorHDVideo)+'vw'; + z-index:10; +} + + +.contentOverlay { + top: calc(var(--headerHeight) + 2em) !important; + position: var(--posRelative); + display: var(--displayBlock); + margin: var(--noMarginPadding); + text-align: center; +} + +.contentOverlay:has(:not(a .bibleText)){ + min-height: var(--factorHDVideo) + 'vw'; +} + +main .containerOverlay .Overlay.Book { + margin: var(--headerHeight) auto auto !important; + overflow-y: var(--overflowScroll) !important; +} + +.Content .Book { + width: 90% !important; + font-family: var(--fontBook); + color: var(--bookTextColor); + text-shadow: none; + display: var(--displayInlineBlock) !important; + position: var(--posRelative); + text-align: justify; + padding: var(--noMarginPadding); + width: var(--maxWidth); + background-color: #000000; + box-shadow: var(--boxShadow); + margin: auto; + box-sizing: border-box!important; + height: calc(var(--screenHeight) - var(--headerHeight) - 3em) !important; + overflow-x: var(--overflowCut) !important; + overflow-y: var(--overflowCut); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + -webkit-hyphens: var(--hyphens); + -moz-hyphens: var(--hyphens); + -o-hyphens: var(--hyphens); + -ms-hyphens: var(--hyphens); + hyphens: var(--hyphens); +} + +.Content .Book .BookContainerLeft{ + display: var(--displayInlineBlock); + width: 50%; + height: 100vh; + top:0; + left:0; + box-sizing: var(--boxSizeingNorm) !important; + position: var(--posRelative); + float: left; + overflow-y:var(--overflowCut); + overflow-x:var(--overflowCut); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); +} + +.Content .Book .BookContainerRight{ + display: var(--displayInlineBlock); + width: 50%; + height: 100vh; + left:0; + box-sizing: var(--boxSizeingNorm) !important; + position: var(--posRelative); + float: left; + overflow-y:var(--overflowCut); + overflow-x:var(--overflowCut); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + +} + + +.Content .Book .BookContent{ + width: var(--maxWidth); + height: 100vh !important; + color: var(--bookTextColor); + text-shadow: none; + display: var(--displayBlock); + box-sizing: var(--boxSizeingNorm) !important; + position: var(--posRelative); + top: 0; + left: 0; + text-align: justify; + float: left; + overflow-y:var(--overflowVisible); + overflow-x:var(--overflowCut); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + +} + +.Content .Book .leftLast{ + width: var(--maxWidth); + height: 100vh; + background-color: var(--bookBGColor); + background-image: var(--bookBGImage); + display: var(--displayInlineBlock); + box-sizing: border-box !important; + padding: 0.8em 2em 1.5em 1.15em; + position: var(--posRelative); + top: 0; + left: 0; + float:left; + overflow: var(--overflowHidden); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + +} + + +.Content .Book .left{ + width: var(--maxWidth); + height: 100vh; + background-color: var(--bookBGColor); + background-image: var(--bookBGImage); + display: var(--displayBlock); + box-sizing: border-box !important; + padding: 0.8em 2em 1.5em 1.15em; + position: var(--posAbsolute); + top: 0; + left:0; + transform-origin: 100%; + transform: rotateY(0deg); + transition: var(--transitionFast); + overflow: var(--overflowHidden); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + +} + +.Content .Book .rightNext{ + width: var(--maxWidth); + height: 100vh; + background-color: var(--bookBGColor); + background-image: var(--bookBGImage); + display: var(--displayInlineBlock); + padding: 0.8em 1.15em 1.5em 2em; + position: var(--posAbsolute); + box-sizing: border-box !important; + top: 0; + right: 0; + float: right; + overflow: var(--overflowHidden); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + +} + + +.Content .Book .right{ + width: var(--maxWidth); + height: 100vh; + background-color: var(--bookBGColor); + background-image: var(--bookBGImage); + display: var(--displayBlock); + padding: 0.8em 1.15em 1.5em 2em; + position: var(--posAbsolute); + box-sizing: border-box !important; + top: 0; + right: 0; + float: right; + transform-origin: 0%; + transform: rotateY(0deg); + transition: var(--transiitionFast) ; + overflow: var(--overflowHidden); + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + +} + + + +.PlayerOverlay { + box-shadow: var(--logoBackShadow); + left: var(--logoPosLeft); + top: var(--logoPosTop); + display: var(--displayBlock); + position: var(--posAbsolute); + vertical-align: middle; + text-align: center; + width: var(--screenWide); + height: var(--logoHeight); + background-image: var(--logoPic); + background-size: var(--logoSize); + background-repeat: var(--logoRepeate); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + overflow-x: var(--overflowCut); + overflow-y: var(--overflowCut); + transition: var(--transitionFast) ease; + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); + z-index: 13; +} + +.PlayerOverlay:hover, .PlayerOverlay:active{ + visibility: var(--show); +} + +.channelLogo { + box-shadow: var(--logoShadow); + height: var(--logoHeight); + width: var(--logoWidth); + top: var(--logoPosTop) !important; + position: var(--posAbsolute); + background-image: var(--logoPic); + background-size: var(--logoSize); + background-repeat: var(--logoRepeate); + z-index: 20; +} + + +.Diashow{ + --items: 9; + --runs: calc((100 - var(--items) *2) -2); + --factor: calc(100 / var(--runs)); + scroll-snap-type: x mandatory; + scroll-snap-stop: always; + scroll-behavior: smooth; + background-size: contain; + background-repeat: var(--repeateBg); + background-origin: border-box; + top:0; + left:0; + /*width: 900vw;*/ + height: var(--factorLetterBoxVideoVW); + margin: auto !important; + display: var(--displayBlock); + box-shadow: none; + opacity: var(--noTransparent) !important; + overflow: var(--overflowHidden); + position: var(--posAbsolute); + /*-webkit-overflow-scrolling: auto;*/ + /*-webkit-overflow-x: var(--overflowCut);*/ + -webkit-overflow-x: var(--overflowScroll); + -webkit-overflow-scrolling: var(--overflowScrollTouch); + -webkit-overflow-y: var(--overflowCut); + /*overflow-x: var(--overflow);*/ + overflow-x: var(--overflowScroll); + overflow-y: var(--overflowCut); + transition: left var(--transitionXLong) ease, right var(--transitionXLong) ease; + transition-property: width, height, position, top, left, right, bottom; + animation-name: aniDiashow; + animation-duration: 240s; + animation-iteration-count: infinite; +} + + +@keyframes aniDiashow { + 0% { + left: 0vw; + visibility: visible !important; + } + 4.05% { + left: 0vw; + visibility: hidden !important; + } + 4.55% { + left: -100vw; + visibility: visible !important; + } + 10.10% { + left: -100vw; + visibility: hidden !important; + } + 10.60% { + left: -200vw; + visibility: visible !important; + } + 16.15% { + left: -200vw; + visibility: hidden !important; + } + 16.55% { + left: -300vw; + visibility: visible !important; + } + 23.10% { + left: -300vw; + visibility: hidden !important; + } + 23.60% { + left: -400vw; + visibility: visible !important; + } + 30.15% { + left: -400vw; + visibility: hidden !important; + } + 30.55% { + left: -500vw; + visibility: visible !important; + } + 36.10% { + left: -500vw; + visibility: hidden !important; + } + 36.60% { + left: -600vw; + visibility: visible !important; + } + 42.15% { + left: -600vw; + visibility: hidden !important; + } + 42.65% { + left: -700vw; + visibility: visible !important; + } + 48.20% { + left: -700vw; + } + 48.70% { + left: -700vw; + } + 54.25% { + left: -700vw; + visibility: hidden !important; + } + 54.75% { + left: -600vw; + visibility: visible !important; + } + 60.30% { + left: -600vw; + visibility: hidden !important; + } + 60.85% { + left: -500vw; + visibility: visible !important; + } + 66.40% { + left: -500vw; + visibility: hidden !important; + } + 66.90% { + left: -400vw; + visibility: visible !important; + } + 72.45% { + left: -400vw; + visibility: hidden !important; + } + 72.95% { + left: -300vw; + visibility: visible !important; + } + 78.50% { + left: -300vw; + visibility: hidden !important; + } + 79.00% { + left: -200vw; + visibility: visible !important; + } + 84.55% { + left: -200vw; + visibility: hidden !important; + } + 85.05% { + left: -100vw; + visibility: visible !important; + + } + 90.60% { + left: -100vw; + visibility: hidden !important; + } + 91.10% { + left: 0vw; + visibility: visible !important; + } + 96.55% { + left: 0vw; + } + 97.05% { + left: 0vw; + } +} + +#explainEnd { + transition: var(--transitionXLong); +} + +#explainEnd .Overlay{ + opacity: 0.3; + transition: var(--transitionFast); + backdrop-filter: var(--bgBlur); +} + + +#explainEnd:target > .Overlay, #explainEnd:focus > .Overlay, #explainEnd:focus-visible > .Overlay, #explainEnd:focus-within > .Overlay, #explainEnd:active > .Overlay, #explainEnd:hover > .Overlay, #explainEnd:visited > .Overlay { + opacity: 1; +} + +#explainStart { + perspective: var(--animiStopPerspective) !important; + transition: var(--transitionXLong); + overflow: var(--defaultValue) !important; + overflow-y: var(--overflowOverlay); +} + +#explainStart .image { + perspective: var(--animiStopPerspective) !important; + transition: var(--transitionXLong); +} + + +#explainStart .Overlay{ + opacity: 0.3; + transition: var(--transitionFast); + backdrop-filter: var(--bgBlur); +} + + +#explainStart:target, #explainStart:focus, #explainStart:focus-visible, #explainStart:focus-within, #explainStart:active, #explainStart:hover { + perspective: var(--animiStartPerspective) !important; +} + +#explainStart:target > .Overlay, #explainStart:focus > .Overlay, #explainStart:focus-visible > .Overlay, #explainStart:focus-within > .Overlay, #explainStart:active > .Overlay, #explainStart:hover > .Overlay, #explainStart:visited > .Overlay{ + opacity: 1; +} + + +header:not(:not([style*="visibility: hidden"])) #NaviDown{ + visibility: var(--show) !important; +} + +header:not([style*="visibility: hidden"]) > #NaviDown{ + visibility: var(--show); +} + +.containerDiashow:hover .PlayerOverlay{ + width: var(--logoWidth); +} + +.containerDiashow:hover .Title, .containerDiashow:hover .Navi, .containerDiashow:hover .dotBackground{ + visibility: var(--unshow) !important; +} + +.backgroundTitle:hover .PlayerOverlay{ + width: var(--screenWide) !important; +} + + +:is(.Content > .containerOverlay > .containerDiashow:hover ) :is(.dotBackground, .Title, .Navi) { + visibility: var(--unshow) !important; +} + +.containerDiashow:hover .Diashow, body .Diashow:hover, body .Diashow:active, body .Diashow:focus, body .Diashow:focus-within { + animation-play-state: paused; +} + +body:is( > .Content > .containerOverlay > .containerDiashow:hover) :is( > .header){ + visibility: hidden !important; +} + +.contSlide { + height: calc(var(--screenWide) * 0.5625); + width: var(--screenWide); + display: var(--displayInlineBlock); + scroll-snap-align: var(--scrollSnapAlign); + padding: var(--noMarginPadding); + margin: var(--noMarginPadding); + text-align: center; + float: var(--flowLeft); + top: var(--topLeft); + position: var(--posRelative); + border: solid; +} +/* +.contSlide { + display: var(--displayBlock); + background-color: rgba(0, 0, 0, 0.75); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + width: var(--screenWide); + height: var(--screenHeight); + /*height: var(--factorHDVideo) + 'vw';*/ + -webkit-aspect-ratio: var(--aspectRatio); + aspect-ratio: var(--aspectRatio); + box-sizing: border-box; + position: var(--posRelative); + float: left; + overflow-x: var(--overflowCut); + overflow-y: var(--overflowCut); + /*-webkit-overflow-scrolling: auto;*/ + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); +}*/ + + +.Diashow .containerSlide { + display: var(--displayInlineBlock); + background-color: rgba(0, 0, 0, 0.75); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + width: var(--screenWide); + height: var(--factorHDVideo) + 'vw'; + -webkit-aspect-ratio: var(--aspectRatio); + aspect-ratio: var(--aspectRatio); + box-sizing: border-box; + float: left; + overflow-x: var(--overflowCut); + overflow-y: var(--overflowCut); + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); +} +/* +.Diashow1 .Slide{ + opacity: var(--noTransparent); + margin: var(--noMarginPadding); + width: var(--screenWide) !important; + height: var(--factorHDVideo) + 'vw' !important; + -webkit-aspect-ratio: var(--aspectRatio); + aspect-ratio: var(--aspectRatio); + display: var(--displayInlineBlock); + float:left; + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); + overflow-x: var(--overflowCut); + overflow-y: var(--overflowCut); + scroll-snap-align: start; + scroll-snap-stop: always; + scroll-behavior: smooth; +} + +.Diashow1 a { + padding: var(--noMarginPadding); + margin: var(--noMarginPadding); + display: var(--displayInlineBlock); + width: var(--screenWide); + top: 0; + left: 0; + float: left; + text-decoration: var(--textDecoNo) !important; + color: var(--parentValue) !important; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +.Diashow1 a div{ + text-decoration: var(--textDecoNo) !important; + color: var(--colorLgtGrey) !important; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +.Diashow1 .Title a{ + color: var(--parentValue) !important; +} + + + +.Diashow1 .Overlay { + margin: auto !important; + display: var(--displayInlineBlock) !important; + text-align: center; + position: var(--posAbsolute) !important; + top: 0em; + left: 0em; + height: var(--factorHDVideo) + 'vw'; + width: var(--screenWide); + -webkit-aspect-ratio: var(--aspectRatio); + aspect-ratio: var(--aspectRatio); + overflow: var(--overflowHidden); + overflow-x: var(--overflowCut); + overflow-y: var(--overflowCut); + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +.Diashow1 .Overlay img { + display: var(--displayInlineBlock) !important; + text-align: center; + position: var(--posRelative) !important; + border-radius: var(--borderRadius); + top: 0.5em; + width: 12.51vw; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); +} + +.Diashow1 .Overlay .contentOverlay{ + margin: auto !important; + display: inline !important; + text-align: center; + position: var(--posRelative) !important; + top: 5em; + left: 0em; + } +*/ +figure.image { + overflow-x: var(--overflowCut); + height: inherit; + width: var(--screenWide) !important; + border: 2px solid #eeee00; + padding: var(--noMarginPadding); + margin: var(--noMarginPadding); + transform: translateZ(-1px); +} + +.Overlay{ + left: 0; + opacity: var(--noTransparent); + position: var(--posRelative); + display: var(--displayInlineBlock); + #width: var(--screenWide); + margin: auto; + #top: calc(-28.125vw - 7.5em); + left: 0px; + text-align: center; + vertical-align: middle; + backdrop-filter: var(--bgBlur); + #background-color: rgba(0,0,128,0.4); + #padding-bottom: 8.5em; + color: var(--colorLgtGrey); + font-size: 20px; + overflow-x: var(--overflowCut); + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + text-select: var(--userSelect); + z-index: 20; +} + +.Overlay img { + border-radius: var(--borderRadius); + box-shadow: var(--boxShadow); + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + + +.Overlay:nth-child(2) { + background-size: cover; + background-repeat: var(--repeateBg); + background-position: center; + width: var(--screenWide); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +.Overlay:nth-child(3) { + background-size: cover; + background-repeat: var(--repeateBg); + background-position: center; + background-color: rgba(0,0,0,1); + max-height: var(--factorHDVideo) + 'vw'; + width: var(--screenWide); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + overflow-x: var(--overflowCut); + +} + +.dotContainer { + position: var(--posAbsolute); + top: 40.65vw; + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + width: var(--maxWidth); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +.dot { + height: 15px; + width: 15px; + margin: 0 2px; + background-color: rgba(255,255,255,0.75); + border-radius: 50%; + display: var(--displayInlineBlock); + transition: background-color var(--transitionFast) ease; + position: var(--posRelative); + bottom: 0px; + box-shadow: var(--boxShadow); + user-select: var(--userSelect) + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 14; +} + +.dotBackground { + text-align:center; + background-color: var(--colorDrkGreyTrans); + backdrop-filter: var(--bgBlur); + display:var(--displayInlineBlock); + border-radius: 0.5em; + width: auto; + padding:0.125em 0.25em; + box-shadow:var(--menuShadow); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + visibility: var(--unshow); +} + +.containerNavi { + position: var(--posAbsolute); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + display: var(--displayBlock); + left: 0; + top: calc(- (var(--factorHDVideo) + 'vw') - 8.645833vw); + background: var(--bgTransparent); + width: var(--screenWide); + height: var(--factorHDVideo) + 'vw'; + -webkit-aspect-ratio: var(--aspectRatio); + aspect-ratio: var(--aspectRatio); + overflow: var(--overflowHidden); + overflow-x: var(--overflowCut); + overflow-y: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 14; +} + +.Navi { + position: var(--posAbsolute); + top: calc(28.125vw - 1.75em); + width: 2.5em; + color: rgba(255, 255, 255, 1); + background-color: var(--colorDrkGreyTrans); + backdrop-filter: var(--bgBlur); + display: var(--displayBlock); + text-decoration: var(--textDecoNo) !important; + vertical-align: middle; + text-align: center; + height: fit-content; + box-shadow: var(--menuShadow); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + cursor: pointer; + padding: 1em var(--noMarginPadding); + margin: var(--noMarginPadding);; + z-index: 14; +} + +.Navi:hover, .Navi:active { + text-decoration: var(--textDecoNo) !important; +} + +#NaviLeft { + left: 0px; + position: var(--posRelative); + float:left; + border-top-right-radius: 0.5em; + border-bottom-right-radius: 0.5em; + visibility: var(--unshow); +} + +#NaviRight { + right: 0px; + position: var(--posRelative); + float:right; + border-top-left-radius: 0.5em; + border-bottom-left-radius: 0.5em; + visibility: var(--unshow); +} + +#NaviPlay { + left: 45.2vw !important; + position: var(--posRelative); + float: left; + border: unset; + background: none !important; + width: 4.5vw; + visibility: var(--unshow); + box-shadow: unset !important; + transistion: visibility var(--transitionXLong); +} + +#NaviDown { + position: var(--posAbsolute); + top: 1.75em; + right: 2em; + min-width: 1.5em !important; + height: 1.5em !important; + color: var(--lightColor); + text-shadow: var(--fontShadow); + display: var(--displayBlock); + vertical-align: middle; + text-align: center; + box-shadow: var(--menuShadow); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + padding: 5px; + margin: var(--noMarginPadding); + border-radius: 50%; + background-color: var(--colorDrkGreyTrans); + visibility: var(--unshow); + z-index: 14; +} + +#NaviLeft:hover, +#NaviRight:hover{ + background-color: var(--colorBlueMid); + color: var(--lightColor); +} + +.scrollPic{ + scroll-snap-align: var(--scrollSnapAlign); + scroll-behavior: var(--scrollBehaviorSmooth); + scroll-snap-stop: var(--scrollSnapStop); + height: var(--screenHeight); + width: var(--screenWide); + overflow-x: var(--overflowHidden); + display: var(--displayBlock); + position: var(--posRelative); +} + +.scrollPic .Slide, .scrollPic iframe, .Overlay .Slide, .Overlay iframe{ + display: var(--displayBlock); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + width: var(--screenWide); + background-attachment: var(--bgPosFixed); + background-size: var(--scrollPicSize); + background-repeat: var(--repeateBg); + min-height: var(--factorLetterBoxSmallVideoVW); + height: calc(var(--screenWide) * 0.5625); + z-index: 10 !important; +} + +.scrollPic .img{ + display: var(--displayBlock); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + background-repeat: var(--repeateBg); + z-index: 10 !important; +} + + +.containerDiashow{ + position: var(--posAbsolute); + height: calc(var(--screenWide) * 0.5625) !important; +} + +.scrollPic:nth-child(1) { + background-image: var(--scrollPicImage1); + background-size: var(--scrollPicSize); + background-repeat: var(--repeateBg); + background-position: bottom; + overflow: var(--overflowHidden); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) { + background-size: var(--scrollPicSize); + background-repeat: var(--repeateBg); + background-position: bottom; + user-select: var(--userSelect); + height: var(--screenHeight); + overflow: var(--overflowHidden); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; +} +.scrollPic:nth-child(3) { + background-image: var(--scrollPicImage3); + background-size: var(--scrollPicSize); + background-repeat: var(--repeateBg); + background-position: bottom; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; +} + +.scrollPic:nth-child(4) { + background-image: var(--scrollPicImage4); + background-size: var(--scrollPicSize); + background-color: var(--blueScrollPic); + background-blend-mode: overlay; + background-repeat: var(--repeateBg); + background-position: top; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) .img:nth-child(1) { + position: var(--posAbsolute); + transform: translateZ(-436px) translateX(-3%) translateY(4%) scale(22%); + -webkit-transform: translateZ(-436px) translateX(-3%) translateY(4%) scale(0.22); + filter:blur(6.5px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) .img:nth-child(2) { + position: var(--posAbsolute); + transform: translateZ(-300px) translateX(45%) translateY(32%) scale(30.7%); + -webkit-transform: translateZ(-300px) translateX(45%) translateY(32%) scale(0.307); + filter: blur(4.68px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) .img:nth-child(3) { + position: var(--posAbsolute); + transform: translateZ(-220px) translateX(8%) translateY(-42%) scale(45%); + -webkit-transform: translateZ(-220px) translateX(8%) translateY(-42%) scale(0.45); + filter: blur(2.75px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) .img:nth-child(4) { + position: var(--posAbsolute); + transform: translateZ(-100px) translateX(47%) translateY(-18%) scale(75%); + -webkit-transform: translateZ(-100px) translateX(47%) translateY(-18%) scale(0.75); + filter: blur(1.34px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) .img:nth-child(5) { + position: var(--posAbsolute); + transform: translateZ(-20px) translateX(25%) translateY(0%) scale(100%); + -webkit-transform: translateZ(-20px) translateX(25%) translateY(0%) scale(1); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) .img:nth-child(6){ + position: var(--posAbsolute); + transform: translateZ(100px) translateX(-22%) translateY(68%) scale(135%); + -webkit-transform: translateZ(100px) translateX(-22%) translateY(68%) scale(1.35); + filter: blur(2.68px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; +} + +.scrollPic:nth-child(2) .img{ + background-image: var(--scrollPicImage2); + width: var(--maxWidth); + height: 100%; + overflow-y: var(--overflowCut) !important; + z-index: 10 !important; +} + +.Title { + position: var(--posRelative); + top: var(--titleTop); + text-align: var(--titleAlign) !important; + font-family: var(--mainFont); + font-size: var(--titleFontSize); + left: var(--titleLeft); + display: var(--displayInlineBlock); + vertical-align: var(--titleVAlign) !important; + width: var(--titleWidth); + height: var(--titleHeight); + visibility: var(--show); + color: var(--parentValue) !important; + -moz-hyphens: var(--hyphens); + -o-hyphens: var(--hyphens); + -ms-hyphens: var(--hyphens); + hyphens: var(--hyphens); + z-index: 16; +} + +#ueber { + height: var(--screenHeight); + overflow-y: var(--overflowAuto); + position: var(--posRelative); + top: 1em; +} + +.modal{ + background-color: rgba(0,0,0,0.75); + backdrop-filter: blur(2.2px); + width: var(--maxWidth); + height: var(--maxHeight); + display: var(--displayNone); + opacity: var(--noTransparent); + position: var(--posFixed); + top: var(--topLeft); + left: var(--topLeft); + transition: var(--transitionFaster); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); +} + +footer { + position: var(--posFixed); + bottom: 0; + background-color: var(--colorDrkGrey); + background-image: var(--footerBGColor); + display: var(--displayBlock); + width: var(--maxWidth); + z-index: 100; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); +} + + +footer .footerText { + text-align: center; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +::scrollbar { + width: 4px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar:hover { + width: 12px; +} + + +::scrollbar:horizontal { + height:5px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar:horizontal:hover { + height: 13px; +} + + +::scrollbar-button { + width: 5px; + height: 10px; +} + +::scrollbar-button:hover { + color: #000000; + width: 12px; + height: 24px; +} + +::scrollbar-button:horizontal { + width: 10px; + height: 5px; +} + +::scrollbar-button:horizontal:hover { + color: #000000; + height: 13px; + width: 26px; +} + +::scrollbar-track { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + +::scrollbar-track:horizontal { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + + +::scrollbar-thumb { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar-thumb:horizontal { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar-thumb:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + +::scrollbar-thumb:horizontal:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + + +::-webkit-scrollbar { + width: 4px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar:hover { + width: 12px; +} + + +::-webkit-scrollbar:horizontal { + height:5px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar:horizontal:hover { + height: 13px; +} + + +::-webkit-scrollbar-button { + width: 5px; + height: 10px; +} + +::-webkit-scrollbar-button:hover { + color: #000000; + width: 12px; + height: 24px; +} + +::-webkit-scrollbar-button:horizontal { + width: 10px; + height: 5px; +} + +::-webkit-scrollbar-button:horizontal:hover { + color: #000000; + height: 13px; + width: 26px; +} + +::-webkit-scrollbar-track { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + +::-webkit-scrollbar-track:horizontal { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + + +::-webkit-scrollbar-thumb { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar-thumb:horizontal { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar-thumb:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + +::-webkit-scrollbar-thumb:horizontal:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + + + +::-moz-scrollbar { + width: 4px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar:hover { + width: 12px; +} + + +::-moz-scrollbar:horizontal { + height:5px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar:horizontal:hover { + height: 13px; +} + + +::-moz-scrollbar-button { + width: 5px; + height: 10px; +} + +::-moz-scrollbar-button:hover { + color: #000000; + width: 12px; + height: 24px; +} + +::-moz-scrollbar-button:horizontal { + width: 10px; + height: 5px; +} + +::-moz-scrollbar-button:horizontal:hover { + color: #000000; + height: 13px; + width: 26px; +} + +::-moz-scrollbar-track { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + +::-moz-scrollbar-track:horizontal { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + + +::-moz-scrollbar-thumb { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar-thumb:horizontal { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar-thumb:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + +::-moz-scrollbar-thumb:horizontal:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + + +EOF + +echo +echo Theme +echo +cat << EOF > /www/CaptivePortal/mobile.css + +.scrollPic:not(:nth-child(2)) .containerOverlay{ + overflow-y: var(--overflowCut); +} + +.containerOverlay:not(> .containerDiashow, .Diashow) { + text-align: center; + vertical-align: middle; + padding: 0em 2.5em 0em 2.5em !important; +} + +.contentOverlay:has(:not(a .bibleText)){ + min-height: var(--factorHDVideo) + 'vw'; +} + +.Content { + font-family: var(--infoFont); + background: var(--bgTransparent); + /*position: var(--posAbsolute); + top: 0px; */ + color: var(--colorLgtGrey) !important; + /*height: calc(100vh * 4); + #background-image: var(--blueGradientLeft); + #padding: 2.5em 2.5em 0em 2.5em !important;*/ + text-align: center; + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + -moz-hyphens: var(--hyphens); + -o-hyphens: var(--hyphens); + -ms-hyphens: var(--hyphens); + hyphens: var(--hyphens); + z-index: 15; +} + +.ContentText{ + font-family: var(--mainFont); + text-align: justify !important; + word-break: break-word; + background: var(--bgTransparent); + backdrop-filter: var(--bgBlur); + color: var(--colorLgtGrey) !important; + height: auto; + #background-image: var(--blueGradientLeft); + padding: 6.5em 2.5em 2.5em 2.5em !important; + user-select: var(--userSelectYes); + -webkit-user-select: var(--userSelectYes); + -moz-user-select: var(--userSelectYes); + -o-user-select: var(--userSelectYes); + -ms-user-select: var(--userSelectYes); + -webkit-hyphens: var(--hyphens); + -moz-hyphens: var(--hyphens); + -o-hyphens: var(--hyphens); + -ms-hyphens: var(--hyphens); + hyphens: var(--hyphens); + z-index: 16; + +} + +.ContentText::before, cite::before { + position: var(--posRelative); + font-size: 2.5em; + vertical-align: bottom; + content: '“'; + top: 0.35em; + left: -0.15em; + font-family: var(--fontBook); +} + +.ContentText::after, cite::after { + position: var(--posRelative); + font-size: 2.5em; + vertical-align: top; + content: '”'; + top: 0em; + left: 0em; + font-family: var(--fontBook); +} + +/*section.Overlay{ + left: 0; + opacity: var(--noTransparent); + position: var(--posRelative); + display: var(--displayInlineBlock); + #width: var(--screenWide); + margin: auto; + #top: calc(-28.125vw - 7.5em); + left: 0px; + text-align: center; + vertical-align: middle; + backdrop-filter: var(--bgBlur); + #background-color: rgba(0,0,128,0.4); + #padding-bottom: 8.5em; + color: var(--colorLgtGrey); + font-size: 20px; + overflow-x: var(--overflowCut); + -webkit-overflow-scrolling: auto; + -webkit-overflow-x: var(--overflowCut); + -webkit-overflow-y: var(--overflowCut); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + text-select: var(--userSelect); + z-index: 20; +} +*/ +section.Overlay:nth-child(1) { + height: -webkit-fill-available; +} + +.scrollPic:nth-child(1) .containerOverlay{ + height: -webkit-fill-available; +} + +section#ueber { +} + + +.modal{ + background-color: rgba(0,0,0,0.75); + backdrop-filter: blur(2.2px); + width: var(--maxWidth); + height: var(--maxHeight); + display: var(--displayNone); + opacity: var(--noTransparent); + position: var(--posFixed); + top: var(--topLeft); + left: var(--topLeft); + transition: var(--transitionFaster); + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); +} + +footer { + position: var(--posFixed); + bottom: 0; + background-color: var(--colorDrkGrey); + background-image: var(--footerBGColor); + display: var(--displayBlock); + width: var(--maxWidth); + z-index: 100; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); +} + + +footer .footerText { + text-align: center; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + +} + +::scrollbar { + width: 4px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar:hover { + width: 12px; +} + + +::scrollbar:horizontal { + height:5px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar:horizontal:hover { + height: 13px; +} + + +::scrollbar-button { + width: 5px; + height: 10px; +} + +::scrollbar-button:hover { + color: #000000; + width: 12px; + height: 24px; +} + +::scrollbar-button:horizontal { + width: 10px; + height: 5px; +} + +::scrollbar-button:horizontal:hover { + color: #000000; + height: 13px; + width: 26px; +} + +::scrollbar-track { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + +::scrollbar-track:horizontal { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + + +::scrollbar-thumb { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar-thumb:horizontal { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::scrollbar-thumb:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + +::scrollbar-thumb:horizontal:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + + +::-webkit-scrollbar { + width: 4px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar:hover { + width: 12px; +} + + +::-webkit-scrollbar:horizontal { + height:5px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar:horizontal:hover { + height: 13px; +} + + +::-webkit-scrollbar-button { + width: 5px; + height: 10px; +} + +::-webkit-scrollbar-button:hover { + color: #000000; + width: 12px; + height: 24px; +} + +::-webkit-scrollbar-button:horizontal { + width: 10px; + height: 5px; +} + +::-webkit-scrollbar-button:horizontal:hover { + color: #000000; + height: 13px; + width: 26px; +} + +::-webkit-scrollbar-track { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + +::-webkit-scrollbar-track:horizontal { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + + +::-webkit-scrollbar-thumb { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar-thumb:horizontal { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-webkit-scrollbar-thumb:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + +::-webkit-scrollbar-thumb:horizontal:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + + + +::-moz-scrollbar { + width: 4px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar:hover { + width: 12px; +} + + +::-moz-scrollbar:horizontal { + height:5px; + box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar:horizontal:hover { + height: 13px; +} + + +::-moz-scrollbar-button { + width: 5px; + height: 10px; +} + +::-moz-scrollbar-button:hover { + color: #000000; + width: 12px; + height: 24px; +} + +::-moz-scrollbar-button:horizontal { + width: 10px; + height: 5px; +} + +::-moz-scrollbar-button:horizontal:hover { + color: #000000; + height: 13px; + width: 26px; +} + +::-moz-scrollbar-track { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + +::-moz-scrollbar-track:horizontal { + background: var(--colorDrkGrey); + box-shadow: 0px 0px 0px; + border-radius: var(--borderRadiusSmall); +} + + +::-moz-scrollbar-thumb { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar-thumb:horizontal { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75); +} + +::-moz-scrollbar-thumb:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + +::-moz-scrollbar-thumb:horizontal:hover { + background: var(--colorBlueLgth); + border: var(--borderMiddle); + border-radius: var(--borderRadiusSmall); + box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75); +} + +@media screen and (orientation: landscape) { + header h1:before { + content: var(--headerH1); + } + + header h3:before { + content: var(--headerH3); + } + + +} + +/*Ipad Portrait */ +@media screen and (orientation: portrait) { + header { + background-image: var(--headerBGImage); + background-color: var(--colorDrkGrey); + background-repeat: var(--bgRepeate); + backdrop-filter: var(--bgBlur); + background-size: var(--headerBGSize); + color: var(--colorLgtGrey); + background-position-x: var(--headerBGPosX); + background-position-y: var(--headerBGPosY); + } + + header h1:before { + content: var(--headerH1Small); + + } + + header h1{ + margin-block-end: 0em !important; + } + + header h3:before { + content: var(--headerH3Small); + } + + #topMenu { + top: var(--menuTopLow) !important; + } + + #Main { + overflow-x: clip; + overflow-y: scroll; + } + +/* .scrollPic{ + overflow-x: var(--overflowHidden); + scroll-snap-align: var(--scrollSnapAlign); + scroll-behavior: var(--scrollBehaviorSmooth); + scroll-snap-stop: var(--scrollSnapStop); + height: var(--screenHeight); + width: var(--screenWide); + transition: var(--transitionFast); + display: var(--displayBlock); + } +*/ + .scrollPic .img{ + display: var(--displayBlock); + margin: var(--noMarginPadding); + padding: var(--noMarginPadding); + background-repeat: var(--repeateBg); + z-index: 10 !important; + } + + figure.image { + overflow-x: clip !important; + height: inherit; + width: var(--screenWide) !important; + border: 2px solid #eeee00; + padding: var(--noMarginPadding); + margin: var(--noMarginPadding); + transform: translateZ(-1px); + } + + .scrollPic:nth-child(1) { + background-size: 1024px 576px; + background-position-y: var(--headerHeight); + height: calc(56.25 * 10.24px + var(--headerHeight)) !important; + background-image: var(--scrollPicImage1); + background-repeat: var(--repeateBg); + background-position: bottom; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; + } + + +/* .scrollPic:nth-child(2) { + background-size: var(--scrollPicSize); + background-repeat: var(--repeateBg); + background-position: bottom; + user-select: var(--userSelect); + height: var(--screenHeight); + /*overflow: var(--overflowHidden);*/ + overflow-x: clip; + /*overflow-y: clip;*/ + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; + } +*/ + .scrollPic:nth-child(2) .img{ + background-image: var(--scrollPicImage2); + width: var(--maxWidth); + height: 100%; + overflow-y: var(--overflowCut) !important; + z-index: 10 !important; + } + + .scrollPic:nth-child(2) .img:nth-child(1) { + position: var(--posAbsolute); + transform: translateZ(-436px) translateX(-3%) translateY(4%) scale(22%); + -webkit-transform: translateZ(-436px) translateX(-3%) translateY(4%) scale(0.22); + filter:blur(6.5px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; + } + + .scrollPic:nth-child(2) .img:nth-child(2) { + position: var(--posAbsolute); + transform: translateZ(-300px) translateX(45%) translateY(32%) scale(30.7%); + -webkit-transform: translateZ(-300px) translateX(45%) translateY(32%) scale(0.307); + filter: blur(4.68px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; + } + + .scrollPic:nth-child(2) .img:nth-child(3) { + position: var(--posAbsolute); + transform: translateZ(-220px) translateX(8%) translateY(-42%) scale(45%); + -webkit-transform: translateZ(-220px) translateX(8%) translateY(-42%) scale(0.45); + filter: blur(2.75px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; + } + + .scrollPic:nth-child(2) .img:nth-child(4) { + position: var(--posAbsolute); + transform: translateZ(-100px) translateX(47%) translateY(-18%) scale(75%); + -webkit-transform: translateZ(-100px) translateX(47%) translateY(-18%) scale(0.75); + filter: blur(1.34px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; + } + + .scrollPic:nth-child(2) .img:nth-child(5) { + position: var(--posAbsolute); + transform: translateZ(-20px) translateX(25%) translateY(0%) scale(100%); + -webkit-transform: translateZ(-20px) translateX(25%) translateY(0%) scale(1); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; + } + + .scrollPic:nth-child(2) .img:nth-child(6){ + position: var(--posAbsolute); + transform: translateZ(100px) translateX(-22%) translateY(68%) scale(135%); + -webkit-transform: translateZ(100px) translateX(-22%) translateY(68%) scale(1.35); + filter: blur(2.68px); + transform-style: var(--animiTransformStyle); + -webkit-transform-style: var(--animiTransformStyle); + z-index: 10 !important; + } + + + .scrollPic:nth-child(3) { + background-color: #000088; + height: calc(56.25 * 10.24px + var(--headerHeight)) !important; + background-image: var(--scrollPicImage3); + background-size: var(--scrollPicSize); + background-repeat: var(--repeateBg); + background-position: bottom; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; + } + + .scrollPic:nth-child(4) { + background-image: var(--scrollPicImage4); + background-size: var(--scrollPicSize); + background-color: var(--blueScrollPic); + background-blend-mode: overlay; + background-repeat: var(--repeateBg); + background-position: top; + user-select: var(--userSelect); + -webkit-user-select: var(--userSelect); + -moz-user-select: var(--userSelect); + z-index: 10 !important; + } + + + .Diashow1 { + height: calc(var(--screenWide) * 0.5625) !important; + width: calc(var(--screenWide) * 9) !important; + border: 3px solid green; + margin: var(--mainMargin) !important; + top: var(--topLeft) !important; + /*float: var(--flowLeft);*/ + /*text-align: var(--textLeft) !important;*/ + position: var(--posRelative); + background-color: rgba(128,128,128,0.5); + display: var(--displayInlineBlock); + scroll-snap-type: var(--scrollSnapXMan); + scroll-behavior: var(--scrollBehaviorSmooth); + overflow-x: var(--overflowScroll); + overflow-y: var(--overflowCut); + scroll-snap-stop: var(--scrollSnapStop); + } + + .txt{ + font-size: 48pt; + line-height: 1; + top: 4em; + position: relative; + display: inline; + } +} +/* Phone Portrait*/ +@media screen and (min-height: 600px) and (max-width: 668px) and (orientation: portrait) { + + :root{ + font-weight: var(--fontWeight); + } + header { + background-image: var(--blueGradientRight) !important; + background-color: var(--colorDrkGrey); + background-repeat: var(--bgRepeate); + backdrop-filter: var(--bgBlur); + color: var(--colorLgtGrey); + background-position-x: var(--headerBGPosXSmall); + background-position-y: var(--headerBGPosYSmall); + background-size: auto !important; + height: var(--headerHeightLarge); + } + + header h1:before { + content: var(--headerH1Small); + } + + header h1{ + margin-block-end: -0.25em !important; + } + + header h3:before { + content: var(--headerH3Small); + } + + header h4{ + display: none; + } + + #topMenu { + top: var(--menuTopLow) !important; + border-radius: var(--borderRadius); + } + +} + +@media screen and (min-width: 600px) and (max-height: 668px) and (orientation: landscape) { + :root { + --headerHeight: var(--headerHeightSmall); + font-weight: var(--fontWeight); + } + + header { + height: var(--headerHeightSmall); + background-image: var(--blueGradientRight); + background-color: var(--colorDrkGrey); + background-repeat: var(--bgRepeate); + backdrop-filter: var(--bgBlur); + color: var(--colorLgtGrey); + background-position-x: var(--headerBGPosXSmall); + background-position-y: var(--headerBGPosYSmall); + background-size: auto; + } + + header h1:before { + content: var(--headerH1); + } + + header h3:before { + content: var(--headerH3); + } + + #topMenu { + top: var(--menuTop) !important; + border-radius: var(--borderRadius); + } + +} + +/* Window PC Landscapemode 16:9 */ + +@media screen and (min-width:1280px) and (max-width: 1920px) and (min-height: 720px) and (max-height: 1080px) and (orientation: landscape) and (max-resolution: 192dpi) { + header { + background-position-x: var(--headerBGPosXBig); + + } + header h1:before { + content: var(--headerH1); + } + + header h3:before { + content: var(--headerH3); + } +} + + +@media screen and (min-width:689px) and (max-width: 1280px) and (min-height: 720px) and (max-height: 1080px) and (orientation: landscape) and (max-resolution: 192dpi) { + header { + background-position-x: 2.5%; + } + + header h1:before { + content: var(--headerH1); + } + + header h3:before { + content: var(--headerH3); + } + + #topMenu { + top: var(--menuTopTop) !important; + border-radius: var(--borderRadius); + } + +} + + +EOF + +echo +echo mobile +echo + +cat << EOF > /www/CaptivePortal/index.htm + + + + + + + + + + + + + + + + + + + ++ Ich rede schon seit Jahren, was noch alles kommen könnte. Warum, weil ich es schon vor Jahrzehnten das erste mal davon träumte. Und ich träumte diesen identischen Traum mehrfach und es waren Jahre dazwischen. Zuletzt 2020/21. Ich hatte auch schon immer das Datum ca. 20 Jahre nach der Jahrtausendwende. + Als Nächstes wird sich noch eine Art Bürgerkrieg weltweit ausbreiten. Und da werden Juden/Christen gegen Moslems, Arm gegen Reich, Umweltschützer gegen Klimaschützer, LQBT- gegen Biologische Geschlechter-Befürworter, Demokratie- gegen Sozialismus-/Kommunismus-Befürworter usw. aufstehen. Ich wollte es Jahrzehnte nicht wahrhaben. Als ich aber 2020 wieder den selben Traum hatte, viel es mir wie Schuppen von den Augen. Da einige Wochen später einer dieser Ereignisse des Traumes war wurde. Genauso wurden noch einige weiter Ereignisse des Traumes 2021 wahr. Ich habe mich, seit Jahren, mit diesen Traum und Eindrücke auf verschiedene Weise beschäftigt. +
+
+ Aber dies ist ja schon seit ca. 2000 Jahren bekannt. Einfach mal aus der Bibel die Offenbarung 13 und Daniel 2 lesen.
+ 1 Und ich sah ein Tier aus dem Meer steigen, das hatte zehn Hörner und sieben Häupter und auf seinen Hörnern zehn Kronen und auf seinen Häuptern lästerliche Namen.
+ 2 Und das Tier, das ich sah, war gleich einem Panther und seine Füße wie Bärenfüße und sein Rachen wie ein Löwenrachen. Und der Drache gab ihm seine Kraft und seinen Thron und große Macht.
+ 3 Und ich sah eines seiner Häupter, als wäre es tödlich verwundet, und seine tödliche Wunde wurde heil. Und die ganze Erde wunderte sich über das Tier,
+ 4 und sie beteten den Drachen an, weil er dem Tier die Macht gab, und beteten das Tier an und sprachen: Wer ist dem Tier gleich und wer kann mit ihm kämpfen?
+ 5 Und es wurde ihm ein Maul gegeben, zu reden große Dinge und Lästerungen, und ihm wurde Macht gegeben, es zu tun zweiundvierzig Monate lang.
+ 6 Und es tat sein Maul auf zur Lästerung gegen Gott, zu lästern seinen Namen und seine Hütte und die im Himmel wohnen.
+ 7 Und es wurde ihm gegeben, zu kämpfen mit den Heiligen und sie zu überwinden; und es wurde ihm gegeben Macht über alle Stämme und Völker und Sprachen und Nationen.
+ 8 Und alle, die auf Erden wohnen, werden ihn anbeten, alle, deren Namen nicht vom Anfang der Welt an geschrieben stehen in dem Lebensbuch des Lammes, das geschlachtet ist.
+ 9 Hat jemand Ohren, der höre!
+ 10 Wenn jemand ins Gefängnis soll, dann wird er ins Gefängnis kommen; wenn jemand mit dem Schwert getötet werden soll, dann wird er mit dem Schwert getötet. Hier ist Geduld und Glaube der Heiligen!
+ 11 Und ich sah ein zweites Tier aufsteigen aus der Erde; das hatte zwei Hörner wie ein Lamm und redete wie ein Drache.
+ 12 Und es übt alle Macht des ersten Tieres aus vor seinen Augen und es macht, dass die Erde und die darauf wohnen, das erste Tier anbeten, dessen tödliche Wunde heil geworden war.
+ 13 Und es tut große Zeichen, sodass es auch Feuer vom Himmel auf die Erde fallen lässt vor den Augen der Menschen;
+ 14 und es verführt, die auf Erden wohnen, durch die Zeichen, die zu tun vor den Augen des Tieres ihm Macht gegeben ist; und sagt denen, die auf Erden wohnen, dass sie ein Bild machen sollen dem Tier, das die Wunde vom Schwert hatte und lebendig geworden war.
+ 15 Und es wurde ihm gegeben, Geist zu verleihen dem Bild des Tieres, damit das Bild des Tieres reden und machen könne, dass alle, die das Bild des Tieres nicht anbeteten, getötet würden.
+ 16 Und es macht, dass sie allesamt, die Kleinen und Großen, die Reichen und Armen, die Freien und Sklaven, sich ein Zeichen machen an ihre rechte Hand oder an ihre Stirn
+ 17 und dass niemand kaufen oder verkaufen kann, wenn er nicht das Zeichen hat, nämlich den Namen des Tieres oder die Zahl seines Namens.
+ 18 Hier ist Weisheit! Wer Verstand hat, der überlege die Zahl des Tieres; denn es ist die Zahl eines Menschen, und seine Zahl ist sechshundertsechsundsechzig
+
+ Quelle: https://www.bibleserver.com/LUT/Offenbarung13
+
+ Es wird vermutet, daß das Tier aus dem Meer die EU oder UN(Vereinte Nationen), welche Beschlüsse zu Klima, Gendern, Abtreibung, Migration usw. erlassen haben, sind. Da es aus dem Gebiet des Römischen Reiches(Mittelmeerraum und EU, Naher Osten und Nord Afrika) kommen wird. Wobei die Nordamerikaner auch als ausgewanderte und vertriebene Europäer dazu zählen. +
+
+ Als Erklärung dient hier Daniel 2:25 ff.
+
+ 25 Arjoch brachte Daniel eilends hinein vor den König und sprach zu ihm: Ich habe einen Mann gefunden unter den Gefangenen aus Juda, der dem König die Deutung sagen kann.
+ 26 Der König antwortete und sprach zu Daniel, den sie Beltschazar nannten: Bist du es, der mir den Traum, den ich gesehen habe, und seine Deutung kundtun kann?
+ 27 Daniel fing an vor dem König und sprach: Das Geheimnis, nach dem der König fragt, vermögen die Weisen, Zauberer, Zeichendeuter und Sternkundigen dem König nicht zu sagen.
+ 28 Aber es ist ein Gott im Himmel, der Geheimnisse offenbart. Der hat dem König Nebukadnezar kundgetan, was am Ende der Tage geschehen soll. Mit deinem Traum und deinen Gesichten, als du schliefst, verhielt es sich so:
+ 29 Du, König, dachtest auf deinem Bett, was dereinst geschehen würde; und der, der Geheimnisse offenbart, hat dir kundgetan, was geschehen wird.
+ 30 Mir aber ist dies Geheimnis offenbart worden, nicht als wäre meine Weisheit größer als die Weisheit aller, die da leben, sondern damit dem König die Deutung kundwürde und du deines Herzens Gedanken erführest.
+ 31 Du, König, schautest, und siehe, ein sehr großes und hohes und hell glänzendes Bild stand vor dir, das war schrecklich anzusehen.
+ 32 Das Haupt dieses Bildes war von feinem Gold, seine Brust und seine Arme waren von Silber, sein Bauch und seine Lenden waren von Bronze,
+ 33 seine Schenkel waren von Eisen, seine Füße waren teils von Eisen und teils von Ton.
+ 34 Das schautest du, bis ein Stein herunterkam, ohne Zutun von Menschenhänden; der traf das Bild an seinen Füßen, die von Eisen und Ton waren, und zermalmte sie.
+ 35 Da wurden miteinander zermalmt Eisen, Ton, Bronze, Silber und Gold und wurden wie Spreu auf der Sommertenne, und der Wind verwehte sie, dass man sie nirgends mehr finden konnte. Der Stein aber, der das Bild zerschlug, wurde zu einem großen Berg und füllte die ganze Welt.
+ 36 Das ist der Traum. Nun wollen wir die Deutung vor dem König sagen.
+ 37 Du, König, König aller Könige, dem der Gott des Himmels Königreich, Macht, Stärke und Ehre gegeben hat
+ 38 und dem er alle Länder, in denen Leute wohnen, dazu die Tiere auf dem Felde und die Vögel unter dem Himmel in die Hände gegeben und dem er über alles Gewalt verliehen hat! Du bist das goldene Haupt.
+ 39 Nach dir wird ein anderes Königreich aufkommen, geringer als deines, und dann ein drittes Königreich, das aus Bronze ist und über alle Länder herrschen wird.
+ 40 Und das vierte Königreich wird hart sein wie Eisen; denn wie Eisen alles zermalmt und zerschlägt, so wird es auch alles zermalmen und zerbrechen.
+ 41 Dass du aber die Füße und Zehen teils von Ton und teils von Eisen gesehen hast, bedeutet: Das wird ein zerteiltes Königreich sein; doch wird etwas von des Eisens Härte darin bleiben, wie du ja gesehen hast Eisen mit Ton vermengt.
+ 42 Und dass die Zehen an seinen Füßen teils von Eisen und teils von Ton sind, bedeutet: Zum Teil wird's ein starkes und zum Teil ein schwaches Reich sein.
+ 43 Und dass du gesehen hast Eisen mit Ton vermengt, bedeutet: Sie werden sich zwar durch Heiraten miteinander vermischen, aber sie werden doch nicht aneinander festhalten, so wie sich Eisen mit Ton nicht mengen lässt.
+ 44 Aber zur Zeit dieser Könige wird der Gott des Himmels ein Reich aufrichten, das nimmermehr zerstört wird; und sein Reich wird auf kein anderes Volk kommen. Es wird alle diese Königreiche zermalmen und zerstören; aber es selbst wird ewig bleiben,
+ 45 wie du ja gesehen hast, dass ein Stein ohne Zutun von Menschenhänden vom Berg herunterkam, der Eisen, Bronze, Ton, Silber und Gold zermalmte. Ein großer Gott hat dem König kundgetan, was dereinst geschehen wird. Der Traum ist zuverlässig und die Deutung ist richtig.
+ 46 Da fiel der König Nebukadnezar auf sein Angesicht und warf sich nieder vor Daniel und befahl, man sollte ihm Speisopfer und Räucheropfer darbringen.
+ 47 Und der König antwortete Daniel und sprach: Wahrhaftig, euer Gott ist ein Gott über alle Götter und ein Herr über alle Könige, der Geheimnisse offenbaren kann, wie du dies Geheimnis hast offenbaren können
+
+