Gebruik min versie van style.css en functions.js

Verwijder dummy agenda data
Fix: Layout gelijkt trekken met andere pagina's
2024-07-02 14:08:58 +02:00 · 2024-07-02 14:08:37 +02:00 · 2024-07-02 14:08:22 +02:00 · 2024-07-02 12:23:21 +02:00 · 2024-07-02 08:46:28 +02:00 · 2024-07-02 08:33:48 +02:00
110 changed files with 2613 additions and 1433 deletions
--- a/.env.example
+++ b/.env.example
@@ -0,0 +1,39 @@
+APP_NAME="NH Gooi"
+APP_ENV=production
+APP_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+APP_DEBUG=false
+APP_LOG_LEVEL=error
+APP_URL=https://dev.nhgooi.nl
+IMAGE_BASE_URL=https://dev.nhgooi.nl
+
+API_URL=https://api.nhgooi.nl/
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=in-v3.mailjet.com 
+MAIL_PORT=25
+MAIL_USERNAME=mailjet_username
+MAIL_PASSWORD=mailjet_password
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+
+DB_CONNECTION=mysql
+DB_HOST=nhgooi.nl
+DB_PORT=3306
+DB_DATABASE=dbname
+DB_USERNAME=6fmstats
+DB_PASSWORD=dbpass
+
+CACHE_DRIVER=file
+QUEUE_DRIVER=sync
--- a/10
+++ b/10
@@ -27,12 +27,12 @@ COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
 ADD docker/apache.conf /etc/apache2/sites-enabled/000-default.conf

 WORKDIR /var/www/html
-COPY . /var/www/html
+# COPY . /var/www/html

 RUN mkdir -p storage/framework/{sessions,views,cache,cache/data} && \
  chown -R www-data:www-data storage/framework && \
  chmod -R 775 storage
-	
-# RUN php artisan cache:clear && \
-#   php artisan config:clear && \
-#  php artisan view:clear
+
+RUN php artisan cache:clear && \
+    php artisan config:clear && \
+    php artisan view:clear
--- a/Dockerfile.dev
+++ b/Dockerfile.dev
@@ -0,0 +1,38 @@
+FROM php:8.1-apache
+
+RUN apt-get update \
+    && apt-get -y install \
+            g++ \
+            libcurl4-gnutls-dev \
+            libxml2-dev \
+            libxslt-dev \
+            libzip-dev \
+            zlib1g-dev \
+            msmtp \
+            unzip \
+            git \
+            ssl-cert \
+            locales \
+        --no-install-recommends \
+    && docker-php-ext-install pdo pdo_mysql mysqli xsl xml zip opcache \
+    && a2enmod rewrite ssl proxy proxy_http headers \
+	&& apt-get purge -y g++ \
+    && apt-get autoremove -y \
+    && rm -r /var/lib/apt/lists/*
+
+# Get latest Composer
+COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
+
+# Update the default apache site with the config we created.
+ADD docker/apache.dev.conf /etc/apache2/sites-enabled/000-default.conf
+
+WORKDIR /var/www/html
+COPY . /var/www/html
+
+RUN mkdir -p storage/framework/{sessions,views,cache,cache/data} && \
+  chown -R www-data:www-data storage/framework && \
+  chmod -R 775 storage
+
+# RUN php artisan cache:clear && \
+#   php artisan config:clear && \
+#  php artisan view:clear
--- a/app/Http/Controllers/CalendarController.php
+++ b/app/Http/Controllers/CalendarController.php
@@ -6,13 +6,19 @@ use \Illuminate\Http\Request;

 class CalendarController extends Controller
 {
+
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
    public function show(Request $request, $id)
    {
        parent::registerView($request, 'agenda', $id);
        $apiResult = $this->API('agenda/item/' . (int)$id);
        $calendarEvent = new \Model\CalendarEvent($apiResult);

-        return view('calendarevent', ['event' => $calendarEvent, 'metadata' => $calendarEvent->metadata]);
+        return view('calendarevent', array_merge($this->getSidebareData(), ['event' => $calendarEvent, 'metadata' => $calendarEvent->metadata]));
    }

    public function overview(Request $request)
@@ -24,6 +30,6 @@ class CalendarController extends Controller
            $calendar[] = new \Model\CalendarEvent($calendarItem);
        }

-        return view('calendarlist', ['events' => $calendar]);
+        return view('calendarlist', array_merge($this->getSidebareData(), ['events' => $calendar]));
    }
 }
--- a/app/Http/Controllers/Controller.php
+++ b/app/Http/Controllers/Controller.php
@@ -96,6 +96,8 @@ class Controller extends BaseController
                ->with('podcasts',
                    $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
        });
+
+        View::share('disableBanners', env('DISABLE_BANNERS', true));
    }

    protected function registerView(Request $request, $type, $id)
--- a/app/Http/Controllers/JobsController.php
+++ b/app/Http/Controllers/JobsController.php
@@ -6,19 +6,19 @@ use Illuminate\Http\Request;
 use \Model\JobOpening;

 class JobsController extends Controller
-{ 
+{
    private static function TimestampToDateTime($timestamp) {
      $result = new \DateTime;
      $result->setTimestamp($timestamp);
      return $result;
    }
- 
+
    public function show(Request $request, $id)
    {
        parent::registerView($request, 'nieuws', $id);
        $apiResult = $this->API('vacatures/details/' . $id);
 	$jobsItem = new \Model\JobOpening($apiResult->item);
-	return view('jobsitem', ['job' => $jobsItem, 'metadata' => $jobsItem->metadata]);
+	return view('jobsitem', array_merge($this->getSidebareData(), ['job' => $jobsItem, 'metadata' => $jobsItem->metadata]));
    }

    public function overview(Request $request)
@@ -36,10 +36,10 @@ class JobsController extends Controller
            $jobs[] = new \Model\JobOpening($jobsItem);
        }

-        return view('jobslist', ['title' => $title, 'jobs' => $jobs]);
+        return view('jobslist', array_merge($this->getSidebareData(), ['title' => $title, 'jobs' => $jobs]));
        //return view($request->ajax() ? 'partial/jobslist_small' : ($title == null ? 'home' : 'jobslist'), ['title' => $title, 'jobs' => $jobs, 'searchURL' => 'vacatures/zoeken']);
    }
- 
+
    public function bijeenkomst() {
      return view('kennismakingsbijeenkomst', ['a' => 2]);
    }
--- a/app/Http/Controllers/NewsController.php
+++ b/app/Http/Controllers/NewsController.php
@@ -129,6 +129,9 @@ class NewsController extends Controller

    private function listNews(Request $request, $url, $title = null, $id = 'items', $total = null)
    {
+        if ($request->ajax()) {
+            $total = 5;
+        }
        $page = (int)$request->get('pagina', 1);
        $apiResult = $this->API('nieuws/' . $url . '?pagina=' . (int)max(1, $page) . ($total ? '&aantal=' . $total : ''));
        $news = [];
--- a/app/Http/Controllers/RadioController.php
+++ b/app/Http/Controllers/RadioController.php
@@ -9,9 +9,9 @@ class RadioController extends Controller
 {
    public function schedule(Request $request, $date = '')
    {
-        $apiResult = $this->API('programma/schema/week/0');
-        $start = self::JsonToDateTime($apiResult->startdate);
-        $end = self::JsonToDateTime($apiResult->enddate);
+        $start = $date ? (new \DateTime($date))->format('Y-m-d') : (new \DateTime("-2 day"))->format('Y-m-d');
+        $end = $date ? (new \DateTime($date))->modify('+1 day')->format('Y-m-d') : (new \DateTime("+3 day"))->format('Y-m-d');
+        $apiResult = $this->API('programma/schema/periode/' . $start . '/' . $end);
        $schedule = [];
        foreach($apiResult->schedule as $program)
        {
--- a/docker-compose.dev.yml
+++ b/docker-compose.dev.yml
@@ -0,0 +1,24 @@
+version: '3.8'
+
+services:
+  web:
+    build:
+      context: ./
+      dockerfile: Dockerfile.dev
+    ports:
+      - 8080:80
+      - 8443:443
+    volumes:
+      - .:/var/www/html
+      - ./srv:/srv
+  db:
+    image: mysql:5.5
+    ports:
+      - "3306:3306"
+    expose:
+      - "3306"
+    environment:
+      MYSQL_ROOT_PASSWORD: development-password
+      MYSQL_DATABASE: forge
+      MYSQL_USER: forge
+      MYSQL_PASSWORD: secret
--- a/docker/apache.conf
+++ b/docker/apache.conf
@@ -6,9 +6,9 @@ ServerTokens Prod
 <VirtualHost *:80>
  ServerName localhost
  ServerAdmin support@websight.nl
-  DocumentRoot /var/www/html/public
+  DocumentRoot /var/www/html

-  <Directory /var/www/html/public/>
+  <Directory /var/www/html/>
      Options -Indexes +FollowSymLinks +MultiViews
      AllowOverride All
      Order deny,allow
@@ -23,7 +23,7 @@ ServerTokens Prod
    <VirtualHost *:443>
      ServerName localhost
      ServerAdmin support@websight.nl
-      DocumentRoot /var/www/html/public
+      DocumentRoot /var/www/html

      SSLEngine on
      SSLCertificateFile /etc/ssl/certs/ssl-cert-snakeoil.pem
@@ -32,7 +32,7 @@ ServerTokens Prod
      SSLProtocol All -SSLv2 -SSLv3
      SSLCipherSuite EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH

-      <Directory /var/www/html/public/>
+      <Directory /var/www/html/>
          Options -Indexes +FollowSymLinks +MultiViews
          AllowOverride All
          Order deny,allow
--- a/docker/apache.dev.conf
+++ b/docker/apache.dev.conf
@@ -0,0 +1,46 @@
+Header set X-Content-Type-Options: "nosniff"
+Header set X-Frame-Options: "sameorigin"
+
+ServerTokens Prod
+
+<VirtualHost *:80>
+  ServerName localhost
+  ServerAdmin support@websight.nl
+  DocumentRoot /var/www/html
+
+  <Directory /var/www/html/>
+      Options -Indexes +FollowSymLinks +MultiViews
+      AllowOverride All
+      Order deny,allow
+      Allow from all
+  </Directory>
+
+  ErrorLog /var/log/apache2/vhost-error.log
+  CustomLog /var/log/apache2/vhost-access.log combined
+</VirtualHost>
+
+<IfModule mod_ssl.c>
+    <VirtualHost *:443>
+      ServerName localhost
+      ServerAdmin support@websight.nl
+      DocumentRoot /var/www/html
+
+      SSLEngine on
+      SSLCertificateFile /etc/ssl/certs/ssl-cert-snakeoil.pem
+      SSLCertificateKeyFile /etc/ssl/private/ssl-cert-snakeoil.key
+      SSLCompression off
+      SSLProtocol All -SSLv2 -SSLv3
+      SSLCipherSuite EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH
+
+      <Directory /var/www/html/>
+          Options -Indexes +FollowSymLinks +MultiViews
+          AllowOverride All
+          Order deny,allow
+          Allow from all
+      </Directory>
+
+      ErrorLog /var/log/apache2/ssl-vhost-error.log
+      CustomLog /var/log/apache2/ssl-vhost-access.log combined
+
+    </VirtualHost>
+</IfModule>
--- a/env.example
+++ b/env.example
@@ -0,0 +1,39 @@
+APP_NAME="NH Gooi"
+APP_ENV=production
+APP_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+APP_DEBUG=false
+APP_LOG_LEVEL=error
+APP_URL=https://dev.nhgooi.nl
+IMAGE_BASE_URL=https://dev.nhgooi.nl
+
+API_URL=https://api.nhgooi.nl/
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=in-v3.mailjet.com 
+MAIL_PORT=25
+MAIL_USERNAME=mailjet_username
+MAIL_PASSWORD=mailjet_password
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+
+DB_CONNECTION=mysql
+DB_HOST=nhgooi.nl
+DB_PORT=3306
+DB_DATABASE=dbname
+DB_USERNAME=6fmstats
+DB_PASSWORD=dbpass
+
+CACHE_DRIVER=file
+QUEUE_DRIVER=sync
--- a/package.json
+++ b/package.json
@@ -1,7 +1,10 @@
 {
  "private": true,
  "scripts": {
+    "sass": "sass resources/assets/sass:public/css",
    "sass-watch": "sass --watch resources/assets/sass:public/css",
+    "sass-minify": "sass resources/assets/sass/style.scss:public/css/style.min.css --style compressed",
+    "sass-minify-watch": "sass --watch resources/assets/sass/style.scss:public/css/style.min.css --style compressed",
    "js-watch": "grunt watch"
  },
  "devDependencies": {
--- a/phpinfo.php
+++ b/phpinfo.php
@@ -1 +0,0 @@
-<?php phpinfo();
--- a/public/android-chrome-192x192.png
+++ b/public/android-chrome-192x192.png
--- a/public/android-chrome-512x512.png
+++ b/public/android-chrome-512x512.png
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/css/components/pretty_photo.css
+++ b/public/css/components/pretty_photo.css
@@ -1,35 +0,0 @@
-div.pp_default .pp_content_container .pp_left,
-div.pp_default .pp_content_container .pp_right,
-div.pp_default .pp_top .pp_left,
-div.pp_default .pp_top .pp_middle,
-div.pp_default .pp_top .pp_right,
-div.pp_default .pp_bottom .pp_left,
-div.pp_default .pp_bottom .pp_middle,
-div.pp_default .pp_bottom .pp_right {
-  background: none;
-  padding: 0;
-}
-
-div.pp_default .pp_content, div.light_rounded .pp_content {
-  padding: 10px;
-}
-
-div.pp_default .pp_description {
-  font-family: Nunito, serif;
-  font-size: 12px;
-  font-style: italic;
-  line-height: 3.17;
-  color: #585858;
-}
-
-div.pp_default .pp_close {
-  margin-top: 8px;
-  background: url("/images/icons/other/close.png") 0 0 no-repeat;
-}
-
-div.pp_default .pp_close:hover {
-  opacity: 1;
-  background-position: 0 -30px;
-}
-
-/*# sourceMappingURL=pretty_photo.css.map */
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -30,8 +30,13 @@ body {
  margin: 0 auto;
 }

-.grey_background {
-  background-color: #f9f9f9;
+@media (min-width: 768px) {
+  .grey_background:not(.site_container) {
+    background-color: #f9f9f9;
+  }
+}
+.page {
+  padding-top: 20px;
 }

 .content_container {
@@ -66,10 +71,24 @@ body {
  text-decoration: none;
  text-transform: uppercase;
 }
+.btn:hover, .btn:active {
+  color: #fff;
+}
 .btn.auto_width {
  width: fit-content;
  margin: 0 auto;
 }
+.btn.fit_content {
+  width: fit-content;
+}
+.btn.btn_facebook_share {
+  background-image: none;
+  background-color: #0f259d;
+}
+.btn.btn_twitter_x_share {
+  background-image: none;
+  background-color: #5ba8f4;
+}

 div.pp_default .pp_content_container .pp_left,
 div.pp_default .pp_content_container .pp_right,
@@ -137,15 +156,21 @@ div.pp_default .pp_close:hover {
  color: #282828;
 }

+.list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
 .header {
-  height: 110px;
+  height: 111px;
 }
 .header .logo {
  float: left;
-  margin-top: 18px;
+  margin-top: 10px;
 }
 .header .logo img {
-  height: 75px;
+  height: 95px;
 }
 .header .advertisement {
  float: right;
@@ -177,7 +202,6 @@ div.pp_default .pp_close:hover {
@media (min-width: 767px) {
  .menu_container {
    height: 75px;
-    margin-bottom: 20px;
    background-image: linear-gradient(to right, #0102b0, #4090e3);
  }
 }
@@ -233,7 +257,9 @@ div.pp_default .pp_close:hover {
  display: block;
  width: 33px;
  height: 25px;
-  background-image: URL("/images/menu-corner-1.svg");
+  -webkit-mask-image: URL("/images/menu-corner-1.svg");
+  mask-image: URL("/images/menu-corner-1.svg");
+  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
@@ -244,7 +270,9 @@ div.pp_default .pp_close:hover {
  display: block;
  width: 12px;
  height: 15px;
-  background-image: URL("/images/menu-corner-2.svg");
+  -webkit-mask-image: URL("/images/menu-corner-2.svg");
+  mask-image: URL("/images/menu-corner-2.svg");
+  background-color: white;
  position: absolute;
  bottom: 0;
  right: -1px;
@@ -268,6 +296,7 @@ div.pp_default .pp_close:hover {
  height: 50px;
  max-width: 1170px;
  margin: 0 auto;
+  overflow: hidden;
 }
 .top_menu_container ul.right_menu, .menu_mobile_container ul.right_menu {
  float: right;
@@ -277,15 +306,22 @@ div.pp_default .pp_close:hover {
 }
 .top_menu_container ul.right_menu li, .menu_mobile_container ul.right_menu li {
  float: left;
-  padding: 6px 19px;
+  padding: 3px 19px;
  margin: 8px;
-  border-right: 1px solid #fff;
+  border-right: 1px solid rgba(255, 255, 255, 0.2);
+  line-height: 2;
+  height: 28px;
+  /*&:nth-child(2) {
+    padding: 0 19px;
+  }*/
+}
+.top_menu_container ul.right_menu li.collapsed, .menu_mobile_container ul.right_menu li.collapsed {
+  padding: 3px 9px 3px 6px;
+  margin: 8px auto;
 }
 .top_menu_container ul.right_menu li:last-child, .menu_mobile_container ul.right_menu li:last-child {
  border: none;
-}
-.top_menu_container ul.right_menu li:nth-child(2), .menu_mobile_container ul.right_menu li:nth-child(2) {
-  padding: 0 19px;
+  line-height: 1;
 }
 .top_menu_container ul.right_menu li a, .menu_mobile_container ul.right_menu li a {
  float: left;
@@ -296,6 +332,24 @@ div.pp_default .pp_close:hover {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
+  display: flex;
+}
+.top_menu_container ul.right_menu li a span, .menu_mobile_container ul.right_menu li a span {
+  overflow: hidden;
+  display: block;
+  height: 28px;
+}
+.top_menu_container ul.right_menu li a.with_svg_icon, .menu_mobile_container ul.right_menu li a.with_svg_icon {
+  position: relative;
+  margin-right: 30px;
+}
+.top_menu_container ul.right_menu li a svg, .menu_mobile_container ul.right_menu li a svg {
+  fill: #fff;
+  height: 20px;
+  width: 20px;
+  position: absolute;
+  right: -25px;
+  top: 2px;
 }
 .top_menu_container ul.right_menu li a i, .menu_mobile_container ul.right_menu li a i {
  font-size: 18px;
@@ -313,7 +367,7 @@ div.pp_default .pp_close:hover {
  border: 1px solid #efefef;
  border-radius: 3px;
  background-color: #fff;
-  height: 29px;
+  height: 26px;
  font-family: Montserrat, serif;
  font-size: 16px;
  line-height: 1.25;
@@ -321,24 +375,22 @@ div.pp_default .pp_close:hover {
 }
 .top_menu_container ul.right_menu li .search_form .search_submit, .menu_mobile_container ul.right_menu li .search_form .search_submit {
  float: right;
-  margin: 6px;
+  margin: 4px;
 }
 .top_menu_container ul.right_menu li .search_button, .menu_mobile_container ul.right_menu li .search_button {
  margin-top: 6px;
 }

 .menu_mobile_container {
-  height: 30px;
+  height: 46px;
  padding: 12px 0;
+  background-color: #10229c;
 }
 .menu_mobile_container .mobile_menu_button a {
  display: block;
  width: 20px;
  height: 21px;
  padding: 4px 10px 4px 11px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  background-color: #10229c;
  margin-right: 12px;
 }
 .menu_mobile_container .mobile_menu_button a i {
@@ -359,9 +411,15 @@ div.pp_default .pp_close:hover {
  flex-grow: 1;
 }
 .menu_mobile_container .right_menu_container ul.right_menu li {
-  padding: 5px 19px;
+  padding: 0 10px;
  margin: 0;
 }
+.menu_mobile_container .right_menu_container ul.right_menu li a.with_svg_icon {
+  margin-right: 10px;
+}
+.menu_mobile_container .right_menu_container ul.right_menu li a svg {
+  position: static;
+}
 .menu_mobile_container .right_menu_container ul.right_menu li .search_form {
  height: 25px;
 }
@@ -399,6 +457,9 @@ div.pp_default .pp_close:hover {
  border-bottom: 1px solid #f8f8f8;
  text-transform: uppercase;
 }
+.menu-submenu ul li:last-child a, .mobile_menu_container ul li:last-child a {
+  border-bottom: none;
+}
 .menu-submenu > ul, .mobile_menu_container > ul {
  padding: 20px;
  border-radius: 3px;
@@ -456,7 +517,8 @@ div.pp_default .pp_close:hover {
  padding: 20px;
  min-width: 70vw;
  max-width: 100vw;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .mobile_menu_container nav ul, .mobile_menu_container nav li, .mobile_menu_container nav li a {
  width: 100%;
@@ -532,6 +594,25 @@ div.pp_default .pp_close:hover {
  transform: rotate(90deg);
 }

+.slogan {
+  width: 190px;
+  margin: 8px 0;
+}
+
+.grey_background nav > div {
+  background: #f9f9f9;
+  border-color: #f9f9f9;
+}
+.grey_background .menu > li a {
+  background: #f9f9f9;
+}
+.grey_background .menu > li.selected a:before, .grey_background .menu > li.selected a:after, .grey_background .menu > li:hover a:before, .grey_background .menu > li:hover a:after, .grey_background .menu > li.hover a:before, .grey_background .menu > li.hover a:after {
+  background-color: #f9f9f9;
+}
+.grey_background .menu > li:last-child:after {
+  background: #f9f9f9;
+}
+
 .header .now-playing-header {
  float: right;
 }
@@ -615,11 +696,12 @@ div.pp_default .pp_close:hover {
 }
 .blog_grid .post {
  position: relative;
-  height: 100%;
+  height: calc(100% - 10px);
+  padding: 5px;
 }
@media (max-width: 768px) {
  .blog_grid .post {
-    height: 50%;
+    height: calc(50% - 10px);
  }
 }
 .blog_grid .post img {
@@ -627,6 +709,7 @@ div.pp_default .pp_close:hover {
  height: 100%;
  object-fit: cover;
  filter: brightness(70%);
+  border-radius: 3px;
 }
 .blog_grid .post.small {
  height: 50%;
@@ -672,20 +755,21 @@ div.pp_default .pp_close:hover {
 }
@media (max-width: 768px) {
  .blog_grid .post .slider_content_box h2 a, .blog_grid .post .slider_content_box h5 a {
+    display: block;
    font-size: 16px;
    line-height: 1.17;
  }
 }
 .blog_grid .post .slider_content_box .post_date {
-  display: block;
-  height: 30px;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #666;
+  display: block;
+  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
@@ -719,14 +803,38 @@ div.pp_default .pp_close:hover {
 .box {
  display: inline-block;
  width: auto;
-  padding: 30px 23px 30px 30px;
-  border-radius: 3px;
-  box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
  background-color: #fff;
  margin-bottom: 50px;
 }
-.box.full-width {
-  width: calc(100% - 60px);
+@media (min-width: 768px) {
+  .box {
+    border-radius: 3px;
+    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
+    padding: 30px 23px 30px 30px;
+  }
+}
+@media (max-width: 768px) {
+  .box {
+    padding: 10px 10px 10px 10px;
+  }
+}
+@media (min-width: 768px) {
+  .box.full-width {
+    width: calc(100% - 60px);
+  }
+}
+@media (max-width: 768px) {
+  .box.full-width {
+    width: calc(100% - 20px);
+  }
+}
+.box.full-height {
+  height: calc(100% - 103px);
+}
+@media (min-width: 768px) {
+  .box.md_margin_top {
+    margin-top: 77px;
+  }
 }

 .tabs {
@@ -780,6 +888,9 @@ div.pp_default .pp_close:hover {
 .blog .post {
  margin-bottom: 27px;
 }
+.blog .post:not(.auto_height) {
+  height: 90px;
+}
 .blog .post img {
  width: 100%;
  height: 100%;
@@ -798,19 +909,22 @@ div.pp_default .pp_close:hover {
  display: inline-block;
  color: #1a1a1a;
 }
+.blog .post .post_title a.clipText {
+  display: -webkit-box;
+}
 .blog .post .col-8 {
  padding: 0;
 }
 .blog .post .post_date {
-  display: block;
-  height: 30px;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #666;
+  display: block;
+  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
@@ -826,10 +940,6 @@ div.pp_default .pp_close:hover {
  color: #282828;
 }

-.sidebar .box {
-  width: calc(100% - 38px);
-}
-
@media (max-width: 768px) {
  .sidebar {
    width: 100%;
@@ -840,22 +950,31 @@ div.pp_default .pp_close:hover {
  width: calc(100% - 38px);
 }
 .radio_box h2 {
-  font-family: Montserrat, serif;
  font-size: 20px;
+}
+.radio_box h3 {
+  font-size: 18px;
+}
+.radio_box .post_title {
+  font-family: Montserrat, serif;
  font-weight: 600;
  line-height: 1.35;
  color: #1a1a1a;
 }
+.radio_box .post_title a {
+  text-decoration: none;
+  color: #1a1a1a;
+}
 .radio_box .post_date {
-  display: block;
-  height: 30px;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #666;
+  display: block;
+  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
@@ -931,10 +1050,11 @@ div.pp_default .pp_close:hover {
 }
 .featured .sub_title .program_name {
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
+  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #000;
  margin-right: 10px;
  text-decoration: none;
@@ -943,15 +1063,15 @@ div.pp_default .pp_close:hover {
  white-space: nowrap;
 }
 .featured .sub_title .post_date {
-  display: block;
-  height: 30px;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #666;
+  display: block;
+  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
@@ -966,6 +1086,9 @@ div.pp_default .pp_close:hover {
  margin: 10px 0;
 }

+.podcast_items .box {
+  margin-bottom: 10px;
+}
 .podcast_items ul {
  margin: 0;
  padding: 0;
@@ -976,8 +1099,10 @@ div.pp_default .pp_close:hover {
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
 }
-.podcast_items ul li {
-  margin-bottom: 25px;
+@media (min-width: 768px) {
+  .podcast_items ul li {
+    margin-bottom: 25px;
+  }
 }
 .podcast_items ul li h2 {
  margin: 0;
@@ -997,10 +1122,11 @@ div.pp_default .pp_close:hover {
 }
 .podcast_items ul li .sub_title .program_name {
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
+  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #000;
  margin-right: 10px;
  text-decoration: none;
@@ -1009,20 +1135,24 @@ div.pp_default .pp_close:hover {
  white-space: nowrap;
 }
 .podcast_items ul li .sub_title .post_date {
-  display: block;
-  height: 30px;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #666;
+  display: block;
+  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
 }

+.news .blog .post {
+  height: 115px;
+}
+
 .bread_crumb {
  height: 38px;
  margin: 0;
@@ -1032,10 +1162,11 @@ div.pp_default .pp_close:hover {
 .bread_crumb li {
  float: left;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
+  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #666;
  margin-right: 5px;
 }
@@ -1046,21 +1177,39 @@ div.pp_default .pp_close:hover {
 .bread_crumb li i {
  font-size: 8px;
 }
+@media (max-width: 768px) {
+  .bread_crumb li:nth-last-child(-n+2) {
+    display: none;
+  }
+}

-.page_title {
+.page_title, .page_title2 {
  margin: 17px 0;
  font-family: Montserrat, serif;
-  font-size: 40px;
+  font-size: 30px;
  font-weight: 600;
  line-height: 1.15;
  text-align: left;
  color: #282828;
 }
+@media (min-width: 768px) {
+  .page_title, .page_title2 {
+    font-size: 40px;
+  }
+}
+
+.page_title2 {
+  font-size: 30px;
+}

 .post_container {
  max-width: 1170px;
  margin: 0 auto;
-  padding: 32px 0;
+}
+@media (min-width: 768px) {
+  .post_container {
+    padding: 32px 0;
+  }
 }
 .post_container > .col-8 {
  width: calc(66.66666667% - 20px);
@@ -1070,30 +1219,6 @@ div.pp_default .pp_close:hover {
  border-bottom: 1px solid #efefef;
  padding-bottom: 18px;
 }
-.post_container .post_tags {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  height: 31px;
-  margin-top: 20px;
-}
-.post_container .post_tags li {
-  float: left;
-  margin-right: 10px;
-}
-.post_container .post_tags li a {
-  display: block;
-  padding: 6px 15px 7px;
-  border-radius: 3px;
-  background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
-  font-family: Nunito, serif;
-  font-size: 10px;
-  font-weight: bold;
-  text-align: center;
-  color: #fff;
-  text-decoration: none;
-  text-transform: uppercase;
-}
 .post_container .post_body {
  width: 100%;
  font-family: Nunito, serif;
@@ -1107,7 +1232,7 @@ div.pp_default .pp_close:hover {
 .post_container .post_body .sentence {
  font-size: 12px;
  font-style: italic;
-  line-height: 3.17;
+  line-height: 1.3;
  text-align: right;
  color: #585858;
  display: block;
@@ -1142,9 +1267,11 @@ div.pp_default .pp_close:hover {
  float: left;
  margin-right: 10px;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  font-size: 12px;
  color: #666;
 }
 .post_container .post_body .post_details li a {
@@ -1178,6 +1305,31 @@ div.pp_default .pp_close:hover {
  color: #ED1C24;
 }

+.post_tags {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  height: 31px;
+  margin: 20px 0;
+}
+.post_tags li {
+  float: left;
+  margin-right: 10px;
+}
+.post_tags li a {
+  display: block;
+  padding: 6px 15px 7px;
+  border-radius: 3px;
+  background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
+  font-family: Nunito, serif;
+  font-size: 10px;
+  font-weight: bold;
+  text-align: center;
+  color: #fff;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
 #schedule a {
  text-decoration: none;
 }
@@ -1189,19 +1341,24 @@ div.pp_default .pp_close:hover {
  color: #1a1a1a;
 }
 #schedule .program-times {
-  display: block;
-  height: 30px;
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
  letter-spacing: normal;
  text-align: left;
+  font-size: 12px;
  color: #666;
+  display: block;
+  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
 }
+#schedule img {
+  margin-left: -30px;
+  margin-top: -30px;
+  width: calc(100% + 54px);
+}
 #schedule .no-results, #schedule .loading {
  font-family: Montserrat, serif;
  font-size: 14px;
@@ -1234,8 +1391,18 @@ div.pp_default .pp_close:hover {
  line-height: 1.6;
  color: #282828;
 }
+.page_body.margin_bottom {
+  margin-bottom: 40px;
+}

 .action_button {
+  font-family: Nunito, serif;
+  font-weight: 500;
+  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  font-size: 14px;
+  line-height: 1.4;
  text-decoration: none;
  color: #282828;
 }
@@ -1267,6 +1434,18 @@ div.pp_default .pp_close:hover {
  color: #1a1a1a;
 }

+.text_input, .texterea_input {
+  padding: 13px 5px;
+  font-family: Montserrat, serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.25;
+  color: #1a1a1a;
+  border: 1px solid #efefef;
+  border-radius: 5px;
+  background-color: #fff;
+}
+
 .announcement {
  padding: 30px;
  border-radius: 3px;
@@ -1291,6 +1470,7 @@ div.pp_default .pp_close:hover {
 }
 .footer_container .footer_menu {
  background-image: linear-gradient(to right, #0102b0, #4090e3);
+  padding: 15px 0;
 }
@media (max-width: 768px) {
  .footer_container .footer_menu {
@@ -1312,6 +1492,10 @@ div.pp_default .pp_close:hover {
  display: block;
  width: 100%;
 }
+.footer_container .footer_menu .about a {
+  display: inline;
+  text-decoration: underline;
+}
 .footer_container .footer_menu .buttons a {
  text-transform: uppercase;
  margin-bottom: 10px;
@@ -1346,10 +1530,30 @@ div.pp_default .pp_close:hover {
  margin: 0;
  padding: 0;
  list-style: none;
+  float: left;
+  margin-bottom: 20px;
 }
 .footer_container .footer_menu2 li {
-  float: left;
  margin-right: 40px;
+  padding: 9px 0;
+}
+@media (min-width: 768px) {
+  .footer_container .footer_menu2 li {
+    float: left;
+  }
+}
+.footer_container .footer_menu2 li:first-child {
+  padding: 0;
+}
+@media (max-width: 768px) {
+  .footer_container .footer_menu2 li:first-child {
+    padding: 0 0 15px 0;
+  }
+}
+.footer_container .footer_menu2 li .logo {
+  display: block;
+  width: 115px;
+  height: 41px;
 }
 .footer_container .footer_menu2 li a {
  text-decoration: underline;
@@ -1433,4 +1637,14 @@ div.pp_default .pp_close:hover {
  -webkit-line-clamp: 10;
 }

+a, a:hover, a:active {
+  color: #0f259d;
+}
+
+@media (min-width: 768px) {
+  .md_padding_top_80 {
+    padding-top: 80px;
+  }
+}
+
 /*# sourceMappingURL=style.css.map */
--- a/public/css/style.css.map
+++ b/public/css/style.css.map
--- a/public/css/style.css.old
+++ b/public/css/style.css.old
@@ -1,91 +0,0 @@
-
-.site_container  {
-    max-width: 1440px;
-    margin: 0 auto;
-}
-.header {
-    height: 110px;
-}
-.header .logo {
-    margin-left: 135px;
-}
-.header .logo img {
-    height: 75px;
-}
-.menu_container {
-    height: 75px;
-    margin-bottom: 20px;
-    background-image: linear-gradient(to right, #0102b0, #4090e3);
-}
-.top_menu_container {
-    height: 50px;
-}
-.menu_container .menu {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    overflow: hidden;
-    position: relative;
-    z-index: 0;
-}
-.menu_container .menu li {
-    float: left;
-}
-.menu_container .menu li ul {
-    display: none;
-}
-.menu_container .menu li a {
-    display: block;
-    text-align: center;
-    padding: 5px 20px 5px 40px;
-    text-decoration: none;
-    font-size: 14px;
-    font-weight: bold;
-    background: white;
-}
-.menu_container .menu li.selected a,.menu_container .menu li:hover a {
-    color: white;
-    background: transparent;
-    position: relative;
-}
-.menu_container .menu li.selected a:before, .menu_container .menu li:hover a:before {
-    content: '';
-    display: block;
-    width: 33px;
-    height: 25px;
-    background-image: URL('/images/menu-corner-1.svg');
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1;
-}
-.menu_container .menu li.selected a:after, .menu_container .menu li:hover a:after {
-    content: '';
-    display: block;
-    width: 10px;
-    height: 12px;
-    background-image: URL('/images/menu-corner-2.svg');
-    position: absolute;
-    bottom: 0;
-    right: -1px;
-    z-index: 1;
-}
-.menu_container .menu li:first-child {
-    width: 135px;
-    display: block;
-    background: white;
-    height: 25px;
-}
-div ul li:last-child {
-    margin-left: 10px;
-}
-div ul li:last-child:after {
-    content: '\a0';
-    z-index: -1;
-    background: white;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    margin-left: -10px;
-}
--- a/public/css/style.min.css
+++ b/public/css/style.min.css
--- a/public/css/style.min.css.map
+++ b/public/css/style.min.css.map
--- a/public/favicon-16x16.png
+++ b/public/favicon-16x16.png
--- a/public/favicon-32x32.png
+++ b/public/favicon-32x32.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/images/Slogan_DIAP
+++ b/public/images/Slogan_DIAP
@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="230mm"
+   height="40mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg4553"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="Slogan_DIAP white.svg">
+  <defs
+     id="defs4547" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.47"
+     inkscape:cx="803.9187"
+     inkscape:cy="284.95533"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4550">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Laag 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g44"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1"
+       transform="matrix(1.3988443,0,0,1.3988443,-949.97686,-1243.7313)">
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 220.9,998.2 c -5.3,-2.3 -12.1,-4.4 -20.6,-6.3 -8,-1.8 -13.6,-3.7 -16.9,-5.8 -3.3,-2.1 -5,-5.1 -5,-9 0,-4.6 1.9,-8.3 5.6,-10.9 3.7,-2.6 8.8,-3.9 15.3,-3.9 10.8,0 20.7,3.6 29.6,10.7 l 6.1,-13.4 c -4.1,-3.7 -9.3,-6.6 -15.7,-8.8 -6.4,-2.1 -13,-3.2 -20.1,-3.2 -7.7,0 -14.5,1.3 -20.3,3.9 -5.9,2.6 -10.4,6.2 -13.7,10.9 -3.2,4.6 -4.8,9.9 -4.8,15.8 0,5.7 1.3,10.4 4,14.1 2.7,3.7 6.6,6.7 11.8,9.1 5.2,2.4 12,4.5 20.3,6.3 8.1,1.8 13.8,3.7 17.3,5.7 3.5,2 5.2,4.9 5.2,8.7 0,4.4 -1.9,7.8 -5.6,10.2 -3.7,2.4 -9.1,3.6 -16,3.6 -6.3,0 -12.1,-0.9 -17.4,-2.6 -5.4,-1.7 -10.5,-4.4 -15.3,-8.1 l -6.1,13.4 c 4.6,3.8 10.3,6.7 17.1,8.8 6.7,2.1 13.9,3.1 21.6,3.1 8.2,0 15.2,-1.2 21.3,-3.6 6,-2.4 10.6,-5.9 13.8,-10.4 3.2,-4.5 4.8,-9.7 4.8,-15.7 0,-5.5 -1.4,-10.1 -4.2,-13.7 -2.8,-3.6 -6.9,-6.5 -12.1,-8.9 z"
+         id="path14"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 274.1,1023.1 v -30 h 18.4 v -13.4 h -18.4 v -20.8 h -17.8 v 20.8 H 243 V 993 h 13.4 v 30.3 c 0,8.9 2.3,15.6 7,20.1 4.6,4.5 11.9,6.8 21.6,6.8 2.4,0 5,-0.1 7.8,-0.4 l 0.9,-13.2 c -2.3,0.3 -4.5,0.4 -6.5,0.4 -8.7,0 -13.1,-4.6 -13.1,-13.9 z"
+         id="path16"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 334,978 c -6.5,0 -12.4,1.5 -17.6,4.6 -5.2,3 -9.2,7.3 -12,12.8 -2.8,5.5 -4.3,11.8 -4.3,18.9 0,11.2 3.3,20 9.9,26.5 6.6,6.5 15.6,9.7 27,9.7 4.9,0 9.8,-0.8 14.7,-2.4 4.9,-1.6 8.9,-3.7 12.2,-6.4 l -5.1,-12.2 c -6.4,4.9 -13.4,7.4 -21.1,7.4 -6.2,0 -10.9,-1.6 -14.2,-4.7 -3.3,-3.1 -5.3,-7.9 -5.8,-14.4 h 47.4 v -5 c 0,-10.8 -2.8,-19.3 -8.3,-25.5 C 351.2,981 343.6,978 334,978 Z m -16.3,30.1 c 0.7,-5.7 2.4,-10.1 5.3,-13.1 2.9,-3 6.7,-4.6 11.5,-4.6 4.7,0 8.4,1.5 11.1,4.5 2.7,3 4.1,7.4 4.3,13.2 z"
+         id="path18"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 462.2,978 c -5,0 -9.6,1.2 -13.7,3.5 -4.1,2.3 -7.2,5.5 -9.4,9.6 -3.4,-8.7 -10.4,-13.1 -20.9,-13.1 -4.7,0 -9,1 -12.7,2.9 -3.7,1.9 -6.6,4.8 -8.7,8.6 v -9.8 h -17.4 v 69.6 h 17.8 v -38.8 c 0,-5.8 1.3,-10.3 4,-13.5 2.7,-3.2 6.3,-4.8 11,-4.8 4.1,0 7,1.2 8.8,3.6 1.8,2.4 2.6,6.3 2.6,11.6 v 42 h 17.8 v -38.8 c 0,-5.8 1.3,-10.3 4,-13.5 2.7,-3.2 6.4,-4.8 11.1,-4.8 4,0 6.9,1.2 8.7,3.6 1.8,2.4 2.7,6.3 2.7,11.6 v 42 h 17.8 v -42.7 c 0,-9.7 -1.9,-16.9 -5.8,-21.6 -3.9,-4.9 -9.8,-7.2 -17.7,-7.2 z"
+         id="path20"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <polygon
+         class="st1"
+         points="562.7,1049.2 578.2,1049.2 608.6,979.8 591.1,979.8 570.9,1028.9 551.3,979.8 532.5,979.8 "
+         id="polygon22"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 646.1,978 c -4.9,0 -10.2,0.8 -15.7,2.4 -5.5,1.6 -10.2,3.7 -14.1,6.1 l 5,12.2 c 3.9,-2.3 7.8,-4.1 11.9,-5.3 4,-1.3 7.9,-1.9 11.6,-1.9 4.7,0 8.1,1 10.2,3.1 2,2.1 3.1,5.5 3.1,10.2 v 3.3 h -3.6 c -10.3,0 -18.4,0.7 -24.3,2 -5.9,1.3 -10.1,3.5 -12.7,6.4 -2.6,2.9 -3.9,7 -3.9,12.1 0,4.1 1.1,7.8 3.3,11.1 2.2,3.3 5.2,5.9 9,7.8 3.8,1.9 8,2.8 12.7,2.8 4.6,0 8.6,-1 12,-3.1 3.5,-2.1 6,-5 7.6,-8.7 v 10.7 h 16.9 V 1007 c 0,-9.9 -2.4,-17.2 -7.1,-21.9 -4.9,-4.8 -12.2,-7.1 -21.9,-7.1 z m 11.9,42.5 c 0,5 -1.5,9.1 -4.5,12.3 -3,3.2 -6.9,4.8 -11.6,4.8 -3.2,0 -5.9,-1 -8,-2.9 -2.1,-1.9 -3.1,-4.4 -3.1,-7.5 0,-2.5 0.8,-4.4 2.3,-5.8 1.5,-1.4 4,-2.4 7.5,-3 3.5,-0.6 8.4,-0.9 14.8,-0.9 h 2.6 z"
+         id="path24"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 733.4,978 c -5,0 -9.5,1 -13.5,3.1 -4,2.1 -7.2,5.1 -9.5,9 V 979.7 H 693 v 69.6 h 17.8 v -39.4 c 0,-5.4 1.5,-9.7 4.6,-12.9 3.1,-3.2 7.2,-4.8 12.3,-4.8 4.4,0 7.6,1.2 9.6,3.7 2,2.5 3.1,6.4 3.1,11.8 v 41.7 h 17.8 v -42.7 c 0,-9.6 -2,-16.7 -6.1,-21.5 -4.1,-4.9 -10.3,-7.2 -18.7,-7.2 z"
+         id="path26"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 855.2,978 c -4.8,0 -9.2,1 -13.2,2.9 -3.9,1.9 -7.1,4.8 -9.5,8.5 V 949 h -17.8 v 100.3 h 17.8 v -39.4 c 0,-5.4 1.5,-9.7 4.6,-12.9 3.1,-3.2 7.2,-4.8 12.3,-4.8 4.4,0 7.6,1.2 9.6,3.7 2,2.5 3.1,6.4 3.1,11.8 v 41.7 H 880 v -42.7 c 0,-9.6 -2,-16.7 -6.1,-21.5 -4.1,-4.9 -10.4,-7.2 -18.7,-7.2 z"
+         id="path28"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 928,978 c -6.5,0 -12.4,1.5 -17.6,4.6 -5.2,3 -9.2,7.3 -12,12.8 -2.8,5.5 -4.3,11.8 -4.3,18.9 0,11.2 3.3,20 9.9,26.5 6.6,6.5 15.6,9.7 27,9.7 4.9,0 9.8,-0.8 14.7,-2.4 4.9,-1.6 8.9,-3.7 12.2,-6.4 l -5.1,-12.2 c -6.4,4.9 -13.4,7.4 -21.1,7.4 -6.2,0 -10.9,-1.6 -14.2,-4.7 -3.3,-3.1 -5.3,-7.9 -5.8,-14.4 h 47.4 v -5 c 0,-10.8 -2.8,-19.3 -8.3,-25.5 C 945.2,981 937.6,978 928,978 Z m -16.3,30.1 c 0.7,-5.7 2.4,-10.1 5.3,-13.1 2.9,-3 6.7,-4.6 11.5,-4.6 4.7,0 8.4,1.5 11.1,4.5 2.7,3 4.1,7.4 4.3,13.2 z"
+         id="path30"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 995.2,1023.1 v -30 h 18.4 v -13.4 h -18.4 v -20.8 h -17.8 v 20.8 H 964 V 993 h 13.4 v 30.3 c 0,8.9 2.3,15.6 7,20.1 4.6,4.5 11.9,6.8 21.6,6.8 2.4,0 5,-0.1 7.8,-0.4 l 0.9,-13.2 c -2.3,0.3 -4.5,0.4 -6.5,0.4 -8.7,0 -13,-4.6 -13,-13.9 z"
+         id="path32"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1110.9,1008.1 h 21.6 v 25.2 c -6.5,1.8 -12.9,2.7 -19.4,2.7 -21.6,0 -32.4,-12.3 -32.4,-37 0,-12 2.6,-21.1 7.9,-27.2 5.3,-6.1 13.1,-9.2 23.4,-9.2 5.4,0 10.4,0.8 14.9,2.3 4.5,1.6 9.1,4.1 13.7,7.8 l 6.1,-13.2 c -4.1,-3.8 -9.2,-6.7 -15.4,-8.8 -6.2,-2 -12.8,-3.1 -19.8,-3.1 -10.1,0 -18.8,2.1 -26.3,6.2 -7.4,4.1 -13.2,10.1 -17.2,17.8 -4,7.7 -6,16.9 -6,27.4 0,10.6 2,19.8 6,27.5 4,7.7 9.8,13.7 17.4,17.8 7.6,4.1 16.6,6.2 26.9,6.2 6.7,0 13.3,-0.7 19.8,-2 6.5,-1.3 12,-3.1 16.6,-5.4 V 995 h -38 v 13.1 z"
+         id="path34"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1218.4,982.4 c -5.4,-2.9 -11.6,-4.4 -18.7,-4.4 -7.1,0 -13.4,1.5 -18.7,4.4 -5.4,2.9 -9.5,7.1 -12.4,12.6 -2.9,5.5 -4.4,11.8 -4.4,19.1 0,7.3 1.5,13.7 4.4,19.2 2.9,5.5 7.1,9.7 12.4,12.7 5.4,2.9 11.6,4.4 18.7,4.4 7.1,0 13.3,-1.5 18.7,-4.4 5.4,-2.9 9.5,-7.2 12.4,-12.7 2.9,-5.5 4.3,-11.9 4.3,-19.2 0,-7.3 -1.4,-13.7 -4.3,-19.1 -3,-5.5 -7.1,-9.7 -12.4,-12.6 z m -5.7,48.5 c -3,3.8 -7.4,5.7 -13.2,5.7 -5.7,0 -10.1,-1.9 -13.1,-5.7 -3,-3.8 -4.6,-9.4 -4.6,-16.8 0,-7.3 1.5,-12.9 4.6,-16.7 3.1,-3.8 7.5,-5.8 13.2,-5.8 5.7,0 10.1,1.9 13.1,5.8 3,3.8 4.6,9.4 4.6,16.7 0,7.4 -1.5,13 -4.6,16.8 z"
+         id="path36"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1300.2,982.4 c -5.4,-2.9 -11.6,-4.4 -18.7,-4.4 -7.1,0 -13.4,1.5 -18.7,4.4 -5.4,2.9 -9.5,7.1 -12.4,12.6 -2.9,5.5 -4.4,11.8 -4.4,19.1 0,7.3 1.5,13.7 4.4,19.2 2.9,5.5 7.1,9.7 12.4,12.7 5.4,2.9 11.6,4.4 18.7,4.4 7.1,0 13.3,-1.5 18.7,-4.4 5.4,-2.9 9.5,-7.2 12.4,-12.7 2.9,-5.5 4.3,-11.9 4.3,-19.2 0,-7.3 -1.4,-13.7 -4.3,-19.1 -2.9,-5.5 -7.1,-9.7 -12.4,-12.6 z m -5.6,48.5 c -3,3.8 -7.4,5.7 -13.2,5.7 -5.7,0 -10.1,-1.9 -13.1,-5.7 -3,-3.8 -4.6,-9.4 -4.6,-16.8 0,-7.3 1.5,-12.9 4.6,-16.7 3.1,-3.8 7.5,-5.8 13.2,-5.8 5.7,0 10.1,1.9 13.1,5.8 3,3.8 4.6,9.4 4.6,16.7 -0.1,7.4 -1.6,13 -4.6,16.8 z"
+         id="path38"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <rect
+         x="1331.5"
+         y="979.70001"
+         class="st1"
+         width="17.799999"
+         height="69.599998"
+         id="rect40"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <rect
+         x="1330.5"
+         y="947.40002"
+         class="st1"
+         width="19.6"
+         height="17.5"
+         id="rect42"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
--- a/public/images/Streekomroep
+++ b/public/images/Streekomroep
--- a/public/images/favicon.ico
+++ b/public/images/favicon.ico
--- a/public/images/icons/radio.svg
+++ b/public/images/icons/radio.svg
@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Layer_29" data-name="Layer 29"><path d="m57 18.09s0-.09 0-.09v-4a6 6 0 0 0 -6-6h-26a6 6 0 0 0 -6 6 2 2 0 1 0 4 0 2 2 0 0 1 2-2h26a2 2 0 0 1 2 2v4h-39v-14a2 2 0 0 0 -4 0v14h-2a6 6 0 0 0 -6 6v32a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-32a6 6 0 0 0 -5-5.91zm-47 21.91a13 13 0 1 1 13 13 13 13 0 0 1 -13-13zm42.19 10h-10.19a2 2 0 0 1 0-4h10.19a2 2 0 0 1 0 4zm-10.19-12h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 0-4zm-2-6a2 2 0 0 1 2-2h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 -2-2zm-17 17a9 9 0 1 1 9-9 9 9 0 0 1 -9 9z"/></g></svg>
--- a/public/images/icons/television-2.svg
+++ b/public/images/icons/television-2.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 511.998 511.998" style="enable-background:new 0 0 511.998 511.998;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M457.274,162.266H383.78h-10.812h-90.866l78.706-139.895c4.064-7.224,1.503-16.375-5.721-20.44
+			c-7.225-4.064-16.375-1.503-20.44,5.721l-78.177,138.954L178.293,7.652c-4.065-7.224-13.216-9.787-20.44-5.721
+			c-7.224,4.065-9.786,13.216-5.721,20.44l78.706,139.895H54.723c-29.759,0-53.969,24.211-53.969,53.969v241.794
+			c0,29.759,24.21,53.969,53.969,53.969h318.245h10.812h73.494c29.759,0,53.969-24.211,53.969-53.969V216.236
+			C511.243,186.476,487.033,162.266,457.274,162.266z M409.915,211.561c20.784,0,37.694,16.91,37.694,37.695
+			c0,20.784-16.91,37.694-37.694,37.694c-20.785,0-37.695-16.91-37.695-37.694C372.22,228.471,389.13,211.561,409.915,211.561z
+			 M409.915,299.643c20.784,0,37.694,16.91,37.694,37.694c0,20.785-16.91,37.695-37.694,37.695
+			c-20.785,0-37.695-16.91-37.695-37.695C372.22,316.552,389.13,299.643,409.915,299.643z M337.429,420.934
+			c0,23.838-19.393,43.231-43.231,43.231H95.318c-23.838,0-43.231-19.393-43.231-43.231V254.902
+			c0-23.838,19.393-43.231,43.231-43.231h198.88c23.838,0,43.231,19.393,43.231,43.231V420.934z M436.376,463.717h-52.923
+			c-8.289,0-15.009-6.72-15.009-15.009s6.72-15.009,15.009-15.009h52.923c8.289,0,15.009,6.72,15.009,15.009
+			S444.665,463.717,436.376,463.717z M436.376,418.691h-52.923c-8.289,0-15.009-6.72-15.009-15.009s6.72-15.009,15.009-15.009
+			h52.923c8.289,0,15.009,6.72,15.009,15.009S444.665,418.691,436.376,418.691z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
--- a/public/images/logo-NHGooi-slogan-diap.svg
+++ b/public/images/logo-NHGooi-slogan-diap.svg
@@ -0,0 +1,226 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1190 550" style="enable-background:new 0 0 1190 550;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#0017A0;}
+</style>
+<g id="Layer_1" class="st0">
+	<g class="st1">
+		<g>
+			<g>
+				<g>
+					<defs>
+						<path id="SVGID_7_" d="M196,61.5c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6c-7.5-7.5-17.7-11.7-28.3-11.7h-97
+							C6.8,61.5,0,68.3,0,76.6V348c0,8.3,6.8,15.1,15.1,15.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6
+							c7.5,7.5,17.7,11.7,28.3,11.7h97c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196z"/>
+					</defs>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="212.311" x2="301.5229" y2="212.311">
+						<stop  offset="0" style="stop-color:#0017A0"/>
+						<stop  offset="1" style="stop-color:#41A5F7"/>
+					</linearGradient>
+					<use xlink:href="#SVGID_7_"  style="overflow:visible;fill:url(#SVGID_1_);"/>
+					<clipPath id="SVGID_2_">
+						<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+					</clipPath>
+				</g>
+				<path class="st2" d="M247.2,293.7c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9c0-5,4.1-9,9-9h48.2
+					c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9V293.7z"/>
+			</g>
+			<path class="st3" d="M411.9,424.7c-4.2,0-7.6-3.4-7.6-7.6V7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6v409.6
+				C419.5,421.3,416.1,424.7,411.9,424.7"/>
+			<g>
+				<defs>
+					<path id="SVGID_10_" d="M537.9,61.5c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+						c0-8.6-7-15.6-15.6-15.6H537.9z"/>
+				</defs>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="522.2867" y1="212.311" x2="1185.446" y2="212.311">
+					<stop  offset="0" style="stop-color:#0017A0"/>
+					<stop  offset="1" style="stop-color:#41A5F7"/>
+				</linearGradient>
+				<use xlink:href="#SVGID_10_"  style="overflow:visible;fill:url(#SVGID_3_);"/>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
+				</clipPath>
+			</g>
+			<g>
+				<path class="st2" d="M745,203.6v88.3c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7c-19,0-35.4-3.8-49.4-11.4
+					c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3c7.4-14.2,17.9-25.1,31.6-32.7
+					c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3c-8.5-6.6-16.9-11.4-25.2-14.2
+					c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50c0,45.3,19.9,67.9,59.6,67.9
+					c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745z"/>
+				<path class="st2" d="M804,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C825.3,305.2,813.8,302.5,804,297.1 M862.4,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7c-5.6-7.1-13.6-10.6-24-10.6
+					c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8c5.6,7,13.6,10.5,24,10.5
+					C848.7,279.9,856.8,276.4,862.4,269.4"/>
+				<path class="st2" d="M954.2,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C975.5,305.2,964,302.5,954.2,297.1 M1012.6,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+					c-5.6-7.1-13.6-10.6-24-10.6c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+					c5.6,7,13.6,10.5,24,10.5C998.9,279.9,1007,276.4,1012.6,269.4"/>
+				<path class="st2" d="M1078.7,120.8h36.1V153h-36.1V120.8z M1080.5,175.4h32.7v127.8h-32.7V175.4z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path class="st3" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+						c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+						c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+						c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+						c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+						c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+						C30.9,550,23.7,549,17,546.9"/>
+					<path class="st3" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"
+						/>
+					<path class="st3" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C170.2,490.3,166.4,491.8,163.6,494.8"/>
+					<path class="st3" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+						c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+						c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+						c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+					<polygon class="st3" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 					"/>
+					<path class="st3" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+						c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+						c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+						l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+						c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+						c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+					<path class="st3" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+						c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+					<path class="st3" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+						c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+					<path class="st3" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C761.2,490.3,757.4,491.8,754.5,494.8"/>
+					<path class="st3" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"
+						/>
+					<path class="st3" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+						c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+						c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+						c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2
+						z"/>
+					<path class="st3" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+					<path class="st3" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+					<path class="st3" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="Layer_1_copy">
+	<g>
+		<g>
+			<g>
+				<path class="st2" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+					c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+					c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+					c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+					c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+					c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+					C30.9,550,23.7,549,17,546.9"/>
+				<path class="st2" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"/>
+				<path class="st2" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C170.2,490.3,166.4,491.8,163.6,494.8"/>
+				<path class="st2" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+					c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+					c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+					c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+				<polygon class="st2" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 				"/>
+				<path class="st2" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+					c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+					c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+					l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+					c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+					c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+				<path class="st2" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+					c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+				<path class="st2" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+					c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+				<path class="st2" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C761.2,490.3,757.4,491.8,754.5,494.8"/>
+				<path class="st2" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"/>
+				<path class="st2" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+					c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+					c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+					c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2z
+					"/>
+				<path class="st2" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+				<path class="st2" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+				<path class="st2" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st2" d="M15.1,363.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6c7.5,7.5,17.7,11.7,28.3,11.7h97
+		c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6
+		c-7.5-7.5-17.7-11.7-28.3-11.7h-97C6.8,61.5,0,68.3,0,76.6V348C0,356.3,6.8,363.1,15.1,363.1z M54.3,130.9c0-5,4.1-9,9-9h48.2
+		c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9v162.8c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9z
+		"/>
+	<path class="st2" d="M411.9,424.7c4.2,0,7.6-3.4,7.6-7.6V7.6c0-4.2-3.4-7.6-7.6-7.6c-4.2,0-7.6,3.4-7.6,7.6v409.6
+		C404.4,421.3,407.7,424.7,411.9,424.7z"/>
+	<path class="st2" d="M1169.9,61.5h-632c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+		C1185.4,68.5,1178.5,61.5,1169.9,61.5z M745,291.9c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7
+		c-19,0-35.4-3.8-49.4-11.4c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3
+		c7.4-14.2,17.9-25.1,31.6-32.7c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3
+		c-8.5-6.6-16.9-11.4-25.2-14.2c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50
+		c0,45.3,19.9,67.9,59.6,67.9c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745V291.9z M895.4,273.9c-5.3,10.1-12.9,17.9-22.7,23.3
+		c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3
+		c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1
+		c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C903.4,252,900.7,263.8,895.4,273.9z M1045.6,273.9
+		c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3
+		c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1
+		c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C1053.6,252,1051,263.8,1045.6,273.9z M1113.2,303.1
+		h-32.7V175.4h32.7V303.1z M1114.8,153h-36.1v-32.1h36.1V153z"/>
+	<path class="st2" d="M838.3,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C856.8,200.8,848.8,197.3,838.3,197.3z"/>
+	<path class="st2" d="M988.6,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C1007,200.8,999,197.3,988.6,197.3z"/>
+</g>
+</svg>
--- a/public/images/logo-NHGooi-slogan.svg
+++ b/public/images/logo-NHGooi-slogan.svg
@@ -0,0 +1,227 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1190 550" style="enable-background:new 0 0 1190 550;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#0017A0;}
+	.st2{display:none;}
+	.st3{display:inline;}
+	.st4{display:inline;fill:#FFFFFF;}
+</style>
+<g id="Layer_1">
+	<g>
+		<g>
+			<g>
+				<g>
+					<defs>
+						<path id="SVGID_7_" d="M196,61.5c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6c-7.5-7.5-17.7-11.7-28.3-11.7h-97
+							C6.8,61.5,0,68.3,0,76.6V348c0,8.3,6.8,15.1,15.1,15.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6
+							c7.5,7.5,17.7,11.7,28.3,11.7h97c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196z"/>
+					</defs>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="212.311" x2="301.5229" y2="212.311">
+						<stop  offset="0" style="stop-color:#0017A0"/>
+						<stop  offset="1" style="stop-color:#41A5F7"/>
+					</linearGradient>
+					<use xlink:href="#SVGID_7_"  style="overflow:visible;fill:url(#SVGID_1_);"/>
+					<clipPath id="SVGID_2_">
+						<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+					</clipPath>
+				</g>
+				<path class="st0" d="M247.2,293.7c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9c0-5,4.1-9,9-9h48.2
+					c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9V293.7z"/>
+			</g>
+			<path class="st1" d="M411.9,424.7c-4.2,0-7.6-3.4-7.6-7.6V7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6v409.6
+				C419.5,421.3,416.1,424.7,411.9,424.7"/>
+			<g>
+				<defs>
+					<path id="SVGID_10_" d="M537.9,61.5c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+						c0-8.6-7-15.6-15.6-15.6H537.9z"/>
+				</defs>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="522.2867" y1="212.311" x2="1185.446" y2="212.311">
+					<stop  offset="0" style="stop-color:#0017A0"/>
+					<stop  offset="1" style="stop-color:#41A5F7"/>
+				</linearGradient>
+				<use xlink:href="#SVGID_10_"  style="overflow:visible;fill:url(#SVGID_3_);"/>
+				<clipPath id="SVGID_4_">
+					<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
+				</clipPath>
+			</g>
+			<g>
+				<path class="st0" d="M745,203.6v88.3c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7c-19,0-35.4-3.8-49.4-11.4
+					c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3c7.4-14.2,17.9-25.1,31.6-32.7
+					c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3c-8.5-6.6-16.9-11.4-25.2-14.2
+					c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50c0,45.3,19.9,67.9,59.6,67.9
+					c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745z"/>
+				<path class="st0" d="M804,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C825.3,305.2,813.8,302.5,804,297.1 M862.4,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7c-5.6-7.1-13.6-10.6-24-10.6
+					c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8c5.6,7,13.6,10.5,24,10.5
+					C848.7,279.9,856.8,276.4,862.4,269.4"/>
+				<path class="st0" d="M954.2,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C975.5,305.2,964,302.5,954.2,297.1 M1012.6,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+					c-5.6-7.1-13.6-10.6-24-10.6c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+					c5.6,7,13.6,10.5,24,10.5C998.9,279.9,1007,276.4,1012.6,269.4"/>
+				<path class="st0" d="M1078.7,120.8h36.1V153h-36.1V120.8z M1080.5,175.4h32.7v127.8h-32.7V175.4z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path class="st1" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+						c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+						c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+						c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+						c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+						c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+						C30.9,550,23.7,549,17,546.9"/>
+					<path class="st1" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"
+						/>
+					<path class="st1" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C170.2,490.3,166.4,491.8,163.6,494.8"/>
+					<path class="st1" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+						c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+						c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+						c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+					<polygon class="st1" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 					"/>
+					<path class="st1" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+						c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+						c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+						l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+						c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+						c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+					<path class="st1" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+						c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+					<path class="st1" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+						c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+					<path class="st1" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C761.2,490.3,757.4,491.8,754.5,494.8"/>
+					<path class="st1" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"
+						/>
+					<path class="st1" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+						c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+						c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+						c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2
+						z"/>
+					<path class="st1" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+					<path class="st1" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+					<path class="st1" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="Layer_1_copy" class="st2">
+	<g class="st3">
+		<g>
+			<g>
+				<path class="st0" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+					c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+					c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+					c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+					c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+					c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+					C30.9,550,23.7,549,17,546.9"/>
+				<path class="st0" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"/>
+				<path class="st0" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C170.2,490.3,166.4,491.8,163.6,494.8"/>
+				<path class="st0" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+					c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+					c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+					c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+				<polygon class="st0" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 				"/>
+				<path class="st0" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+					c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+					c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+					l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+					c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+					c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+				<path class="st0" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+					c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+				<path class="st0" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+					c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+				<path class="st0" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C761.2,490.3,757.4,491.8,754.5,494.8"/>
+				<path class="st0" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"/>
+				<path class="st0" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+					c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+					c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+					c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2z
+					"/>
+				<path class="st0" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+				<path class="st0" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+				<path class="st0" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st4" d="M15.1,363.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6c7.5,7.5,17.7,11.7,28.3,11.7h97
+		c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6
+		c-7.5-7.5-17.7-11.7-28.3-11.7h-97C6.8,61.5,0,68.3,0,76.6V348C0,356.3,6.8,363.1,15.1,363.1z M54.3,130.9c0-5,4.1-9,9-9h48.2
+		c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9v162.8c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9z
+		"/>
+	<path class="st4" d="M411.9,424.7c4.2,0,7.6-3.4,7.6-7.6V7.6c0-4.2-3.4-7.6-7.6-7.6c-4.2,0-7.6,3.4-7.6,7.6v409.6
+		C404.4,421.3,407.7,424.7,411.9,424.7z"/>
+	<path class="st4" d="M1169.9,61.5h-632c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+		C1185.4,68.5,1178.5,61.5,1169.9,61.5z M745,291.9c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7
+		c-19,0-35.4-3.8-49.4-11.4c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3
+		c7.4-14.2,17.9-25.1,31.6-32.7c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3
+		c-8.5-6.6-16.9-11.4-25.2-14.2c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50
+		c0,45.3,19.9,67.9,59.6,67.9c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745V291.9z M895.4,273.9c-5.3,10.1-12.9,17.9-22.7,23.3
+		c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3
+		c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1
+		c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C903.4,252,900.7,263.8,895.4,273.9z M1045.6,273.9
+		c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3
+		c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1
+		c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C1053.6,252,1051,263.8,1045.6,273.9z M1113.2,303.1
+		h-32.7V175.4h32.7V303.1z M1114.8,153h-36.1v-32.1h36.1V153z"/>
+	<path class="st4" d="M838.3,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C856.8,200.8,848.8,197.3,838.3,197.3z"/>
+	<path class="st4" d="M988.6,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C1007,200.8,999,197.3,988.6,197.3z"/>
+</g>
+</svg>
--- a/public/images/noimage.png
+++ b/public/images/noimage.png
--- a/public/js/functions.js
+++ b/public/js/functions.js
@@ -1,15 +1,37 @@
+function calculateSize(targetId, tries) {
+  if (tries == undefined) {
+    tries = 0;
+  }
+  setTimeout(function(){
+    if (($('#' + targetId).children(":first").height() == 0 || $('#' + targetId).children(":first").width() == 0) && tries < 4) {
+      calculateSize(targetId, tries + 1);
+    } else {
+      $('#' + targetId).height($('#' + targetId).children(":first").height());
+      $('#' + targetId).width($('#' + targetId).children(":first").width());
+    }
+  }, 500);
+  $('#' + targetId).css({backgroundColor: 'transparent'});
+}
+
+$(document).ready(function(){
+  $('#changePreferences, .cc_b_cp').click(function(){
+    $('#title_targeting').parent('li').hide();
+    $('#content_targeting').hide();
+  });
+});
+
 (function ($) {
   /**
   * @param {object} _options
   */
  $.fn.loadMoreNews = function (_options) {
-    var nextPage = 2;
    var isLoading = false;
    var page = 1;
    var options = {
      loadingElementId: '#loading',
      container: '',
-      url: document.location.pathname
+      url: document.location.pathname,
+      nextPage: 2
    };

    $.extend(options, _options);
@@ -26,7 +48,7 @@
        var $container = $(options.container)

        // Fire request for the next page
-        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
+        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage})
          .always(function () {
            // Whether success or failure, update the UI again
            isLoading = 0;
@@ -45,7 +67,7 @@
              var id = this.toString();
              $(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
            });
-            ++nextPage;
+            ++options.nextPage;
          });
      }
    });
@@ -139,6 +161,74 @@ $(function () {
  });
 });

+$(function () {
+  $('.scroll_top').click(function (e) {
+    e.preventDefault();
+    $("html, body").stop().animate({scrollTop: 0}, 500, 'swing');
+  });
+});
+
+(function ($) {
+  /**
+   * @param {object} _options
+   */
+  $.fn.share = function (_options) {
+    var options = {
+      type: '',
+      types: {
+        facebook: {
+          url: 'https://www.facebook.com/sharer/sharer.php?u=',
+          textOption: false
+        },
+        twitter_x: {
+          url: 'https://twitter.com/share?url=',
+          textOption: 'text='
+        },
+      },
+      excerptClass: 'excerpt'
+    };
+
+    $.extend(options, _options);
+
+    this.click(function (e) {
+      e.preventDefault();
+      var type = options.types[options.type];
+      if (options.type == 'native' && navigator.share != undefined) {
+        var text = $('.' + options.excerptClass).text().trim();
+        if (text.length + location.href.length > 278) {
+          text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+        }
+        var data = {
+          url: encodeURI(location.href),
+          text: text,
+          title: $('.page_title').text().trim()
+        };
+        navigator.share(data)
+      }
+      else if (type !== undefined) {
+        var extra = '';
+        if (type.textOption) {
+          var text = $('.' + options.excerptClass).text().trim();
+          if (text.length + location.href.length > 278) {
+            text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+          }
+          extra = '&' + type.textOption + encodeURI(text);
+        }
+        window.open(type.url + encodeURI(location.href) + extra, "pop", "width=600, height=400, scrollbars=no");
+      } else {
+        console.error(options.type + ' is unknown');
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-share]').each(function () {
+    $(this).share({type: $(this).data('share')});
+  });
+});
+
 (function ($) {

  /**
--- a/public/js/functions.min.js
+++ b/public/js/functions.min.js
--- a/public/js/old/jquery.carouFredSel-6.2.1.js
+++ b/public/js/old/jquery.carouFredSel-6.2.1.js
--- a/public/js/old/jquery.carouFredSel-6.2.1.min.js
+++ b/public/js/old/jquery.carouFredSel-6.2.1.min.js
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
--- a/nieuwsvoorziening.pdf
+++ b/nieuwsvoorziening.pdf
--- a/resources/assets/js/functions/advertisement.js
+++ b/resources/assets/js/functions/advertisement.js
@@ -0,0 +1,14 @@
+function calculateSize(targetId, tries) {
+  if (tries == undefined) {
+    tries = 0;
+  }
+  setTimeout(function(){
+    if (($('#' + targetId).children(":first").height() == 0 || $('#' + targetId).children(":first").width() == 0) && tries < 4) {
+      calculateSize(targetId, tries + 1);
+    } else {
+      $('#' + targetId).height($('#' + targetId).children(":first").height());
+      $('#' + targetId).width($('#' + targetId).children(":first").width());
+    }
+  }, 500);
+  $('#' + targetId).css({backgroundColor: 'transparent'});
+}
--- a/resources/assets/js/functions/cookie.js
+++ b/resources/assets/js/functions/cookie.js
@@ -0,0 +1,6 @@
+$(document).ready(function(){
+  $('#changePreferences, .cc_b_cp').click(function(){
+    $('#title_targeting').parent('li').hide();
+    $('#content_targeting').hide();
+  });
+});
--- a/resources/assets/js/functions/loadMoreNews.js
+++ b/resources/assets/js/functions/loadMoreNews.js
@@ -3,13 +3,13 @@
   * @param {object} _options
   */
  $.fn.loadMoreNews = function (_options) {
-    var nextPage = 2;
    var isLoading = false;
    var page = 1;
    var options = {
      loadingElementId: '#loading',
      container: '',
-      url: document.location.pathname
+      url: document.location.pathname,
+      nextPage: 2
    };

    $.extend(options, _options);
@@ -26,7 +26,7 @@
        var $container = $(options.container)

        // Fire request for the next page
-        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
+        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage})
          .always(function () {
            // Whether success or failure, update the UI again
            isLoading = 0;
@@ -45,7 +45,7 @@
              var id = this.toString();
              $(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
            });
-            ++nextPage;
+            ++options.nextPage;
          });
      }
    });
--- a/resources/assets/js/functions/scrollToTop.js
+++ b/resources/assets/js/functions/scrollToTop.js
@@ -0,0 +1,6 @@
+$(function () {
+  $('.scroll_top').click(function (e) {
+    e.preventDefault();
+    $("html, body").stop().animate({scrollTop: 0}, 500, 'swing');
+  });
+});
--- a/resources/assets/js/functions/share.js
+++ b/resources/assets/js/functions/share.js
@@ -0,0 +1,60 @@
+(function ($) {
+  /**
+   * @param {object} _options
+   */
+  $.fn.share = function (_options) {
+    var options = {
+      type: '',
+      types: {
+        facebook: {
+          url: 'https://www.facebook.com/sharer/sharer.php?u=',
+          textOption: false
+        },
+        twitter_x: {
+          url: 'https://twitter.com/share?url=',
+          textOption: 'text='
+        },
+      },
+      excerptClass: 'excerpt'
+    };
+
+    $.extend(options, _options);
+
+    this.click(function (e) {
+      e.preventDefault();
+      var type = options.types[options.type];
+      if (options.type == 'native' && navigator.share != undefined) {
+        var text = $('.' + options.excerptClass).text().trim();
+        if (text.length + location.href.length > 278) {
+          text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+        }
+        var data = {
+          url: encodeURI(location.href),
+          text: text,
+          title: $('.page_title').text().trim()
+        };
+        navigator.share(data)
+      }
+      else if (type !== undefined) {
+        var extra = '';
+        if (type.textOption) {
+          var text = $('.' + options.excerptClass).text().trim();
+          if (text.length + location.href.length > 278) {
+            text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+          }
+          extra = '&' + type.textOption + encodeURI(text);
+        }
+        window.open(type.url + encodeURI(location.href) + extra, "pop", "width=600, height=400, scrollbars=no");
+      } else {
+        console.error(options.type + ' is unknown');
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-share]').each(function () {
+    $(this).share({type: $(this).data('share')});
+  });
+});
--- a/resources/assets/sass/abstracts/_mixin.scss
+++ b/resources/assets/sass/abstracts/_mixin.scss
@@ -9,16 +9,26 @@
  padding: 0;
  list-style: none;
 }
-@mixin post_date {
-  display: block;
-  height: 30px;
+@mixin font_base {
  font-family: Nunito, serif;
-  font-size: 12px;
  font-weight: 500;
  line-height: 3.17;
  letter-spacing: normal;
  text-align: left;
-  color: #666;
+}
+@mixin font_normal {
+  @include font_base;
+  font-size: 14px;
+}
+@mixin font_small {
+  @include font_base;
+  font-size: 12px;
+}
+@mixin post_date {
+  @include font_small;
+  color: $text-secondary-color;
+  display: block;
+  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
@@ -34,11 +44,7 @@
 }

@mixin program_name {
-  font-family: Nunito, serif;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 3.17;
-  text-align: left;
+  @include font_small;
  color: #000;
  margin-right: 10px;
  text-decoration: none;
--- a/resources/assets/sass/abstracts/_variables.scss
+++ b/resources/assets/sass/abstracts/_variables.scss
@@ -1,46 +1,14 @@
-
-// Body
-$body-bg: #f5f8fa;
-
-// Borders
-$laravel-border-color: darken($body-bg, 10%);
-$list-group-border: $laravel-border-color;
-$navbar-default-border: $laravel-border-color;
-$panel-default-border: $laravel-border-color;
-$panel-inner-border: $laravel-border-color;
-
-// Brands
-$brand-primary: #3097D1;
-$brand-info: #8eb4cb;
-$brand-success: #2ab27b;
-$brand-warning: #cbb956;
-$brand-danger: #bf5329;
-
-// Typography
-$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
-$font-family-sans-serif: "Raleway", sans-serif;
-$font-size-base: 14px;
-$line-height-base: 1.6;
-$text-color: #636b6f;
-
-// Navbar
-$navbar-default-bg: #fff;
-
-// Buttons
-$btn-default-color: $text-color;
-
-// Inputs
-$input-border: lighten($text-color, 40%);
-$input-border-focus: lighten($brand-primary, 25%);
-$input-color-placeholder: lighten($text-color, 30%);
-
-// Panels
-$panel-default-heading-bg: #fff;
+// Container
+$container-bg: #f9f9f9;

 // Nav
-$nav-text-color: #1a1a1a;
 $nav-text-weight: bold;
 $nav-text-size: 14px;

-// News
-$news-banner-text-color: #fff;
+// Base
+$text-color: #1a1a1a;
+$text-inverted-color: #fff;
+$text-secondary-color: #666;
+$text-dark-color: #282828;
+$element-bg: #fff;
+$text-description-color: #585858;
--- a/resources/assets/sass/base/_base.scss
+++ b/resources/assets/sass/base/_base.scss
@@ -4,6 +4,7 @@
@use "../components/button";
@use "../components/pretty_photo";
@use "../components/cookie";
+@use "../components/list";

@use "../layout";

@@ -24,3 +25,13 @@
    -webkit-line-clamp: $i;
  }
 }
+
+a, a:hover, a:active {
+  color: #0f259d;
+}
+
+@media (min-width: 768px) {
+  .md_padding_top_80 {
+    padding-top: 80px
+  }
+}
--- a/resources/assets/sass/base/_container.scss
+++ b/resources/assets/sass/base/_container.scss
@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 body {
  margin: 0;
@@ -13,13 +14,18 @@ body {
  @media (max-width: 768px) {
    padding: 50px 0;
  }
-  background-color: #f9f9f9;
+  background-color: $container-bg;
 }
 .header_container  {
  @include container;
 }
-.grey_background {
-  background-color: #f9f9f9;
+@media (min-width: 768px) {
+  .grey_background:not(.site_container) {
+    background-color: $container-bg;
+  }
+}
+.page {
+  padding-top: 20px;
 }
 .content_container {
  padding-right: 50px;
--- a/resources/assets/sass/components/_blog.scss
+++ b/resources/assets/sass/components/_blog.scss
@@ -1,10 +1,14 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .blog {
  @include reset-list;

  .post {
    margin-bottom: 27px;
+    &:not(.auto_height) {
+      height: 90px;
+    }

    img {
      width: 100%;
@@ -17,12 +21,16 @@
      font-size: 14px;
      font-weight: 600;
      line-height: 1.43;
-      color: #1a1a1a;
+      color: $text-color;

      a {
        text-decoration: none;
        display: inline-block;
-        color: #1a1a1a;
+        color: $text-color;
+
+        &.clipText {
+          display: -webkit-box;
+        }
      }
    }

@@ -43,7 +51,7 @@
      font-family: Nunito, serif;
      font-size: 15px;
      line-height: 1.6;
-      color: #282828;
+      color: $text-dark-color;
    }
  }
 }
--- a/resources/assets/sass/components/_box.scss
+++ b/resources/assets/sass/components/_box.scss
@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .box_header {
  span {
    font-family: Nunito, serif;
@@ -26,14 +28,33 @@
 .box {
  display: inline-block;
  width: auto;
-  padding: 30px 23px 30px 30px;
-  border-radius: 3px;
-  box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
-  background-color: #fff;
+  background-color: $element-bg;
  margin-bottom: 50px;

+  @media (min-width: 768px) {
+    border-radius: 3px;
+    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
+    padding: 30px 23px 30px 30px;
+  }
+  @media (max-width: 768px) {
+    padding: 10px 10px 10px 10px;
+  }
+
  &.full-width {
-    width: CALC(100% - 60px);
+    @media (min-width: 768px) {
+      width: CALC(100% - 60px);
+    }
+    @media (max-width: 768px) {
+      width: CALC(100% - 20px);
+    }
+  }
+  &.full-height {
+    height: CALC(100% - 103px);
+  }
+  @media (min-width: 768px) {
+    &.md_margin_top {
+      margin-top: 77px;
+    }
  }
 }
 .tabs {
--- a/resources/assets/sass/components/_bread_crumb.scss
+++ b/resources/assets/sass/components/_bread_crumb.scss
@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .bread_crumb {
  height: 38px;
@@ -6,21 +7,23 @@

  li {
    float: left;
-    font-family: Nunito, serif;
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 3.17;
-    text-align: left;
-    color: #666;
+    @include font_small;
+    color: $text-secondary-color;
    margin-right: 5px;

    a {
-      color: #666;
+      color: $text-secondary-color;
      text-decoration: none;
    }

    i {
      font-size: 8px;
    }
+
+    @media (max-width: 768px) {
+      &:nth-last-child(-n+2) {
+        display: none;
+      }
+    }
  }
 }
--- a/resources/assets/sass/components/_button.scss
+++ b/resources/assets/sass/components/_button.scss
@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .btn {
  display: block;
  width: CALC(100% - 78px);
@@ -9,13 +11,30 @@
  font-weight: bold;
  line-height: 0.93;
  text-align: center;
-  color: #fff;
+  color: $text-inverted-color;
  margin-bottom: 10px;
  text-decoration: none;
  text-transform: uppercase;

+  &:hover, &:active {
+    color: $text-inverted-color;
+  }
+
  &.auto_width {
    width: fit-content;
    margin: 0 auto;
  }
-}
+
+  &.fit_content {
+    width: fit-content;
+  }
+
+  &.btn_facebook_share {
+    background-image: none;
+    background-color: #0f259d;
+  }
+  &.btn_twitter_x_share {
+    background-image: none;
+    background-color: #5ba8f4;
+  }
+}
--- a/resources/assets/sass/components/_contact_box.scss
+++ b/resources/assets/sass/components/_contact_box.scss
@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .contact_box {
  position: relative;
@@ -15,7 +16,7 @@
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
-    color: #282828;
+    color: $text-dark-color;
    margin-top: 0;
    padding-right: 60px;
  }
@@ -25,7 +26,7 @@
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
-    color: #666;
+    color: $text-secondary-color;
  }

  .read_more {
--- a/resources/assets/sass/components/_cookie.scss
+++ b/resources/assets/sass/components/_cookie.scss
@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
  padding: 10px 39px;
  border-radius: 3px;
@@ -12,17 +14,17 @@
 }
 .light.cc_dialog button.cc_b_ok {
  background-image: linear-gradient(to right, #0f259d, #5ba8f4);
-  color: #fff;
+  color: $text-inverted-color;
 }
 .light.cc_dialog .cc_dialog_headline {
  font-family: Montserrat, serif;
  font-weight: 600;
  line-height: 1.15;
-  color: #282828;
+  color: $text-dark-color;
 }
 .light.cc_dialog .cc_dialog_text {
  font-family: Nunito, serif;
  font-size: 15px;
  line-height: 1.6;
-  color: #282828;
+  color: $text-dark-color;
 }
--- a/resources/assets/sass/components/_featured.scss
+++ b/resources/assets/sass/components/_featured.scss
@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .featured {
  img {
@@ -14,7 +15,7 @@
      font-weight: 600;
      line-height: 1.35;
      text-align: left;
-      color: #1a1a1a;
+      color: $text-color;
      text-decoration: none;
    }
  }
@@ -29,7 +30,7 @@
    font-weight: 500;
    line-height: 1.57;
    text-align: left;
-    color: #666;
+    color: $text-secondary-color;
    margin: 10px 0;
  }
 }
--- a/resources/assets/sass/components/_footer.scss
+++ b/resources/assets/sass/components/_footer.scss
@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .footer_container {
  font-family: Montserrat, serif;
@@ -6,10 +7,11 @@
  font-weight: 600;
  line-height: 1.71;
  text-align: left;
-  color: #fff;
+  color: $text-inverted-color;

  .footer_menu {
    background-image: linear-gradient(to right, #0102b0, #4090e3);
+    padding: 15px 0;
    @media (max-width: 768px) {
      padding: 60px 30px 30px 30px;
    }
@@ -25,12 +27,17 @@
    }

    a {
-      color: #fff;
+      color: $text-inverted-color;
      text-decoration: none;
      display: block;
      width: 100%;
    }

+    .about a {
+      display: inline;
+      text-decoration: underline;
+    }
+
    .buttons a {
      text-transform: uppercase;
      margin-bottom: 10px;
@@ -41,7 +48,7 @@

      span {
        border-bottom: 3px solid #fff;
-        color: #fff;
+        color: $text-inverted-color;
        font-size: 14px;
      }
    }
@@ -60,7 +67,7 @@
      width: 38px;
      height: 38px;
      background-color: #5ba8f4;
-      color: #fff;
+      color: $text-inverted-color;
      text-decoration: none;
      line-height: 40px;
      border-radius: 5px;
@@ -69,10 +76,27 @@

  .footer_menu2 {
    @include reset-list;
+    float: left;
+    margin-bottom: 20px;

    li {
-      float: left;
+      @media (min-width: 768px) {
+        float: left;
+      }
      margin-right: 40px;
+      padding: 9px 0;
+      &:first-child {
+        padding: 0;
+        @media (max-width: 768px) {
+          padding: 0 0 15px 0;
+        }
+      }
+
+      .logo {
+        display: block;
+        width: 115px;
+        height: 41px;
+      }

      a {
        text-decoration: underline;
--- a/resources/assets/sass/components/_header.scss
+++ b/resources/assets/sass/components/_header.scss
@@ -1,10 +1,10 @@
 .header {
-  height: 110px;
+  height: 111px;
  .logo {
    float: left;
-    margin-top: 18px;
+    margin-top: 10px;
    img {
-      height: 75px;
+      height: 95px;
    }
  }
  .advertisement {
--- a/resources/assets/sass/components/_input.scss
+++ b/resources/assets/sass/components/_input.scss
@@ -1,14 +1,16 @@
+@use "../abstracts/variables" as *;
+
 .input_container {
  border: 1px solid #efefef;
  border-radius: 5px;
-  background-color: #fff;
+  background-color: $element-bg;
  display: flex;
  height: 48px;

  font-family: Montserrat, serif;
  font-size: 16px;
  line-height: 1.25;
-  color: #1a1a1a;
+  color: $text-color;

  .input_prefix, .input_postfix {
    padding: 13px 10px 13px 15px;
@@ -22,6 +24,18 @@
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
-    color: #1a1a1a;
+    color: $text-color;
  }
 }
+.text_input, .texterea_input {
+  padding: 13px 5px;
+
+  font-family: Montserrat, serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.25;
+  color: $text-color;
+  border: 1px solid #efefef;
+  border-radius: 5px;
+  background-color: $element-bg;
+}
--- a/resources/assets/sass/components/_list.scss
+++ b/resources/assets/sass/components/_list.scss
@@ -0,0 +1,4 @@
+@use '../abstracts/mixin' as *;
+.list {
+  @include reset-list;
+}
--- a/resources/assets/sass/components/_main_news.scss
+++ b/resources/assets/sass/components/_main_news.scss
@@ -33,9 +33,10 @@
  }
  .post {
    position: relative;
-    height: 100%;
+    height: CALC(100% - 10px);
+    padding: 5px;
    @media (max-width: 768px) {
-      height: 50%;
+      height: CALC(50% - 10px);
    }

    img {
@@ -43,6 +44,7 @@
      height: 100%;
      object-fit: cover;
      filter: brightness(70%);
+      border-radius: 3px;
    }

    &.small {
@@ -68,7 +70,7 @@
          font-size: 10px;
          font-weight: bold;
          text-align: center;
-          color: $news-banner-text-color;
+          color: $text-inverted-color;
          text-decoration: none;
          text-transform: uppercase;
        }
@@ -82,7 +84,7 @@
        font-size: 30px;
        font-weight: 600;
        line-height: 1;
-        color: $news-banner-text-color;
+        color: $text-inverted-color;
        text-decoration: none;
      }
      h5 a {
@@ -91,13 +93,14 @@
      }
      @media (max-width: 768px) {
        h2 a, h5 a {
+          display: block;
          font-size: 16px;
          line-height: 1.17;
        }
      }
      .post_date {
        @include post_date;
-        color: $news-banner-text-color;
+        color: $text-inverted-color;
      }
    }
  }
--- a/resources/assets/sass/components/_menu.scss
+++ b/resources/assets/sass/components/_menu.scss
@@ -4,7 +4,6 @@
 .menu_container {
  @media (min-width: 767px) {
    height: 75px;
-    margin-bottom: 20px;
    background-image: linear-gradient(to right, #0102b0, #4090e3);
  }

@@ -42,7 +41,7 @@
      a {
        display: block;
        font-family: Nunito, serif;
-        color: $nav-text-color;
+        color: $text-color;
        font-weight: $nav-text-weight;
        font-size: $nav-text-size;
        text-align: center;
@@ -62,7 +61,9 @@
          display: block;
          width: 33px;
          height: 25px;
-          background-image: URL('/images/menu-corner-1.svg');
+          -webkit-mask-image: URL("/images/menu-corner-1.svg");
+          mask-image: URL("/images/menu-corner-1.svg");
+          background-color: white;
          position: absolute;
          top: 0;
          left: 0;
@@ -74,7 +75,9 @@
          display: block;
          width: 12px;
          height: 15px;
-          background-image: URL('/images/menu-corner-2.svg');
+          -webkit-mask-image: URL("/images/menu-corner-2.svg");
+          mask-image: URL("/images/menu-corner-2.svg");
+          background-color: white;
          position: absolute;
          bottom: 0;
          right: -1px;
@@ -102,6 +105,7 @@
 .top_menu_container, .menu_mobile_container {
  height: 50px;
  @include container;
+  overflow: hidden;

  ul.right_menu {
    float: right;
@@ -109,17 +113,25 @@

    li {
      float: left;
-      padding: 6px 19px;
+      padding: 3px 19px;
      margin: 8px;
-      border-right: 1px solid #fff;
+      border-right: 1px solid rgba(255, 255, 255, 0.2);
+      line-height: 2;
+      height: 28px;
+
+      &.collapsed {
+        padding: 3px 9px 3px 6px;
+        margin: 8px auto;
+      }

      &:last-child {
        border: none;
+        line-height: 1;
      }

-      &:nth-child(2) {
+      /*&:nth-child(2) {
        padding: 0 19px;
-      }
+      }*/

      a {
        float: left;
@@ -127,9 +139,30 @@
        font-size: 14px;
        font-weight: bold;
        text-align: right;
-        color: #fff;
+        color: $text-inverted-color;
        text-decoration: none;
        text-transform: uppercase;
+        display: flex;
+
+        span {
+          overflow: hidden;
+          display: block;
+          height: 28px;
+        }
+
+        &.with_svg_icon {
+          position: relative;
+          margin-right: 30px;
+        }
+
+        svg {
+          fill: $text-inverted-color;
+          height: 20px;
+          width: 20px;
+          position: absolute;
+          right: -25px;
+          top: 2px;
+        }

        i {
          font-size: 18px;
@@ -148,16 +181,16 @@
        .search_input {
          border: 1px solid #efefef;
          border-radius: 3px;
-          background-color: #fff;
-          height: 29px;
+          background-color: $element-bg;
+          height: 26px;
          font-family: Montserrat, serif;
          font-size: 16px;
          line-height: 1.25;
-          color: #1a1a1a;
+          color: $text-color;
        }
        .search_submit {
          float: right;
-          margin: 6px;
+          margin: 4px;
        }
      }
      .search_button {
@@ -167,16 +200,14 @@
  }
 }
 .menu_mobile_container {
-  height: 30px;
+  height: 46px;
  padding: 12px 0;
+  background-color: #10229c;
  .mobile_menu_button a {
    display: block;
    width: 20px;
    height: 21px;
    padding: 4px 10px 4px 11px;
-    border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-    background-color: #10229c;
    margin-right: 12px;
    i {
      color: white;
@@ -197,9 +228,18 @@
    flex-grow: 1;
    ul.right_menu {
      li {
-        padding: 5px 19px;
+        padding: 0 10px;
        margin: 0;

+        a.with_svg_icon {
+          margin-right: 10px;
+        }
+        a {
+          svg {
+            position: static;
+          }
+        }
+
        .search_form {
          height: 25px;
          .search_input {
@@ -234,19 +274,22 @@
      font-family: Nunito, serif;
      font-size: 14px;
      font-weight: bold;
-      color: #1a1a1a;
+      color: $text-color;
      text-decoration: none;
      padding: 15px 0;
      border-bottom: 1px solid #f8f8f8;
      text-transform: uppercase;
    }
+    li:last-child a {
+      border-bottom: none;
+    }
  }

  > ul {
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
-    background-color: #fff;
+    background-color: $element-bg;
    margin-left: 20px;
    width: max-content;
    display: none;
@@ -302,7 +345,8 @@
    padding: 20px;
    min-width: 70vw;
    max-width: 100vw;
-    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: auto;

    ul, li, li a {
      width: 100%;
@@ -382,3 +426,37 @@
    transform: rotate(90deg);
  }
 }
+
+.slogan {
+  width: 190px;
+  margin: 8px 0;
+}
+
+.grey_background {
+  nav {
+    > div {
+      background: $container-bg;
+      border-color: $container-bg;
+    }
+  }
+
+  .menu {
+    > li {
+      a {
+        background: $container-bg;
+      }
+
+      &.selected a, &:hover a, &.hover a {
+        &:before, &:after {
+          background-color: $container-bg;
+        }
+      }
+
+      &:last-child {
+        &:after {
+          background: $container-bg;
+        }
+      }
+    }
+  }
+}
--- a/resources/assets/sass/components/_page.scss
+++ b/resources/assets/sass/components/_page.scss
@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .page_container {
  @include container;
@@ -13,11 +14,17 @@
  font-family: Nunito, serif;
  font-size: 15px;
  line-height: 1.6;
-  color: #282828;
+  color: $text-dark-color;
+
+  &.margin_bottom {
+    margin-bottom: 40px;
+  }
 }
 .action_button {
+  @include font_normal;
+  line-height: 1.4;
  text-decoration: none;
-  color: #282828;
+  color: $text-dark-color;

  .fa {
    margin-right: 10px;
--- a/resources/assets/sass/components/_page_title.scss
+++ b/resources/assets/sass/components/_page_title.scss
@@ -1,9 +1,19 @@
+@use "../abstracts/variables" as *;
+
 .page_title {
  margin: 17px 0;
  font-family: Montserrat, serif;
-  font-size: 40px;
+  font-size: 30px;
+  @media (min-width: 768px) {
+    font-size: 40px;
+  }
  font-weight: 600;
  line-height: 1.15;
  text-align: left;
-  color: #282828;
+  color: $text-dark-color;
+}
+
+.page_title2 {
+  @extend .page_title;
+  font-size: 30px;
 }
--- a/resources/assets/sass/components/_podcast_item.scss
+++ b/resources/assets/sass/components/_podcast_item.scss
@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .announcement {
  padding: 30px;
  border-radius: 3px;
@@ -6,7 +8,7 @@
 }
 .action_button.btn {
  width: fit-content;
-  color: #fff;
+  color: $text-inverted-color;
  float: left;
  margin: 10px 20px 0 0;
 }
--- a/resources/assets/sass/components/_podcast_items.scss
+++ b/resources/assets/sass/components/_podcast_items.scss
@@ -1,6 +1,11 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .podcast_items {
+  .box {
+    margin-bottom: 10px;
+  }
+
  ul {
    @include reset-list;
    &.row {
@@ -10,7 +15,9 @@
    }

    li {
-      margin-bottom: 25px;
+      @media (min-width: 768px) {
+        margin-bottom: 25px;
+      }
      h2 {
        margin: 0;

@@ -20,7 +27,7 @@
          font-weight: 600;
          line-height: 1.43;
          text-align: left;
-          color: #1a1a1a;
+          color: $text-color;
          text-decoration: none;
        }
      }
--- a/resources/assets/sass/components/_post.scss
+++ b/resources/assets/sass/components/_post.scss
@@ -1,8 +1,11 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .post_container {
  @include container;
-  padding: 32px 0;
+  @media (min-width: 768px) {
+    padding: 32px 0;
+  }

  > .col-8 {
    width: CALC(66.66666667% - 20px);
@@ -14,37 +17,13 @@
    padding-bottom: 18px;
  }

-  .post_tags {
-    @include reset-list;
-    height: 31px;
-    margin-top: 20px;
-
-    li {
-      float: left;
-      margin-right: 10px;
-
-      a {
-        display: block;
-        padding: 6px 15px 7px;
-        border-radius: 3px;
-        background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
-        font-family: Nunito, serif;
-        font-size: 10px;
-        font-weight: bold;
-        text-align: center;
-        color: #fff;
-        text-decoration: none;
-        text-transform: uppercase;
-      }
-    }
-  }
  .post_body {
    width: 100%;

    font-family: Nunito, serif;
    font-size: 15px;
    line-height: 1.6;
-    color: #282828;
+    color: $text-dark-color;

    h3 {
      font-size: 15px;
@@ -53,9 +32,9 @@
    .sentence {
      font-size: 12px;
      font-style: italic;
-      line-height: 3.17;
+      line-height: 1.3;
      text-align: right;
-      color: #585858;
+      color: $text-description-color;
      display: block;
      width: 100%;

@@ -79,7 +58,7 @@
        font-size: 12px;
        font-style: normal;
        line-height: 3.17;
-        color: #585858;
+        color: $text-description-color;
      }
    }

@@ -89,13 +68,10 @@
      li {
        float: left;
        margin-right: 10px;
-        font-family: Nunito, serif;
-        font-size: 12px;
-        font-weight: 500;
-        line-height: 3.17;
-        color: #666;
+        @include font_small;
+        color: $text-secondary-color;
        a {
-          color: #666;
+          color: $text-secondary-color;
          text-decoration: none;
        }
        i {
@@ -130,3 +106,27 @@
    }
  }
 }
+.post_tags {
+  @include reset-list;
+  height: 31px;
+  margin: 20px 0;
+
+  li {
+    float: left;
+    margin-right: 10px;
+
+    a {
+      display: block;
+      padding: 6px 15px 7px;
+      border-radius: 3px;
+      background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
+      font-family: Nunito, serif;
+      font-size: 10px;
+      font-weight: bold;
+      text-align: center;
+      color: $text-inverted-color;
+      text-decoration: none;
+      text-transform: uppercase;
+    }
+  }
+}
--- a/resources/assets/sass/components/_pretty_photo.scss
+++ b/resources/assets/sass/components/_pretty_photo.scss
@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 div.pp_default .pp_content_container .pp_left,
 div.pp_default .pp_content_container .pp_right,
 div.pp_default .pp_top .pp_left,
@@ -20,7 +22,7 @@ div.pp_default .pp_description
  font-size: 12px;
  font-style: italic;
  line-height: 3.17;
-  color: #585858;
+  color: $text-description-color;
 }
 div.pp_default .pp_close
 {
--- a/resources/assets/sass/components/_radio_box.scss
+++ b/resources/assets/sass/components/_radio_box.scss
@@ -1,15 +1,28 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 .radio_box {
  padding: 15px 23px 15px 15px;
  width: CALC(100% - 38px);

  h2 {
-    font-family: Montserrat, serif;
    font-size: 20px;
+  }
+
+  h3 {
+    font-size: 18px;
+  }
+
+  .post_title {
+    font-family: Montserrat, serif;
    font-weight: 600;
    line-height: 1.35;
-    color: #1a1a1a;
+    color: $text-color;
+
+    a {
+      text-decoration: none;
+      color: $text-color;
+    }
  }

  .post_date {
@@ -23,6 +36,6 @@
    font-weight: 500;
    line-height: 1.57;
    text-align: left;
-    color: #666;
+    color: $text-secondary-color;
  }
 }
--- a/resources/assets/sass/components/_schedule.scss
+++ b/resources/assets/sass/components/_schedule.scss
@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;

 #schedule {
  a {
@@ -9,17 +10,22 @@
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
-    color: #1a1a1a;
+    color: $text-color;
  }
  .program-times {
    @include post_date;
  }
+  img {
+    margin-left: -30px;
+    margin-top: -30px;
+    width: CALC(100% + 54px);
+  }
  .no-results, .loading {
    font-family: Montserrat, serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
-    color: #1a1a1a;
+    color: $text-color;
    text-align: center;
    padding: 20px;
    span {
--- a/resources/assets/sass/components/_sidebar.scss
+++ b/resources/assets/sass/components/_sidebar.scss
@@ -1,6 +1,3 @@
-.sidebar .box {
-  width: CALC(100% - 38px);
-}
@media (max-width: 768px) {
  .sidebar {
    width: 100%;
--- a/resources/assets/sass/layout/_index.scss
+++ b/resources/assets/sass/layout/_index.scss
@@ -1,6 +1,6 @@
@forward 'header';
@forward 'home';
-@forward 'news_post';
+@forward 'news';
@forward 'post';
@forward 'gids';
@forward 'program';
--- a/resources/assets/sass/layout/_news.scss
+++ b/resources/assets/sass/layout/_news.scss
@@ -0,0 +1,7 @@
+@use "../components/news_post";
+
+.news {
+  .blog .post {
+    height: 115px;
+  }
+}
--- a/resources/assets/sass/layout/_news_post.scss
+++ b/resources/assets/sass/layout/_news_post.scss
@@ -1 +0,0 @@
-@use "../components/news_post";
--- a/resources/views/adverteren.blade.php
+++ b/resources/views/adverteren.blade.php
@@ -1,7 +1,7 @@
@extends('layouts/full')

@section('title')
-    Adverteren
+    Ontdek NHGooi: Jouw streekomroep in de prachtige Gooi & Vechtstreek-regio!
@endsection

@section('breadcrumb')
@@ -16,30 +16,11 @@

@section('content')
    <div class="page_body">
-        <h5 class="excerpt">
-            NH Gooi biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te
-            brengen bij de luisteraars van NH Gooi. De scherpe tarieven zijn op aanvraag verkrijgbaar bij NH Gooi.
-        </h5>
        <p>
-            In 2005 heeft onderzoeksbureau INTERVIEW NSS in opdracht van de Organisatie van Lokale Omroepen Nederland
-            een onderzoek uitgevoerd naar het bereik van de publieke lokale omroepen in Nederland. Uit dit onderzoek
-            kwam onder meer naar voren dat een kwart van de bevolking wel eens luistert publieke lokale radio. Ruim de
-            helft van de bevolking kent de publieke lokale radiozender in de eigen woonplaats bij naam. Verder bleek uit
-            het onderzoek dat een op de zes inwoners lokale omroep als de belangrijkste bron voor lokale informatie
-            beschouwt.
-        </p>
-        <h4>Streekomroep</h4>
-        <p>
-            Interessant daarbij is dat NH Gooi meer is dan zomaar een publieke lokale radiozender. NH Gooi is een
-            streekomroep, die in grote delen van het Gooi alsmede in Eemland-Noord is te ontvangen via 92.0 FM en 105.1
-            FM, ether-bereik: 200.000 mensen. Daarnaast is NH Gooi te ontvangen via de kabelnetten van Blaricum (3.881
-            huishoudens), Eemnes (3.090 huishoudens), Laren (4.739 huishoudens), Huizen (18.000 huishoudens) en
-            Hilversum (40.000 huishoudens).
-            Tenslotte is NH Gooi ook on line te ontvangen.
+            Wij delen lokale verhalen en versterken gemeenschapsbanden. Als adverteerder krijgt u bij NHGooi de kans om authentiek in contact te komen met onze kijkers, luisteraars en online volgers. Of het nu gaat om radio, televisie of online advertenties, NHGooi biedt een uniek platform om uw boodschap te delen met onze gemeenschap. Verken de mogelijkheden en laat uw merk bloeien in onze regio. Samen bereiken we reclamesucces en versterken we de banden in Gooi & Vechtstreek.
        </p>
        <p>
-            Ondernemers die ge&iuml;nteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi
-            kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}.
+            Wil je weten wat jouw mogelijkheden zijn? Mail naar  {{Html::mailto('adverteren@NHGooi.nl')}} en onze adviseurs nemen contact met je op!
        </p>
    </div>
@endsection
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -12,41 +12,30 @@
    </ul>
@endsection

+@section('page_class')
+    page_container
+@endsection
+
@section('content')
-    <div class="page_body">
+    <div class="page_body margin_bottom">
        <p>Download de NH Gooi app via de App Store of Google Play.</p>

        <div class="row">

            <div class="col" style="margin-left: 0">
-                <div class="animate fadeIn" data-anim-type="fadeIn">
-                    <div class="icon_box icon_position_top no_border"><a class=""
-                                                                         href="https://play.google.com/store/apps/details?id=nl.gooi.app">
-                            <div class="image_wrapper"><img data-lazyloaded="1" data-src="/images/googleplay.jpg"
-                                                            class="scale-with-grid litespeed-loaded"
-                                                            alt="Google Play Store" width="318" height="100"
-                                                            src="/images/googleplay.jpg" data-was-processed="true">
-                                <noscript><img src="/images/google.jpg" class="scale-with-grid" alt="Google Play Store"
-                                               width="318" height="100"/></noscript>
-                            </div>
-                            <div class="desc_wrapper"></div>
-                        </a></div>
+                <div class="icon_box icon_position_top no_border">
+                    <a class="" href="https://play.google.com/store/apps/details?id=nl.gooi.app">
+                        <img data-src="/images/googleplay.jpg" class="scale-with-grid" alt="Google Play Store"
+                             width="318" height="100" src="/images/googleplay.jpg">
+                    </a>
                </div>
            </div>

            <div class="col" style="margin-left: 0">
-                <div class="animate fadeIn" data-anim-type="fadeIn">
-                    <div class="icon_box icon_position_top no_border"><a class=""
-                                                                         href="https://apps.apple.com/nl/app/nh-gooi/id1585667560">
-                            <div class="image_wrapper"><img data-lazyloaded="1" data-src="/images/apple.jpg"
-                                                            class="scale-with-grid litespeed-loaded" alt="Apple Store"
-                                                            width="318" height="100" src="/images/apple.jpg"
-                                                            data-was-processed="true">
-                                <noscript><img src="/images/apple.jpg" class="scale-with-grid" alt="Apple Store"
-                                               width="318" height="100"/></noscript>
-                            </div>
-                            <div class="desc_wrapper"></div>
-                        </a></div>
+                <div class="icon_box icon_position_top no_border">
+                    <a class="" href="https://apps.apple.com/nl/app/nh-gooi/id1585667560">
+                        <img class="scale-with-grid" alt="Apple Store" width="318" height="100" src="/images/apple.jpg">
+                    </a>
                </div>
            </div>
        </div>
--- a/resources/views/calendarevent.blade.php
+++ b/resources/views/calendarevent.blade.php
@@ -1,10 +1,14 @@
-@extends('layouts/full')
+@extends('layouts/sidebar')

@section('title')
  {{$event->title}}
@endsection

-@section('breadcrumb')
+@section('page_class')
+	news_post post_container breadcrumb_no_border
+@endsection
+
+@section('breadcrumb_top')
 	<ul class="bread_crumb">
 		<li><a title="Home" href="/">Home</a></li>
 		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
@@ -16,9 +20,12 @@

@section('content')

-<div class="row">
+<div class="post_body">
 	<div class="post single small_image">
 		<ul class="post_details clearfix">
+			@if($event->region)
+				<li class="detail category"><i class="fa-solid fa-location-dot"></i> Regio <a title="{{$event->region}}">{{$event->region}}</a></li>
+			@endif
 			<li class="detail date">
 				<i class="fa-regular fa-clock"></i>
 				{{Formatter::relativeDate($event->starts, 'W d m y?')}}
@@ -26,9 +33,6 @@
 					t/m {{Formatter::relativeDate($event->ends, 'd m y?')}}
 				@endif
 			</li>
-			@if($event->region && $event->region != "Regio")
-			<li class="detail category">Regio {{$event->region}}</a></li>
-			@endif
 		</ul>


@@ -56,7 +60,7 @@
 			</div>
 		@endif

-		<div class="post_content page_margin_top clearfix">
+		<div class="post_content clearfix" style="margin-top: 20px;">
 			<div class="content_box">
 				@if($event->images)
 					@if(count($event->images) == 1)
--- a/resources/views/calendarlist.blade.php
+++ b/resources/views/calendarlist.blade.php
@@ -1,9 +1,22 @@
-@extends('layouts/full')
+@extends('layouts/sidebar')

@section('title')
    Regioagenda
@endsection

+@section('page_class')
+    news_post post_container breadcrumb_no_border
+@endsection
+@section('page_container_class')
+    grey_background
+@endsection
+@section('site_container_class')
+    grey_background
+@endsection
+
+@section('content_class')
+@endsection
+
@section('breadcrumb')
    <ul class="bread_crumb">
        <li><a title="Home" href="/">Home</a></li>
@@ -14,7 +27,7 @@

@if(!count($events))
    @section('content')
-        <div class="page_body">
+        <div class="page_body margin_bottom">
            <p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@nhgooi.nl")}}
                .</p>
        </div>
@@ -23,176 +36,77 @@

    @section('content')
        @parent
-        <div class="page_body">
-            <nav>
-                <ul class="pager">
-                    <li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
-                    <li class="action_button current-month"><a href="#">Komende week</a></li>
-                    <li class="action_button everything"><a href="#">Toon alles</a></li>
-                    <li class="action_button next-month"><a href="#">Later &rarr;</a></li>
-                </ul>
-            </nav>
-
-
-            <div class="row">
-                <div class="month" data-month="0">
-                    <h4 class="box_header page_margin_top_section">Komende week</h4>
-                    <ul class="blog big">
-
-                        @php($nextWeek = new DateTimeImmutable('midnight +7 days'))
-                        @php($heading = null)
-                        @php($month = 0)
-
-                        @foreach($events as $event)
-                            @if($event->starts >= ($heading ? $heading : $nextWeek))
-                    </ul>
-                </div>
+        <div data-tabs class="page_body">
+            <div class="tabs">
+                <h4 data-tab-content-id="tab_previous" class="box_header small flex-grow-1"><span>Eerder</span></h4>
+                <h4 data-tab-content-id="tab_current_week" class="box_header small flex-grow-1 active"><span>Komende week</span></h4>
+                <h4 data-tab-content-id="tab_everything" class="box_header small flex-grow-1"><span>Toon alles</span></h4>
+                <h4 data-tab-content-id="tab_next" class="box_header small"><span>Later</span></h4>
            </div>
-            <div class="row">
-                <div class="month" data-month="{{++$month}}">
-                    <h4 class="box_header page_margin_top_section">{{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}</h4>
-                    <ul class="blog big">
-                        @php($heading = new DateTimeImmutable('first day of next month ' . $event->starts->format('Y-m-d')))
-                        @endif

-                        @php($image = isset($event->images) && count($event->images) ? $event->images[0] : null)
-                        <li class="post {{$image ? "" : "no_img"}}">
-                            @if($image)
-                                <a href="{{$event->url}}" title="{{$event->title}}">
-                                    <img src='{{$imgBase . $image->url}}' alt="{{$image->title}}">
-                                </a>
-                            @endif
-                            <div class="post_content">
-                                <h2><a href="{{$event->url}}" title="{{$event->title}}">{{$event->title}}</a></h2>
-                                <ul class="post_details">
-                                    <li class="category"><span href="#"
-                                                               title="{{$event->region}}">{{$event->region}}</span></li>
-                                    <li class="date">
-                                        {{Formatter::relativeDate($event->starts, 'W d m y?')}}
-                                        @if($event->ends && $event->starts != $event->ends)
-                                            t/m {{Formatter::relativeDate($event->ends, 'd m y?')}}
-                                        @endif
-                                    </li>
-                                </ul>
-                                <p>{!!Formatter::excerpt($event->content, 250)!!}</p>
-                                <a class="read_more" href="{{$event->url}}" title="Lees verder"><span
-                                            class="arrow"></span><span>Lees verder</span></a>
+            @php($tabs = [
+                [
+                    'id' => 'tab_previous',
+                    'start' =>  new DateTime('1-1-1990'),
+                    'end' =>  new DateTime('sunday previous week'),
+                ],
+                [
+                    'id' => 'tab_current_week',
+                    'start' =>  new DateTime('monday this week'),
+                    'end' =>  new DateTime('sunday this week'),
+                ],
+                [
+                    'id' => 'tab_everything',
+                    'start' =>  new DateTime('1-1-1990'),
+                    'end' =>  new DateTime('31-12-3000'),
+                ],
+                [
+                    'id' => 'tab_next',
+                    'start' =>  new DateTime('monday next week'),
+                    'end' =>  new DateTime('31-12-3000'),
+                ]
+            ])
+            @foreach($tabs as $tab)
+                <div style="padding: 0" class="tab_content{{$tab['id'] == 'tab_current_week' ? ' active' : ''}}" id="{{$tab['id']}}">
+                    @php($count = 0)
+                    @foreach($events as $event)
+                        @if($event->starts >= $tab['start'] && $event->ends <= $tab['end'])
+                            @php($count++)
+                            <?php $url = route('agenda.details', ['id' => $event->id, 'title' => $event->title]); ?>
+                            <div class="box featured">
+                                <div class="row">
+                                    <div class="col-12 col-md-6">
+                                        <a href="{{$url}}" title="{{$event->title}}">
+                                            <img src="{{$event->images && $event->images[0] && $event->images[0]->url ? $imgBase . $event->images[0]->url : '/images/noimage.png'}}"/>
+                                        </a>
+                                    </div>
+                                    <div class="col-12 col-md-6">
+                                        <h2 class="post_title"><a href="{{$url}}" title="{{$event->title}}">{!!$event->title!!}</a></h2>
+                                        <div class="sub_title" style="flex-wrap: wrap">
+                                            <ul class="post_tags" style="width: 100%; margin: 0 0 8px 0;height: 25px;">
+                                                <li><a style="padding: 3px 8px 3px" title="{{$event->region}}">{{$event->region}}</a></li>
+                                            </ul>
+                                            <span class="post_date" style="line-height: 1.17; height: 14px;" title="{{Formatter::relativeDate($event->starts, 'W d m y?')}}">
+                                                <i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($event->starts, 'W d m y?')}}
+                                                @if($event->ends && $event->starts != $event->ends)
+                                                    t/m {{strtolower(Formatter::relativeDate($event->ends, 'W d m y?'))}}
+                                                @endif
+                                            </span>
+                                        </div>
+                                        <p class="clipText clipText-7" title="{{Formatter::excerpt($event->content, 150)}}">
+                                            {!!Formatter::excerpt($event->content, 150)!!}
+                                        </p>
+                                        <a class="btn fit_content" href="{{$url}}">Lees verder</a>
+                                    </div>
+                                </div>
                            </div>
-                        </li>
-                        @endforeach
-                    </ul>
+                        @endif
+                    @endforeach
+                    @if($count == 0)
+                    <p>Er zijn geen items gevonden. Iets te melden? Mail het naar <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>
+                    @endif
                </div>
-            </div>{{--row--}}
-            <nav>
-                <ul class="pager">
-                    <li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
-                    <li class="action_button current-month"><a href="#">Komende week</a></li>
-                    <li class="action_button everything"><a href="#">Toon alles</a></li>
-                    <li class="action_button next-month"><a href="#">Later &rarr;</a></li>
-                </ul>
-            </nav>
+            @endforeach
        </div>
    @endsection
-
-    @push('styles')
-        <style>
-            .pager {
-                display: flex;
-                width: 100%;
-                margin-top: 5px;
-                margin-bottom: 5px;
-            }
-
-            .pager .action_button {
-                flex: 1;
-            }
-
-            .pager .current-month,
-            .pager .everything {
-                text-align: center;
-            }
-
-            .pager .next-month {
-                text-align: right;
-            }
-        </style>
-    @endpush
-
-    @push('scripts')
-        <script type="text/javascript">
-          var month = 0;
-          var months = {{$month}};
-          var $current = null;
-
-          function gotoPage(month) {
-            $new = (month === null) ? $(".month") : $(".month[data-month=" + month + "]");
-            if ($current == null) {
-              $(".month").hide("fast");
-              $new.fadeIn("fast");
-            } else {
-              ($container = $("#contentSection")).css('height', $container.height() + "px").css('overflow', 'hidden');
-              animations = $current.length;
-              $current.fadeOut("fast", function () {
-                $new.fadeIn("fast", function () {
-                  if (--animations > 0) {
-                    return;
-                  }
-                  curHeight = $container.height();
-                  autoHeight = $container.css('height', 'auto').height();
-                  $container.height(curHeight).animate({height: autoHeight}, 250, function () {
-                    $container.css('height', 'auto');
-                  });
-                });
-              });
-            }
-
-            $current = $new;
-            window.location.hash = (month === null) ? "alles" : ("page-" + month);
-
-            $previous = $(".pager .previous-month, .pager .current-month");
-            if (month == 0) {
-              $previous.addClass('disabled');
-            } else {
-              $previous.removeClass('disabled');
-            }
-
-            $next = $(".pager .next-month");
-            if (month == months) {
-              $next.addClass('disabled');
-            } else {
-              $next.removeClass('disabled');
-            }
-          }
-
-          $(".pager .previous-month").click(function (e) {
-            if (month > 0) gotoPage(--month);
-            e.preventDefault();
-          });
-          $(".pager .current-month").click(function (e) {
-            if (month != 0) gotoPage(month = 0);
-            e.preventDefault();
-          });
-          $(".pager .next-month").click(function (e) {
-            if (month < months) gotoPage(++month);
-            e.preventDefault();
-          });
-          $(".pager .everything").click(function (e) {
-            gotoPage(null);
-            e.preventDefault();
-          });
-          gotoPage(0);
-
-          window.onhashchange = function () {
-            if (window.location.hash == "#alles") {
-              gotoPage(null);
-            } else {
-              newMonth = window.location.hash.substr(6);
-              if (newMonth != month) {
-                gotoPage(newMonth);
-              }
-            }
-          }
-        </script>
-
-    @endpush
@endif
--- a/resources/views/contact.blade.php
+++ b/resources/views/contact.blade.php
@@ -21,7 +21,7 @@
            <div class="col-12 col-md">
                <h3>Contactinformatie</h3>

-                <p>Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.</p>
+                <p>Neem contact op met NH Gooi, de streekomroep voor Gooi &amp; Vechtstreek.</p>

                <p>Wij zijn te ontvangen in heel Gooi en Eemland. <br>
                    <a href="{{url('frequenties')}}" class="action_button">
@@ -31,9 +31,11 @@
                </p>

                <p class="page_margin_top">
-                    <b>Het postadres van NH Gooi is: </b><br>
+                    <b>NHGooi</b><br>
                    Postbus 83<br>
                    1270 AB Huizen<br>
+                    Tel: <a href="tel:+31356424776">035-6424774</a><br>
+                    KvK: 41194132<br>
                    <br>

                    <b>Bezoekadres / Studio:</b><br>
@@ -41,42 +43,25 @@
                    1271 AA Huizen<br><br>

                <p>
-                    <b>Telefoon en email:</b><br>
-                    Tel: 035-6424774<br/>
-                    Studio: 035-6424776<br/>
-                    E-mail: {{Html::mailto('info@nhgooi.nl')}}<br/>
-                    KvK: 41194132</table><br>
+                    <b>NHGooi Radio</b><br>
+                    IJsselmeerstraat 3B<br/>
+                    1271 AA, Huizen<br/>
+                    studio: <a href="tel:+31356424776">035-6424776</a><br/>
+                    KvK: 41194132<br>
                    <br>

-                    <b>Hoofdredactie</b><br>
+                    <b>Streekredactie</b><br>
+                    Gooise Brink, Kerkstraat 63/27<br>
+                    11211 CL Hilversum<br>
+                    Tiplijn: <a href="tel:+31642913637">06 - 42 91 36 37</a><br>
+                    e-mail: {{Html::mailto('info@NHGooi.nl')}}<br>
+                    <br>
+
+                    <b>Chef redactie</b><br>
                    Petra de Beij<br>
                    {{Html::mailto('petra.debeij@nhgooi.nl')}}<br><br>
                </p>
            </div>
-
-            <div class="col-12 col-md">
-                <h3>WhatsApp de redactie / Nieuwsupdate</h3>
-                <p class="intro">Elke dag het nieuws uit 't Gooi in een appje op je telefoon: dat kan met onze
-                    nieuwsdienst via WhatsApp.</p>
-                <p>Door je aan te melden ontvang je elke werkdag aan het eind van de middag het meest aansprekende
-                    nieuws uit 't Gooi op je mobiel. Dan ben je als eerste op de hoogte van wat er speelt in jouw buurt
-                    en wat er leeft in de regio.&nbsp;</p>
-                <p>Is er nieuws dat je meteen moet weten, zoals een grote brand of een wethouder die opstapt? Dan
-                    ontvang je meteen een extra berichtje.&nbsp;</p>
-                <p><strong>Aanmelden</strong><br>Aanmelden voor de NH Gooi-nieuwsdienst via WhatsApp doe je door 'NH
-                    GOOI AAN' te appen naar 088-8505651.</p>
-                <p>Met dat nummer heb je ook meteen contact met de redactie. Heb je een goeie tip of zelf een foto
-                    gemaakt van actueel nieuws? Dan kun je ons zelf ook appen of even bellen.&nbsp;</p>
-                <p style="background-color: #bad4ff; padding: 10px;"><strong>Hoe werkt het?<br></strong>Aanmelden voor
-                    de WhatsApp-nieuwsdienst van NH Gooi kan door een appje te sturen met de tekst 'NH GOOI AAN' naar
-                    088-8505651. Aanmelden en berichten ontvangen is gratis.<br><br>Je ontvangt dan één keer per dag een
-                    appje met het meest aansprekende Gooise nieuws. Is er nieuws dat je meteen moet weten, dan ontvang
-                    je een extra berichtje.&nbsp;<br>Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT'
-                    naar hetzelfde telefoonnummer.&nbsp;<br><br><em>Door je aan te melden ga je er mee akkoord dat NH
-                        Nieuws je telefoonnummer opslaat om je elke dag een berichtje te kunnen sturen.&nbsp;</em></p>
-
-            </div>
-
        </div>
    </div>
@endsection
--- a/resources/views/cookie_statement.blade.php
+++ b/resources/views/cookie_statement.blade.php
@@ -14,6 +14,27 @@

@section('content')
    <div class="page_body">
+<!DOCTYPE html>
+    <p>Bij NHGooi hechten we veel waarde aan uw privacy en de gebruiksvriendelijkheid van onze website. Daarom maken we gebruik van cookies om uw ervaring op onze website te verbeteren. Hieronder leest u meer over ons cookiebeleid en hoe wij cookies inzetten.</p>
+    
+    <h2>1. Wat zijn cookies?</h2>
+    <p>Cookies zijn kleine tekstbestanden die op uw computer of mobiele apparaat worden opgeslagen wanneer u onze website bezoekt. Deze cookies helpen ons om uw voorkeuren te onthouden en om onze website beter te laten functioneren.</p>
+    
+    <h2>2. Welke cookies gebruiken we?</h2>
+    <ul>
+        <li><strong>Functionele cookies:</strong> Deze cookies zijn essentieel voor het correct functioneren van onze website. Ze zorgen ervoor dat basisfuncties zoals paginanavigatie en toegang tot beveiligde delen van de website werken. Zonder deze cookies kan de website niet naar behoren functioneren.</li>
+        <li><strong>Analytische cookies:</strong> Met deze cookies kunnen we het gebruik van onze website analyseren en verbeteren. Ze helpen ons te begrijpen hoe bezoekers onze website gebruiken, zodat we de functionaliteit en content kunnen optimaliseren. We gebruiken hiervoor bijvoorbeeld Google Analytics.</li>
+        <li><strong>Advertentie- en trackingcookies:</strong> Deze cookies worden gebruikt om advertenties relevanter voor u te maken. Ze kunnen ook worden gebruikt om de effectiviteit van een advertentiecampagne te meten. Deze cookies worden door derde partijen geplaatst, zoals advertentienetwerken, en kunnen uw internetgedrag volgen.</li>
+    </ul>
+    
+    <h2>3. Beheer van cookies</h2>
+    <p>Bij uw eerste bezoek aan onze website wordt u gevraagd om akkoord te gaan met het plaatsen van cookies. U kunt uw cookievoorkeuren op elk moment wijzigen via de instellingen van uw browser. Houd er echter rekening mee dat het uitschakelen van cookies invloed kan hebben op de functionaliteit van onze website.</p>
+    
+    <h2>4. Uw privacy</h2>
+    <p>Uw privacy is voor ons van groot belang. Raadpleeg onze <a href="/privacy-verklaring">privacyverklaring</a> voor meer informatie over hoe wij omgaan met uw persoonlijke gegevens.</p>
+    
+    <h2>5. Vragen?</h2>
+    <p>Als u vragen heeft over ons cookiebeleid, neem dan gerust contact met ons op via <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>

    </div>
@endsection
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -4,7 +4,6 @@
    Home
@endsection

-
@section('content')
    <div class="clearfix">
        <div class="blog_grid" data-snapto="{}">
@@ -136,33 +135,34 @@
        {{-- body --}}
        <div class="grey_background">
            <div class="body_container row">
+                @if(!isset($disableBanners) || !$disableBanners)
                <div class="col-12">
                    <div class="d-none d-md-block" style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
                        - Advertentie -
                    </div>
-                    <div class="d-none d-md-block" style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    <div id="nhgooi_homepage_top" class="d-none d-md-block" style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_homepage_top",targetId: "nhgooi_homepage_top",adShownCallback: (adslot) => { calculateSize(adslot.targetId); }});});</script>
                </div>
+                @endif
                <div class="col-12 col-md content_container">
                    <div class="row">
                        <div class="col-md-6 col-12">
                            <h4 class="box_header"><span>Meer nieuws</span></h4>
-                            <div class="box">
+                            <div class="box full-width">
                                @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
                            </div>
                        </div>

                        <div class="col-md-6 col-12">
                            <h4 class="box_header"><span>Meest gelezen</span></h4>
-                            <div class="box">
+                            <div class="box full-width">
                                @include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
                            </div>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-12">
-                            <a class="btn auto_width" id="meer-nieuws" href="#"
-                               data-loadmorenews='{"container":["#items-more-news", "#items-most-read"], "url": "/nieuws"}'>
-                                <span class="fas fa-spinner fa-spin" id="loading"></span>
+                            <a class="btn auto_width" id="meer-nieuws" href="{{route('nieuws')}}">
                                Klik hier voor meer nieuws
                            </a>
                        </div>
@@ -199,21 +199,13 @@
                </div>

                <div class="col-12 col-md-auto sidebar">
-                    @include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
+                    @include('widgets/nhgooiradiotv', ['headerClass' => 'small'])
+
+                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])

                    @include('widgets/contact', [])

-                    <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
-                        - Advertentie -
-                    </div>
-                    <div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
-
-                    <div class="podcast_items">
-                        <h4 class="box_header extra_small"><span>Fragment gemist</span></h4>
-                        <div class="box">
-                            @include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
-                        </div>
-                    </div>
+                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side2', 'ad_sidebarId' => 'nhgooi_sidebar2'])
                </div>
            </div>
        </div>
--- a/resources/views/imageslist.blade.php
+++ b/resources/views/imageslist.blade.php
@@ -1,74 +1,81 @@
@extends('layouts/full')

-@section('title') 
-  @if($title) {{$title}} - Beelden @else Beelden @endif
+@section('title')
+    @if($title)
+        {{$title}} - Beelden
+    @else
+        Beelden
+    @endif
@endsection


@section('breadcrumb')
-	@if($title)
-	<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
-		<li><a title="Beelden" href="{{route('beelden')}}">Beelden</a></li>
-		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
-		<li>{{$title}}</li>
-	</ul>
-	@endif
+    @if($title)
+        <ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
+            <li><a title="Beelden" href="{{route('beelden')}}">Beelden</a></li>
+            <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+            <li>{{$title}}</li>
+        </ul>
+    @endif
@endsection

@section('content')
-        <p class='bouwmee'>Ook jouw foto op deze pagina? <a href="mailto:beelden@nhgooi.nl">Mail naar beelden@nhgooi.nl!</a></p>
+    <div class="page_body margin_bottom">
+        <p class='bouwmee'>Ook jouw foto op deze pagina? <a href="mailto:beelden@nhgooi.nl">Mail naar
+                beelden@nhgooi.nl!</a></p>

-	<div id="items">
-		@include('partial/imageslist_small', ['images' => $images])
-	</div>
+        <div id="items">
+            @include('partial/imageslist_small', ['images' => $images])
+        </div>

-	@if(count($images) >= 15)
-	<div>
-		<button class="more page_margin_top" type="button" id='meer-beelden'>
-			<span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
-			LAAD MEER BEELDEN
-		</button>
-	</div>
-	@endif
+        @if(count($images) >= 15)
+            <div>
+                <button class="more page_margin_top" type="button" id='meer-beelden'>
+                    <span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
+                    LAAD MEER BEELDEN
+                </button>
+            </div>
+        @endif
+    </div>

@endsection

@push('scripts')
-<script>
-	var nextPage = 2;
-	var isLoading = 0;
-	var $isLoading = $('#loading').hide();
+    <script>
+      var nextPage = 2;
+      var isLoading = 0;
+      var $isLoading = $('#loading').hide();

-	$('#meer-beelden').click(function(e) {
-		e.preventDefault();
-		if(!isLoading) {
-			// Set flag and update UI
-			isLoading = 1;
-			$isLoading.show();
-			var $button = $(this).attr("disabled", "disabled");
-	
-			// Fire request for the next page
-			$.ajax({ url: document.location.pathname + '?pagina=' + nextPage })
-				.always(function() { 
-					// Whether success or failure, update the UI again
-					isLoading = 0; 
-					$isLoading.hide(); 
-					$button.removeAttr("disabled");
-				})
-				.done(function(data) { 
-					if(!data) { 
-						// When no data was returned, disable the button permanently
-						page = -1;
-                				$('#items').append("<hr /><p>Er zijn geen beelden (meer).</p>"); 
-						$button.remove();
-						return;
-					}
+      $('#meer-beelden').click(function (e) {
+        e.preventDefault();
+        if (!isLoading) {
+          // Set flag and update UI
+          isLoading = 1;
+          $isLoading.show();
+          var $button = $(this).attr("disabled", "disabled");

-					$('#items').append(data); 
-					++nextPage;
-				});
-		}
-	});
-</script>
+          // Fire request for the next page
+          $.ajax({url: document.location.pathname + '?pagina=' + nextPage})
+            .always(function () {
+              // Whether success or failure, update the UI again
+              isLoading = 0;
+              $isLoading.hide();
+              $button.removeAttr("disabled");
+            })
+            .done(function (data) {
+              if (!data) {
+                // When no data was returned, disable the button permanently
+                page = -1;
+                $('#items').append("<hr /><p>Er zijn geen beelden (meer).</p>");
+                $button.remove();
+                return;
+              }
+
+              $('#items').append(data);
+              ++nextPage;
+            });
+        }
+      });
+    </script>
@endpush

--- a/resources/views/jobsitem.blade.php
+++ b/resources/views/jobsitem.blade.php
@@ -1,50 +1,60 @@
@extends('layouts/sidebar')

-@section('title') 
+@section('title')
  {{$job->title}}
@endsection

-
@section('breadcrumb')
 	<ul class="bread_crumb">
+		<li><a title="Home" href="/">Home</a></li>
+		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
 		<li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
-		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
+		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
 		<li>{{$job->title}}</li>
 	</ul>
-@endsection 
+@endsection
+
+@section('page_container_class')
+	grey_background
+@endsection
+@section('site_container_class')
+	grey_background
+@endsection
+@section('container_class')
+	news_post post_container
+@endsection


@section('content')

-<div class="row">
-	<div class="post single ">
-		<div class="post_content clearfix">
-			<div class="content_box">
-				@if($job->images)
-					@if(count($job->images) == 1)
-					<div class="post_image_box">
-						<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$job->images[0]->title}}">
-							<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
-						</a>
-						<div class="sentence">
-							<span class="text">{{$job->images[0]->title}}</span>
-							@if(isset($job->images[0]->author))
-								<span class="author">{{$job->images[0]->author}}</span>
-							@endif
-						</div>
+	<div class="post_body">
+		@if($job->images)
+			@if(count($job->images) == 1)
+				<div class="post_image_box">
+					<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
+					   title="{{$job->images[0]->title}}">
+						<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
+					</a>
+					<div class="sentence">
+						<span class="text">{{$job->images[0]->title}}</span>
+						@if(isset($job->images[0]->author))
+							<span class="author">{{$job->images[0]->author}}</span>
+						@endif
 					</div>
-					@else
-					<div class="horizontal_carousel_container thin page_margin_top gallery_control">
-						<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
-							@foreach($job->images as $image)
+				</div>
+			@else
+				<div class="horizontal_carousel_container thin page_margin_top gallery_control">
+					<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+						@foreach($job->images as $image)
 							<li>
 								<a href="#"><img src='{{$imgBase . $image->url}}'></a>
 							</li>
-							@endforeach
-						</ul>
-					</div>
-					<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
-						<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+						@endforeach
+					</ul>
+				</div>
+				<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
+					<ul id="post-gallery"
+						class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
 						@foreach($job->images as $image)
 							<li>
 								<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
@@ -52,57 +62,32 @@
 									<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
 								</a>
 							</li>
-						</ul>
-						@endforeach
-					</div>
-					@endif
-				@endif
-
-				<div class="text">
-				{!!$job->content!!}
- 
-                                <hr />
-                                <h4>Interesse?</h4>
-  				<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende kennismaking</a> met NH Gooi.</p>
-  				<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a> -->
-
-                                <p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
-				<a class="read_more" href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}" title="Mail direct je reactie op deze vacature."><span class="arrow"></span><span>Reageer nu!</span></a>
+					</ul>
+					@endforeach
 				</div>
-				
-				{{--
-				@include('widgets/share')
-				--}}
+			@endif
+		@endif

-			</div>
+		<div class="text">
+			{!!$job->content!!}
+
+			<hr/>
+			<h2>Interesse?</h2>
+			<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende
+					kennismaking</a> met NH Gooi.</p>
+			<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a> -->
+
+			<p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen
+				contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
+			<a class="btn"  href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}"
+			   title="Mail direct je reactie op deze vacature.">
+				<span>Reageer nu!</span>
+			</a>
 		</div>
+
+		{{--
+        @include('widgets/share')
+        --}}
+
 	</div>
-</div>
-<style>
-  .post.single .content_box {
-    float: none;
-    margin-left: 0;
-    width: auto;
-    padding: 1em 0;
-    color: #3E3E3E !important;
-    line-height: 150%;
-  }
-  .content_box .text > * {
-    margin-left: 0px;
-  }
-  .content_box ul br { 
-    display: none;
-  }
-
-
-  .content_box li {
-    padding-top: 7px;
-    padding-bottom: 7px;
-    margin-top: 0;
-    background-repeat: no-repeat;
-    background-position: left 10px;
-    padding-left: 25px;
-    background-image: url("/images/icons/other/bullet_style_2.png");
-  }
-</style>
@endsection
--- a/resources/views/jobslist.blade.php
+++ b/resources/views/jobslist.blade.php
@@ -1,275 +1,69 @@
@extends('layouts/sidebar')

@section('title')
-  Vacatures
+    Vacatures
+@endsection
+
+@section('breadcrumb')
+    <ul class="bread_crumb">
+        <li><a title="Home" href="/">Home</a></li>
+        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+        <li>Vacatures</li>
+    </ul>
+@endsection
+
+@section('page_class')
+    news_post post_container breadcrumb_no_border
+@endsection
+@section('page_container_class')
+    grey_background
+@endsection
+@section('site_container_class')
+    grey_background
@endsection

@section('content')
-@parent
+    @parent

-<div class="vacature_row">
-<div class="column_23">
-<h3 class="first">Wat doen wij?</h3>
-<p>NH Gooi is de streekomroep voor het Gooi. We maken radio- en televisieprogramma’s,
-podcasts en een website met nieuws en verhalen uit je achtertuin. Muziek, informatie,
-cultuur en ontspanning staan centraal in onze uitzendingen, maar altijd met een link naar
-het Gooi. NH Gooi is volop in ontwikkeling en wil haar activiteiten uitbouwen.</p>
+    <div class="post_body ">

-<blockquote>
-Ik kwam hier als programmeur en nu maak ik met een collega, inmiddels vriend, elke week een
-kleinkunstprogramma
+    <h2>Wat doen wij?</h2>
+    <p>NH Gooi is dé streekomroep voor het Gooi. We maken radio- en televisieprogramma’s, podcasts en bieden een website vol nieuws en verhalen uit jouw streek. Onze uitzendingen draaien om muziek, informatie, cultuur en ontspanning, allemaal met een duidelijke link naar het Gooi. Met meer dan 60 (vrijwillige) medewerkers zijn we volop in ontwikkeling en willen we onze activiteiten verder uitbouwen.</p>
+    <p>Wil jij meebouwen aan de streekomroep van en voor het Gooi? Heb je een stevige motivatie en misschien al wat ervaring? Dan ben je bij ons aan het juiste adres. NH Gooi biedt kansen voor iedereen die wil bijdragen aan onze organisatie. En dat allemaal in het mediahart van Nederland.</p>
+    <blockquote>
+	Ik kwam hier als programmeur en nu maak ik met een collega, inmiddels vriend, elke week een kleinkunstprogramma
+	<span class="author">— Mischa, programmamaker en technicus</span>
+    </blockquote>
+    <p>Als vrijwilliger van NH Gooi kan je gebruik maken van de opleidingsmogelijkheden die via de NLPO worden aangeboden. Kijk bijvoorbeeld eens op de <a href="https://www.nlpo.nl/opleidingen/">website van de NLPO</a> over het huidige aanbod. Ook organiseren we samen met onze mediapartner NH trainingen en cursussen.</p>

-<span class="author">—&nbsp;&nbsp;Mischa, programmamaker en technicus</span>
-</blockquote>
+    <h2>Huidige (vrijwillige) vacatures</h2>

-<p>Lijkt het je leuk om mee te bouwen aan de streekomroep van en voor het Gooi? Dan ben je aan het juiste adres. NH Gooi is volop in ontwikkeling en biedt kansen voor iedereen die wil meebouwen aan
-onze organisatie. En dat allemaal in het mediacentrum van ons land.</p>
+    <h3>Programma’s en content</h3>
+    <ul>
+        <li><strong>Contentmakers audio en video, voor en achter de schermen:</strong> Wil je programma's maken voor radio en/of televisie, verslaggever worden of podcasts maken? Wij zoeken mensen die het leuk vinden om te filmen, te monteren, te regisseren, redactie te voeren, programma’s te maken nieuws te lezen etc. Wil je een mooi vak leren, je kennis uitbreiden, vlieguren maken of misschien anderen jouw vak leren? Kom bij onze fijne club.</li>
+        <li><strong>Technisch medewerkers (ICT, audio- en videotechniek):</strong> Ben jij de techneut of ICT'er die zorgt dat alle techniek en verbindingen goed blijven werken? Vind je het leuk om onze website te beheren, onze (muziek)programmering in onze computersystemen te verwerken, en/of de studio’s werkend te houden en te verbeteren? Kun je goed overweg met het opnemen en monteren van promo’s, spotjes en andere audio- en videoproducten? Dan zoeken we jou!</li>
+    </ul>

-<p>Wil je programma's maken voor radio en/of televisie, verslaggever worden, podcasts maken? Ben
-jij de techneut of ICT-er die zorgt dat alle techniek en verbindingen goed blijven werken? Of vind je
-het juist leuk om met een klein team mee te denken en te zorgen dat we nog bekender worden?
-Bijna alles is mogelijk en altijd onder begeleiding of samen met anderen.</p>
+    <blockquote>
+       Je krijgt bij NHGooi de kans om jezelf te ontwikkelen. Ik mocht al heel snel mijn eigen programma maken
+       <span class="author">— Yannick, programmamaker</span>
+    </blockquote>

-<p>Wat wij van jou vragen is dat je nieuwsgierig bent, goed kunt samenwerken en graag op zoek gaat
-naar de verhalen uit het Gooi. Meer weten?
-  <a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Schrijf je nu in voor een kennismaking</a> en laat je inspireren, het verplicht je tot niets.</p>
-</div>
-<div class="column_13">
-<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
-<h3 class="first">Maak kennis met ons!</h3>
-  <!-- <p>Kom op 27 november kennismaken met NH Gooi!</p> -->
-  <p>Laat je uitnodigen voor een kennismaking</p>
- 
-  <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Aanmelden</span></a>
-  <div class="clearfix"></div>
-</div>
+    <h3>Bestuur, staf en organisatie</h3>
+    <ul>
+        <li><strong>Diverse coördinatoren:</strong> NH Gooi is een organisatie van ruim 60 vrijwilligers die samen radio, televisie, podcasts en online producties maken. Met de ambitie om in 2025 het <a href="https://www.nlpo.nl/keurmerk-nederlands-streekomroepen/">keurmerk Nederlandse Streekomroepen</a> te behalen, streven we naar verdere professionalisering van onze interne organisatie en besturingsstructuur. We zoeken gemotiveerde vrijwilligers met coördinerende ervaring. Denk aan coördinator audio, video, externe producties, techniek, vrijwilligers/medewerkerszaken en commercie. Stuur je reactie met korte motivatie naar <a href="mailto:meebouwen@NHGooi.nl">meebouwen@NHGooi.nl</a>.</li>
+        <li><strong>Buurt- & clubambassadeurs:</strong> NH Gooi is de stem van het Gooi. We laten graag zien en horen wat er speelt in het Gooi, door en voor inwoners van de Gooi en Vechtstreek. We brengen zo veel mogelijk nieuws en informatie uit alle kernen van het Gooi. Ook willen graag de informatie van clubs, verenigingen en andere, maatschappelijke, organisatie voor het voetlicht brengen. We zoeken ambassadeurs per kern/wijk en club/vereniging/organisatie die verslag willen doen van gebeurtenissen in hun omgeving of club. Of je nu tips doorgeeft aan de redactie of zelf verslag doet via een artikel, foto’s, audio of video – alles is mogelijk. Afhankelijk van jouw kennis, kunde en talent bepalen we samen wat mogelijk is. Sollicitaties met korte motivatie kunnen naar onze chef-redactie Petra de Beij: <a href="mailto:petra.deBeij@NHGooi.nl">petra.deBeij@NHGooi.nl</a>.</li>
+        <li><strong>Lid van het PBO:</strong> Het PBO is het programmabeleidbepalend orgaan van onze omroep. Het PBO komt minimaal drie keer per jaar bij elkaar om het media-aanbodbeleid vast te stellen en te controleren of onze programma’s voldoen aan de wettelijke normen. De leden vertegenwoordigen diverse stromingen binnen onze gemeenten, zodat we een directe binding hebben met ons publiek. Als je betrokken bent bij een van de stromingen in de Gooise samenleving (zoals sport, maatschappelijke zorg, kunst en cultuur, kerkgenootschappen, onderwijs, etnische minderheden, jongeren, ouderen, etc.) en wilt deelnemen aan het PBO, neem dan contact op via <a href="mailto:bestuur@nhgooi.nl">bestuur@nhgooi.nl</a>.</li>
+    </ul>

-<h3 class="first">Wie zoeken wij?</h3>
-@foreach($jobs as $job) 
-<a class="read_more" href="{{$job->url}}" title="Reageer direct op de vacature {{$job->title}}"><span class="arrow"></span><span>{{$job->title}}</span></a>
-@endforeach
-<div class="clearfix"></div>
-<div style="margin: 1em; border-bottom: solid 1px #333;"></div>
-<h5>Niet wat je zoekt?</h5>
-<a class="read_more" href="mailto:meebouwen@nhgooi.nl?subject=Open sollicitatie" title="Mail direct je reactie op deze vacature."><span class="arrow"></span><span>Open sollicitatie</span></a>
-        </div>
-</div>
+    <h2>Vrijwillig maar niet vrijblijvend</h2>
+    <p>Werken aan radio-, televisie-, podcast- en onlineproducties en het draaiende houden van onze organisatie is enorm leuk en inspirerend. Dit vraagt echter expertise, inzet en vasthoudendheid. NH Gooi is een vrijwilligersorganisatie, maar dat betekent niet dat we onderdoen voor een beroepsorganisatie. We vinden het belangrijk dat we op je kunnen rekenen. Vrijwillig is immers niet vrijblijvend. </p>
+    <p>We vragen dat je nieuwsgierig bent, goed kunt samenwerken en gemotiveerd bent om je in te zetten voor NH Gooi. En met wat ervaring heb je een streepje voor! En wil je nieuwe dingen leren? Dan kun je gebruik maken van de opleidingsmogelijkheden.</p>
+    <p>Neem contact met ons op via <a href="mailto:meebouwen@nhgooi.nl">meebouwen@nhgooi.nl</a> en geef aan waar je interesse ligt, welke ervaring je hebt en wat je motivatie is om mee te bouwen aan NH Gooi.</p>

-<div class="clearfix"></div>
-<blockquote>
-Je krijgt bij NH Gooi de kans om jezelf te ontwikkelen. Ik mocht al heel snel mijn eigen programma maken
-<span class="author">—&nbsp;&nbsp;Yannick, programmamaker</span>
-</blockquote>
-
-
-<h3 class="page_margin_top">Veelgestelde vragen</h3>
-
-<div class="vraag">
-<button class="vraag-header">Wat kan NH Gooi mij bieden?</button>
-<div class="antwoord">
-<ul>
-<li>Een baan als vrijwilliger met toekomst. Veel (ex)collega’s zijn in dienst bij landelijke of regionale omroepen.</li>
-<li>De kans om mee te bouwen aan onze organisatie en programma’s.</li>
-<li>Een enthousiast team met veel kennis</li>
-<li>Meer plannen dan we op dit moment kunnen uitvoeren</li>
-<li>Een organisatie waar je je talenten kan ontdekken</li>
-<li>Workshops en bijeenkomsten met collega’s</li>
-</ul>
-</div>
-</div>
-
-<div class="vraag">
-<button class="vraag-header">Aan welke voorwaarden moet ik voldoen?</button>
-<div class="antwoord">
-Je hebt een band met het Gooi.
-Je kunt zelfstandig werken
-Je bent nieuwsgierig en ondernemend
-Je wilt graag bij een omroep werken
-</div>
-</div>
-
-<div class="vraag">
-<button class="vraag-header">Kan ik me zonder ervaring ook bij NH Gooi aanmelden?</button>
-<div class="antwoord">
-Ja, de wil om te leren en een flinke dosis enthousiasme is genoeg.
-</div>
-</div>
-
-<div class="vraag">
-<button class="vraag-header">Kan ik ook meerdere dingen doen bij NH Gooi?</button>
-<div class="antwoord">
-Ja, dat is geen probleem. Bij NH Gooi is (bijna) alles mogelijk. Het belangrijkste is dat je enthousiast bent en je er echt voor in wil zetten. 
-</div>
-</div>
-
-<div class="vraag">
-<button class="vraag-header">Ik vind het leuk om mee richting te geven aan NH Gooi, kan dat ook?</button>
-<div class="antwoord">
-Absoluut! Voor de verschillende onderdelen zoeken we ook coördinatoren die mede richting willen geven en anderen kan ondersteunen en stimuleren.
-</div>
-</div>
-
-<blockquote>
-Produceren, presenteren, reportages maken, monteren; ik kon het allemaal leren bij NH Gooi. Wil je iets met radio, ben je van 'wel vrijwillig, maar niet vrijblijvend?' Dan wil ik graag mijn ervaringen met je delen
-<span class="author">—&nbsp;&nbsp;Michel Stoeltie</span>
-</blockquote>
-
-<div class="vraag">
-<button class="vraag-header">Ik ben 62 jaar, kan ik me dan ook aanmelden?</button>
-<div class="antwoord">
-Uiteraard, wij hebben collega’s van 18 tot 72 jaar
-</div>
-</div>
-
-<div class="vraag">
-<button class="vraag-header">Ik heb een parttimebaan, kan ik me aanmelden?</button>
-<div class="antwoord">
-Ja, als je wilt inzetten voor NH Gooi en we kunnen op je rekenen, dan ben je welkom.
-Hoeveel tijd je beschikbaar hebt en wanneer is minder belangrijk.
-</div>
-</div>
-
-<div class="vraag">
-<button class="vraag-header">Als ik meedoe, hoeveel uur per week ben ik dan bezig?</button>
-<div class="antwoord">
-Of je veel of weinig tijd hebt, dat maakt niet uit. Wel vinden we het belangrijk, als je je in wilt zetten, dat we op je kunnen rekenen.
-</div>
-</div>
-
-<div class="vraag">
-<button class="vraag-header">Wat kan ik verwachten van de begeleiding?</button>
-<div class="antwoord">
-Je wordt begeleid door een of meer collega’s van NH Gooi. Dit is afhankelijk wat en hoeveel je voor NH Gooi wilt en kunt doen. 
-Jouw begeleider 
-Is jouw vraagbaak en kent de organisatie en weet wie je kunt benaderen voor specifieke vragen
-Zet je op het spoor van dingen en mensen die voor jou interessant zijn
-Maar is geen persoonlijk assistent.
-</div>
-</div>
-
-<style>
-  .vacature_row {
-    display: flex;
-  }
-
-  .column_13 {
-    flex: 1 0 33%;
-    padding: 4px;
-  } 
-
-  .column_23 {
-    flex: 1 1 67%;
-    padding: 4px;
-  }
-
-  @media screen and (max-width: 479px) {
-    .vacature_row {
-      display: block;
-    }
-  }
-
-  blockquote {
-    font-size: 120%;
-    background-color: white;
-    margin: 0;
-  }
-
-  blockquote .author {
-    margin-top: 12px;
-  }
-
-  .joblist li, .antwoord li {
-    padding-top: 7px;
-    padding-bottom: 7px;
-    margin-top: 0;
-    background-repeat: no-repeat;
-    background-position: left 10px;
-    padding-left: 25px;
-    background-image: url("/images/icons/other/bullet_style_2.png");
-  }
-
-  .vraag {
-    padding: 3px;
-    margin-top: 3px;
-    margin-bottom: 3px;
-  }
-
-  .vraag a {
-    font-size: 150%;
-  }
-
-  .vraag a:before {
-
-  }
-
-  .vraag .antwoord {
-    display: none;
-    font-size: 12px;
-    color: black;
-  }
-
- /* Style the buttons that are used to open and close the accordion panel */
-.vraag-header {
-  background-color: #f0f0f0;
-  color: #444;
-  cursor: pointer;
-  padding: 18px;
-  width: 100%;
-  text-align: left;
-  border: none;
-  border-left: 3px solid #1F3977;
-  outline: none;
-  transition: 0.4s;
-}
-
-/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
-.active, .vraag-header:hover {
-  background-color: #c0c0c0;
-}
-
-/* Style the accordion panel. Note: hidden by default */
-.vraag .antwoord {
-  padding: 18px 18px;
-  font-size: 100%;
-  line-height: 150%;
-  background-color: white;
-  display: none;
-  overflow: hidden;
-} 
-
-button.vraag-header.active::after {
-    content: "\2212";
-}
-button.vraag-header::after {
-    content: '\002B';
-    color: #777;
-    font-weight: bold;
-    float: right;
-    margin-left: 5px;
-}
-
-.page_header {
-  display: none;
-}
-</style>
-<script>
-   var acc = document.getElementsByClassName("vraag-header");
-var i;
-
-for (i = 0; i < acc.length; i++) {
-  acc[i].addEventListener("click", function() {
-    /* Toggle between adding and removing the "active" class,
-    to highlight the button that controls the panel */
-    this.classList.toggle("active");
-
-    /* Toggle between hiding and showing the active panel */
-    var panel = this.nextElementSibling;
-    if (panel.style.display === "block") {
-      $(panel).slideUp();
-    } else {
-      $(panel).slideDown();
-    }
-  });
-} 
-</script>
+    <blockquote>
+	Produceren, presenteren, reportages maken, monteren; ik kon het allemaal leren bij NH Gooi. Wil je iets met radio, ben je van 'wel vrijwillig, maar niet vrijblijvend?' Dan wil ik graag mijn ervaringen met je delen
+	<span class="author">— Michel Stoeltie</span>
+    </blockquote>
+    </div>
@endsection
--- a/resources/views/kennismakingsbijeenkomst.blade.php
+++ b/resources/views/kennismakingsbijeenkomst.blade.php
@@ -1,24 +1,36 @@
@extends('layouts/full')

@section('title')
-  Meebouwen?
+    Meebouwen?
+@endsection
+
+@section('breadcrumb')
+    <ul class="bread_crumb">
+        <li><a title="Home" href="/">Home</a></li>
+        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+        <li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
+        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+        <li>Ontmoet ons</li>
+    </ul>
@endsection

@section('content')
-@parent
+    <div class="page_body margin_bottom">

-@if(isset($antispam))
-<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
-<p>Oeps, de anti-spam waarde was incorrect! Helaas krijgen we zoveel spam binnen dat we je moeten vragen om een simpele rekensom op te lossen, voordat we je verzoek doorsturen.</p>
-</div>
-@endif 
-@if(isset($bevestiging))
-<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
-<p>Dank je wel voor je aanmelding! Een bevestiging hiervan is gestuurd naar <code>{{ $bevestiging }}</code>.</p>
-</div>
-@endif 
+    @if(isset($antispam))
+        <div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
+            <p>Oeps, de anti-spam waarde was incorrect! Helaas krijgen we zoveel spam binnen dat we je moeten vragen om
+                een simpele rekensom op te lossen, voordat we je verzoek doorsturen.</p>
+        </div>
+    @endif
+    @if(isset($bevestiging))
+        <div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
+            <p>Dank je wel voor je aanmelding! Een bevestiging hiervan is gestuurd naar <code>{{ $bevestiging }}</code>.
+            </p>
+        </div>
+    @endif

-<!--
+    <!--
 <h3 class="page_margin_top">Programma informatiebijeenkomst NH Gooi 27 november 2021</h3>
 <table>
 <tr>
@@ -50,114 +62,139 @@

 -->

-<p>
-Als je het leuk vindt om met, bij en voor ons aan de slag te gaan en mee te bouwen aan een sterke streekomroep, laat dan hieronder je naam en contactgegevens achter. Geef ons ook alvast wat informatie waar je interesse naar uitgaat en wat je te bieden hebt. We nemen dan binnenkort contact met je op voor een persoonlijke kennismaking.
-</p>
+    <p>
+        Als je het leuk vindt om met, bij en voor ons aan de slag te gaan en mee te bouwen aan een sterke streekomroep,
+        laat dan hieronder je naam en contactgegevens achter. Geef ons ook alvast wat informatie waar je interesse naar
+        uitgaat en wat je te bieden hebt. We nemen dan binnenkort contact met je op voor een persoonlijke kennismaking.
+    </p>

-@if(!isset($bevestiging))
-<h4 class="box_header">
-	Aanmelden
-</h4>
+    @if(!isset($bevestiging))
+        <h4 class="box_header">
+            Aanmelden
+        </h4>

-<p>
-Er gebeurt veel bij NH Gooi. Van radio en podcasts maken tot ICT en uitzendtechniek en van Tv-interviews produceren tot marketing en communicatie. Maar ook organisatorisch talent kunnen we goed gebruiken. Schrijf daarom zo concreet en volledig mogelijk op wat (op dit moment) je interesse hebt en waar je mogelijk al ervaring mee hebt.
-</p>
+        <p>
+            Er gebeurt veel bij NH Gooi. Van radio en podcasts maken tot ICT en uitzendtechniek en van Tv-interviews
+            produceren tot marketing en communicatie. Maar ook organisatorisch talent kunnen we goed gebruiken. Schrijf
+            daarom zo concreet en volledig mogelijk op wat (op dit moment) je interesse hebt en waar je mogelijk al
+            ervaring mee hebt.
+        </p>

-<form class="forr margin_top_15" id="form" method="post" action="/vacatures/ontmoet-ons" style="background: none;">
-	{{ csrf_field() }}
-        <fieldset style="display: inline;">
-	<p>Ja, ik maak graag kennis met NH Gooi!</p>
-	</fieldset>
-	<fieldset class="">
-		<div class="block">
-			<label for="name">Naam</label>
-			<input class="text_input hint" id="name" name="name" type="text" placeholder="Naam" required="required">
-		</div>
-	</fieldset>
-	<fieldset class="">
-		<div class="block">
-			<label for="email">E-mailadres</label>
-			<input class="text_input hint" id="email" name="email" type="text" placeholder="Emailadres" required="required">
-		</div>
-	</fieldset>
-	<fieldset class="">
-		<div class="block">
-			<label for="phone">Telefoonnummer</label>
-			<input class="text_input hint" id="phone" name="phone" type="text" placeholder="Telefoonnummer" required="required">
-		</div>
-	</fieldset>
-	<fieldset>
-		<div class="block">
-                        <p style="padding-bottom: 0;">Korte toelichting: wat wil je doen en welke ervaring heb je eventueel al?</p>
-		</div>
-		<textarea name="message" placeholder="Toelichting" class="hint"></textarea>
-	</fieldset>
-	<fieldset class="">
-		<div class="block">
-			<label for="phone">Anti-spam</label>
-			<input class="text_input hint" id="antispam" name="antispam" type="text" placeholder="Uitkomst van de som" required="required">
-                        <p style="">Helaas krijgen we ook veel spam binnen. Vul alsjeblieft in getallen in hoeveel <b>twee plus drie</b> is.</p>
-		</div>
-	</fieldset>
-	<fieldset>
-		<input type="hidden" name="action" value="contact_form">
-		<input type="submit" name="submit" value="Aanmelden!" class="more active">
-	</fieldset>
-</form>
-<p style="color: #333; font-size: 80%;">Privacy-statement: bovenstaande informatie wordt alleen gebruikt door geselecteerde medewerkers om contact met je op te nemen over je aanmelding en je informatie te sturen. Je gegevens worden verder niet opgeslagen en na de bijeenkomst danwel je tijdige afmelding verwijderd, tenzij we deze gegevens nog nodig hebben omdat je (vrijwillige) werkzaamheden wilt gaan verrichten bij NH Gooi.</p>
-@endif
+        <form class="forr margin_top_15" id="form" method="post" action="/vacatures/ontmoet-ons"
+              style="background: none;">
+            {{ csrf_field() }}
+            <fieldset style="display: inline;">
+                <p>Ja, ik maak graag kennis met NH Gooi!</p>
+            </fieldset>
+            <fieldset class="">
+                <div class="block">
+                    <label for="name">Naam</label>
+                    <input class="text_input hint" id="name" name="name" type="text" placeholder="Naam"
+                           required="required">
+                </div>
+            </fieldset>
+            <fieldset class="">
+                <div class="block">
+                    <label for="email">E-mailadres</label>
+                    <input class="text_input hint" id="email" name="email" type="text" placeholder="Emailadres"
+                           required="required">
+                </div>
+            </fieldset>
+            <fieldset class="">
+                <div class="block">
+                    <label for="phone">Telefoonnummer</label>
+                    <input class="text_input hint" id="phone" name="phone" type="text" placeholder="Telefoonnummer"
+                           required="required">
+                </div>
+            </fieldset>
+            <fieldset>
+                <div class="block">
+                    <p style="padding-bottom: 0;">Korte toelichting: wat wil je doen en welke ervaring heb je eventueel
+                        al?</p>
+                </div>
+                <textarea class="texterea_input" name="message" placeholder="Toelichting" class="hint"></textarea>
+            </fieldset>
+            <fieldset class="">
+                <div class="block">
+                    <label for="phone">Anti-spam</label>
+                    <input class="text_input hint" id="antispam" name="antispam" type="text"
+                           placeholder="Uitkomst van de som" required="required">
+                    <p style="">Helaas krijgen we ook veel spam binnen. Vul alsjeblieft in getallen in hoeveel <b>twee
+                            plus drie</b> is.</p>
+                </div>
+            </fieldset>
+            <fieldset>
+                <input type="hidden" name="action" value="contact_form">
+                <input type="submit" name="submit" value="Aanmelden!" class="more active">
+            </fieldset>
+        </form>
+        <p style="color: #333; font-size: 80%;">Privacy-statement: bovenstaande informatie wordt alleen gebruikt door
+            geselecteerde medewerkers om contact met je op te nemen over je aanmelding en je informatie te sturen. Je
+            gegevens worden verder niet opgeslagen en na de bijeenkomst danwel je tijdige afmelding verwijderd, tenzij
+            we deze gegevens nog nodig hebben omdat je (vrijwillige) werkzaamheden wilt gaan verrichten bij NH Gooi.</p>
+    @endif

-<style>
-  table { width: 100%; }
-  td {
-    border-top: solid 1px #ddd;
-    vertical-align: top;
-    color: #444;
-    line-height: 150%;
-  }
-  li {
-    margin-left: 10px;
-    padding-top: 2px;
-    margin-top: 0;
-    padding-left: 25px;
-  }
-  td > ul > li {
-    background-repeat: no-repeat;
-    background-position: left 10px;
-    background-image: url("/images/icons/other/bullet_style_2.png");
-  }
+    </div>

-  fieldset .block { 
-    display: flex;
-    margin-bottom: 3px;
-  }
+    <style>
+        .page_body table {
+            width: 100%;
+        }

-  fieldset label {
-    display: block;
-    flex: 0 1 150px;
-    margin-top: auto;
-    margin-bottom: auto;
-    color: #777;
-  }
+        .page_body td {
+            border-top: solid 1px #ddd;
+            vertical-align: top;
+            color: #444;
+            line-height: 150%;
+        }

-  fieldset input {
-    flex: 1 1;
-  }
-  
-  fieldset textarea {
-   width: 100%;
-  }
+        .page_body li {
+            margin-left: 10px;
+            padding-top: 2px;
+            margin-top: 0;
+            padding-left: 25px;
+        }

-  @media screen and (max-width: 479px) {
-    fieldset .block {
-      flex-wrap: wrap;
-      margin-top: 15px;
-    }
+        .page_body td > ul > li {
+            background-repeat: no-repeat;
+            background-position: left 10px;
+            background-image: url("/images/icons/other/bullet_style_2.png");
+        }

-    fieldset label {
-    }
-  } 
-</style>
+        .page_body fieldset {
+            border: none;
+        }

+        .page_body fieldset .block {
+            display: flex;
+            margin-bottom: 3px;
+        }
+
+        .page_body fieldset label {
+            display: block;
+            flex: 0 1 150px;
+            margin-top: auto;
+            margin-bottom: auto;
+            color: #777;
+        }
+
+        .page_body fieldset input {
+            flex: 1 1;
+        }
+
+        .page_body fieldset textarea {
+            width: 100%;
+        }
+
+        @media screen and (max-width: 479px) {
+            .page_body fieldset .block {
+                flex-wrap: wrap;
+                margin-top: 15px;
+            }
+
+            .page_body fieldset label {
+            }
+        }
+    </style>
@endsection

--- a/resources/views/layouts/_analytics.blade.php
+++ b/resources/views/layouts/_analytics.blade.php
@@ -12,5 +12,11 @@ cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palet
 </script>
 <!-- End Google Tag Manager -->

+@if(!isset($disableBanners) || !$disableBanners)
+<script type="text/javascript" src="https://cdn.optoutadvertising.com/script/ootag.v2.js"></script><script>var ootag =
+    ootag || {}; ootag.queue = ootag.queue || [];ootag.queue.push(function () { ootag.initializeOo({
+    publisher: 4, onlyNoConsent: 1, consentTimeOutMS: 500 });});</script>
+@endif
+
 <noscript>ePrivacy and GPDR Cookie Consent by <a href="https://www.CookieConsent.com/" rel="nofollow noopener">Cookie Consent</a></noscript>
 <!-- End Cookie Consent by https://www.CookieConsent.com -->
--- a/resources/views/layouts/_head.blade.php
+++ b/resources/views/layouts/_head.blade.php
@@ -10,20 +10,10 @@
 		<!--style-->
 		<link href='//fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
 		<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'>
-		<!--<link rel="stylesheet" type="text/css" href="/css/reset.css">
-		<link rel="stylesheet" type="text/css" href="/css/superfish.css">
-		<link rel="stylesheet" type="text/css" href="/css/jquery.qtip.css">
-		<link rel="stylesheet" type="text/css" href="/css/style.css">
-		<link rel="stylesheet" type="text/css" href="/css/menu_styles.css">
-		<link rel="stylesheet" type="text/css" href="/css/animations.css">
-		<link rel="stylesheet" type="text/css" href="/css/responsive.css">
-		<link rel="stylesheet" type="text/css" href="/css/odometer-theme-default.css">
-		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
-		<link rel="stylesheet" type="text/css" href="/css/nhgooi.css">-->
 		<link rel="stylesheet" type="text/css" href="/css/prettyPhoto.css">
 		<link rel="stylesheet" type="text/css" href="/css/bootstrap-grid.min.css">
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-		<link rel="stylesheet" type="text/css" href="/css/style.css">
+		<link rel="stylesheet" type="text/css" href="/css/style.min.css?<?= filemtime("../public/css/style.min.css"); ?>" />
 		<meta property="fb:app_id" content="133349980094758" />
 		<meta property="og:site_name" content="NH Gooi" />
 		<?php if(isset($metadata)) {
@@ -34,7 +24,11 @@
 				->metaTags();
 		} ?>
 		@stack('styles')
-		<link rel="shortcut icon" href="/images/favicon.ico">
+		<link rel="shortcut icon" href="/favicon.ico">
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="manifest" href="/site.webmanifest">
 		<!--rss-->
 		<link rel="alternate" type="application/rss+xml" title="Abonneren op NH Gooi Nieuws" href="{{env('API_URL')}}rss/nieuws" />
 		<link rel="alternate" type="application/rss+xml" title="Abonneren op NH Gooi Fragment gemist" href="{{env('API_URL')}}rss/podcasts" />
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -12,16 +12,20 @@
            style="display:none; visibility:hidden"></iframe>
 </noscript>
 <!-- End Google Tag Manager (noscript) -->
-<div class="site_container boxed">
+<div class="site_container boxed @yield('site_container_class')">
    <div class="header_top_bar_container style_11 clearfix">
    </div>
    <div class="header_container small">
        <div class="header clearfix">
            <div class="logo">
-                <a href="{{url('/')}}"><img src="/images/logo-NHGooi.svg"/></a>
+                <a href="{{url('/')}}"><img src="/images/Streekomroep NHGooi.png"/></a>
            </div>

-            <div class="advertisement" style="margin: 11px auto 0 auto;background-color: #efefef;"></div>
+            @if(!isset($disableBanners) || !$disableBanners)
+            <div id="nhgooi_header_top" class="advertisement" style="margin: 11px auto 0 auto;background-color: #efefef;"></div>
+            <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_homepage_header",targetId: "nhgooi_header_top",filledCallback: (adslot) => { calculateSize(adslot.targetId); }});});</script>
+            @endif
+
        </div>
    </div>
    <div class="menu_mobile_container d-flex d-md-none sticky clearfix">
@@ -29,12 +33,16 @@
            <a href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
        </div>
        <div class="logo_mobile">
-            <a href="{{url('/')}}"><img src="/images/logo-NHGooi.svg"/></a>
+            <a href="{{url('/')}}"><img src="/images/logo-NHGooi-slogan-diap.svg"/></a>
        </div>
        <div class="right_menu_container">
            <ul class="right_menu">
                <li>
-                    <a href="{{url('contact')}}">Tip <i class="fa-solid fa-circle-plus"></i></a>
+                    <a class="player with_svg_icon" href="{{url('luister/live')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
+                    <a href="{{url('kijk/studio')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
+                </li>
+                <li>
+                    <a href="https://wa.me/31888505651" target="_blank">Tip <i class="fa-solid fa-circle-plus"></i></a>
                </li>
                @if(isset($searchURL))
                    <li>
@@ -53,9 +61,16 @@
    </div>
    <div class="menu_container sticky clearfix">
        <div class="top_menu_container d-none d-md-block">
+            <img class="slogan" src="/images/Slogan_DIAP white.svg" />
            <ul class="right_menu">
                <li>
-                    <a href="{{url('contact')}}">Tip de redactie <i class="fa-solid fa-circle-plus"></i></a>
+                    <a class="player with_svg_icon" href="{{url('luister/live')}}"><span>Luister live radio </span>{!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
+                </li>
+                <li>
+                    <a class="with_svg_icon" href="{{url('kijk/studio')}}"><span>Kijk live tv </span>{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
+                </li>
+                <li>
+                    <a href="https://wa.me/31888505651" style="{{!isset($searchURL) ? 'margin-top: 3px' : ''}}" target="_blank"><span>Tip de streekredactie </span><i style="margin-top: 2px" class="fa-solid fa-circle-plus"></i></a>
                </li>
                @if(isset($searchURL))
                    <li>
@@ -65,7 +80,7 @@
                            <a href="javascript:void(0)" onclick="this.form.submit()" class="search_submit"><i
                                        class="fa-solid fa-magnifying-glass"></i></a>
                        </form>
-                        <a href="#" class="search_button"><i class="fa-solid fa-magnifying-glass"></i><i
+                        <a href="#" style="margin-top: 2px;" class="search_button"><i class="fa-solid fa-magnifying-glass"></i><i
                                    style="display: none" class="fa-solid fa-xmark"></i></a>
                    </li>
                @endif
@@ -76,7 +91,7 @@

    <!-- Content -->

-    <div class="page">
+    <div class="page @yield('page_container_class')">
        <a name="top"></a>
        @if($activeBlog != null)
            <p style="float: left; border: solid 1px #1f3977; border-radius: 10px; padding: 0 10px 0.4em 10px; margin: 10px 0 10px 0; width: 100%;">
@@ -88,8 +103,6 @@
        @yield('page')
    </div><!--/.page-->

-    <a class="scroll_top_floater" href="#top" title="Scroll naar boven"></a>
-
    <!-- Footer -->
    <div class="footer_container">
        <div class="footer_menu">
@@ -97,9 +110,17 @@
                <div class="col-12 col-md-3">
                    <h4 class="box_header"><span>NH Gooi</span></h4>
                    <p class="about">
-                        <b>NH Gooi</b> is de streekomroep voor het Gooi in samenwerking met NH Media.
-                        NH Gooi Radio hoor je in heel Gooi en Eemland op 92.0 FM.
-                        <a href="{{url('frequenties')}}">Alle frequenties / kanalen.</a>
+                        NH Gooi is de streekomroep voor Gooi & Vechtstreek. Wij bieden een gevarieerd programma op
+                        radio, podcasts, tv en online met muziek, achtergronden en actueel regionieuws.
+                    </p>
+                </div>
+                <div class="col-12 col-md-3">
+                    <h4 class="box_header"><span style="height: 30px;display: block;width: 0;"></span></h4>
+                    <p class="about">
+                        Altijd op de hoogte blijven van nieuws en achtergronden uit de regio? <a href="{{url('app')}}">Download onze app</a>.
+                    </p>
+                    <p class="about">
+                        <a href="{{url('frequenties')}}">Klik hier</a> waar je ons kunt zien en horen.
                    </p>
                </div>
                <div class="col-12 col-md-3">
@@ -109,7 +130,7 @@
                        <a href="{{url('klachten')}}">Klachtenregeling</a>
                        <a href="{{url('frequenties')}}">Frequenties</a>
                        <a href="{{url('adverteren')}}">Adverteren</a>
-                        <a href="https://nhnieuws.nl/" target="_blank">NH Nieuws</a>
+                        <a href="{{url('vacatures')}}">Vacatures</a>
                    </p>
                </div>
                <div class="col-12 col-md-3">
@@ -117,16 +138,8 @@
                    <p class="buttons">
                        <a class="player" href="{{url('luister/live')}}">Luister live</a>
                        <a href="{{url('kijk/live')}}">Kijk live</a>
-                        <a href="/">Uitgelichte video’s</a>
                        <a href="{{url('gemist/fragment')}}">Gemist</a>
                        <a href="{{url('nieuws')}}">Nieuws</a>
-                    </p>
-                </div>
-                <div class="col-12 col-md-3">
-                    <h4 class="box_header"><span>Radio</span></h4>
-                    <p class="buttons">
-                        <a href="{{url('gids')}}">Programmagids</a>
-                        <a href="{{url('gemist/programma')}}">Programma’s</a>
                        <a href="{{url('podcast')}}">Podcasts</a>
                    </p>
                </div>
@@ -134,10 +147,11 @@
            <div class="row">
                <div class="col-12">
                    <ul class="footer_menu2">
-                        <li>Logo</li>
+                        <li><a href="{{url('/')}}" class="logo"><img src="/images/logo-NHGooi-slogan-diap.svg"/></a></li>
                        <li><a href="{{url('disclaimer')}}">Disclaimer</a></li>
                        <li><a href="{{url('privacy-verklaring')}}">Privacy verklaring</a></li>
                        <li><a href="{{url('cookie-statement')}}">Cookie statement</a></li>
+                        <li><a id="changePreferences" href="#">Pas hier uw cookie-instellingen aan</a></li>
                    </ul>
                    <ul class="footer_social_media">
                        <li><a class="facebook" title="Facebook" target="_blank"
@@ -146,9 +160,6 @@
                        <li><a class="twitter-x" title="Twitter/X" target="_blank" href="https://twitter.com/nhgooi"><i
                                        class="fa-brands fa-twitter"></i></a>
                        </li>
-                        <li><a class="youtube" title="Youtube" target="_blank"
-                               href="https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"><i
-                                        class="fa-brands fa-youtube"></i></a></li>
                    </ul>
                </div>
            </div>
@@ -161,25 +172,10 @@
 </div>
 <div class="background_overlay"></div>
 <!--js-->
-<!--<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
-<script type="text/javascript" src="/js/jquery-migrate-1.4.1.min.js"></script>
-<script type="text/javascript" src="/js/jquery.ba-bbq.min.js"></script>
-<script type="text/javascript" src="/js/jquery-ui-1.11.1.custom.min.js"></script>
-<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
-<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
-<script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
-<script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>
-<script type="text/javascript" src="/js/jquery.transit.min.js"></script>
-<script type="text/javascript" src="/js/jquery.sliderControl.js"></script>
-<script type="text/javascript" src="/js/jquery.timeago.js"></script>
-<script type="text/javascript" src="/js/jquery.hint.js"></script>
-<script type="text/javascript" src="/js/jquery.qtip.min.js"></script>
-<script type="text/javascript" src="/js/jquery.blockUI.js"></script>
-<script type="text/javascript" src="/js/main.js"></script>
-<script type="text/javascript" src="/js/odometer.min.js"></script>-->
 <script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
 <script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script>
-<script type="text/javascript" src="/js/functions.js"></script>
+<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1.min.js"></script>
+<script type="text/javascript" src="/js/functions.min.js"></script>
 <script type="text/javascript">
  $(window).resize(function () {
    // Fix sticky for mobile menu indicator
@@ -207,6 +203,8 @@
    $(".search_form").animate({width: 'toggle'}, 350);
    $(this).find('.fa-magnifying-glass').toggle();
    $(this).find('.fa-xmark').toggle();
+    $('.right_menu a span').animate({width: 'toggle'}, 350);
+    $('.right_menu li').toggleClass('collapsed');
  });
  $(".search_form").animate({width: 'toggle'}, 1);
 </script>
--- a/resources/views/layouts/sidebar.blade.php
+++ b/resources/views/layouts/sidebar.blade.php
@@ -1,10 +1,16 @@
@extends('layouts/master')

+@section('content_class')box
+@endsection
+
@section('page')
    <div class="@yield('container_class')">
        <div class="row @yield('page_class')">
+            <div class="col-12">
+                @yield('breadcrumb_top')
+            </div>
            <div class="col-12 col-md content_container">
-                <div class="box full-width">
+                <div class="full-width md_margin_top @yield('content_class')">
                    @yield('breadcrumb')
                    @yield('tags')
                    <h1 class="page_title">@yield('title')</h1>
@@ -19,12 +25,12 @@
                            <div class="tabs">
                                @if (isset($populair) && $populair)
                                    <h4 data-tab-content-id="tab_most_read"
-                                        class="box_header extra_small flex-grow-1 active"><span>Meest gelezen</span>
+                                        class="box_header small flex-grow-1 active"><span>Meest gelezen</span>
                                    </h4>
                                @endif
                                @if (isset($newsItems) && $newsItems)
                                    <h4 data-tab-content-id="tab_more_news"
-                                        class="box_header extra_small{{!$populair? ' active' : ''}}">
+                                        class="box_header small{{!$populair? ' active' : ''}}">
                                        <span>Meer nieuws</span></h4>
                                @endif
                            </div>
@@ -51,14 +57,13 @@
                        </div>
                    @endif

-                    <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
-                        - Advertentie -
-                    </div>
-                    <div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    @include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])

-                    @include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
+                    @include('widgets/nhgooiradiotv', ['headerClass' => 'small'])

                    @include('widgets/contact', [])
+
+                    @include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar2 ?? 'nhgooi_section_side2', 'ad_sidebarId' => 'nhgooi_sidebar2'])
                @show
            </div>
        </div>
--- a/resources/views/news.blade.php
+++ b/resources/views/news.blade.php
@@ -4,31 +4,37 @@
    NH Gooi - Nieuws
@endsection

+@section('page_container_class')
+    news
+@endsection

@section('content')
    <div class="clearfix">
        {{-- body --}}
        <div class="grey_background">
            <div class="body_container row">
+                @if(!isset($disableBanners) || !$disableBanners)
                <div class="col-12">
                    <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
                        - Advertentie -
                    </div>
-                    <div style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    <div id="nhgooi_article_top" style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_article_top",targetId: "nhgooi_article_top",filledCallback: (adslot) => { calculateSize(adslot.targetId); }});});</script>
                </div>
+                @endif
                <div class="col-12 col-md content_container">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <h4 class="box_header"><span>Meer nieuws</span></h4>
                            <div class="box">
-                                @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
+                                @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $news])
                            </div>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="col-12">
                            <a class="btn auto_width" id="meer-nieuws" href="#"
-                               data-loadmorenews='{"container":["#items-more-news"]}'>
+                               data-loadmorenews='{"container":["#items-more-news"], "nextPage":3}'>
                                <span class="fas fa-spinner fa-spin" id="loading"></span>
                                Klik hier voor meer nieuws
                            </a>
@@ -37,21 +43,20 @@
                </div>

                <div class="col-12 col-md-auto sidebar">
-                    @include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
+                    @include('widgets/nhgooiradiotv', ['headerClass' => 'small'])

                    @include('widgets/contact', [])

-                    <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
-                        - Advertentie -
-                    </div>
-                    <div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_article_side' ?? false, 'ad_sidebarId' => 'nhgooi_sidebar1'])

                    <div class="podcast_items">
-                        <h4 class="box_header extra_small"><span>Fragment gemist</span></h4>
+                        <h4 class="box_header small"><span>Fragment gemist</span></h4>
                        <div class="box">
                            @include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
                        </div>
                    </div>
+
+                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_article_side2' ?? false, 'ad_sidebarId' => 'nhgooi_sidebar2'])
                </div>
            </div>
        </div>
--- a/resources/views/newsitem.blade.php
+++ b/resources/views/newsitem.blade.php
@@ -133,7 +133,6 @@
 				@include('widgets/share')
 				--}}

-				<div class="row page_margin_top">
 				{{--
 					<ul class="taxonomies tags left clearfix">
 						@if($news->keywords)
@@ -145,15 +144,22 @@
 						@endif
 					</ul>
 				--}}
-					<ul class="post_tags clearfix">
-						<li>Tags:</li>
-						<li>
-							<a href="{{route('nieuws.thema', $news->theme->slug)}}" title="Zoek meer nieuws met het thema {{$news->theme->title}}">{{$news->theme->title}}</a>
-						</li>
-						<li>
-							<a href="{{route('nieuws.regio', $news->region->slug)}}" title="Zoek meer nieuws uit de regio {{$news->region->title}}">{{$news->region->title}}</a>
-						</li>
-					</ul>
+				<ul class="post_tags clearfix">
+					<li>Tags:</li>
+					<li>
+						<a href="{{route('nieuws.thema', $news->theme->slug)}}" title="Zoek meer nieuws met het thema {{$news->theme->title}}">{{$news->theme->title}}</a>
+					</li>
+					<li>
+						<a href="{{route('nieuws.regio', $news->region->slug)}}" title="Zoek meer nieuws uit de regio {{$news->region->title}}">{{$news->region->title}}</a>
+					</li>
+				</ul>
+				<div class="share_buttons row">
+					<div class="col-12 col-md-auto">
+						<a data-share="native" href="javascript:void(0)" class="btn">
+							<i class="fa-solid fa-share"></i>
+							Delen
+						</a>
+					</div>
 				</div>
 			</div>
 		</div>
--- a/resources/views/newslist.blade.php
+++ b/resources/views/newslist.blade.php
@@ -9,7 +9,10 @@
@section('page_class')
    news_post post_container
@endsection
-@section('container_class')
+@section('page_container_class')
+    grey_background
+@endsection
+@section('site_container_class')
    grey_background
@endsection

@@ -34,7 +37,7 @@
                    @endif
                    <div class="column column_1_2">
                        <ul class="blog">
-                            <li class="post">
+                            <li class="post auto_height">
                                <a href="{{url($item->url)}}" title="{{$item->title}}">
                                    @if($item->video)
                                        <span class="icon video"></span>
--- a/resources/views/partial/imageslist_small.blade.php
+++ b/resources/views/partial/imageslist_small.blade.php
@@ -1,39 +1,38 @@
-@foreach($images as $item)
-@if($loop->index % 3 == 0)
-<div class="row grid">
-	<ul>
-@endif
-		<li class="post column column_1_3">
-			<a href="{{$imgBase . $item->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$item->images[0]->title}}">
-				<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='{{$item->images && count($item->images) ? $item->images[0]->title : $item->title}}'>
-			</a>
-			<div class="post_content">
-				<h5>
-					<a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a>
-				</h5>
-				<ul class="post_details simple">
-					<li class="category">
-						<!-- <a title="Regio: {{$item->region->title}}" href="{{url('beelden/regio/' . $item->region->slug)}}">{{$item->region->title}}</a> -->
-						<a title="Regio: {{$item->region->title}}" href=".">{{$item->region->title}}</a>
-					</li>
-					@if($item->edited && ($item->edited != $item->published))
-					<li class="date edited">
-						{{Formatter::relativeDate($item->edited)}} bijgewerkt om {{$item->published->format('H:i')}}
-					</li>
-					@else
-					<li class="date">
-						{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}}
-					</li>
-					@endif
-				</ul>
-                                <p class="block-lead hidden-xs">
-                                {{$item->images[0]->title}} &bull;
-                                {{$item->content}}
-                                </p>
-			</div>
-		</li>
-@if($loop->index % 3 == 2 || $loop->last)
-	</ul>
+<div class="row blog post_container">
+    @foreach($images as $item)
+        <div class="post auto_height col-12 col-md-4">
+            <div class="box">
+                <a href="{{$imgBase . $item->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
+                   title="{{$item->images[0]->title}}">
+                    <img style="width: 100%" src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}'
+                         alt='{{$item->images && count($item->images) ? $item->images[0]->title : $item->title}}'>
+                </a>
+                <div class="post_body">
+                    <h2 class="post_title">
+                        <a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a>
+                    </h2>
+                    <ul class="post_details simple clearfix">
+                        <li class="category">
+                            <!-- <a title="Regio: {{$item->region->title}}" href="{{url('beelden/regio/' . $item->region->slug)}}">{{$item->region->title}}</a> -->
+                            <a title="Regio: {{$item->region->title}}" href=".">{{$item->region->title}}</a>
+                        </li>
+                        @if($item->edited && ($item->edited != $item->published))
+                            <li class="date edited">
+                                {{Formatter::relativeDate($item->edited)}} bijgewerkt
+                                om {{$item->published->format('H:i')}}
+                            </li>
+                        @else
+                            <li class="date">
+                                {{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}}
+                            </li>
+                        @endif
+                    </ul>
+                    <p class="block-lead hidden-xs">
+                        {{$item->images[0]->title}} &bull;
+                        {{$item->content}}
+                    </p>
+                </div>
+            </div>
+        </div>
+    @endforeach
 </div>
-@endif
-@endforeach
--- a/resources/views/partial/newslist_small.blade.php
+++ b/resources/views/partial/newslist_small.blade.php
@@ -14,7 +14,7 @@
                    </a>
                </div>
                <div class="col-8">
-                    <h2 class="post_title"><a href="{{url($item->url)}}"
+                    <h2 class="post_title"><a class="clipText clipText-3" href="{{url($item->url)}}"
                           title="{{$item->title}}">{!!$item->title!!}</a></h2>
                    <?php
                        $time = Formatter::relativeDate($item->published) . ' om ' . $item->published->format('H:i');
--- a/resources/views/partial/podcastdirectitems.blade.php
+++ b/resources/views/partial/podcastdirectitems.blade.php
@@ -1,10 +1,10 @@
-<ul class='blog row'>
+<div>
    @foreach($podcasts as $podcast)
            <?php
            $url = route('gemist.fragment') . $podcast->url;
            $popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth;
            ?>
-        <li class="box featured">
+        <div class="box full-width featured">
            <div class="row">
                <div class="col-12 col-md-6">
                    <a href="{{$url}}" title="{{$podcast->title}}">
@@ -31,8 +31,8 @@
                    </a>
                </div>
            </div>
-        </li>
+        </div>

    @endforeach

-</ul><!--/.row-->
+</div><!--/.row-->
--- a/resources/views/partial/radioscheduleweek.blade.php
+++ b/resources/views/partial/radioscheduleweek.blade.php
@@ -6,8 +6,9 @@
                @foreach($schedule[$day] as $item)
                    @php($isCurrent = ($now >= $item['starttime']) && ($now <= $item['endtime']))
                    <div class="col-12 col-md-3">
-                        <a class="box full-width" href="{{route('programma') . $item['program']->url}}"
+                        <a class="box full-width full-height" href="{{route('programma') . $item['program']->url}}"
                           title="{{$item['program']->name . ($item['program']->tagline ? "\n" . $item['program']->tagline : "")}}">
+                            <img src="{{$item['program']->image ?? 'images/noimage.png'}}">
                            <div class="program-title">
                                @if($isCurrent)
                                    <div class="current-marker"><span>On air</span></div>
--- a/resources/views/podcastitem.blade.php
+++ b/resources/views/podcastitem.blade.php
@@ -90,7 +90,7 @@
 		<div class="">
 			<div class="row news_post">
 				<div class="col-12 col-md content_container">
-					<div class="box full-width post single small_image">
+					<div class="box full-width post single small_image md_margin_top">
 						<h1 class="page_title">{{$podcast->title}}</h1>
 						<div class="post_body">
 							<ul class="post_details clearfix">
@@ -106,7 +106,7 @@
 							</ul>

 							<div class="announcement">
-								<audio controls autoplay="true">
+								<audio controls>
 									<source src="{{$audioUrl}}" type="audio/mpeg"/>
 								</audio>
 								<div class="clearfix">
@@ -150,7 +150,7 @@
 						<div data-tabs>
 							<div class="tabs">
 								<h4 data-tab-content-id="tab_more_fragmenten"
-									class="box_header extra_small flex-grow-1 active"><span>Meer fragmenten</span>
+									class="box_header small flex-grow-1 active"><span>Meer fragmenten</span>
 								</h4>
 							</div>
 							<div id="tab_more_fragmenten" class="box tab_content podcast_items active">
@@ -164,10 +164,7 @@
 						</div>
 					@endif

-					<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
-						- Advertentie -
-					</div>
-					<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+					@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
 				</div>
 		</div>
 	@endif
--- a/resources/views/podcastlist.blade.php
+++ b/resources/views/podcastlist.blade.php
@@ -45,7 +45,7 @@
                    </div>
                </div>
                @if(isset($program))
-                    <h2>{{$program->name}}</h2>
+                    <h2 class="page_title2">{{$program->name}}</h2>
                    <p class="align-right">
                        <a href="{{route('gemist')}}" title="Alle programma's" class="btn btn-info">&larr; Toon
                            alles</a>
@@ -94,7 +94,7 @@
                    <div data-tabs>
                        <div class="tabs">
                            <h4 data-tab-content-id="tab_more_fragmenten"
-                                class="box_header extra_small flex-grow-1 active"><span>Meer fragmenten</span>
+                                class="box_header small flex-grow-1 active"><span>Meer fragmenten</span>
                            </h4>
                        </div>
                        <div id="tab_more_fragmenten" class="box tab_content podcast_items active">
@@ -108,10 +108,7 @@
                    </div>
                @endif

-                <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
-                    - Advertentie -
-                </div>
-                <div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                @include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
            </div>
        </div>
    </div>
--- a/resources/views/podcastseries.blade.php
+++ b/resources/views/podcastseries.blade.php
@@ -26,7 +26,7 @@
@section('content')
    <div class="">
        <div class="row news_post">
-            <div class="col-12 col-md content_container" style="padding-top:80px">
+            <div class="col-12 col-md content_container md_padding_top_80">
                @if(isset($program))
                    <div class="box full-width post single">
                        <h1 class="page_title">{{$program->name}}</h1>
@@ -58,7 +58,7 @@
                    <div data-tabs>
                        <div class="tabs">
                            <h4 data-tab-content-id="tab_more_fragmenten"
-                                class="box_header extra_small flex-grow-1 active"><span>Meer fragmenten</span>
+                                class="box_header small flex-grow-1 active"><span>Meer fragmenten</span>
                            </h4>
                        </div>
                        <div id="tab_more_fragmenten" class="box tab_content podcast_items active">
@@ -72,10 +72,7 @@
                    </div>
                @endif

-                <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
-                    - Advertentie -
-                </div>
-                <div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                @include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
            </div>
        </div>
    </div>
--- a/resources/views/privacy_verklaring.blade.php
+++ b/resources/views/privacy_verklaring.blade.php
@@ -15,5 +15,38 @@
@section('content')
    <div class="page_body">

+<!DOCTYPE html>
+    <p>Bij NHGooi respecteren we uw privacy en zorgen we ervoor dat uw persoonlijke gegevens vertrouwelijk worden behandeld. Deze privacyverklaring legt uit welke gegevens we verzamelen, hoe we deze gebruiken en beschermen, en wat uw rechten zijn.</p>
+
+    <h2>1. Welke gegevens verzamelen we?</h2>
+    <p>Wij kunnen de volgende persoonsgegevens verzamelen:</p>
+    <ul>
+        <li>Naam</li>
+        <li>E-mailadres</li>
+        <li>Telefoonnummer</li>
+        <li>Adresgegevens</li>
+        <li>Gebruiksgegevens van de website (zoals IP-adres en browserinformatie)</li>
+    </ul>
+
+    <h2>2. Hoe gebruiken we uw gegevens?</h2>
+    <p>Wij gebruiken uw gegevens voor de volgende doeleinden:</p>
+    <ul>
+        <li>Verlenen en verbeteren van onze diensten</li>
+        <li>Contact opnemen voor servicegerichte of marketingdoeleinden</li>
+        <li>Analyseren van websitegebruik voor verbetering van onze diensten en website</li>
+    </ul>
+
+    <h2>3. Bescherming van uw gegevens</h2>
+    <p>Wij nemen passende technische en organisatorische maatregelen om uw persoonsgegevens te beschermen tegen verlies, misbruik en onbevoegde toegang.</p>
+
+    <h2>4. Delen van gegevens</h2>
+    <p>Wij delen uw persoonsgegevens niet met derden, tenzij dit noodzakelijk is voor de uitvoering van onze diensten of als wij wettelijk verplicht zijn dit te doen.</p>
+
+    <h2>5. Uw rechten</h2>
+    <p>U heeft het recht om uw persoonsgegevens in te zien, te corrigeren of te verwijderen. Daarnaast kunt u bezwaar maken tegen de verwerking van uw persoonsgegevens of vragen om beperking van de verwerking.</p>
+
+    <h2>6. Contact</h2>
+    <p>Voor vragen over deze privacyverklaring of uw persoonsgegevens kunt u contact met ons opnemen via <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>
+
    </div>
@endsection
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Jorit Tijsen	732318d282	Gebruik min versie van style.css en functions.js	2024-07-02 14:08:58 +02:00
Jorit Tijsen	c76c1fa8f7	Verwijder dummy agenda data	2024-07-02 14:08:37 +02:00
Jorit Tijsen	e406257121	Fix: Layout gelijkt trekken met andere pagina's	2024-07-02 14:08:22 +02:00
NH Gooi	70d25c3cea	Podcast toegevoegd aan menu	2024-07-02 12:23:21 +02:00
NH Gooi	b628404977	Wijzigingen inhoud op verzoek Leon	2024-07-02 08:46:28 +02:00
NH Gooi	e1823a1322	Add file version to css to avoid agressive caching on Chrome	2024-07-02 08:33:48 +02:00
mischa.spelt	9364ebecad	Merge pull request 'post-go-live' (#3 ) from post-go-live into release/live Reviewed-on: #3	2024-07-01 11:48:45 +02:00
NH Gooi	16808e6280	Merge branch 'release/dev' into release/live	2024-07-01 11:43:13 +02:00
NH Gooi	e194e93784	Cookiestatement en privacyverklaring toegevoegd	2024-06-28 15:53:17 +02:00
NH Gooi	72da998965	TV Programmering toegevoegd	2024-06-20 11:25:43 +02:00
NH Gooi	e96198bc3d	Document aangepast voor Leon	2024-06-02 21:15:16 +02:00
NH Gooi	c5b9e88ad3	TV programmering toegevoegd aan TV menu	2024-05-28 15:32:25 +02:00
Jorit Tijsen	7c05b92703	Show only icons if search is opened	2024-05-17 15:25:40 +02:00
Jorit Tijsen	9ae62ab798	Fix: change background of selected menu item corner for grey background	2024-05-15 14:05:05 +02:00
Jorit Tijsen	d495cdde37	Move class grey_background to parent class	2024-05-14 15:05:39 +02:00
Jorit Tijsen	644d4f9b12	Remove "Deel op Facebook"	2024-05-14 13:47:18 +02:00
Jorit Tijsen	5948154ae1	Merge branch 'release/dev' of https://git.nhgooi.nl/NH_Gooi/nhgooi.nl into release/dev	2024-05-14 13:44:38 +02:00
Jorit Tijsen	d75ab273ff	Changed primary menu order Increase size logo and slogan Align menu item in bar better Fix: grey background in menu	2024-05-14 13:44:11 +02:00
NH Gooi	909126c05a	Link naar nieuwe podcast toegevoegd	2024-05-13 21:21:17 +02:00
Jorit Tijsen	077fb0236f	Change favicon	2024-05-08 15:36:53 +02:00
Jorit Tijsen	ecfbb47f1e	Disable banner by env file Favicon aanpassen Logo aanpassen + subtitel toevoegd Tab ‘Nieuws’ uit het menu gehaalt Menu item ‘Gemist’ in menu plaaten App uit menu balk Adverteren toevoegen aan blauwe balk Wat draait in sidebar NH Gooi Radio Live Footer tekst NAW toevoegen aan contact pagina Op contactpagina: Chef redactie Delen bericht	2024-05-06 15:08:19 +02:00
Jorit Tijsen	e06ecf297f	Fix: calendar image	2024-05-06 13:33:03 +02:00
Jorit Tijsen	684cba6085	Add docker dev	2024-05-06 13:32:23 +02:00
NH Gooi	e0c11c50f5	Update docker files to build correctly in fresh container	2024-04-25 16:26:24 +02:00
mischa.spelt	34ca1486bd	Merge pull request 'Merge release/dev to release/live' (#1 ) from release/dev into release/live Reviewed-on: #1	2024-04-25 15:49:00 +02:00
Jorit Tijsen	6220a405a3	Added dummy data to calendar events Styled calendar pages	2024-04-24 16:57:02 +02:00
Jorit Tijsen	239bff06ce	Retry calculate add size if is not working	2024-04-19 15:46:16 +02:00
Jorit Tijsen	8fcd34759f	Change sidebar box width to auto	2024-04-19 15:36:14 +02:00
Jorit Tijsen	4db20ca296	Calculate adds sizes Trim white-spaces for share buttons Increase header with 1 pixel	2024-04-19 15:25:00 +02:00
Jorit Tijsen	e7459cf026	Added header ad	2024-04-09 11:41:31 +02:00
Jorit Tijsen	26f9a71061	Auto adjust the ads height	2024-04-09 10:31:12 +02:00
Jorit Tijsen	9370b21d84	Small mobile header icons fix	2024-04-09 10:19:22 +02:00
Jorit Tijsen	be485c7300	Add ad version 0.2	2024-04-09 10:15:56 +02:00
Jorit Tijsen	c81ba184b3	Add ad version 0.1	2024-04-08 17:19:26 +02:00
Jorit Tijsen	58e291d0d3	Change adverteren text	2024-04-08 16:31:59 +02:00
Jorit Tijsen	f4ba89a6eb	Fix menu on news page	2024-04-08 10:06:55 +02:00
Jorit Tijsen	9c80727a03	Small fixes	2024-04-05 16:07:59 +02:00
Jorit Tijsen	4aa1fef3ad	New mobile header Add job pages More news button on home page links to news page Small mobile fixes for new page and other pages	2024-04-03 16:38:10 +02:00
Jorit Tijsen	249f7a7d4c	Add favicon Change logo Add luister and kijk icons Tip de streekredactie points to whatsapp 088-8505651 Add s to Podcast Removed waterschapsverkiezingen from menu Podcast autoplay disabled Remove Gooische Courant and NH Nieuws Changed NH Gooi to Over NH Gooi Added padding and border-radios to homepage posts Changed header 12px to 14px Add now and next programs to homepage Add new button to programs Changed contact text Add fallback image to program guide Make items height equally in program guide	2024-04-02 17:42:39 +02:00
Jorit Tijsen	cdd394a8d4	Full width feature posts	2024-03-22 16:10:57 +01:00
Jorit Tijsen	6041398e10	Style the job pages Style the image page Small fixes	2024-03-22 15:44:34 +01:00
Jorit Tijsen	1d94e7da7f	Add some variables to the scss files Use the period API call for the program schema	2024-03-20 17:54:10 +01:00
Jorit Tijsen	25b3d41bf1	Add scroll to top function Add share buttons to news item Add logo to footer	2024-03-20 15:13:59 +01:00
Jorit Tijsen	180c5d01be	Fix news title item on mobile	2024-03-20 12:53:28 +01:00
Jorit Tijsen	46a39588de	Add minified css style	2024-03-20 12:46:19 +01:00
Jorit Tijsen	fd2b17689c	Remove last menu item bottom line	2024-03-20 12:42:52 +01:00
				`@@ -0,0 +1 @@`
				<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Layer_29" data-name="Layer 29"><path d="m57 18.09s0-.09 0-.09v-4a6 6 0 0 0 -6-6h-26a6 6 0 0 0 -6 6 2 2 0 1 0 4 0 2 2 0 0 1 2-2h26a2 2 0 0 1 2 2v4h-39v-14a2 2 0 0 0 -4 0v14h-2a6 6 0 0 0 -6 6v32a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-32a6 6 0 0 0 -5-5.91zm-47 21.91a13 13 0 1 1 13 13 13 13 0 0 1 -13-13zm42.19 10h-10.19a2 2 0 0 1 0-4h10.19a2 2 0 0 1 0 4zm-10.19-12h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 0-4zm-2-6a2 2 0 0 1 2-2h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 -2-2zm-17 17a9 9 0 1 1 9-9 9 9 0 0 1 -9 9z"/></g></svg>
				`@@ -0,0 +1 @@`
				`{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}`