HomeCategory

Germany

Colorful Berlin

This is a city that staged a revolution, was headquartered by Nazis, bombed to bits, divided in two and finally reunited – and that was just in the 20th century! Walk along remnants of the Berlin Wall, marvel at the splendour of a Prussian palace, visit Checkpoint Charlie or stand in the very room where the Holocaust was planned. Berlin is like an endlessly fascinating 3D textbook where the past is very much present wherever you go.

Stokman Safaris Footer body { margin: 0; font-family: Arial, sans-serif; } footer { background-color: #222; color: #fff; padding: 40px 20px 0; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto 30px; } .footer-logo { max-width: 200px; } .footer-logo img { width: 100%; } .footer-about p { font-size: 0.95rem; line-height: 1.6; margin-top: 10px; } .footer-title { font-size: 1.1rem; font-weight: bold; color: #9e391c; margin-bottom: 15px; } .footer-links ul { list-style: none; padding: 0; margin: 0; } .footer-links ul li { margin-bottom: 10px; display: flex; align-items: center; gap: 8px; } /* Smaller doughnut icon */ .footer-links ul li::before { content: ""; display: inline-block; width: 12px; height: 12px; border: 2px solid #9e391c; border-radius: 50%; background: white; flex-shrink: 0; } .footer-links ul li a { color: #ddd; text-decoration: none; font-size: 0.95rem; transition: color 0.3s; } .footer-links ul li a:hover { color: #9e391c; } .newsletter { text-align: center; margin: 30px auto; max-width: 700px; } .newsletter h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; } .newsletter p { font-size: 0.9rem; margin-bottom: 15px; color: #ccc; } .newsletter form { display: flex; flex-wrap: wrap; justify-content: center; } .newsletter input[type="text"], .newsletter input[type="email"] { padding: 10px; margin: 5px; border: none; border-radius: 4px; flex: 1 1 200px; } .newsletter button { padding: 10px 20px; margin: 5px; background-color: #9e391c; border: none; color: #fff; border-radius: 4px; cursor: pointer; transition: background 0.3s; } .newsletter button:hover { background-color: #b14527; } .social-icons { text-align: center; margin-bottom: 20px; } .social-icons a { display: inline-block; margin: 0 8px; width: 40px; height: 40px; background-color: #444; border-radius: 50%; color: #fff; line-height: 40px; text-align: center; transition: background 0.3s; font-size: 18px; } .social-icons a:hover { background-color: #9e391c; } .footer-bottom { text-align: center; background-color: #9e391c; color: #fff; padding: 15px; font-size: 0.85rem; margin-top: 20px; } @media (max-width: 768px) { .footer-container { grid-template-columns: 1fr; text-align: left; /* keep left alignment */ } .footer-links { margin-top: 15px; } .footer-links ul li { justify-content: flex-start; /* ensure left alignment */ } }
CHAT