/**
Theme Name: Expo Experts
Theme URI: https://www.cgull.eu
Author: Clemens Gull
Author URI: http://the-magical-digital-nomad.eu
Description: Theme based on Bootstrap 4
Version: 1.0.0
License: protected
License URI: none
Text Domain: magdignomad
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog
*/

html {font-size: 62.5%;}

body {
 font-size: 14px;
 font-size: 1.4rem;
 background-color: #f8f9fa;
}

html, body {width: 100%;}

*,*:focus,*:hover{outline:none;}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

table { margin: 0 0 1.5em; width: 100%; }

a {
    outline: none;
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
a:hover {
  outline: none;
  text-decoration: none;
  -webkit-transition: all .35s ease-in-out !important;
  -moz-transition: all .35s ease-in-out !important;
  -ms-transition: all .35s ease-in-out !important;
  -o-transition: all .35s ease-in-out !important;
  transition: all .35s ease-in-out !important;  
}
/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }

.widget select { max-width: 100%; }

.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.updated:not(.published) { display: none; }

.page-content, .entry-content, .entry-summary {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1.5em 0 0;
}

.page-links { clear: both; margin: 0 0 1.5em; }

.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; }

.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
body { -ms-word-wrap: break-word; word-wrap: break-word; -webkit-font-smoothing: auto; text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale; font-smoothing: auto; }

a, button, input { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

blockquote { font-size: 1.25rem; padding: 1.25rem 1.75rem; }

table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; }

table th, table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }

table tbody + tbody { border-top: 2px solid #dee2e6; }

table table { background-color: #fff; }

figcaption { padding-top: 0; padding-bottom: .75rem; color: #6c757d; text-align: left; }

input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; padding: 0.5rem 1.25rem; color: #fff; background-color: #007bff; border-color: #007bff; }

input[type="button"]:active, input[type="button"]:hover, input[type="reset"]:active, input[type="reset"]:hover, input[type="submit"]:active, input[type="submit"]:hover { color: #fff; background-color: #0062cc; border-color: #005cbf; cursor: pointer; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

input[type="text"]:-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="url"]:-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-webkit-input-placeholder, input[type="search"]:-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-webkit-input-placeholder, input[type="range"]:-moz-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-webkit-input-placeholder, input[type="color"]:-moz-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder { color: #6c757d; opacity: 1; }

select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

blockquote { font-style: italic; font-size: 1.15rem; border-left: 3px solid rgba(33, 37, 41, 0.25); padding: 0.5rem 1.75rem; background: rgba(33, 37, 41, 0.05); }

blockquote p { font-size: 1.15rem; }

blockquote p:last-child { margin-bottom: 0; }

.navbar-dark .navbar-nav .dropdown-menu a { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.site-footer { padding-top: 3rem; padding-bottom: 3rem; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; text-align: left; width: 50%; }

.post-thumbnail { margin-top: 1.5em; display: inline-block; }

.card-title.entry-title { margin-bottom: .25rem; }

.entry-meta { font-size: .9rem; }

.entry-footer { font-size: .9rem; margin-top: 1rem; }

.comments-link { float: right; margin: 4px 0px 4px 10px; font-size: 90%; padding-top: 0.2em; }

.cat-links .badge, .tags-links .badge { font-size: 90%; font-weight: normal; border: 1px solid rgba(0, 0, 0, 0.125); margin: 4px 10px 4px 0; padding: 0.4em .9em; }

.cat-links a, .tags-links a { color: #6c757d; }

.cat-links a:hover, .tags-links a:hover { text-decoration: none; color: #212529; }

.entry-meta a, .comments-link a, .edit-link a { color: #6c757d; }

.entry-meta a:hover, .comments-link a:hover, .edit-link a:hover { text-decoration: none; color: #007bff; }

.entry-title a:hover { color: #007bff !important; }

.content-area.tmdn-404 .card-body { padding: 2.5rem 4rem; }

.sidebar-1-area .widget, .footer-widgets .widget { margin-bottom: 0; padding: 2rem; }

.sidebar-1-area .widget ul, .footer-widgets .widget ul { padding-left: 20px; color: #6c757d; margin-bottom: 0; }

.sidebar-1-area .widget ul li, .footer-widgets .widget ul li { padding-top: 3px; padding-bottom: 3px; list-style: square; }

.sidebar-1-area .widget ul li:last-child, .footer-widgets .widget ul li:last-child { padding-bottom: 0; margin-bottom: 0; }

.sidebar-1-area .widget ul li a, .footer-widgets .widget ul li a { color: #6c757d; }

.sidebar-1-area .widget ul li a:hover, .footer-widgets .widget ul li a:hover { color: #212529; text-decoration: none; }

.footer-widgets .widget { padding: 0.5rem; }

#wp-calendar #next { text-align: right; }

#wp-calendar #prev a, #wp-calendar #next a { color: #6c757d; }

#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color: #212529; text-decoration: none; }

#calendar_wrap table th, #calendar_wrap table td { padding: .25rem; }

.hentry.card .card-body { padding: 1.5rem; }

select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

.entry-title a:hover { text-decoration: none; }

.mt-3r { margin-top: 3rem; }

.comments-area { clear: both; -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }

.comments-area .media-body { overflow: auto; }

.comments-area .comment-list { list-style: none; padding-left: 0; }

.comments-area .comment-list > li { border-bottom: 1px solid #dee2e6 !important; padding: 2.5rem 4rem; }

.comments-area .comment-list ul.children { list-style: none; padding-left: 2rem; }

.comments-area .comment-list ul.children li { padding: 2.5rem 0 0; }

.comments-area .comment-list .comment-respond { padding: 2.5rem 4rem; }

.comments-area .comments-title { padding: 2.5rem 4rem; border-bottom: 1px solid #dee2e6 !important; }

.comments-area .comment-navigation { padding: 1rem 4rem 0; border-bottom: 1px solid #dee2e6 !important; }

.comments-area .tmdn-comment-form { padding: 2.5rem 4rem; }

.comments-area .tmdn-cancel-reply { margin-left: 2rem; }

.comments-area .logged-in-as { padding-left: 15px; font-size: .9rem; }

.comments-area .logged-in-as a { color: #6c757d; }

.comments-area .logged-in-as a:hover { color: #212529; text-decoration: none; }

.comments-area .tmdn-comment-notes { font-size: .9rem; }

.comments-area .no-comments { padding: 1rem 4rem; }

.comments-area small { font-size: .9rem; }

.comments-area p { -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }

.comments-area .comment-reply-link, .comments-area .comment-edit-link { margin-right: 1rem; color: #6c757d; }

.comments-area .comment-reply-link:hover, .comments-area .comment-edit-link:hover { color: #212529; text-decoration: none; }

.comments-area .comment-author a:hover { text-decoration: none; color: #212529; }

.tmdn-sticky { position: absolute; top: 0; right: 1rem; }

.single .post-navigation .nav-links a { color: #6c757d; margin-bottom: 2rem; display: inline-block; }

.single .post-navigation .nav-links a:hover { color: #212529; text-decoration: none; }

.navbar {
  padding: 1rem 1rem 2.5rem 1rem;
  z-index: 99;
}

#tmdn-posts-slider { border: 1px solid rgba(0, 0, 0, 0.125); }

#tmdn-posts-slider .carousel-item img { width: auto; height: 400px; -o-object-fit: cover; object-fit: cover; }

#tmdn-posts-slider .carousel-caption { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: 2rem 4rem; }

#tmdn-posts-slider .carousel-control-prev, #tmdn-posts-slider .carousel-control-next { width: 10%; }

.custom-logo-link { margin-right: 1rem; }

.site-title a, .navbar-dark .navbar-brand, .site-description { color: #fff; margin-bottom: 0; }

.navbar-brand { font-size: 1.5rem; }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { opacity: 0.75; }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { opacity: 1; }

.navbar-dark .navbar-nav .dropdown-menu .active > .nav-link { color: #212529; }

.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover, .navbar-dark .navbar-nav .dropdown-menu .nav-link:focus { color: #212529; }

.page-template-full-width .site-footer.mt-4, .tmdn-bp-front-page .site-footer.mt-4 { margin-top: 0 !important; }

.tmdn-hide-mobile-sidebar .tmdn-sidebar-width { display: none; }

.navbar-toggler { background-color: #343a40; }

.site-header { border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.collapse:not(.show) {background-color: transparent;}

body.custom-background .tmdn-main-content .col-md-8 { background: #f8f9fa; padding: 2rem; border: 1px solid rgba(0, 0, 0, 0.125); }

.site-footer a:hover { text-decoration: none; }

.admin-bar .site-header.sticky-top { top: 32px; }

.tmdn-front-page .site-header {
  border-bottom: 0; 
  position: absolute;
  width: 100%;
  z-index: 999999;
}

.tmdn-front-page .tmdn-services-section { padding: 4rem 0; }

.tmdn-front-page .tmdn-services-section .card { height: 100%; }

.tmdn-front-page .tmdn-main-content { padding: 4rem 0; }

.tmdn-front-page .tmdn-main-content p { font-size: 1.25rem; font-weight: 300; }

.tmdn-front-page .tmdn-main-content blockquote { font-size: 1.35rem; }

.tmdn-front-page .tmdn-main-content blockquote p { font-size: 1.35rem; }

.tmdn-front-page .tmdn-main-content .post-thumbnail { margin-bottom: 1rem; margin-top: 0.5rem; }

.tmdn-front-page .tmdn-feat-card-img { -o-object-fit: cover; object-fit: cover; height: 200px; width: 100%; }

.tmdn-front-page article {
  background-size: cover;
  background-position: center center;
  background-size: cover !important;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 500px;
  background-color: #111;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  -webkit-background-size: cover !important;
}
.tmdn-front-page article:hover {
  background-size: cover;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.tmdn-front-page article header {
  text-align:center;
}
.tmdn-front-page article .categories,
.tmdn-front-page article .categories a {
  color: rgba(255, 255, 255, 1);
  font-size: 0.9rem;
  text-transform: uppercase;
}

.tmdn-front-page article .categories a:hover {
    opacity: .5;
}

.tmdn-front-page article .categories a:before {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    content: '.';
    vertical-align: bottom;
}

.tmdn-front-page article .categories a:first-child:before {
    display: none;
}

.wp-caption .wp-caption-text { font-size: 0.95rem; }

.breadcrumb {}
.breadcrumb .breadcrumb-item {}
.breadcrumb .breadcrumb-item .separator{margin: 0 5px;}


.sidebar-wrapper aside .author-pic {
  float: right;
  height: auto;
  margin: 0 0 10px 15px;
  width: 67%;
}

.sidebar-wrapper aside .widget_text ul.social,
.sidebar-wrapper aside .widget_text ul.social {
  padding-left: 0;
}

.sidebar-wrapper aside .widget_text ul.social li {
  float: none !important;
  display: inline-block;
  margin: 10px 2px; !important;  
  padding: 0;
  text-align: center;
  width: 40px !important;
}
.sidebar-wrapper aside .widget_text ul.social li a {
  background-color: #999999;
  background-color: rgba(153,153,153,1);
  border-radius: 2px;
  color: #FFFFFF;
  color: rgba(255,255,255,1);
  display: block;
  height: 40px;
  opacity: 1;
  width: 40px;
}
.sidebar-wrapper aside .widget_text ul.social li.facebook a:hover  {background-color: #3B5998; background-color: rgba( 59, 89,152,1;)}
.sidebar-wrapper aside .widget_text ul.social li.twitter a:hover   {background-color: #55ACEE; background-color: rgba( 85,172,238,1;)}
.sidebar-wrapper aside .widget_text ul.social li.instagram a:hover {background-color: #E95950; background-color: rgba(233, 89, 80,1;)}
.sidebar-wrapper aside .widget_text ul.social li.pinterest a:hover {background-color: #CB2027; background-color: rgba(203, 32, 39,1;)}
.sidebar-wrapper aside .widget_text ul.social li.google a:hover    {background-color: #DD4B39; background-color: rgba(221, 75, 57,1;)}
.sidebar-wrapper aside .widget_text ul.social li.xing a:hover      {background-color: #026466; background-color: rgba(  2,100,102,1);}
.sidebar-wrapper aside .widget_text ul.social li.linkedin a:hover  {background-color: #007BB5; background-color: rgba(  0,123,181,1;)}
.sidebar-wrapper aside .widget_text ul.social li.rssfeed a:hover   {background-color: #FF6600; background-color: rgba(255,102,  0,1;)}
.sidebar-wrapper aside .widget_text ul.social li.flickr a:hover    {background-color: #FF0084; background-color: rgba(255,  0,132,1;)}
.sidebar-wrapper aside .widget_text ul.social li a i {margin-top: 8px;}
.sidebar-wrapper aside .widget_text ul.social li a i.fa-2x {margin-top: 8px;font-size:1.7em;}
.sidebar-wrapper aside .widget_categories ul li:before {content: "\f0ea";}
.sidebar-wrapper aside .widget_recent_comments ul li:before {content: "\f086";}
.sidebar-wrapper aside .widget_links ul li:before {content: "\f0c1";}
.sidebar-wrapper aside .widget_recent_comments ul li .comment-author-link a {
  font-style: italic;
  font-weight: 600;
}
.sidebar-wrapper aside .widget_categories ul li:before,
.sidebar-wrapper aside .widget_recent_comments ul li:before,
.sidebar-wrapper aside .widget_links ul li:before {
  display: inline-block;
  font-family: FontAwesome;
  margin-left: -20px;
  width: 20px;
}
.stoerer {font-size: 100%;}

/*------------------------------------------------------------
# Jumbotron
--------------------------------------------------------------*/
.tmdn-front-page .tmdn-bs4-jumbotron {
  background-position: center bottom; 
  background-size: cover; 
  border-radius: 0;
  margin-bottom: 0;
  padding: 0; 
}
.tmdn-front-page .tmdn-bs4-jumbotron .tmdn-jumbo-overlay,
header .tmdn-jumbo-overlay {
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 9999;
}
.tmdn-bs4-jumbotron {
    background-color: rgba(0,0,0,.25);
    background-blend-mode: darken;  
}
.tmdn-bs4-jumbotron .container {
  max-width: 90%;
}
.tmdn-front-page .tmdn-bs4-jumbotron .tmdn-jumbo-overlay .jumbotron-heading {}

.tmdn-bs4-jumbotron .tmdn-jumbo-overlay .lead,
header .tmdn-jumbo-overlay .lead {
  font-size: 3rem;
  font-weight: 500;
}

.jumbotron .btn.highlight {
  font-size: 2rem;
  margin-top: 96px;
  padding: 12px 32px;
  text-transform: uppercase;
}
.logo-eea {
  background-image: url('/wp-content/themes/expoexperts/assets/images/logo-eea.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 64px;
  height: 48px;
  left: 64px;
  margin-bottom: 16px;
  max-width: 25%;
  position: relative;
  width: auto;
  z-index: 99;
}
.logo-rx {
  background-image: url('/wp-content/themes/expoexperts/assets/images/logo-rx.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 96px;
  margin-bottom: 16px;
  max-width: 50%;
  position: relative;
  width: auto;
  z-index: 99;
}
#jumbotron-stoerer {
  margin: -1px 0 0 0;
  padding: 0 128px 128px 128px;
  position: relative;
}
#jumbotron-stoerer .title {
  font-size: 3em;
  font-weight: 500;
  margin-bottom: 96px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.divided,
.divid .wp-block-group__inner-container {
  display: flex;
  align-items: center;
}
.page-template-full-width .page-body.container h2.divided {padding: 0;}
.divider {
  display: inline;
  flex-grow: 1;
  border-bottom: 2px solid #FFFFFF;
  margin: 5px
}
hr.divider {
  background-color: unset;
}
.divid p.content {
  display: inline;
  padding: 0 32px;
}

#jumbotron-stoerer .divided {
  margin-left: 15%;
  width: 70%;
}
#jumbotron-stoerer .divided a {
  display: block;
  font-size: 2.5rem;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
}

.jumbotron-heading.entry-title {
  font-size: 6rem;
  text-align: center;
}
.page-template-full-width .content-area {
  margin-top: calc(100vh + 8rem);
  position: relative;
}
.page-template-full-width .tmdn-jumbo-overlay {width: 100%;}
.page-template-full-width .jumbotron-heading.entry-title {padding: 0 25%;}
.page-template-full-width .page-body.container h2 {
  font-size: 3rem;
  margin-bottom: 4rem;
  padding: 0 35%;
  text-align: center;
  text-transform: unset !important;
}
.page-template-full-width .page-body.container h3.besuchen-stoerer-subtitel {
  font-size: 4rem;
  padding: 0 0 3rem 0;
  text-transform: uppercase;
}
.page-template-full-width .page-body .teaser {
  padding: 0 25%;
  text-align: center;
}
.page-template-full-width .page-body .stoerer {
  margin-bottom: 5rem;
  padding-bottom: 4rem;
}
.page-template-full-width .page-body .wp-block-image.stoerer {margin: 0;}
.page-template-full-width .page-body .teaser + .stoerer {margin-top: 6rem;}
.page-template-full-width .page-body .stoerer h3 {
  font-size: 3rem;
  font-weight: 400;
  margin: 0;
  padding: 3rem 30%;
  text-align: center;
  text-transform: uppercase;
}
.page-template-full-width .page-body .stoerer ul {
  border: 1px solid #FFFFFF;
  columns: 2;
  column-gap: 3rem;
  list-style-type: none;
  margin: 3rem 15% 4rem 15%;
  padding: 2rem;
}
.page-template-full-width .page-body .stoerer ul li {margin-bottom: 1.5rem;}
header.has-thumbnail {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 700px;  
}
.page-template-full-width .page-body .wp-block-image.pic-button {
  align-items: center;
  display: flex;
  height: 200px;
  overflow: hidden;
}
.page-template-full-width .page-body .wp-block-image.pic-button img {
  width: 100%
}
.page-template-full-width .page-body .pic-button-text {
  font-size: 2rem;
  line-height: 1;
  padding: 1rem 9rem 0 9rem;
  text-align: center;
  text-transform: uppercase;
}
.page-template-full-width .page-body .pic-button-link a {
  display: block;
  font-size: 1.5rem;
  padding: 0 2rem 1rem 2rem;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
}

.page-template-full-width .page-body .stoerer2 {
  margin: 5rem 0;
  padding: 4rem 30%;
  text-align: center;
}
.page-template-full-width .page-body .stoerer2 h2,
.page-template-full-width .page-body .stoerer2titel,
.page-template-full-width .page-body .stoerer2subtitel {
  padding: 3rem 10% 0 10%;
  text-align: center;
}
.page-template-full-width .page-body h2.stoerer2titel,
.page-template-full-width .page-body h2.stoerer2subtitel {
  font-weight: 100;
  margin: 6rem 0 9rem;
  padding: 0 10%;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
}
.page-template-full-width .page-body h2.stoerer2titel {font-size: 7rem;}
.page-template-full-width .page-body h2.stoerer2subtitel {font-size: 5rem;}

.page-template-full-width .page-body .stoerer-columns,
.page-template-full-width .page-body .stoerer-columns .gb-layout-column-wrap {align-items: center;}
.page-template-full-width .page-body .stoerer-columns p a {
  color: #000;
  font-size: 1.25;
  text-decoration: underline;
  text-transform: uppercase;
}
.page-template-full-width .page-body #newsletter > .container,
.page-template-full-width .page-body #newsletter .slogan-container {display: none;}
.info-cols .gb-block-layout-column-inner {text-align: center;}
.info-cols .info-cols-icon {
  font-size: 5rem;
  margin: 3rem 0 2rem 0;
}
.info-cols .info-cols-titel {
  font-size: 2rem;
  font-weight: 500;
  text-transform: uppercase;
}
.info-cols .info-cols-content {padding: 0 4rem;}
.info-cols .info-cols-content a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.btn-lg, .btn-group-lg > .btn {border-radius: 0;}

.fluentform {margin-bottom: 128px;}
.fluentform .center-content {
  margin-bottom: 64px;
  text-align:center;
}
.fluentform .center-content .ff-el-group {margin-bottom: 0;}

/*
.highlight-color +back
.heading-color
.stoerer-color +back
.text-color
.link-color
*/
/*------------------------------------------------------------
# Carousel / Slider 
--------------------------------------------------------------*/
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 2s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {opacity: 1;}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {opacity: 0;}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}

.carousel-indicators {
  bottom: 50px;
  justify-content: right;
  left: auto;
  margin-right: 2%;
  right: 0;
}
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.jumbotron .carousel-item {
  background: rgba(0,0,0,.25) no-repeat center center scroll;
  background-blend-mode: darken;
}

/*------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead {
  width: 100%;
  z-index: 9999999;
}
#masthead .navbar.bg-dark {background-color: transparent !important;}
#masthead.transparent {background-color: transparent !important;}
#masthead.sticky {position: fixed;}

.site-branding-text {}
.site-branding-text .exhib-logo {display: inline-block;}
.site-branding-text .exhib-logo img {
  height: 100%;
  width: 100%;
}
.site-branding-text .exhib-place-date {
  display: inline-block;
  font-weight: 100;
  padding: 6px 12px;
  text-transform: uppercase;  
}
.site-branding-text .exhib-place-date strong {font-weight: 600;}

/*------------------------------------------------------------
# footer
--------------------------------------------------------------*/
footer .logo-exhib {
  height: auto;
  margin-bottom: 16px;
  width:128px;
}
footer .logo-eea {
  bottom: unset;
  left: unset;
  margin-top: 8px;
  max-width: 50%;
  position: relative;
  right: unset;
  top: unset;  
}
footer ul,
footer ol {padding: 0;}
footer ul li,
footer ol li {
  display: flex;
  list-style-type: none;
  margin-bottom: 8px;
  margin-left: 0;
}
footer ul li i,
footer ol li i {
  min-width: 24px;
  padding-top: 4px;
  width: 24px;
}
footer ul li i + span,
footer ol li i + span {
  display: inline-block;
  margin-left: 0px;
}
footer .menu-item {
  text-decoration: underline;
  margin-bottom: 2px;
}
footer h4 {text-transform: uppercase;}
footer h4 + aside ul,
footer h4 + aside ul li {margin-left: 0;}

/*------------------------------------------------------------
# Cover
--------------------------------------------------------------*/
.jumbotron {
  position: relative;
  left: 0;
  top: 0;
}
.page-template-full-width .jumbotron {
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  height: 100vh;
  position: absolute;
  width: 100%;
}
.page-template-full-width .jumbotron .logo-eea {
  bottom: 64px;
  min-width: unset;
  position: absolute;
  width: 475px
}

/*------------------------------------------------------------
# Featured Posts/Pages
--------------------------------------------------------------*/
#featured-posts {
  padding: 128px 0;
}
#featured-posts .featured-post {
  padding: 0 32px;
  text-align: center;
}
#featured-posts .featured-post .thumbnail,
#featured-pages .featured-page .thumbnail {
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: cover;
  height: 200px;
  width: 100%;
}
#featured-posts .featured-post h2,
#stoerer-page h2 {
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 32px 0 24px 0;
}
#featured-posts .featured-post .excerpt,
#featured-pages .featured-page .excerpt,
#stoerer-page .excerpt {
  font-size: 1.75rem;
}
#featured-posts .featured-post .link,
#featured-pages .featured-page .link,
#stoerer-page .link {
  font-size: 1.75rem;
  margin-top: 32px;
  text-decoration: underline;
  text-transform: uppercase;
}

#featured-pages {}
#featured-pages .featured-page {
  justify-content: center;
}
#featured-pages .featured-page .thumbnail {
  height: 700px;
}
#featured-pages .featured-page .content {
  align-items: center;
  padding-left: 96px;
}
#featured-pages .featured-page h2 {
  margin-bottom: 32px;
  text-transform: none;
}

#featured-pages .featured-page .carousel-item {height: unset;}
#featured-pages .featured-page .carousel-indicators li {
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

/*------------------------------------------------------------
# fuer-sie-da
--------------------------------------------------------------*/
.fuer-sie-da {
  margin-bottom: 6rem;
  margin-top: 4rem;
}
.fuer-sie-da .gb-block-layout-column-inner {
  text-align: center;
}
.fuer-sie-da .fuer-sie-da-pic img {
  border-radius: 50%;
  margin-bottom: 2rem;
}
.fuer-sie-da .fuer-sie-da-pic-titel {
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 1rem;
  text-transform: uppercase;  
}
.fuer-sie-da .fuer-sie-da-pic-info {
  line-height: 1.35;
}

/*------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
#newsletter {margin-top:128px;}
#newsletter .section-title,
#anreise .section-title,
.divid p.content,
h2.divided .content {
  font-size: 4rem;
  font-weight: 300 !important;
  letter-spacing: 2px;
  margin-bottom: 32px;
  text-transform: uppercase !important;
}
.divid p.content,
h2.divided .content {margin-bottom: 0;}
#newsletter .header {
  padding: 96px 0;
  text-align: center;
}
#newsletter .exhibition-areas {}
#newsletter .exhibition-areas li {
  display: inline-block;
  font-size: 2rem;
  font-weight: 200;
  letter-spacing: 1px;
  list-style: none;
  margin: 8px 0;
  padding: 0;
}
#newsletter .exhibition-areas li:before {
  content: '•';
  left: -26px;
  margin-left: 48px;
  position: relative;
}
#newsletter .exhibition-areas li:first-child:before {
  content: '';
  margin-left: 0;
}
#newsletter .slogan-container {
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: cover;
  height: 100vh;
}
#newsletter .slogan-container .container {
}
#newsletter .slogan-container .slogan {
  display: table-cell;
  font-size: 15rem;
  font-weight: 200;
  height: 100vh;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  text-transform: unset;
}
#newsletter .newsletter {
  padding: 96px 0;
  text-align: center;
}
#newsletter .newsletter h3.cta {
  font-size: 3rem;
  font-weight: 400;
  text-transform: uppercase;
}
#newsletter .newsletter p.cta-subtitle {
  font-size: 1.75rem;
  font-weight: 400; 
  margin: 0 64px 32px 0;
}
#newsletter .newsletter.highlight .btn.highlight,
.stoerer2 .btn.highlight {
  font-size: 1.75rem;
  letter-spacing: 1px;
  margin: 32px 0 16px 0;
  padding: 16px 48px;
  text-transform: uppercase;
}

.content-center .entry-content {
  margin: 0 auto;
  text-align: center;
}
.page-template-full-width-newsletter .site-content {
  min-height: 100vh;
}
.page-template-full-width-newsletter #page {
  position: relative !important;
}

/*------------------------------------------------------------
# Inforamtion
--------------------------------------------------------------*/
#info-section {margin-top:128px;}
#info-section .stoerer-video .row > div.stoerer:first-child {padding-left: 0}
#info-section .video-content {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 0;
  position: relative;
}
#info-section .video-content iframe,
#info-section .video-content object,
#info-section .video-content embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#info-section .text-content {
  margin: 0;
  padding: 0;
}
#info-section .text-content h3 {
  font-size: 2.5rem;
  letter-spacing: 0;
  margin: 48px 0 24px 0;
  text-transform: uppercase;
}
#info-section .text-content p {
  font-size: 1.5rem;
  font-weight: 400;
}

#info-section .informationen {
  margin-top: 128px;
  padding: 64px 0;
  text-align: center;
}
#info-section .informationen h3 {
  font-size: 2rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
#info-section .informationen h3:after {
  content: '•';
  display: block;
  font-size: 3rem;
  margin: 24px 0;
}
#info-section .informationen .info-text {
  font-size: 1.75rem;
  letter-spacing: 1px;
}

/*------------------------------------------------------------
# Störer Page
--------------------------------------------------------------*/
#stoerer-page {margin-top: 128px;}

#stoerer-page .feateured-page-thumbnail {
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: cover;
  min-height: 67vh;
  width: 100%;
}
#stoerer-page  .info-title {
  margin-bottom: 64px;
  text-transform: unset !important;
}

/*------------------------------------------------------------
# Anreise
--------------------------------------------------------------*/
#anreise {margin-top: 128px;}
#anreise .section-title span.content {padding: 0 32px;}
#anreise .anreise div {
  text-align: center;
}
#anreise .anreise div img {
  height: 64px;
  margin: 32px 0 0 0;
  width: auto;
}
#anreise .anreise-karte div {text-align: center;}
#anreise .anreise-karte div img {
  height: auto;
  margin-top: 96px; 
  width: 94%;  
}
#anreise .anreise-explain h4 {
  font-size: 2rem;
  margin-top: 16px;
  text-transform: uppercase;
}
#anreise .anreise-explain span {
  font-size: 1.5rem;
}

/*------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.wp-block-buttons {
  display: flex;
  justify-content: space-around;
}
.wp-block-button.price-info a.wp-block-button__link,
.wp-block-button.angebot a.wp-block-button__link,
.wp-block-button.ausstellerinfo a.wp-block-button__link {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 64px 16px;
  min-height: 125px;
  padding: 32px;
}
.wp-block-button:first-child a.wp-block-button__link {margin-left: 0;}
.wp-block-button:last-child a.wp-block-button__link {margin-right: 0;}
.wp-block-button.price-info a.wp-block-button__link strong,
.wp-block-button.angebot a.wp-block-button__link strong,
.wp-block-button.ausstellerinfo a.wp-block-button__link strong {
  font-size: 2rem;
  font-weight: 400;
}
.wp-block-button.price-info a.wp-block-button__link {background-color: #9d9385;}
.wp-block-button.angebot a.wp-block-button__link {background-color: #b8ac9c}
.wp-block-button.ausstellerinfo a.wp-block-button__link {background-color: #d1c4b2;}

/*------------------------------------------------------------
# Formulare & Elemente
--------------------------------------------------------------*/
.produkt .wpcf7-radio .wpcf7-list-item {display: block;}

/*------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/
.gb-block-accordion .gb-accordion-text {
  border-width: 1px;
  border-style: solid;
}

/*------------------------------------------------------------
# Sponsors
--------------------------------------------------------------*/
.sponsor-title {
  font-size: 4rem;
  margin: 7rem 0 4rem 0;
  text-align: center;
}
.sponsor-container {
  display:flex;
  justify-content: center;
  padding: 0;
}
.sponsor-element {
  align-items: center;
  display: flex;
  margin: 4rem;
  text-align: center;
}

.sponsor-content {}
.sponsor-logo {
  height: auto;
  width: 15%;
  margin: 4rem;
}
.sponsor-link {}
.sponsor-name {}

/*------------------------------------------------------------
# Scroll Down button
--------------------------------------------------------------*/
 .block-next {
  position: relative;
  font-family: 'fontAwesome';
  content: '\f103';
  bottom: 115px;
  left: 0;
  right: 0;
  border: 2px solid #ffffff;
  color: #fff;
  z-index: 2;
  text-align: center;
  font-size: 2.5rem;
  line-height: 2;
  display: block;
  width: 66px;
  height: 66px;
  margin: 0px auto;
  border-radius: 50%;
  -webkit-animation: intro 2s;
  animation: intro 2s;  
}
.block-next .scroll {
    -webkit-animation: finger 1s infinite;
    animation: finger 1s infinite;
}
.block-next .scroll {
    -webkit-animation: finger 1.5s infinite;
    animation: finger 1.5s infinite;
}

/*--------------------------------------------------------------
# Animationen
--------------------------------------------------------------*/
@-webkit-keyframes intro {
  0% {
    opacity: 1;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes intro {
  0% {
    opacity: 1;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

/*------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 320px) {
  .navbar-dark .navbar-nav .nav-link { opacity: 1; }
  .site-header .site-branding-text .exhib-logo {
    max-height: 128px;
    max-width: 128px;
  }
  .site-header .site-branding-text .exhib-place-date {max-width: 180px;}
  .site-header .navbar-toggler {font-size: 2.25rem;}
  .site-header .navbar-nav {padding: 8px 4px;}

  h1.jumbotron-heading,
  .jumbotron-heading.entry-title,
  .jumbotron-heading.entry-title {font-size: 3.5rem;}
  body.tmdn-front-page .tmdn-bs4-jumbotron .tmdn-jumbo-overlay, 
  body.tmdn-front-page header .tmdn-jumbo-overlay {top:30%;}
  body.tmdn-front-page .site-content #jumbotron-stoerer {
    margin-bottom: 64px;
    padding: 0px 64px 64px 64px;
  }
  #jumbotron-stoerer .title {font-size: 2.5rem;}
  #jumbotron-stoerer .divided {
    margin-left: 0;
    width: 100%;
  }
  #jumbotron-stoerer .divided a {
    font-size: 1.75rem;
    width: 105px;
  }
  body.tmdn-front-page .site-content #featured-pages .featured-page .content {
    margin-top: 48px;
    padding-left: 32px;
  }
  body.tmdn-front-page .site-content #featured-pages .featured-page h2,
  .page-template-full-width .page-body h2.stoerer2titel,
  .page-template-full-width .page-body h2.stoerer2subtitel {font-size: 3rem;}
  .page-template-full-width .page-body.container h3.besuchen-stoerer-subtitel {font-size: 2rem;}
  #newsletter .section-title, 
  #anreise .section-title, 
  #stoerer-page h2.info-title, 
  .divid p.content, 
  h2.divided .content {font-size: 2.5rem;}
  #newsletter .exhibition-areas {padding-left: 0;}
  #newsletter .exhibition-areas li {
    font-size: 1.5rem;
    margin: 4px 0;
  }
  #newsletter .slogan-container .slogan {font-size: 6rem;}
  #newsletter .newsletter p.cta-subtitle {margin: 16px 32px 32px 32px;}
  body.tmdn-front-page #info-section .stoerer-video .row > div.stoerer:first-child {padding-right: 0}
  #info-section .informationen {
    margin-top: 1px;
    padding-top: 0px;
  }
  #info-section .informationen h3 {
    font-size: 2.5rem;
    margin-top: 48px;
  }
  #info-section .informationen h3:after {display: none;}
  body.tmdn-front-page #stoerer-page {margin-top: 48px;}

  body.page-template-full-width .site-content .jumbotron-heading.entry-title,  
  body.page-template-full-width .site-content .page-body .teaser {padding: 0 5%;}
  .page-template-full-width .site-content .page-body .stoerer2 {padding: 3rem 10%;}
  .page-template-full-width .site-content .page-body.container h2,
  .page-template-full-width .site-content .page-body .stoerer h3 {
    font-size: 2.5rem;
    padding: 1.5rem 5%;
  }
  .page-template-full-width .site-content .page-body .stoerer ul {
    columns: 1;
    margin: 3rem 5% 4rem 5%;
  }

  .sponsor-title {font-size: 2rem;}

  body footer .col {padding-bottom: 32px;}

  .fuer-sie-da-pic-info {padding-bottom: 3rem;}
  .site-footer {padding: 32px 24px;}
  footer .logo-eea {max-width: 90%;}
  footer .logo-rx {max-width: 100%;}

  #featured-posts .featured-post .thumbnail, 
  #featured-pages .featured-page .thumbnail {
    height: 255px;
    width: 100%;
  }
  #newsletter .slogan-container {background-position: center;}
  #stoerer-page .feateured-page-thumbnail {
    background-size: contain;
    min-height: 36vh;
  }
  #anreise .section-title {margin-bottom: 0;}
  #anreise .anreise-karte div img {margin-top: 64px;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  /*------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  .navbar-dark .navbar-nav .nav-link { opacity: 0.5; }

  .site-branding-text {
    left: 64px;
    position: absolute;
    top: 32px;
    width:50%;
  }
  .site-header .site-branding-text .exhib-place-date {
    font-size: 2rem;
    letter-spacing: 2px;
    margin-left: 16px;
    max-width: 485px;  
    position: absolute;
    top: 0;
  }

  .site-footer {
    margin-top: 128px !important;
    padding: 48px 48px;
  }

  .nav-item {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-size: 1.75rem;
    font-weight: 200;
    letter-spacing: 1px;
    padding:8px 16px;
    text-transform: uppercase;
  }
  .nav-item.active {font-weight: 600; border-bottom: 2px solid #FFFFFF;}
  .nav-item:last-child {margin-right: 16px;}

  .sponsor-title {font-size: 4rem;}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .site-branding-text .exhib-place-date {max-width:unset;}
  h1.jumbotron-heading, 
  .jumbotron-heading.entry-title {font-size: 7rem;}
  .page-template-full-width .site-content .page-body .stoerer h3 {padding: 3rem 30%;}
  .page-template-full-width .site-content .page-body .stoerer ul {columns: 2;}
  .page-template-full-width .page-body h2.stoerer2titel {font-size: 7rem;}
  .page-template-full-width .page-body.container h3.besuchen-stoerer-subtitel {font-size: 4rem;}
  #newsletter .section-title, 
  #anreise .section-title, 
  .divid p.content, 
  h2.divided .content {font-size: 4rem;}
  .logo-eea {bottom: 128px;}
  #jumbotron-stoerer .title {font-size: 3em;}
  #jumbotron-stoerer .divided a {
    font-size: 4rem;
    width: 350px;
  }
  #jumbotron-stoerer .divided {
    margin-left: 15%;
    width: 70%;
  }
  body.tmdn-front-page .site-content #featured-pages .featured-page h2 {font-size: 7rem;}
  #featured-pages .featured-page .thumbnail {height: 700px;}
  #newsletter .exhibition-areas li {
    font-size: 2rem;
    margin: 8px 0;
  }
  #newsletter .slogan-container .slogan {font-size: 15rem;}
  #newsletter .newsletter p.cta-subtitle {margin: 0 64px 32px 0;}
  #info-section .informationen {margin-top: 128px;}
  #info-section .informationen h3 {font-size: 2rem;}
  #anreise .section-title, #stoerer-page h2.info-title, .divid p.content {font-size: 3rem;}
  #stoerer-page .feateured-page-thumbnail {
    background-size: cover;
    min-height: 67vh;
  }
  .page-template-full-width .page-body.container h2 {font-size: 5rem;}
  .page-template-full-width .site-content .page-body .stoerer2 {padding: 4rem 30%;}
}