/* styles.css — Vollständige Gestaltung der Homepage Anja Schütz. Stand: letzte Homepage-Version; Desktop und Smartphone. Nur die Seitennavigation benötigt mobil.js. Mobile Ansicht: bis 800 px; Fliesstexte 16 px, Fusszeile 10 pt. */ /* 1. Bestehendes Grundlayout aller sechs Seiten */ td { font-size: 12pt; color: #000000; font-family: Verdana, Arial,Tahoma,Times; } td.active { font-size: 12pt; color: #CC0000; font-family: Verdana, Arial,Tahoma,Times; font-weight: bold } a { text-decoration: none; color: #000000; font-family: Verdana, Arial,Tahoma,Times; } a.orange { text-decoration: none; color: #CC0000; font-family: Verdana, Arial,Tahoma,Times; } a.orange:active { text-decoration: none; color: #CC0000; font-family: Verdana, Arial,Tahoma,Times; } a.orange:hover { text-decoration: none; color: #CC0000; font-family: Verdana, Arial,Tahoma,Times; } a:hover { text-decoration: none; color: #CC0000; font-family: Verdana, Arial,Tahoma,Times; } a:active { text-decoration: none; font-weight: bold; color: #CC0000; font-family: Verdana, Arial,Tahoma,Times; } body { font-size : 12pt; font-family : Verdana, Arial, Tahoma, Times; color : Black } h1 { font-size : 12pt; font-family : Verdana, Arial, Tahoma, Times; /* [disabled]font-weight : bold; */ color : black; } h2 { font-size : 12pt; font-family : Verdana, Arial, Tahoma, Times; font-weight : bold; color : #CC0000; } h3 { font-size : 20pt; font-family : Verdana, Arial, Tahoma, Times; font-weight : normal; color : black; } em { font-size : 12pt; font-family : Verdana, Arial, Tahoma, Times; font-weight : bold; color : black } h4 { font-size : 12pt; font-family : Verdana, Arial, Tahoma, Times; color : black; font-style: italic; font-weight: normal; } h5 { font-size : 12pt; font-family : Verdana, Arial, Tahoma, Times; color : black; } p { font-size : 12pt; font-family : Verdana, Arial, Tahoma, Times; color : black; font-weight: normal; } textarea { text-align: center; font-family: Verdana, Arial, Tahoma, Times; font-size: 12px; color: #000000; } @viewport { width: device-width; zoom:1; } /* Zurückhaltende Anpassungen: ursprüngliche Verdana-Schrift und Rot #CC0000 */ *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#000;font-family:Verdana,Arial,Tahoma,sans-serif;font-size:12pt;line-height:1.55} .page-shell{position:relative;isolation:isolate;width:min(840px,calc(100% - 40px));margin:27px auto 35px;padding:90px 0 0 48px;background:#1b6085;min-height:700px} .page-shell:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:90px;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAQCAwMDAgQDAwMEBAQEBQkGBQUFBQsICAYJDQsNDQ0LDAwOEBQRDg8TDwwMEhgSExUWFxcXDhEZGxkWGhQWFxb/2wBDAQQEBAUFBQoGBgoWDwwPFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhb/wAARCABaA0gDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDyWnr0pgqSvtYHxDCiiirEFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFACHkEUyn+tMqJjQUUUVAwooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAFHSvrX/gmzrRfSvEGgSNkxulzGP7q9D+rCvkmvdv+CfWsf2f8bm08vgapYyQgepX95/7JXJjoc2HkdeAnyYmLPuKikFLXzB9WFFFFABRRRQAUUUUAFFFFACEUlOpCKAEooooAKKKKACuZ+J/gPw34+0FtL8RWCToATDLjEkLf3lPY101FOMnF3T1JlFSVpK6PhD49fs8eKfAskupaRHJrGigk+dCuZYR6OnX8RkV4yRg4PUda/VOREkjZJEVlYYKsMgj3rxT44fs3+E/GSTajoYGi6uwLbolzDK3+0vb6g/hXsYbMvs1fvPFxWVv4qP3HwtRXZ/FH4W+M/AN80OvaS4hBwl1CC8Lj1B7fjXG4r14zjJXi7o8eUZRdpKzEoooqiQooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKVQScAZJ4AoASn28Uk0ywwxvJJIQqIi5Zj6ADrXo/wg+CHjfx9cRyWtg1hpzH5726UqoHfaOpP5fWvrz4MfArwV8P4Y7iO1Gp6qo+a9ulBIPfavRR+dceIx1Kjpu+x24bA1a2trLueA/AP9mLWfEIg1nxqX0zTjhktP+W8w9x/CPrz7V9deEPD2jeF9Ch0fQrGKzs4BhY41xk9yfUnua1AMDAorwa+KqV37z07H0GHwlOgvdWvcKKKK5zpCiiigD8ql+9T6anenV9tHY+IYUUUVQgooooAKKKKACiiigAooooAKKKKACiiigAooooARjxTKVjk0lZSd2UgooopAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAV6B+y1qP9lfHzw3d7tubsxZ/30ZP/AGavP62/hpcG0+Iug3IOPK1S2fP0lWoqx5oSXkXTlyzi/M/TzvS1Hayebbxy9nQN+YqSvkD7MKKKju54ba2e4uJUiijUs8jsAqgdyTQBJTZJEjUs7qoHUk4r5q+O37U9jpNzPo/gKGO/uIiUfUJF/cqf9gH7316elfNHjr4j+NfF87Pr3iG9uUY58nzSI1+i9BXoUctq1FeWiPNr5pSpu0dX+B+iN/418JWMpivPEemwOOqyXKgj9ar/APCw/Av/AENmkf8AgWv+NfmczuT99vzpNzf3j+ddf9kx/mON5xP+RH6Zf8LD8C/9DZpH/gWv+NH/AAsPwL/0Nmkf+Ba/41+Zu5v7x/Ojc394/nT/ALJh/MH9sVP5Ufpl/wALD8C/9DZpH/gWv+NH/Cw/Av8A0Nmkf+Ba/wCNfmbub+8fzo3N/eP50f2TD+YP7Yqfyo/TSDx74KnnSGHxTpTyOcKq3Skk+nWugUhgCCCD0Ir8rA7ggh2BHQ5r6C/Zr/aP1Dwr9n8PeM5Zr7SFwkV0ctLajsD3ZR/KsK+VyjG9N3NqGaxlK1RW8z7Soqj4c1nS9e0iHU9HvoLy0nXcksLhgf8AA+xq9XlNW0Z66aaugooooGFFFFAFfU7Gz1Gzez1C0gureQYeKaMOrD3B4rwX4u/sseF9eeW/8J3DaLeNlvIyXt2P0PI/AgV9BUVrSrVKTvB2Ma1CnWVpq5+c3xO+D/jzwI7vrOizPaKeLy3BkiI92HA+lcGQQcHiv1TljSRCkiKykYIIzXl3xK/Z++HPi8yTvpS6Zevz9oshsyfVlHDfjXq0c1W1RfceTWyhrWk/kz8/KK+iviD+yV4s00PceF9TtdWiH3YZG8qY/n8v614r4t8D+LvDM7xa54dv7PZwXeBjH/32PlP516NPEUqnwyPLq4erS+ONjn6KKK3MQooooAKKKKACiiigAooooAKKKKACijFFABR3pVBJAAJJ6AV1vgv4Y+PPFNysWjeGNQkD4xLJEYo8eu58D9amUoxV27FRjKTtFXORHWlRWdtqqWJ6ACvpz4f/ALIep3AS48Xa/DaKeTb2Y3v9CTgfkTXvfw0+DfgDwQscmk6HDJdp/wAvdwBJLn2Y9K4auZUYfDqzvo5ZXn8WiPjr4V/AH4geNjHcppx0ywcjN1eKUBHqqnlvwr6b+EH7NvgjwfJHf6pGdc1FcEPdDMUZ/wBlOh/4FmvaAAowAAKK8qtj61XTZHrUMuo0tWrvzGwRxwxLFEixogwqqMAD0AFOooriO8KKKKACiiigAorC+IPjHw74K0J9W8RalFaQIPlDHLyH0VRyT9KK1hRqTV4xbMp16UHaUkmfmQlOpiHmn19jHY+NYUUUVQgooooAKKKKACiiigAooooAKKKKACiiigBCcU0nNK/Sm1nJvYaCiiipGFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFWtDmNvrVnOOsVxG/5MDVWnQtsmV/7rA0MD9SfDj+Z4fsJP79rG35qKu1m+Dju8JaW3rYwn/wAcFaVfHPc+1jshrEKpZiAAMkntXxl+2R8b7rxDrM/g3wzdNFpFqxW7njbBun7gH+6P1r3P9snx9J4I+ElxHZS7NR1g/Y7dgeUDD52/75DDPqRXwLIzO5dmLMxySTyTXrZbhVL97L5HjZpinH9zH5jTRRRXtnhhRRRQAUUUUAFFFFABRRRQB3Pwa+K3iv4b6utxo12ZbRiPPsZiTFKP6H3FfaXwR+NvhD4i2SRQXK2Gqqv72xuGAOfVD/EPyPtX56VLZXNxaXSXNrPJBNE25JI3Ksp9QRyK48TgqdbXZ9zswuNqUNN12P1RFFfGfwO/aj1rQo4dK8bRtqtimFW7UYnjHvj72Ppn3r6r+Hvjjwx420oX/hzVoLyPALorDfH7MvUGvBr4WrRfvLTufQYfGUq69169joaKKK5zqCiiigAooooAKhvLS1u4vLu7aGdP7ssYYfrU1FAHnXjD4G/DLxIWkvPDcMEzHma1Plt/UfpXmHi79kDw7csz+HfEt5Y91S6hE/4ZBWvpSiuiGKrw+GRzVMHQn8UUfEviT9kz4hWe59MvtLv0X1kaNz+GD/OuJ1n4E/FXTSTL4Qu5UXq8JVl/nmv0QorqjmlZbpM5JZTQezaPzG1TwZ4s05yt54d1GIjqPs7H+QrNl0vVIv8AW6bdp/vQMP6V+pZGRg85qpdaVpdz/wAfGm2k2evmQK38xWyzZ9YfiYvJ10n+B+XLWtyv3reUfVDSeRNnHlOfbaa/TyTwt4Yc/P4c0lvrYxn/ANlqMeD/AAkDkeFtFz6/2fF/8TVf2sv5fxI/seX8/wCB+ZK2d0xG22mP0jNTxaRq0v8Aq9LvH/3bdj/Sv00Twx4aT7nh7Sl/3bKMf0q5a6dp9tj7PY20OOnlwquPyFJ5t2h+I1k76z/A/NTSfAXjPU2AsfDWpS5/6YFf54rq9E/Z/wDivqTLjwrPaq3R7l1Ufpmv0JorOWa1HtFGscopr4pM+L/Dn7I3je7KnWNZ0ywU9fJLTMPwwteleEf2R/Bdiqvr2sahqci8kRBYEP1HzH9a+hqK5p4/ES+1b0OmGXYaH2b+pxXg74SfDvwxtbSfC9ksq/8ALWVfMY+5zx+ldlBDFDGI4Y0jUdFRQAPwFPorllOUneTudkYRgrRVgoooqSgooooAKKKKACig1xnxV+KXg34fWRk1/VY1uCuY7SI7ppPovXHvVRhKbtFXZM5xguaTsjsnIVSWIAAySegrxb49ftE+GPA8U2maKyavrQGBHG37mE/7bdz7D86+f/jn+0d4s8atLp+hvJomksSNkLYmlH+0/UfhivFXZncu7FmY5JJySa9fDZZ9qt9x4uKzX7NH7zofiR438SeOddk1XxDqD3ErH5IwcRxD0VewornDRXrxikrLY8ZycndhT1ORTKVOtaRepLH0UUVoIKKKKACiiigAooooAKKKKACiiigAooooAa55ptK3WkrJ7lBRRRSAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKVBucKO5xSVPpsZl1GCMDJeVVH4kChgfp/4NG3whpQ9LGH/0Ba0qoeFl2eGtOQ9Vs4h/44Kv18dLdn2kfhR8X/8ABRbW3u/idp2iB/3enWe8qPV8HP5V8717J+3fIz/tE6juP3bW3Uf98V43X1GEjy0ILyPlMZJyxE2+4UUUV0nMFFFFABRRRQAUUUUAFFFFABRRRQAVpeFtf1nw5q0epaJqVxY3URyssEhU/TjtWbRSaTVmNNp3R9O/CP8AazvrTyrHx3p5u4+F+3WoAce7Lxn8Oa+lfAPj3wj40slufDuuWt5uGTCH2yr9UOGH5V+ZuataTqWoaXdrdadeT2synIeJyp/SvOrZbSnrDRno0Mzq09J+8vxP1MoFfDnwx/ah8d+HTHb66sWvWa8Hzj5c2P8AfGR+lfQfw6/aS+HHidY4Lq9k0e7bgxXi4Un0Vh1/ECvLq4GvT6XXkevRzChV62fmewUVW03ULHULdZ7G8guY2GQ0MgYfpVmuPY7U7hRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRQaKACis7X9e0XQ7V7jV9UtbONBljNKF4+nWvHPiR+1J4C0FHg0FZ9duxkDyv3cP8A32cn9K1p0alR2grmNWvSpK85WPdK4j4mfFrwJ4Gt3/tvXbf7QoOLSA+bKx9CFzt/HFfHvxM/aM+InixZbaG9j0iyfI8myBDFfRnPX8AK8nurie5nM1zNJLIx+Z5GLMfxNelRypvWq/kjy62bLakvmz3/AOLf7VHijXDLZeEYP7GsjlfOODO4+o+7+BrwTVL681K+kvb+6lubiZt0ksrlmY+pJqtRXq0qFOkrQVjyKtepVd5u4UUUVsZBRRRQAU5O9NpydacdwY6iiitSQooooAKKKKACiiigAooooAKKKKACiiigBr02nt92mVnLcaCiiipGFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFavgWH7T430e3xnzdRgTH1kUVlV2X7PWnHVPjV4atAu7/iYxy4/3Dv8A/Zaio7QbKgrzSP0f01PK0+CL+5Eq/kKnpBS18gfaHwR+3X/ycVqf/XtB/wCgV49XsP7df/JxWp/9e0H/AKBXj1fV4b+DD0R8hiv48/VhRRRW5gFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABS0lFAG54U8Y+KfDUyyaFr19Y7TnZFOwQ/Veh/KvYfAv7V/jzSlSHXbay1mIcNJJH5cuPbZgfmK8CorGpQpVPijc2p4irT+CTR9s+D/2sfAWoqq63Z32kyHg5XzVz9QOBXqHhb4n+AfESr/ZPinTZ3b/ll9oUOPqucivzWpVYr0JH0NcU8rpP4W0d1PNq0fiSZ+qcckbgFHVgfQ5p1fmR4b8b+L/D+0aL4j1KxC9BBcso/IGu70D9pH4r6Xhf7dW7UcEXcIkJ/E1yTyqovhkmdcM3pv4otH35RXxno37XvjG3wNQ0DTrz1Icxn9BXU6Z+2LYkD+0PCNwvr9nlVv5kVhLL8Quh0RzLDP7VvkfUdFfPmn/tdeAplH2jRdatj33JGw/RjWtaftTfC6UjzLm+g/37Vjj8gazeDxC+wzVY3Dv7aPbaK8gT9pn4RN97X5l+tlN/8TUp/aV+DwXI8TOT6Cwn/wDiKn6tX/kf3FfWqH86+89aorx+T9pr4SLnbr0z/Sym5/8AHaz7v9qn4YxZ8uTUJ/8ActiM/nimsLXf2GJ4zDr7a+89wor531L9r7wPCCLTQNauG7HbGq/q2a5/VP2xogD/AGd4PZj2+0T7f/Qc1ccDiH9kiWYYZfaPqiivi3Wf2ufHVzu/s/SNNsc9OsuPzFcX4h/aE+K2rk7/ABPNaA9rIeTj/vmto5ZXe9kYSzWgtrs/QG5uLe3iaWeaONFGWZ2AArivFPxj+GugI32/xbp5kTrDDMJJP++Qc1+fXiHxT4j119+s65f3zZzm4nZ/5msliT1OTXTDKV9uRyzzeX2I/efZPjD9rrwnZl4tA0W81Jv4ZZD5SfiCM15D47/ah+JGul4tNntdFt2422sIZiPdn3EH6YrxPNFdlPA0IbRv6nFUx+Iqbyt6aGj4i1/W9eujc6zqt5fyk53XE7Pj6ZPFZ1FFdaSWiORtvVi5pKKKYgooooAKKKKACiiigAoHBzRRQBIKKRPu0tarYkKKKKYBRRRQAUUUUAFFFFABRRRQAUUUUANc8U2nSdKbWctxoKKKKkYUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAV7H+wppLaj+0Fp11t3Jp0E07jHrGyD9WFeOV9G/8ABN1VPxQ1slRkaOcHHT99HXNi21Qm12OnBxUsRBPufZQ4NLSDrS18sfWnwR+3X/ycVqf/AF7Qf+gV49XsP7df/JxWp/8AXtB/6BXj1fV4b+DD0R8hiv48/VhRRRW5gFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUGiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigD//2Q==);background-size:100% 100%;background-repeat:no-repeat} .page-shell:after{content:"";position:absolute;z-index:-1;top:193px;left:0;width:48px;height:85px;background:#669a91} .site-header{min-height:117px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 32px 14px 8px;background:#fff}.site-title{font-size:20px;font-weight:bold;color:#000;line-height:1.3;text-decoration:none;flex:1;min-width:0}.sunset{width:96px;height:72px;object-fit:cover;flex:none} .main-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid #999;border-bottom:2px solid #999;min-height:57px;align-items:stretch;background:#fff}.main-nav a{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;min-width:0;padding:8px 2px;font-size:18px;font-weight:normal;color:#000;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:#CC0000}.menu-toggle{display:none} main{background:#fff;padding:58px 32px 90px;min-width:0;min-height:800px}h1,h2,h3,h4,h5,p,li{font-family:Verdana,Arial,Tahoma,sans-serif}h1,h2{font-size:12pt;color:#CC0000;font-weight:bold;line-height:1.6}h3{font-size:20pt;font-weight:normal;color:#000}p,li{font-size:12pt;line-height:1.7}a{color:#000}a:hover{color:#CC0000} .image-trio{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:30px;align-items:center;justify-items:center;margin:0 0 64px}.image-trio img{display:block;max-width:100%;max-height:290px;object-fit:contain}.image-trio img:nth-child(2){max-height:290px} .home-copy{text-align:center}.home-copy h1{margin:0 0 52px}.home-copy .home-address{color:#CC0000;font-weight:bold;line-height:2.1;margin:0 0 55px}.home-copy>p:not(.home-address){margin:18px auto;max-width:850px}.home-intro{text-align:center}.home-intro h1,.home-intro h2,.home-intro p{color:#CC0000;font-weight:bold;font-size:12pt;line-height:1.7}.home-intro h1{margin:0 0 52px}.home-intro h2{margin:12px 0}.home-intro p{margin:12px 0}.home-intro .quote{color:#000;font-weight:normal;margin-top:70px}.home-intro .quote p{color:#000;font-weight:normal} .subpage{max-width:980px;margin:auto}.subpage h1{margin:0 0 28px}.subpage h2{margin:34px 0 12px}.subpage p{margin:0 0 18px}.subpage .lead{font-size:12pt;font-weight:normal}.content-grid,.hero{display:block}.photo-card,.hero-image{margin:28px auto;text-align:center;max-width:600px}.photo-card img,.hero-image img{max-width:100%;height:auto;max-height:420px;object-fit:contain}.photo-card figcaption{font-size:12pt}.timeline{border:0;padding:0;background:none}.timeline p{margin-bottom:20px}.info-box,.notice,.card,.contact-card{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.site-footer{padding:18px 20px;text-align:center;border-bottom:28px solid #CC0000;background:#fff;font-size:11pt;color:#333}.site-footer > span{display:block}.site-footer a{font-size:11pt} .skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:10} @media(max-width:800px){.page-shell{width:calc(100% - 20px);margin:14px auto 28px;padding:70px 0 0 0}.page-shell:before{height:70px}.page-shell:after{display:none}.site-header{min-height:108px;padding:15px 14px;gap:12px}.site-title{font-size:16px;overflow-wrap:normal}.sunset{width:76px;height:60px}.menu-toggle{display:block;width:100%;padding:13px 16px;background:#fff;color:#000;border:0;border-top:2px solid #999;border-bottom:2px solid #999;text-align:left;font:normal 12pt Verdana,Arial,sans-serif;cursor:pointer}.main-nav{display:none;grid-template-columns:1fr;min-height:0;border-top:0}.main-nav.is-open{display:grid}.main-nav a{justify-content:flex-start;font-size:12pt;padding:13px 17px;border-bottom:1px solid #ddd;white-space:normal;overflow-wrap:normal}.main-nav a:last-child{border-bottom:0}main{padding:35px 18px 55px;min-height:0}.image-trio{grid-template-columns:1fr;gap:25px;margin:0 auto 45px;max-width:340px}.image-trio img{max-height:300px;max-width:100%;height:auto}.home-intro h1{margin-bottom:38px}.home-intro .quote{margin-top:42px}.site-footer{padding:20px 12px;border-bottom-width:20px}} @media(max-width:390px){.site-title{font-size:14px}.sunset{width:65px;height:52px}.page-shell{width:calc(100% - 12px)}main{padding-left:13px;padding-right:13px}} /* Kopfzeile: eine Schriftgröße kleiner und auf dem Desktop einzeilig */ @media (min-width:801px) { .site-title {font-size:17px; white-space:nowrap; letter-spacing:-0.25px;} .site-header {gap:10px; padding-right:20px;} } /* Auf schmalen iPhones ist Umbruch nötig, damit nichts abgeschnitten wird. */ @media (max-width:800px) { .site-title {font-size:14px; white-space:normal; overflow-wrap:normal;} } /* Desktop-Navigation wie im Original: gleiche freie Abstaende zwischen den Links */ @media (min-width:761px) { .main-nav { display:flex; justify-content:space-between; align-items:center; gap:0; } .main-nav a { flex:0 0 auto; min-width:0; padding:8px 10px; font-size:16px; white-space:nowrap; } } /* Kopfzeile: maximale gut lesbare Schrift ohne breiteres Seitenlayout */ @media (min-width: 761px) { .site-header { padding-right: 10px; gap: 8px; } .site-title { font-size: 20px; letter-spacing: -0.35px; white-space: nowrap; overflow-wrap: normal; } } @media (min-width: 761px) and (max-width: 879px) { .site-title { font-size: clamp(15px, 2.12vw, 19px); } } /* Gewünschte einheitliche Schriftgrößen: Kopfzeile und Menü 18 px */ .site-title { font-size: 18px; } .main-nav a { font-size: 18px; } @media (min-width: 801px) { .site-title { font-size: 18px; white-space: nowrap; letter-spacing: -0.35px; } .main-nav a { font-size: 18px; } } @media (max-width: 800px) { .site-title { font-size: 18px; white-space: normal; } .main-nav a { font-size: 18px; } } /* Praxisüberschrift und Anschrift auf der Startseite: 17 Pixel */ .home-copy h1, .home-copy .home-address, .home-intro h1, .home-intro h2, .home-intro p { font-size:17px; } /* Roter Abschlussbalken über die volle Breite einschließlich blauem Seitenstreifen */ .site-footer{position:relative} .site-footer::after{content:"";position:absolute;left:-48px;bottom:-28px;width:48px;height:28px;background:#CC0000} @media(max-width:800px){.site-footer::after{display:none}} .site-footer .footer-sep{display:inline;white-space:nowrap;margin:0 0.35em;font:inherit;letter-spacing:normal} /* Originalinhalte: alte Tabellenspalten mobil ohne Überlauf darstellen */ .original-content {width:100%; max-width:100%; overflow-wrap:break-word; font-size:17px; line-height:1.35} .original-content table {width:100% !important; max-width:100% !important; border-collapse:collapse} .original-content td {width:auto !important; max-width:100%; font-size:17px; vertical-align:top} .original-content img {max-width:100%; height:auto !important} .original-content h2 {font-size:17px; color:#CC0000; line-height:1.45} .original-content h3 {font-size:20px; line-height:1.4} .original-content a {overflow-wrap:anywhere} .original-content table table table {width:100% !important} @media(max-width:760px){ .original-content table, .original-content tbody, .original-content tr, .original-content td {display:block; width:100% !important; height:auto !important} .original-content td:empty {display:none} .original-content img {display:block; max-width:100%} } /* 2. Layout und Bildsymbol der fünf Unterseiten */ /* Originalinhalte: alte Tabellenspalten mobil ohne Überlauf darstellen */ .original-content {width:100%; max-width:100%; overflow-wrap:break-word; font-size:17px; line-height:1.35} .original-content table {width:100% !important; max-width:100% !important; border-collapse:collapse} .original-content td {width:auto !important; max-width:100%; font-size:17px; vertical-align:top} .original-content img {max-width:100%; height:auto !important} .original-content h2 {font-size:17px; color:#CC0000; line-height:1.45} .original-content h3 {font-size:20px; line-height:1.4} .original-content a {overflow-wrap:anywhere} .original-content table table table {width:100% !important} @media(max-width:760px){ .original-content table, .original-content tbody, .original-content tr, .original-content td {display:block; width:100% !important; height:auto !important} .original-content td:empty {display:none} .original-content img {display:block; max-width:100%} } /* Einheitliches Symbol auf den fünf Unterseiten, oberhalb des roten Balkens */ .subpage-footer-symbol { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0 auto 10px; } .subpage-footer-symbol img { display: block; height: 3cm; width: auto; max-width: 100%; object-fit: contain; } /* Seitenspezifische Abstände zur Fusszeile (Stand unverändert) */ body.page-praxis .site-footer {margin-top:-154px;} @media (max-width:800px) {body.page-praxis .site-footer {margin-top:-137.5px;}} body.page-cv .site-footer {margin-top:-108px;} @media (max-width:800px) {body.page-cv .site-footer {margin-top:-91.5px;}} body.page-datenschutz .site-footer {margin-top:-161.5px;} @media (max-width:800px) {body.page-datenschutz .site-footer {margin-top:-145px;}} body.page-impressum .site-footer {margin-top:-154px;} @media (max-width:800px) {body.page-impressum .site-footer {margin-top:-137.5px;}} body.page-kontakt .site-footer {margin-top:-154px;} @media (max-width:800px) {body.page-kontakt .site-footer {margin-top:-137.5px;}} /* 3. Gemeinsame Typografie und Fusszeilen-Regeln */ /* Originaltext: ruhige Abstände und Schriftbild entsprechend Vorlage */ .home-copy {text-align:center;} .home-copy h1 {color:#cc0000;font-family:Verdana,Arial,Tahoma,sans-serif;font-size:12pt;font-weight:bold;margin:56px 12px 48px;line-height:1.45;} .home-copy .home-address {color:#cc0000;font-family:Verdana,Arial,Tahoma,sans-serif;font-size:12pt;font-weight:bold;line-height:2.05;margin:0 12px 105px;} .original-poem {font-family:Verdana,Arial,Tahoma,sans-serif;font-style:italic;font-size:17px;color:#000;line-height:1.3;margin:0 auto 72px;max-width:770px;} .original-poem p {font:inherit;color:inherit;margin:0 0 22px;} .original-disclaimer {font-family:Verdana,Arial,Tahoma,sans-serif;font-style:italic;font-size:17px;color:#000;line-height:1.35;max-width:780px;margin:0 auto 110px;} @media(max-width:800px){.home-copy h1{margin:36px 10px 28px}.home-copy .home-address{margin-bottom:60px;line-height:1.75}.original-poem{padding:0 12px;margin-bottom:48px}.original-disclaimer{padding:0 12px;margin-bottom:65px}} /* Kopfzeile am Beginn des ersten Navigationspunkts ausrichten; Breite bleibt gleich. */ @media (min-width: 801px) { .site-header { padding-left: 10px; } .site-title { margin-left: 0; } } .site-footer .footer-sep{display:inline;white-space:nowrap;margin:0 0.35em;font:inherit;letter-spacing:normal} /* Einheitliche Typografie und gleichmäßige Doppelpunkte in der Fußzeile */ .site-footer,.site-footer span,.site-footer a{font-family:Verdana,Arial,Tahoma,sans-serif;} .site-footer .footer-sep{display:inline-block;white-space:nowrap;font:inherit;letter-spacing:0;word-spacing:0;margin:0 .32em;vertical-align:baseline;} .site-footer .footer-sep{display:inline;white-space:nowrap;margin:0 0.35em;font:inherit;letter-spacing:normal} /* Fußzeile: dieselbe Schriftgröße wie die obere Navigation */ .site-footer, .site-footer > span, .site-footer a, .site-footer .footer-sep {font-family:Verdana,Arial,Tahoma,sans-serif;font-size:18px;line-height:1.6;font-weight:normal;} .site-footer .footer-sep {display:inline;white-space:nowrap;margin:0 .3em;letter-spacing:0;vertical-align:baseline;} .site-footer > span {display:block;} .site-footer .footer-sep{display:inline!important;font-family:Verdana,Arial,Tahoma,sans-serif!important;font-size:18px!important;letter-spacing:0!important;word-spacing:0!important;white-space:nowrap!important;margin:0 .42em!important;vertical-align:baseline!important} /* Fusszeile zur urspruenglichen Groesse zuruecksetzen */ .site-footer, .site-footer > span, .site-footer a, .site-footer .footer-sep {font-size:11pt!important;font-family:Verdana,Arial,Tahoma,sans-serif!important;} .site-footer .footer-sep {letter-spacing:0!important;word-spacing:0!important;white-space:nowrap!important;} /* Nur Startseite auf Smartphones: drei Fotos genau 25 % kleiner. */ @media (max-width: 800px) { .image-trio img { max-width: 75%; max-height: 225px; } .image-trio img:nth-child(2) { max-height: 217.5px; } } /* 4. Bisherige Sonderregeln CV und Datenschutz */ /* Gleichmaessige Abstaende bei CV-Publikationen; Originaltexte unveraendert */ body.page-cv .original-content tr.cv-publication-spacer {display:none !important} body.page-cv .original-content tr.cv-publication-row > td {padding:0 0 16px 0 !important; line-height:1.35 !important; height:auto !important} body.page-cv .original-content tr.cv-publication-row h4 {font-size:17px; font-weight:normal; line-height:1.35; margin:8px 0 0 0 !important; padding:0 !important} body.page-cv .original-content tr.cv-publication-row h2 {margin:14px 0 4px 0} /* CV: einheitliche Abstaende, ohne Aenderung der Inhalte */ body.page-cv main h2 { margin-top: 2.7em !important; margin-bottom: 1.35em !important; } body.page-cv main h2:first-child { } /* Erster CV-Titel: gleicher oberer Abstand wie Datenschutz und Impressum. Die grosszuegigeren Abstaende aller folgenden roten CV-Ueberschriften bleiben erhalten. */ body.page-cv main.cv-spacing .original-content h2.cv-first-heading { margin-top: 0.83em !important; margin-bottom: 0.83em !important; } /* Datenschutzerklärung: Typografie wie auf den Seiten CV und Praxis. Nur die bestehende Schriftart, Schriftgroesse und der Zeilenabstand werden angeglichen. */ body.page-datenschutz .original-content, body.page-datenschutz .original-content td, body.page-datenschutz .original-content p, body.page-datenschutz .original-content strong, body.page-datenschutz .original-content a { font-family: Verdana, Arial, Tahoma, sans-serif; line-height: 1.35; } body.page-datenschutz .original-content p { font-size: 17px; } /* 5. Mobile Navigation, Bilderreihe der Startseite, Kopfzeile */ /* Nur mobile Ansicht: Rubriken-Schalter und aufgeklappte Navigation in Verdana, 16 px */ @media (max-width: 800px) { .menu-toggle, .main-nav a { font-family: Verdana, Arial, sans-serif; font-size: 16px; } } /* Nur mobile Startseite: alle drei Bilder in einer Reihe. */ @media (max-width: 800px) { .image-trio { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.44fr) minmax(0, 1fr); gap: 6px; width: 100%; max-width: 100%; align-items: center; justify-items: center; } .image-trio img, .image-trio img:nth-child(2) { display: block; width: 100%; max-width: 100%; max-height: none; height: auto; object-fit: contain; min-width: 0; } } /* Nur auf Smartphones: Kopfzeile einheitlich in Verdana mit 16 Pixeln. */ @media (max-width: 800px) { .site-header .site-title { font-size: 16px; } } /* 6. Letzter mobiler Schriftgrössen-Stand, bewusst am Ende */ @media (max-width: 800px) { body, body * { font-size: 16px !important; } body .page-shell .site-footer, body .page-shell .site-footer * { font-size: 10pt !important; } }