@font-face { font-family: 'Lava';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/Lava/lava.woff) format('woff'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/Lava/lava.eot?#iefix) format('embedded-opentype'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/Lava/lava.svg#lava) format('svg'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/Lava/lava.ttf) format('truetype'); }
@font-face { font-family: 'AtlasGrotesk';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Regular-Web.woff2) format('woff2'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Regular-Web.woff) format('woff'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Regular-Web.eot?#iefix) format('embedded-opentype'); }
@font-face { font-family: 'AtlasGrotesk';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-RegularItalic-Web.woff2) format('woff2'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-RegularItalic-Web.woff) format('woff'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-RegularItalic-Web.eot?#iefix) format('embedded-opentype');
font-style: italic; }
@font-face { font-family: 'AtlasGrotesk';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Medium-Web.woff2) format('woff2'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Medium-Web.woff) format('woff'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Medium-Web.eot?#iefix) format('embedded-opentype');
font-weight: 500; }
@font-face { font-family: 'AtlasGrotesk';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Bold-Web.woff2) format('woff2'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Bold-Web.woff) format('woff'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Bold-Web.eot?#iefix) format('embedded-opentype');
font-weight: 700; }
@font-face { font-family: 'AtlasGrotesk';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Light-Web.woff2) format('woff2'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Light-Web.woff) format('woff'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/AtlasGrotesk/AtlasGrotesk-Light-Web.eot?#iefix) format('embedded-opentype');
font-weight: 300; }
@font-face { font-family: 'Calder-DarkGrit';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/Calder-dark/calder-dark-grit.woff) format('woff'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/Calder-dark/calder-dark-grit.woff2) format('woff2'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/Calder-dark/calder-dark-grit.eot?#iefix) format('embedded-opentype'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/Calder-dark/calder-dark-grit.svg#calder-darkGrit) format('svg'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/Calder-dark/calder-dark-grit.ttf) format('truetype'); }
@font-face { font-family: 'HarvestBarn';
src: url(//www.civd.de/wp-content/themes/caravaning/fonts/HarvestBarn/HarvestBarn.otf) format('opentype'),
url(//www.civd.de/wp-content/themes/caravaning/fonts/HarvestBarn/HarvestBarn.ttf) format('truetype'); }   .vc_column-inner::after { display: none !important; }
a.post-edit-link { display: none; } * {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
outline: none;
}
.vc_row, .vc_column_container > .vc_column-inner {
margin: 0 !important;
padding: 0 !important;
}
h1, h2, h3 {
font-family: AtlasGrotesk;
font-weight: 500;
letter-spacing: normal;
font-style: normal;
font-stretch: normal;
}
h4, h5, h6 {
font-family: AtlasGrotesk;
font-weight: normal;
letter-spacing: normal;
font-style: normal;
font-stretch: normal;
}
h1 {
font-size: 44px;
line-height: 1.18;
color: #ffffff;
}
h2 {
font-size: 36px;
line-height: 1.17;
color: #0c2350;
text-align: center;
}
h3 {
font-size: 32px;
line-height: 1.25;
color: #0c2350;
text-align: left;
margin: 82px 0 20px;
}
h4 {
font-size: 24px;
line-height: 1.33;
color: #0c2350;
text-align: left;
font-family: AtlasGrotesk;
margin: 34px 0 16px;
}
h5 {
font-size: 20px;
line-height: 1.6;
color: #0c2350;
text-align: left;
font-family: AtlasGrotesk;
font-weight: 500;
margin: 0 0 16px;
}
p {
margin: 0 0 18px;
}
strong em {
font-weight: 500;
}
#wrapper {
float: left;
position: relative;
width: 100%
}
#header {
position: absolute;
width: 100%;
top: 0;
left: 0;
}
article,
.entry-content,
.post-content {
float: left;
width: 100%;
}
article {
margin: 0 !important;
}
.entry-content {
margin: 7px 0 0 !important;
}
header.entry-header {
float: left;
width: 100%;
position: relative;
}
header.entry-header .entry-header-inner {
max-width: 1048px;
margin: auto;
}
#container {
padding-top: 140px;
}
.max-width-container {
width: 100%;
height: 110px;
margin: 0 auto;
}
header#header .max-width-container {
max-width: 1056px;
padding: 0 20px;
}
[data-module] {
float: left;
max-width: 100%;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
[data-module] .module-content {
max-width: 1048px;
margin: 0 auto;
}
#primary {
float: left;
width: 100%;
}
#main {
float: left;
width: 100%;
}
#footer {
position: relative;
background-color: #17293B;
float: left;
width: 100%;
padding: 26px 0 39px;
margin-top: 93px;
z-index: 11;
}
.vc_separator .vc_sep_holder .vc_sep_line {
border-width: 0 !important;
}
.swiper-lazy-preloader {
width: 48px !important;
height: 48px !important;
left: 50% !important;
top: 50% !important;
margin-left: -24px;
margin-top: -24px;
}
.swiper-lazy-preloader {
width: 48px !important;
height: 48px !important;
left: 50% !important;
top: 50% !important;
margin-left: -24px;
margin-top: -24px;
}
.swiper-lazy-preloader:after {
background-color: transparent !important;
}
.page-template:not(.home):not(.page-template-single-article_overview_by_tag) header.entry-header,
body.search header.entry-header {
min-height: 518px;
}
.page-template header.entry-header h1,
body.search header.entry-header h1 {
color: #fff;
}
.show-mobile,
.show-tablet,
.show-producer-mobile {
display: none !important;
}
#wpadminbar {
z-index: 2000000004 !important;
}
.external-link,
.internal-link {
font-weight: 500;
text-decoration: none;
position: relative;
font-size: 17px;
margin-left: 8px;
padding-left: 20px;
}
.external-link:hover span,
.internal-link:hover span {
text-decoration: none;
border-bottom: 2px solid #0c2350;
}
.external-link img {
margin-right: 4px;
}
.internal-link img {
margin-right: 3px;
}
.external-link img {
position: absolute;
top: 0;
left: 0;
max-width: initial;
}
.internal-link img {
position: absolute;
top: 6px;
left: 0;
}
.external-link span,
.internal-link span {
word-wrap: break-word;
}  #menu [data-out="mobile-menu-breadcrumb"]
{
display: none;
}
#menu [data-out="mobile-menu-breadcrumb"]:active {
background-color: transparent;
}
#menu [data-out="mobile-menu-breadcrumb"] a {
cursor: default;
}
#menu [data-out="mobile-menu-breadcrumb"] a:after {
display: none;
}
#menu [data-out="mobile-menu-breadcrumb"] span {
opacity: 0.5;
margin-right: 4px;
width: auto;
padding: 0;
}
#menu [data-out="mobile-menu-breadcrumb"] span:nth-last-of-type(-n+2) {
opacity: 1;
}
#menu [data-out="mobile-menu-breadcrumb"] span:last-of-type {
text-transform: none;
border-bottom: 1px solid #0c2350 !important;
}
#menu [data-click="mobile-menu-sub-close"] {
display: none;
position: absolute;
z-index: 1;
top: 31px;
left: 20px;
}
#menu [data-click="mobile-menu-sub-close"] a
{
color: white;
text-decoration: none;
}
#menu [data-click="mobile-menu-sub-close"] img {
vertical-align: middle;
margin-right: 12px;
}
#menu [data-click="mobile-menu-sub-close"] span {
vertical-align: middle;
}
#menu [data-on-mobile-only]
{
display: none;
}
#header
{
top: 0;
transition: transform 300ms cubic-bezier(0.67, 0.13, 0.49, 0.9), background-color 300ms ease-in 200ms;
-webkit-transition: transform 300ms cubic-bezier(0.67, 0.13, 0.49, 0.9), background-color 300ms ease-in 200ms;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
position: fixed;
z-index: 2000000001;
}
#header.hidden {
-webkit-transform: translate3d(0,-110px,0);
transform: translate3d(0,-110px,0);
transition: transform 300ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
}
header#header:not(.is-on-top) {
background-color: #514f50;
}
.header-mobile-menu-icon-container {
float: left;
width: 48px;
height: 100%;
display: none;
}
.header-search-icon-container,
.header-close-mobile-icon-container {
float: right;
width: 48px;
height: 110px;
position: relative;
z-index: 1;
margin-left: 18px;
}
.header-close-search-icon-container {
position: absolute;
top: 0;
right: 20px;
}
.header-close-mobile-icon-container {
margin-right: 21px;
display: none;
}
.header-mobile-menu-icon {
width: 48px;
height: 48px;
position: absolute;
margin: auto 0;
top: 0;
bottom: 0;
}
.header-mobile-icon-bg,
.header-service-icon-bg {
background-color: #f8f4f0;
width: 48px;
height: 48px;
position: absolute;
border-radius: 30px;
opacity: 0.5;
z-index: -1;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
header#header.is-on-top .header-mobile-icon-bg,
header#header.is-on-top .header-service-icon-bg {
background-color: #17293b;
}
.header-service-icon.show-mobile {
float: left;
height: 48px;
}
.header-service-icon img {
cursor: pointer;
}
.header-mobile-menu-icon img {
cursor: pointer;
}
.header-search-icon, .header-close-mobile-icon {
width: 48px;
height: 48px;
position: absolute;
margin: auto 0;
top: 0;
bottom: 0;
}
.header-close-mobile-icon img {
cursor: pointer;
}
.header-search-icon-bg {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 30px;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
.header-search-icon svg #l_01_megamenu_Smartphone_03 {
transition: stroke 150ms ease-in;
-webkit-transition: stroke 150ms ease-in;
}
header#header.is-on-top .header-search-icon-bg {
background-color: rgba(0,0,0,0.2);
}
.header-search-icon svg {
z-index: 1;
position: absolute;
cursor: pointer;
top: 0;
right: 0px;
bottom: 0;
left: -2px;
margin: auto;
}
.header-service-container {
float: right;
height: 110px;
display: table;
margin-right: 8px;
margin-left: 16px;
position: relative;
}
.header-service-container > .header-service {
display: table-cell;
vertical-align: middle;
}
.header-service-container > .header-service > span {
cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.header-service-popup-link {
padding: 0 !important;
border-radius: 0 !important;
transition-delay: 0ms !important;
-webkit-transition-delay: 0ms !important;
}
.header-service-popup-link span u {
border-bottom: 2px solid transparent;
text-decoration: none;
}
.header-service-popup-link:hover {
background-color: #f0eae4;
}
.header-service-popup > .header-service-popup-link:first-of-type:hover:after {
background-color: #f0eae4;
}
.header-service-popup-link:active span u {
border-bottom: 2px solid #0c2350;
text-decoration: none;
}
.header-service-popup {
visibility: hidden;
opacity: 0;
transition: 200ms ease-in;
-webkit-transition: 200ms ease-in;
}
.header-service-container.active .header-service-popup {
visibility: visible;
opacity: 1;
}
.header-service-container span {
font-size: 12px;
letter-spacing: 0.9px;
line-height: 1.67;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
background-color: rgba(248, 244, 240, 0.15);
padding: 15px 27px;
border-radius: 30px;
transition: background-color 200ms ease-in, color 200ms ease-in;
-webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
}
header#header.is-on-top .header-service-container .header-service span {
background-color: rgba(23,41,59,0.2);
}
.header-service-container .header-service span:hover {
background-color: #ffffff !important;
color: #0c2350;
}
.header-service-container .header-service span.active,
.header-search-icon.active .header-search-icon-bg,
.header-search-icon.active svg #l_01_megamenu_Smartphone_03 {
transition-delay: 0ms !important;
-webkit-transition-delay: 0ms !important;
}
.header-service-container.active .header-service span {
background-color: #d0d5e1 !important;
color: #0c2350;
}
.header-service-popup {
width: 322px;
position: absolute;
left: -97px;
right: 0;
margin: 0 auto;
top: 110px;
background-color: #fff;
z-index: 2;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
}
.header-service-popup > .header-service-popup-link:first-of-type:after {
content: '';
width: 15px;
height: 15px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #fff;
position: absolute;
top: -5px;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
transition: background-color 200ms ease-in;
-webkit-transition: background-color 200ms ease-in;
}
.header-service-popup span {
font-size: 14px;
color: #0c2350;
font-weight: 500;
background: transparent;
line-height: 51px;
text-transform: none;
}
.header-service-popup > span {
background: #ffffff;
}
.header-service-popup-link {
float: left;
width: 100%;
padding: 16px 32px !important;
cursor: pointer;
}
.header-service-popup-link span {
padding: 0;
max-width: 190px;
display: inline-block;
line-height: 19px;
vertical-align: middle;
}
.header-service-popup img {
height: auto;
height: 48px;
float: right;
}
.head-logo-container {
float: left;
padding: 26px 0;
width: 184px;
}
.head-logo-container img {
width: 184px;
height: auto;
}
.head-search-container-outta {
opacity: 0;
visibility: hidden;
position: absolute;
top: -150px;
left: 0;
right: 0;
height: 110px;
width: 100%;
background-color: #514f50;
z-index: 3;
}
html:not([data-is-ios="true"]) .head-search-container-outta {
transition: top 0ms, visibility 200ms ease-in, opacity 200ms ease-in;
-webkit-transition: top 0ms, visibility 200ms ease-in, opacity 200ms ease-in;
}
.head-search-container-outta.open-search {
top: 0;
opacity: 1;
visibility: visible;
}
html:not([data-is-ios="true"]) .head-search-container-outta.open-search-animation {
transition: top 0ms linear 200ms, visibility 200ms ease-in, opacity 200ms ease-in;
-webkit-transition: top 0ms linear 200ms, visibility 200ms ease-in, opacity 200ms ease-in;
}
.head-search-container {
position: absolute;
left: 0;
right: 0;
max-width: 1056px;
height: 110px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.head-search-container svg {
cursor: pointer;
}
.head-search-container form label,
.head-search-container form input[type="submit"] {
display: none;
}
.head-search-container form input[type="text"] {
background-color: transparent !important;
border-width: 0;
color: #fff;
font-size: 18px;
line-height: 1.44;
height: 48px;
margin-top: 31px;
padding: 0 75px 0 0;
width: 100%;
outline: none;
}
.head-search-container form input[type="text"]::-webkit-input-placeholder {
color: #fff !important;
}
.head-search-container-outta input[type="text"]
{
opacity: 0;
}
html:not([data-is-ios="true"]) .head-search-container-outta input[type="text"]
{
transform: translate3d(80px,0,0);
-webkit-transform: translate3d(80px,0,0);
transition: transform 700ms cubic-bezier(0,.95,0,1.01) 150ms, opacity 200ms;
-webkit-transition: transform 700ms cubic-bezier(0,.95,0,1.01) 150ms, opacity 200ms;
}
html[data-is-ios="true"] .head-search-container-outta input[type="text"]
{
padding-left: 80px;
}
.head-search-container-outta.open-search input[type="text"]
{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.head-search-container-outta .header-search-icon
{
transition: transform 700ms cubic-bezier(0,.95,0,1.01), opacity 300ms;
-webkit-transition: transform 700ms cubic-bezier(0,.95,0,1.01), opacity 300ms;
}
.desktop-header-flags-container {
display: table;
float: right;
width: 48px;
height: 110px;
position: relative;
z-index: 1;
margin-left: 18px;
}
.desktop-header-flags {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.desktop-header-flags li {
list-style: none;
padding: 3px;
}
.desktop-header-flags li a span {
display: none;
}  body.home .entry-header .head-copy-container h1.entry-title {
color: #ffffff;
}  .breadcrumb {
float: left;
width: 100%;
padding: 25px 0;
}
.breadcrumb > div {
max-width: 1048px;
margin: 0 auto;
padding: 0 32px;
}
.breadcrumb a,
.breadcrumb span {
font-size: 12px;
line-height: 1.67;
letter-spacing: 0.9px;
text-decoration: none;
float: left;
height: 22px;
}
.breadcrumb a:hover {
font-weight: 500;
}
.breadcrumb a:after {
display: block;
content: attr(data-title);
font-weight: 500;
height: 1px;
color: transparent;
overflow: hidden;
visibility: hidden;
}
.breadcrumb svg {
margin: 0 9px 0 16px;
float: left;
height: 22px;
}
.breadcrumb a svg {
margin: 0 0 -3px 3px;
}
.single-article_overview .breadcrumb a,
.page-template-single-article_overview_by_tag .breadcrumb a {
color: #ffffff;
}
.single-article_overview .breadcrumb svg path,
.page-template-single-article_overview_by_tag .breadcrumb svg path {
stroke: #ffffff;
}
.breadcrumb > div > a:nth-of-type(1) {
text-decoration: none !important;
margin-top: -1px;
}
body.tag .breadcrumb span,
body.single-article_overview .breadcrumb span {
color: #fff;
}  [data-module="button"] .entry-header-button
{
margin-left: 31px;
}  .frontpage-tabmenu-container .mobile-frontpage-tabmenu-head-child {
display: none;
float: left;
width: 100%;
text-align: center;
padding: 8px 58px;
}
.frontpage-tabmenu-container .mobile-frontpage-tabmenu-head-child span {
font-size: 16px;
font-weight: 500;
line-height: 1.88;
text-transform: uppercase;
}
.frontpage-tabmenu-container {
float: left;
width: 100%;
margin-top: 96px;
margin-bottom: 65px;
}
.frontpage-tabmenu {
float: left;
width: 100%;
}
.frontpage-tabmenu-head {
margin: 0 auto;
width: 100%;
display: none;
}
.frontpage-tabmenu-head-inner {
float: left;
width: 100%;
position: relative;
}
.frontpage-tabmenu-body {
float: left;
width: 100%;
padding-top: 80px;
}
.frontpage-tabmenu-body [data-out="tab"] {
}
.frontpage-tabmenu-head-child,
.frontpage-tabmenu-border-slide {
width: 100%;
}
.tab-count-1 .frontpage-tabmenu-head-child,
.tab-count-1 .frontpage-tabmenu-border-slide {
width: 100%;
}
.tab-count-2 .frontpage-tabmenu-head-child,
.tab-count-2 .frontpage-tabmenu-border-slide {
width: 50%;
}
.tab-count-3 .frontpage-tabmenu-head-child,
.tab-count-3 .frontpage-tabmenu-border-slide {
width: 33.333%;
}
.tab-count-4 .frontpage-tabmenu-head-child,
.tab-count-4 .frontpage-tabmenu-border-slide {
width: 25%;
}
.tab-count-5 .frontpage-tabmenu-head-child,
.tab-count-5 .frontpage-tabmenu-border-slide {
width: 20%;
}
.frontpage-tabmenu-head-child {
float: left;
height: 64px;
display: table;
cursor: pointer;
}
.frontpage-tabmenu-head-child > span {
display: table-cell;
vertical-align: middle;
text-align: center;
opacity: 0.75;
font-size: 17px;
font-weight: 500;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
}
.frontpage-tabmenu-head-inner[data-active-tab="0"] .frontpage-tabmenu-head-child[data-tab="0"] > span,
.frontpage-tabmenu-head-inner[data-active-tab="1"] .frontpage-tabmenu-head-child[data-tab="1"] > span,
.frontpage-tabmenu-head-inner[data-active-tab="2"] .frontpage-tabmenu-head-child[data-tab="2"] > span
{
opacity: 1;
}
.frontpage-tabmenu-head-child:hover > span {
opacity: 1;
}
.frontpage-tabmenu-border-slide {
height: 2px;
position: absolute;
left: 0;
top: -2px;
transition: left 150ms ease-in;
-webkit-transition: left 150ms ease-in;
}
.frontpage-tabmenu-head-inner[data-active-tab="0"] .frontpage-tabmenu-border-slide {
left: 0;
}
.frontpage-tabmenu-head-inner.tab-count-2[data-active-tab="1"] .frontpage-tabmenu-border-slide {
left: 50%;
}
.frontpage-tabmenu-head-inner.tab-count-3[data-active-tab="1"] .frontpage-tabmenu-border-slide {
left: 33.333%;
}
.frontpage-tabmenu-head-inner.tab-count-3[data-active-tab="2"] .frontpage-tabmenu-border-slide {
left: 66.666%;
}
.frontpage-tabmenu-head-inner.tab-count-4[data-active-tab="1"] .frontpage-tabmenu-border-slide {
left: 25%;
}
.frontpage-tabmenu-head-inner.tab-count-4[data-active-tab="2"] .frontpage-tabmenu-border-slide {
left: 50%;
}
.frontpage-tabmenu-head-inner.tab-count-4[data-active-tab="3"] .frontpage-tabmenu-border-slide {
left: 75%;
}
.frontpage-tabmenu-head-inner.tab-count-5[data-active-tab="1"] .frontpage-tabmenu-border-slide {
left: 20%;
}
.frontpage-tabmenu-head-inner.tab-count-5[data-active-tab="2"] .frontpage-tabmenu-border-slide {
left: 40%;
}
.frontpage-tabmenu-head-inner.tab-count-5[data-active-tab="3"] .frontpage-tabmenu-border-slide {
left: 60%;
}
.frontpage-tabmenu-head-inner.tab-count-5[data-active-tab="4"] .frontpage-tabmenu-border-slide {
left: 80%;
}  body.single-article_overview .post-content > div,
.page-template-single-article_overview_by_tag .post-content > div {
padding-left: 20px;
padding-right: 20px;
}
.grid-container {
float: left;
width: 100%;
}
.grid-container-inner {
max-width: 1048px;
margin: 0 auto;
}
.entry-header .head-copy-container h1.entry-title {
max-width: 598px;
margin-top: 16px;
margin-bottom: 20px;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto; }
.entry-header .head-copy-container .entry-subheadline {
max-width: 598px;
margin-bottom: 24px;
}
body.single-article .entry-header .head-copy-container .entry-subheadline,
body.single-travellog .entry-header .head-copy-container .entry-subheadline,
body.single-producer .entry-header .head-copy-container .entry-subheadline {
margin-bottom: 60px;
}
.head-copy-container {
padding: 0 32px;
position: relative;
z-index: 2;
}
.head-image-background {
background-position: center center;
background-size: cover;
position: absolute;
width: 100%;
top: -140px;
left: 0;
z-index: -2;
bottom: 0;
background-color: #122855;
}
body.home .entry-header-inner .swiper-container {
bottom: -150px;
position: absolute;
width: 100%;
top: -140px;
left: 0;
z-index: 1;
}
body.home .entry-header-inner .swiper-wrapper {
transition-timing-function: cubic-bezier(0.88, 0, 0.6, 1);
-webkit-transition-timing-function: cubic-bezier(0.88, 0, 0.6, 1);
}
body.home .entry-header-inner .swiper-container .swiper-pagination {
display: block;
}
body.home .entry-content > div:nth-of-type(1) {
position: relative;
z-index: 1;
}
body.single-article header.entry-header,
body.single-travellog header.entry-header,
body.single-producer header.entry-header,
body.single-article_overview header.entry-header,
body.single-news header.entry-header {
min-height: 388px;
}
body.home .head-image-background {
bottom: -150px;
}
body.single-article_overview .head-image-container-inner,
.page-template-single-article_overview_by_tag .head-image-container-inner {
position: absolute;
width: 100%;
left: 0;
overflow: hidden;
top: 0;
bottom: -262px;
}
body.single-article_overview .head-image-container,
.page-template-single-article_overview_by_tag .head-image-container {
position: absolute;
top: -140px;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.head-image-background:after {
content: '';
background-color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
body.single-article .head-copy-container,
body.single-travellog .head-copy-container,
body.single-producer .head-copy-container,
body.single-article_overview .entry-header .head-copy-container,
.page-template-single-article_overview_by_tag .entry-header .head-copy-container {
float: left;
width: 100%;
max-width: 660px;
margin-top: 34px;
margin-bottom: 80px;
}
.entry-subheadline {
font-size: 18px;
line-height: 1.44;
color: #ffffff;
}
.grid {
margin: 0 auto;
width: 100%;
}
.article-small .background-image-overlay {
pointer-events: none;
opacity: 0 !important;
}
.article-small { 
width: 328px;
margin-bottom: 32px;
}
.grid-sizer { 
width: 328px;
}
.article-small { 
border-radius: 0;
box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
position: relative;
min-height: 448px;
}
.article-small > a {
display: block;
float: left;
width: 100%;
}
.article-small.noImage > a {
display: none;
}
.article-small-image {
float: left;
width: 100%;
height: 192px;
background-size: cover;
background-position: center center;
position: relative;
}
.article-klapper .background-image-overlay {
pointer-events: none;
opacity: 0 !important;
}
.article-klapper { 
width: 328px;
margin-bottom: 32px;
}
.article-klapper { 
border-radius: 0;
box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
position: relative;
min-height: 124px;
}
.article-klapper > a {
display: block;
float: left;
width: 100%;
}
.article-klapper.noImage > a {
display: none;
}
.article-klapper-image {
float: left;
width: 100%;
height: 192px;
background-size: cover;
background-position: center center;
position: relative;
}
.article-liste .background-image-overlay {
pointer-events: none;
opacity: 0 !important;
}
.article-liste { 
width: 328px;
margin-bottom: 32px;
}
.article-liste { 
border-radius: 0;
box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
position: relative;
min-height: 32px;
}
.article-liste > a {
display: block;
float: left;
width: 100%;
}
.article-liste.noImage > a {
display: none;
}
.article-liste-image {
float: left;
width: 100%;
height: 192px;
background-size: cover;
background-position: center center;
position: relative;
}
.swiper-lazy-preloader:after {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/loading-yellow.svg) !important; 
}
.article-small-body-container {
float: left;
position: relative;
width: 100%;
padding: 22px 16px 57px;
background-color: #ffffff;
box-sizing: border-box;
}
.article-small.noImage .article-small-body-container {
position: absolute;
height: 100%;
}
.article-small-body {
float: left;
width: 100%;
}
.article-small-body .article-small-title {
font-family: AtlasGrotesk;
font-weight: 500;
height: 58px;
overflow: hidden;
margin: 0 0 23px;
font-size: 22px;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #0c2350;
text-decoration: none;
display: block;
}
.article-small-body .article-small-image-for-lists {
display: none;
}
.article-small-body .description {
overflow: hidden;
display: inline-block;
height: 96px;
}
.article-small-main-tag {
float: left;
position: relative;
z-index: 4;
}
.article-small-main-tag-link {
z-index: 1;
position: absolute;
top: 0;
left: 0;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #f3987d;
font-weight: 500;
transition: 100ms ease-in-out;
-webkit-transition: 100ms ease-in-out;
float: left;
margin-top: 5px;
}
.article-klapper-body-container {
float: left;
position: relative;
width: 100%;
padding: 22px 16px 57px;
background-color: #ffffff;
box-sizing: border-box;
}
.article-klapper.noImage .article-klapper-body-container {
position: absolute;
height: 100%;
}
.article-klapper-body {
float: left;
width: 100%;
}
.article-klapper-body .article-klapper-title {
font-family: AtlasGrotesk;
font-weight: 500;
height: 58px;
overflow: hidden;
margin: 0 0 23px;
font-size: 22px;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #0c2350;
text-decoration: none;
display: block;
}
.article-klapper-body .article-klapper-image-for-lists {
display: none;
}
.article-klapper-body .description {
overflow: hidden;
display: inline-block;
height: 96px;
}
.article-klapper-main-tag {
float: left;
position: relative;
z-index: 4;
}
.article-klapper-main-tag-link {
z-index: 1;
position: absolute;
top: 0;
left: 0;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #f3987d;
font-weight: 500;
transition: 100ms ease-in-out;
-webkit-transition: 100ms ease-in-out;
float: left;
margin-top: 5px;
}
.article-liste-body-container {
float: left;
position: relative;
width: 100%;
padding: 22px 16px 57px;
background-color: #ffffff;
box-sizing: border-box;
}
.article-liste.noImage .article-liste-body-container {
position: absolute;
height: 100%;
}
.article-liste-body {
float: left;
width: 100%;
}
.article-liste-body .article-liste-title {
font-family: AtlasGrotesk;
font-weight: 500;
height: 58px;
overflow: hidden;
margin: 0 0 23px;
font-size: 22px;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #0c2350;
text-decoration: none;
display: block;
}
.article-liste-body .article-liste-image-for-lists {
display: none;
}
.article-liste-body .description {
overflow: hidden;
display: inline-block;
height: 96px;
}
.article-liste-main-tag {
float: left;
position: relative;
z-index: 4;
}
.article-liste-main-tag-link {
z-index: 1;
position: absolute;
top: 0;
left: 0;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
color: #f3987d;
font-weight: 500;
transition: 100ms ease-in-out;
-webkit-transition: 100ms ease-in-out;
float: left;
margin-top: 5px;
}
html[data-is-touch="true"] .article-small-main-tag-link {
transition: 0ms;
-webkit-transition: 0ms;
}
.article-small-main-tag-link:hover,
.article-small-main-tag-link:active {
border-radius: 15px;
background-color: #f3987d;
font-size: 10px;
font-weight: 700;
text-align: center;
color: #0c2350;
padding: 5px 25px;
margin-top: 0px;
}
.article-small-main-tag:hover ~ .article-small-body .article-small-title {
text-decoration: none !important;
}
.article-small-read-more {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 10px 16px;
transition: background 150ms ease-in;
-webkit-transition: background 150ms ease-in;
}
.article-small-read-more span {
float: left;
color: #0c2350;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
line-height: 21px;
z-index: 2;
position: relative;
transition: color 150ms ease-in;
-webkit-transition: color 150ms ease-in;
}
.article-small-body svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: -12px;
margin: auto;
z-index: 2;
transition: right 150ms ease-in;
-webkit-transition: right 150ms ease-in;
}
.article-small-body svg > g > g {
transition: stroke 150ms ease-in;
-webkit-transition: stroke 150ms ease-in;
}
html:not([data-is-touch="true"]) .grid .article-small:hover .article-small-body svg,
html:not([data-is-touch="true"]) .swiper-slide .article-small:hover .article-small-body svg,
.swiper-slide .article-small.clicked .article-small-body svg {
right: -32px;
}
html:not([data-is-touch="true"]) .grid .article-small:hover .article-small-body svg > g > g,
html:not([data-is-touch="true"]) .swiper-slide .article-small:hover .article-small-body svg > g > g,
.swiper-slide .article-small.clicked .article-small-body svg > g > g {
stroke: #ffffff;
}
.article-small-main-tag:hover ~ .article-small-body .article-small-read-more {
background: transparent !important;
}
.article-small-main-tag:hover ~ .article-small-body .article-small-read-more:after {
background-position: left top;
}
.grid .article-small .article-small-read-more:before,
.swiper-slide .article-small .article-small-read-more:before {
background: #7082a5;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0px;
transition: height 150ms ease-in;
-webkit-transition: height 150ms ease-in;
z-index: 1;
}
html:not([data-is-touch="true"]) .grid .article-small:hover .article-small-read-more:before,
html:not([data-is-touch="true"]) .swiper-slide .article-small:hover .article-small-read-more:before,
.swiper-slide .article-small.clicked .article-small-read-more:before {
height: 41px;
}
html:not([data-is-touch="true"]) .grid .article-small:hover .article-small-read-more span,
html:not([data-is-touch="true"]) .swiper-slide .article-small:hover .article-small-read-more span,
.swiper-slide .article-small.clicked .article-small-read-more span {
color: #ffffff;
}
html:not([data-is-touch="true"]) .article-small:hover .article-small-read-more:after,
.article-small.clicked .article-small-read-more:after {
background-position: left 16px top;
}
.article-small.clicked .article-small-read-more:after {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-dark-right-long.svg) !important;
}
.article-small.clicked .article-small-read-more span {
color: #0c2350 !important;
}
body:not(.single-article):not(.single-travellog) .article-small.clicked .article-small-read-more:after {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-dark-right-long.svg) !important;
}
body:not(.single-article):not(.single-travellog) .article-small.clicked .article-small-read-more span {
color: #0c2350 !important;
}
.article-small-link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.article-small.new-article:after {
content: 'NEU';
position: absolute;
top: 0;
left: 16px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.7px;
background-color: #0c2350;
border-radius: 0 0 5px 5px;
padding: 4px 12px 3px;
z-index: 1;
}
[data-out="article-slider"] .swiper-slide {
width: 328px;
max-width: 98%;
}
[data-out="article-slider"] .swiper-slide .article-small {
margin-bottom: 50px;
}
[data-test="responsive"]
{
display: none;
opacity: 0;
}
[data-out="article-slider"]
{
display: none;
margin-top: 100px;
}
[data-module="article_overview-entrytext"] {
margin: 80px 0 76px;
}
body.single-article_overview .post-content [data-out="article-list"]:not(.latestNews-grid),
.page-template-single-article_overview_by_tag .post-content [data-out="article-list"] {
padding-top: 72px;
padding-bottom: 32px;
}
body.single-article_overview .post-content [data-module="article_overview-entrytext"],
.page-template-single-article_overview_by_tag .post-content [data-module="article_overview-entrytext"] {
margin-bottom: 0 !important;
}
body.single-article_overview .post-content .article_overview-entrytext,
.page-template-single-article_overview_by_tag .post-content .article_overview-entrytext {
margin-bottom: 0 !important;
}
.article_overview-entrytext-container {
max-width: 688px !important;
}
.article_overview-entrytext-container p {
font-size: 20px;
font-weight: 500;
line-height: 1.6;
}  body.single-article .entry-title,
body.single-travellog .entry-title,
body.single-producer .entry-title {
color: #ffffff;
}
.head-copy-container .head-main-tag {
font-size: 10px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.5px;
color: #f3987d;
text-transform: uppercase;
text-decoration: none;
transition: padding 150ms;
-webkit-transition: padding 150ms;
}
.head-copy-container .head-main-tag:hover {
border-radius: 15px;
background-color: #f3987d;
font-size: 10px;
font-weight: 700;
text-align: center;
color: #0c2350;
padding: 5px 25px;
margin-top: -5px;
}
.head-article-pager-container {
float: left;
width: 100%;
margin-top: 48px;
margin-bottom: 70px;
padding: 0 20px;
}
.head-article-pager-container-inner {
width: 100%;
max-width: 1016px;
margin: 0 auto;
position: relative;
}
.head-article-pager-container .article-pager-button {
height: 48px;
width: 48px;
position: relative;
z-index: 1;
}
.head-article-pager-container .article-pager-button:hover svg rect,
.head-article-pager-container .article-pager-button:hover svg rect {
fill: #0c2350;
}
.head-article-pager-container .article-pager-button:hover svg #icon_arrow_left_white polyline,
.head-article-pager-container .article-pager-button:hover svg #icon_arrow_right_white polyline {
stroke: #ffffff;
}
.head-article-pager-container .article-pager-button-left {
float: left;
display: block;
background-position: 0px 0px;
}
.head-article-pager-container .article-pager-button-right {
float: right;
display: block;
background-position: 48px 0px;
}
.head-article-pager-container .article-pager-button-left:hover,
.head-article-pager-container .article-pager-button-right:hover {
background-position-y: 48px;
}
.head-article-pager-container .article-pager-copy {
position: absolute;
top: -16px;
left: 0;
right: 0;
margin: 0 auto;
padding: 0 75px;
text-align: center;
transition: opacity 150ms;
-webkit-transition: opacity 150ms;
visibility: hidden;
opacity: 0;
}
.head-article-pager-container .article-pager-copy-headline-last,
.head-article-pager-container .article-pager-copy-headline-next {
font-size: 20px;
font-weight: 500;
line-height: 1.6;
text-align: center;
float: left;
width: 100%;
max-height: 30px;
overflow: hidden;
}
.head-article-pager-container .article-pager-copy-last,
.head-article-pager-container .article-pager-copy-next,
.head-article-pager-container .article-pager-copy-headline-last,
.head-article-pager-container .article-pager-copy-headline-next {
float: left;
width: 100%;
visibility: hidden;
height: 0;
}
.head-article-pager-container .article-pager-copy-last,
.head-article-pager-container .article-pager-copy-next {
margin-top: 3px;
}
.head-article-pager-container .article-pager-copy-last a,
.head-article-pager-container .article-pager-copy-next a {
font-size: 18px;
font-style: italic;
line-height: 1.78;
text-align: center;
text-decoration: none;
}
.article-pager-button-right:hover ~ .article-pager-copy,
.article-pager-button-left:hover ~ .article-pager-copy {
visibility: visible;
opacity: 1;
}
.article-pager-button-right:hover ~ .article-pager-copy .article-pager-copy-headline-next,
.article-pager-button-left:hover ~ .article-pager-copy .article-pager-copy-headline-last {
visibility: visible;
height: auto;
}
.article-pager-button-left:hover ~ .article-pager-copy .article-pager-copy-last,
.article-pager-button-right:hover ~ .article-pager-copy .article-pager-copy-next {
visibility: visible;
height: auto;
}  .search-results-container {
margin: 0 auto;
width: 100%;
max-width: 728px;
padding: 0 20px;
}
.search-results-container .search-results-intro {
font-size: 24px;
line-height: 1.33;
margin: 48px 0 22px;
float: left;
width: 100%;
}
.search-results-container .search-results-breadcrumb a, 
.search-results-container .search-results-breadcrumb span {
font-size: 12px;
line-height: 1.67;
letter-spacing: 0.9px;
text-decoration: none;
float: left;
height: 22px;
}
.search-results-container .search-results-breadcrumb a:after {
display: block;
content: attr(data-title);
font-weight: 500;
height: 1px;
color: transparent;
overflow: hidden;
visibility: hidden;
}
.search-results-container .search-results-breadcrumb svg {
margin: 0 9px 0 16px;
float: left;
height: 22px;
}
.search-results-container .search-results-breadcrumb a {
text-decoration: none;
}
.search-results-container .search-results-breadcrumb a:hover {
font-weight: 500;
}
.search-results-container h5 a {
text-decoration: none;
}
.search-results-container h5 a:hover {
text-decoration: underline;
}
.search-results-container .entry-summary {
font-size: 18px;
font-weight: 300;
line-height: 1.44;
margin-top: 0;
}
.search-results-container .search-results-container .entry-summary p {
margin-bottom: 0;
}
div[data-out="search-results-list"] article {
border-bottom: solid 2px #d2cec9;
padding-top: 24px;
padding-bottom: 24px;
margin-bottom: 24px !important;
}
.search-results-container .search-loading-outer
{
float: left;
width: 100%;
}
.search-results-container .search-loading
{
visibility: hidden;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/loading-yellow.svg);
height: 48px;
width: 48px;
-webkit-animation-name: spin;
-webkit-animation-duration: 800ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
margin: 0 auto;
}  .vc_tta-container {
margin: 48px 0 !important;
}
.vc_tta-container .module-content {
max-width: 100%;
}
.vc_tta-container [data-module="infobox-downloads"] .module-content {
max-width: 1048px;
}
.vc_tta-container .accordion-module-headline {
max-width: 688px;
margin: 0 auto;
}
.vc_tta-container .accordion-module-headline h3 {
margin-top: 22px;
margin-bottom: 53px;
border-bottom-width: 0;
padding-bottom: 0;
}
.vc_tta-container .accordion-headline-copy-container {
max-width: 868px;
margin: 0 auto;
}
.vc_tta-container .accordion-headline-copy-container h2 {
text-align: left;
}
.vc_tta-container .vc_tta-panel-heading {
max-width: 868px;
margin: 0 auto;
border-top: solid 2px #d2cec9 !important;
}
.module-content-row-container .wpb_wrapper > .vc_tta-container:first-of-type {
margin-top: 0 !important;
}
.module-content-row-container .wpb_wrapper > div:first-of-type .vc_tta-panels > div:first-of-type .vc_tta-panel-heading {
border-top-width: 0 !important;
}
.module-content-row-container .wpb_wrapper > div:first-of-type .accordion-module-headline + .vc_general .vc_tta-panels > div:first-of-type .vc_tta-panel-heading {
border-top-width: 2px !important;
}
.vc_tta-container > h2 {
max-width: 688px;
text-align: left;
padding: 53px 0;
margin: 0 auto;
}
.vc_tta-container h4 {
font-size: 24px;
line-height: 1.33 !important;
color: #0c2350;
text-align: left;
}
.vc_tta-container .vc_tta-panel {
padding-bottom: 20px;
position: relative;
}
.vc_tta-container .vc_tta-panel:last-of-type:after {
content: '';
width: 100%;
max-width: 868px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: solid 2px #d2cec9;
}
.vc_tta-panel-heading {
border-width: 0 !important;
}
.vc_tta-container .vc_tta-panel-body {
padding: 0 !important;
border-width: 0 !important;
opacity: 1 !important;
}
.vc_tta-container .vc_tta-panel-body [data-module] {
padding-left: 0;
padding-right: 0;
}
.vc_tta-panel-body > [data-module="single-image"]:last-of-type {
margin-bottom: 20px !important;
}
.vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title {
position: relative;
}
.vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title a:before {
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button.svg);
width: 50px;
height: 50px;
position: absolute;
top: 20px;
right: 0;
bottom: 0;
background-position: 0 0;
margin: auto;
transition: transform 200ms;
-webkit-transition: transform 200ms;
}
.vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title a:after {
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
display: none;
}
.vc_tta-container .vc_active .vc_tta-panel-heading .vc_tta-panel-title a:before {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
html[data-is-touch="false"] .vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title a:hover:before {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
}
.vc_tta-container .vc_tta-panel-heading .vc_tta-panel-title > a {
max-width: 688px;
padding: 48px 70px 28px 0 !important;
margin: 0 auto;
z-index: 1;
cursor: pointer !important;
}
.vc_tta-container .vc_tta-panel-body > div:first-of-type > h2:first-of-type,
.vc_tta-container .vc_tta-panel-body > div:first-of-type > p:first-of-type {
margin-top: 0;
padding-top: 0;
}  [data-module="headlineH2"] .module-content,
[data-module="headlineH3"] .module-content,
[data-module="headlineH4"] .module-content,
[data-module="headlineH5"] .module-content {
max-width: 688px;
}
[data-module="headlineH2"] h2,
[data-module="headlineH3"] h3,
[data-module="headlineH4"] h4,
[data-module="headlineH5"] h5 {
text-align: left;
}
[data-module="headlineH2"] h2 {
margin: 80px 0 26px;
}  [data-module="intro"] .module-content {
max-width: 688px;
margin: 80px auto 48px;
}
[data-module="intro"] .intro-copy {
display: block;
text-align: left;
font-family: AtlasGrotesk;
font-weight: 500;
font-size: 20px;
line-height: 1.6;
color: #0c2350;
word-break: break-word;
}  [data-module="text"] .module-content {
max-width: 688px;
margin: 0 auto;
}
[data-module="text"],
[data-module="text"] p {
font-size: 18px;
font-style: normal;
font-stretch: normal;
line-height: 1.44;
letter-spacing: normal;
font-weight: 300;
}
[data-module="text"] ul {
margin-left: 0;
padding-left: 30px;
}
[data-module="text"] ul li {
padding-left: 7px;
}  [data-module="other-articles"][data-is-swiper="true"],
[data-module="workers"][data-is-swiper="true"],
[data-module="producers"][data-is-swiper="true"]
{
padding: 0 20px 112px;
overflow: hidden;
}
[data-module="other-articles"][data-is-swiper="true"] .module-content,
[data-module="workers"][data-is-swiper="true"] .module-content,
[data-module="producers"][data-is-swiper="true"] .module-content
{
max-width: 1260px;
margin: 0 auto 12px;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head,
[data-module="workers"][data-is-swiper="true"] .carousel-head,
[data-module="producers"][data-is-swiper="true"] .carousel-head
{
float: left;
width: 100%;
position: relative;
min-height: 80px;
z-index: 3;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-headline,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-headline,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-headline
{
padding: 0 25px 0 247px;
margin-right: 222px;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-headline h2,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-headline h2,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-headline h2
{
margin: 0 0 38px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav
{
float: right;
width: 115px;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:before, 
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:before,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:before, 
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:before,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:before, 
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:before
{
content: '';
width: 50px;
height: 50px;
position: absolute;
top: 0;
outline: none;
cursor: pointer;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button.svg);
cursor: pointer;
}
.carousel-head-nav [data-click="swiper-button-next"] {
cursor: pointer !important;
}
.carousel-head-nav [data-click="swiper-button-prev"] {
cursor: pointer !important;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:before,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:before,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:before
{
right: 172px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:before,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:before,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:before
{
right: 107px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:after,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:after,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:after
{
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
content: '';
display: none;
}
html[data-is-touch="false"] [data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:hover:before,
html[data-is-touch="false"] [data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:hover:before,
html[data-is-touch="false"] [data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:hover:before
{
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
}
html[data-is-touch="false"] [data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:hover:before,
html[data-is-touch="false"] [data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:hover:before,
html[data-is-touch="false"] [data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:hover:before
{
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"].swiper-button-disabled:before,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"].swiper-button-disabled:before,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"].swiper-button-disabled:before
{
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button.svg);
opacity: 0.25;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"].swiper-button-disabled:before,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"].swiper-button-disabled:before,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"].swiper-button-disabled:before
{
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button.svg);
opacity: 0.25;
}
[data-module="other-articles"][data-is-swiper="true"] .swiper-container,
[data-module="workers"][data-is-swiper="true"] .swiper-container,
[data-module="producers"][data-is-swiper="true"] .swiper-container
{
overflow: visible;
max-width: 688px;
}
[data-module="other-articles"][data-is-swiper="true"] .swiper-slide,
[data-module="workers"][data-is-swiper="true"] .swiper-slide,
[data-module="producers"][data-is-swiper="true"] .swiper-slide
{
width: 328px;
max-width: 98%;
}
[data-module="other-articles"][data-is-swiper="true"] .article-small,
[data-module="workers"][data-is-swiper="true"] .article-small,
[data-module="producers"][data-is-swiper="true"] .article-small
{
width: 100%;
margin-bottom: 0;
}  [data-module="wide-image"] {
padding: 0 !important;
margin: 112px 0;
}
[data-module="wide-image"] .module-content {
width: 100%;
max-width: 100%;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
float: left;
}
html[data-is-touch="true"] [data-module="wide-image"] .module-content {
background-attachment: initial;
}
[data-module="wide-image"] img {
float: left;
width: 100%;
max-height: 512px;
visibility: hidden;
}
html[data-is-touch="true"] [data-module="wide-image"] [data-out="parallax"]
{
background-attachment: initial;
}  [data-module="single-image"] {
margin: 32px 0 37px;
}
[data-module="single-image"] .module-content {
display: table;
max-width: 868px;
text-align: center;
} @media all and (-ms-high-contrast:none) {
*::-ms-backdrop,
[data-module="single-image"] .module-content {
display: block;
}
}
[data-module="single-image"] .single-image-copy {
display: table;
width: 100%;
}
[data-module="single-image"] span {
display: table-caption;
width: 100%;
max-width: 688px;
min-height: 35px;
font-size: 12px;
font-weight: 300;
line-height: 1.33;
letter-spacing: 0.2px;
margin: 6px auto 0;
text-align: left;
}  [data-module="image-collection"] {
padding: 0 20px;
}
[data-module="image-collection"] .image_container {
margin: 32px auto 37px;
height: auto;
width: 100%;
max-width: 868px;
}
[data-module="image-collection"] .two_images_container.image_container {
max-width: 932px;
margin: 0 auto;
display: flex;
}
[data-module="image-collection"] .image_container.is_half:first-of-type {
margin-right: 32px;
}
[data-module="image-collection"] .image_container img {
width: 100%;
}
[data-module="image-collection"] .image_container span {
font-size: 12px;
font-weight: 300;
line-height: 1.33;
letter-spacing: 0.2px;
color: #0c2350;
margin: 6px auto 0;
width: 100%;
max-width: 688px;
display: block;
}
[data-module="image-collection"] .image_container.is_half span {
max-width: 402px;
}
[data-module="image-collection"] .image_container.is_half {
float: left;
max-width: 450px;
display: flex;
align-items: center;
justify-content: center;
}  [data-module="gallery-slider"] {
padding: 0 !important;
position: relative;
}
[data-module="gallery-slider"] .swiper-container {
width: 100%;
margin: 32px 0 76px;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0.2px;
}
[data-module="gallery-slider"] .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: auto;
height: auto;
padding-bottom: 52px;
max-width: 100%;
}
[data-module="gallery-slider"] .swiper-slide .gallery-slider-image-container {
width: 100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0 20px;
box-sizing: border-box;
}
[data-module="gallery-slider"] .swiper-slide .gallery-slider-image-container-inner {
position: relative;
float: left;
width: 100%;
height: 100%;
}
[data-module="gallery-slider"] .swiper-slide span {
position: absolute;
padding: 6px 8px;
max-width: 688px;
margin: 0 auto;
left: 0;
right: 0;
top: 100%;
}
[data-module="gallery-slider"] .swiper-container .swiper-slide img {
max-height: 496px;
max-width: 868px;
width: auto;
height: auto;
min-width: 502px;
min-height: 288px;
}
[data-module="gallery-slider"] .swiper-container .swiper-slide .vertical-image {
height: 100%;
}
[data-module="gallery-slider"] .swiper-container .swiper-slide .vertical-image img {
height: 100%;
min-width: initial;
}
[data-module="gallery-slider"] .carousel-head {
float: left;
width: 100%;
position: relative;
min-height: 80px;
margin-top: 32px;
}
[data-module="gallery-slider"] .carousel-head-inner {
max-width: 868px;
width: 100%;
margin: 0 auto;
}
[data-module="gallery-slider"] .carousel-head-inner-container {
width: 100%;
position: relative;
max-width: 688px;
left: 0;
right: 0;
margin: auto;
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav {
float: right;
width: 115px;
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [role="button"]:before {
content: '';
width: 50px;
height: 50px;
position: absolute;
top: 0;
outline: none;
cursor: pointer;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button.svg);
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:before {
right: 65px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:before {
right: 0px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:after {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
content: '';
display: none;
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:after {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
content: '';
display: none;
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"]:hover:before {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"]:hover:before {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button-hover.svg);
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-prev"].swiper-button-disabled:before {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button.svg);
opacity: 0.25;
}
[data-module="gallery-slider"] .carousel-head .carousel-head-nav [data-click="swiper-button-next"].swiper-button-disabled:before {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/akkordeon-button.svg);
opacity: 0.25;
}  [data-module="vehicle-types"] {
padding-left: 0;
padding-right: 0;
margin-top: 32px;
margin-bottom: 64px;
}
[data-module="vehicle-types"] .module-content {
max-width: 100%;
}
[data-module="vehicle-types"] .vehicle-types-head {
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 112px 20px 100px;
float: left;
width: 100%;
}
html[data-is-touch="true"] [data-module="vehicle-types"] .vehicle-types-head {
background-attachment: initial;
}
[data-module="vehicle-types"] h2 {
font-size: 36px;
color: #fff;
line-height: 1.17;
margin-top: 0;
margin-bottom: 38px;
}
[data-module="vehicle-types"] button {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.6px;
}
[data-module="vehicle-types"] .vehicle-types-head-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.4;
}
[data-module="vehicle-types"] .vehicle-types-head-content {
float: left;
width: 100%;
z-index: 1;
position: relative;
text-align: center;
}
[data-module="vehicle-types"] .vehicle-types-body-container {
float: left;
width: 100%;
padding-top: 54px;
padding-bottom: 0px;
}
[data-module="vehicle-types"] .vehicle-types-body {
margin: 0 auto;
width: 100%;
max-width: 1260px;
padding: 0 48px;
}
[data-module="vehicle-types"] .vehicle-types-single-vehicle {
float: left;
width: 100%;
padding: 32px 32px 44px;
border-radius: 5px;
border: solid 2px transparent;
transition: 200ms;
-webkit-transition: 200ms;
}
[data-module="vehicle-types"] .vehicle-types-single-vehicle-inner {
float: left;
width: 100%;
position: relative;
}
[data-module="vehicle-types"] .vehicle-types-single-left {
position: absolute;
left: 0;
width: 50%;
height: 100%;
}
[data-module="vehicle-types"] .vehicle-types-single-right {
float: right;
width: 50%;
}
[data-module="vehicle-types"] .vehicle-types-single-left img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
max-width: 328px;
max-height: 148px;
width: 100%;
height: auto;
}
[data-module="vehicle-types"] .vehicle-types-single-title {
font-family: AtlasGrotesk;
font-weight: 500;
font-size: 32px;
line-height: 1.25;
text-decoration: none;
margin-bottom: 10px;
float: left;
width: 100%;
}
[data-module="vehicle-types"] .vehicle-types-single-subtitle {
font-size: 18px;
line-height: 1.44;
}
[data-module="vehicle-types"] .vehicle-types-single-cta button {
background-color: #0c2350;
padding: 16px 35px;
color: #fff;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.7px;
}
[data-module="vehicle-types"] .vehicle-types-single-cta button:hover {
background-color: #7082a5;
}
[data-module="vehicle-types"] .vehicle-types-single-cta button:active {
background-color: #7082a5;
}
.vehicle-types-border {
width: 100%;
height: 2px;
padding: 0 20px;
float: left;
}
.vehicle-types-border > div {
width: 100%;
max-width: 1048px;
height: 2px;
background-color: #fff;
margin: 0 auto;
}  [data-module="promo-wide"] {
margin: 64px 0 144px;
position: relative;
}
[data-module="promo-wide"] .module-content {
max-width: 1260px;
}
[data-module="promo-wide"] .promo-container {
float: left;
width: 100%;
background-size: cover;
background-position: center center;
position: relative;
background-attachment: fixed;
background-repeat: no-repeat;
}
html[data-is-touch="true"] [data-module="promo-wide"] .promo-container {
background-attachment: initial;
}
[data-module="promo-wide"] .promo-container-inner {
float: left;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25);
padding: 0 20px 48px;
min-height: 224px;
}
[data-module="promo-wide"] .promo-container-helper {
display: table;
width: 100%;
min-height: 64px;
max-width: 870px;
margin: 48px auto 0;
}
[data-module="promo-wide"] .promo-copy {
width: 100%;
color: #ffffff;
font-size: 24px;
line-height: 1.33;
text-align: center;
text-transform: uppercase;
font-family: Calder-DarkGrit;
vertical-align: bottom;
display: table-cell;
}
[data-module="promo-wide"] .promo-wide-cta {
float: left;
width: 100%;
margin: 16px 0 0;
text-align: center;
}
[data-module="promo-wide"] .promo-wide-cta button {
padding: 0;
}
[data-module="promo-wide"] .promo-wide-cta a {
padding: 12px 16px 14px;
text-decoration: none;
display: inline-block;
font-weight: 500;
}
[data-module="promo-wide"]:after {
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/brush_brown.svg);
width: 100%;
position: absolute;
height: 100%;
left: 0;
bottom: -80px;
background-repeat: no-repeat;
z-index: -102;
background-position: bottom right 20%;
}  [data-module="promo-small"] {
margin: 48px 0;
}
[data-module="promo-small"] .module-content {
max-width: 1260px;
}
[data-module="promo-small"] .small-promo-container {
float: left;
width: 100%;
position: relative;
}
[data-module="promo-small"] .small-promo-copy-container {
float: left;
width: 50%;
background-color: #646c5d;
padding: 48px 28px 48px 48px;
position: relative;
}
[data-module="promo-small"] .small-promo-pull-right {
float: right;
max-width: 496px;
}
[data-module="promo-small"] .small-promo-copy-container:after {
content: '';
position: absolute;
top: 0;
right: -30px;
height: 100%;
width: 30px;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/green-shape.svg);
background-size: auto 100%;
background-position: center right;
z-index: 1;
background-repeat: no-repeat;
}
[data-module="promo-small"] .small-promo-image-container {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-size: cover;
background-position: center center;
}
[data-module="promo-small"] .small-promo-headline {
font-family: Calder-DarkGrit;
font-size: 24px;
line-height: 1.33;
color: #ffffff;
text-transform: uppercase;
float: left;
width: 100%;
}
[data-module="promo-small"] .small-promo-copy {
font-size: 18px;
line-height: 1.44;
color: #ffffff;
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
[data-module="promo-small"] button {
margin-top: 34px;
}  [data-module="promo-book"] {
margin: 48px 0 64px;
}
[data-module="promo-book"] .module-content {
max-width: 1204px;
}
[data-module="promo-book"] .book-promo-container {
float: left;
width: 100%;
position: relative;
}
[data-module="promo-book"] .book-promo-copy-container {
float: right;
width: 50%;
background-color: #969495;
padding: 45px 20px 32px;
position: relative;
box-sizing: border-box;
}
[data-module="promo-book"] .book-promo-button-container a {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.4px;
text-transform: uppercase;
text-decoration: none;
margin-top: 79px;
float: left;
width: 100%;
color: #ffffff;
}
[data-module="promo-book"] .book-promo-button-container a:hover {
text-decoration: underline;
}
[data-module="promo-book"] .book-promo-button-container img {
margin-right: 4px;
vertical-align: -2px;
}
[data-module="promo-book"] .book-promo-pull-right {
float: left;
max-width: 496px;
}
[data-module="promo-book"] .book-promo-image-container {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-size: cover;
background-position: center center;
}
[data-module="promo-book"] .book-promo-headline {
font-size: 22px;
line-height: 1.27;
color: #ffffff;
text-transform: uppercase;
float: left;
width: 100%;
font-weight: 500;
}
[data-module="promo-book"] .book-promo-copy {
font-size: 18px;
line-height: 1.44;
color: #f8f7f6;
float: left;
width: 100%;
margin-top: 26px;
margin-bottom: 0;
}
[data-module="promo-book"] button {
margin-top: 34px;
}  [data-module="producer-link"] {
margin: 48px 0;
padding: 0;
}
[data-module="producer-link"] .module-content {
max-width: 100%;
}
[data-module="producer-link"] .producer-link-container {
text-align: center;
background-color: #fbb900;
margin: 0 auto;
padding: 64px 48px 48px;
}
[data-module="producer-link"] .producer-link-copy {
font-size: 32px;
line-height: 1.25;
text-align: center;
font-family: AtlasGrotesk;
font-weight: 500;
}
[data-module="producer-link"] .producer-link-wide-cta {
margin-top: 25px; 
}
[data-module="producer-link"] .producer-link-wide-cta button { 
border-radius: 50px;
border: solid 2px #0c2350;
position: relative;
padding: 13px 24px;
}
[data-module="producer-link"] .producer-link-wide-cta span {
font-size: 13px;
font-weight: 500;
text-decoration: none;
color: #0c2350;
word-break: break-word;
letter-spacing: 0;
padding-right: 30px;
display: block;
transition: color 150ms ease-in;
-webkit-transition: color 150ms ease-in;
}
[data-module="producer-link"] .producer-link-wide-cta span:after {
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-right.svg);
width: 25px;
height: 40px;
position: absolute;
z-index: 1;
background-size: cover;
background-position: center center;
top: 0px;
right: 20px;
bottom: 0px;
margin: auto 0;
}
[data-module="producer-link"] .producer-link-wide-cta button:active,
[data-module="producer-link"] .producer-link-wide-cta button:hover {
background-color: #0c2350;
}
[data-module="producer-link"] .producer-link-wide-cta button:active span,
[data-module="producer-link"] .producer-link-wide-cta button:hover span {
color: #ffffff;
}
[data-module="producer-link"] .producer-link-wide-cta button:active span:after,
[data-module="producer-link"] .producer-link-wide-cta button:hover span:after {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-right-white.svg);
}  .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.75) !important;
-ms-transform: scale(.75) !important;
transform: scale(.75) !important;
margin: 0 3px !important;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.5) !important;
-ms-transform: scale(.5) !important;
transform: scale(.5) !important;
margin: 0 3px !important;
}
.swiper-pagination-bullet {
background: #d2cec9 !important;
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
opacity: 1 !important;
background: #122f69 !important;
}
.swiper-pagination {
display: none;
}
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
bottom: -30px;
min-width: 120px;
}
.swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left,.2s -webkit-transform;
transition: .2s left,.2s -webkit-transform;
-o-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform;
}    [data-module="similar-articles"],
[data-module="similar-downloads"],
[data-module="similar-links"] 
{
margin: 31px 0 33px;
padding-left: 0;
padding-right: 0;
}
[data-module="similar-articles"] .module-content,
[data-module="similar-downloads"] .module-content,
[data-module="similar-links"] .module-content 
{
max-width: 1168px;
background-color: #f8f7f6;
padding-bottom: 64px;
}
[data-module="similar-downloads"] .module-content
{
padding-top: 64px;
}
[data-module="similar-downloads"] .module-content {
background-color: transparent;
}
[data-module="similar-articles"] h2,
[data-module="similar-links"] h2 
{
margin: 116px 0 35px;
padding-left: 20px;
padding-right: 20px;
float: left;
width: 100%;
}
[data-module="similar-downloads"] h2
{
margin: 52px 0 35px;
padding-left: 20px;
padding-right: 20px;
float: left;
width: 100%;
}
[data-module="similar-articles"] .article-small,
[data-module="similar-downloads"] .article-small,
[data-module="similar-links"] .article-small 
{
width: 100%;
box-shadow: none;
border-radius: 0;
max-width: 900px;
margin: 0 auto;
padding: 0;
}
[data-module="similar-articles"] .article-small,
[data-module="similar-downloads"] .article-small,
[data-module="similar-links"] .article-small 
{
min-height: 0;
}
[data-module="similar-articles"] .article-small:hover
{
background-color: #ffffff;
}
[data-module="similar-downloads"] .article-small:hover,
[data-module="similar-links"] .article-small:hover {
background-color: #ffffff;
}
[data-module="similar-articles"] .article-small .article-small-body-container,
[data-module="similar-downloads"] .article-small .article-small-body-container,
[data-module="similar-links"] .article-small .article-small-body-container
{
background-color: transparent;
display: block;
width: auto;
height: 100%;
position: absolute;
top: 0;
right: 328px;
bottom: 0;
left: 0;
padding: 28px 32px 31px 16px;
}
[data-module="similar-articles"] .article-small .article-small-main-tag,
[data-module="similar-downloads"] .article-small .article-small-main-tag,
[data-module="similar-links"] .article-small .article-small-main-tag
{
margin-bottom: 10px;
}
[data-module="similar-articles"] .article-small .article-small-body-container .article-small-tag-container
{
float: left;
height: 23px;
overflow: hidden;
width: 100%;
}
[data-module="similar-articles"] .article-small > a,
[data-module="similar-downloads"] .article-small > a,
[data-module="similar-links"] .article-small > a 
{
float: right;
width: 328px;
padding: 16px;
background-color: transparent;
}
[data-module="similar-downloads"] .article-small > a
{
float: right;
width: 328px;
height: 224px;
padding: 16px;
background-color: transparent;
}
[data-module="similar-articles"] .article-small-main-tag-link,
[data-module="similar-downloads"] .article-small-main-tag-link,
[data-module="similar-links"] .article-small-main-tag-link 
{
position: static;
margin-right: 50px;
}
[data-module="similar-articles"] .article-small-body .article-small-title
{
margin: 5px 0;
height: auto;
max-height: 58px;
}
[data-module="similar-downloads"] .article-small-body .article-small-title,
[data-module="similar-links"] .article-small-body .article-small-title 
{
margin: 5px 0 8px;
}
[data-module="similar-downloads"] .article-small-body .article-small-title
{
max-height: 28px;
}
[data-module="similar-articles"] .article-small-body .description,
[data-module="similar-links"] .article-small-body .description,
[data-module="similar-downloads"] .article-small-body .description 
{
float: left;
width: 100%;
height: 57px;
margin-bottom: 6px;
}
[data-module="similar-articles"] .article-small-body .article-small-read-more span
{
font-size: 14px;
font-weight: 500;
line-height: 21px;
}
[data-module="similar-links"] .article-small-body .article-small-read-more span
{
font-size: 14px;
font-weight: 500;
line-height: 21px;
text-transform: uppercase;
}
[data-module="similar-articles"] .article-small-body .article-small-read-more:after {
display: block;
height: 21px;
margin-left: 140px;
top: -2px;
position: relative;
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-dark-right-long.svg);
background-repeat: no-repeat;
background-position: left top;
transition: background-position 150ms ease-in;
-webkit-transition: background-position 150ms ease-in;
z-index: 2;
}
[data-module="similar-articles"] .article-small-link-overlay,
[data-module="similar-links"] .article-small-link-overlay,
[data-module="similar-downloads"] .article-small-link-overlay {
z-index: 3;
}
[data-module="similar-articles"] .article-small-read-more,
[data-module="similar-downloads"] .article-small-read-more,
[data-module="similar-links"] .article-small-read-more 
{
position: relative;
float: left;
width: 100%;
padding: 12px 16px 12px 0;
}
[data-module="similar-articles"] .article-small:hover .article-small-read-more,
[data-module="similar-downloads"] .article-small:hover .article-small-read-more,
[data-module="similar-links"] .article-small:hover .article-small-read-more 
{
background-color: transparent;
}
[data-module="similar-articles"] .article-small.new-article:after,
[data-module="similar-downloads"] .article-small.new-article:after,
[data-module="similar-links"] .article-small.new-article:after
{
display: none;
}
[data-module="similar-articles"] .article-small:hover .article-small-read-more:after,
[data-module="similar-downloads"] .article-small:hover .article-small-read-more:after,
[data-module="similar-links"] .article-small:hover .article-small-read-more:after 
{
background-position: left top;
}
[data-module="similar-articles"] .article-small:hover .article-small-body .article-small-title,
[data-module="similar-downloads"] .article-small:hover .article-small-body .article-small-title,
[data-module="similar-links"] .article-small:hover .article-small-body .article-small-title 
{
text-decoration: none;
}
[data-module="similar-links"] .article-small-read-more span {
text-transform: none;
float: left;
width: 100%;
word-wrap: break-word;
padding-left: 25px;
color: #0c2350;
opacity: 1;
}
[data-module="similar-links"] .article-small-read-more svg {
float: left;
margin-top: 0;
margin-right: 10px;
position: absolute;
top: auto;
right: auto;
bottom: auto;
}
[data-module="similar-links"] .article-small-read-more svg.internal-list-link {
margin-top: 5px;
}
[data-module="similar-links"] .article-small-read-more:after,
[data-module="similar-downloads"] .article-small-read-more:after {
display: none;
}
[data-module="similar-downloads"] .article-small .article-small-read-more {
transition: 0ms;
-webkit-transition: 0ms;
margin-top: 12px;
height: 60px;
width: 165px;
padding: 0;
}
[data-module="similar-links"] .article-small-image {
background-size: contain;
background-repeat: no-repeat;
}    [data-module="other-articles"] {
padding-top: 112px;
padding-bottom: 64px;
}
[data-module="workers"],
[data-module="producers"] {
padding-top: 80px;
padding-bottom: 0px;
}
[data-module="other-articles"] h2,
[data-module="workers"] h2,
[data-module="producers"] h2 {
margin: 0 0 38px;
}
[data-module="other-articles"] [data-out="article-slider"],
[data-module="workers"] [data-out="article-slider"],
[data-module="producers"] [data-out="article-slider"] {
display: none;
}
[data-module="other-articles"][data-is-swiper="true"],
[data-module="workers"][data-is-swiper="true"],
[data-module="producers"][data-is-swiper="true"] {
padding-left: 0;
padding-right: 0;
}
[data-module="other-articles"][data-is-swiper="true"] {
padding-top: 65px;
}
[data-module="workers"] .worker-article-small-body-container .small-worker-icon,
[data-module="producers"] .worker-article-small-body-container .small-worker-icon {
float: right;
margin-left: 10px;
max-height: 31px;
max-width: 60px;
margin-bottom: 16px;
}  .article-load-container {
float: left;
width: 100%;
margin: 32px 0 48px;
}
[data-click="article-load"] {
float: left;
background-size: 25px 25px;
background-position: center center;
background-repeat: no-repeat;
border: 2px solid #0c2350;
padding: 13px 19px;
border-radius: 35px;
color: #0c2350;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
margin: 0 auto;
float: none;
text-align: center;
position: relative;
left: 0;
right: 0;
display: table;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
[data-click="article-load"]:hover {
background-color: #0c2350;
}
[data-click="article-load"][data-is-loading="true"] {
background-color: #0c2350;
padding: 0px;
transition: padding 150ms;
-webkit-transition: padding 150ms;
}
[data-click="article-load"]:hover > span,
[data-click="article-load"]:active > span {
color: #ffffff;
}
[data-click="article-load"][data-is-loading="true"] > span {
display: none;
}
[data-click="article-load"] > span {
float: left;
font-size: 14px;
font-weight: 500;
transition: color 150ms ease-in;
-webkit-transition: color 150ms ease-in;
}
[data-click="article-load"] .article-load-plus {
float: left;
width: 16px;
height: 16px;
background-position: right top;
margin-left: 8px;
margin-top: 2px;
}
[data-click="article-load"] .plus-stroke {
transition: stroke 150ms ease-in;
-webkit-transition: stroke 150ms ease-in;
}
[data-click="article-load"]:hover .plus-stroke,
[data-click="article-load"]:active .plus-stroke {
stroke: #ffffff;
}
[data-click="article-load"][data-is-loading="true"] .article-load-plus {
display: none;
}
[data-click="article-load"]:hover .article-load-plus {
color: #ffffff;
}
[data-click="article-load"] .article-load-icon {
display: none;
height: 48px;
width: 48px;
}
[data-click="article-load"][data-is-loading="true"] .article-load-icon {
display: block;
-webkit-animation-name: spin;
-webkit-animation-duration: 800ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 800ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 800ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 800ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}  [data-module="infobox-downloads"] .module-content {
margin-top: 48px;
margin-bottom: 48px;
background-color: #f8f4f0;
border-radius: 5px; 
}
[data-module="infobox-downloads"] .infobox-content {
padding: 62px 20px 49px;
max-width: 728px;
margin: 0 auto;
text-align: center;
}
[data-module="infobox-downloads"] h2 {
font-size: 22px;
line-height: 1.36;
margin: 0px 0 21px;
}
[data-module="infobox-downloads"] .infobox-copy {
font-family: AtlasGrotesk;
font-weight: normal;
font-size: 16px;
line-height: 1.25;
text-align: left;
display: inline-block;
}
[data-module="infobox-downloads"] .infobox-downloads-container {
margin-top: 23px;
}
.custom-download-button {
border: 2px #0c2350 solid;
border-radius: 43px;
margin: 16px 12px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.6px;
padding: 14px 45px 14px 18px;
display: inline-block;
position: relative;
}
.custom-download-button svg {
position: absolute;
top: 0;
right: 20px;
bottom: 0;
margin: auto 0;
}
html[data-is-touch="false"] .custom-download-button:hover {
border: 2px #0c2350 solid;
background-color: #0c2350;
color: #ffffff;
}
html[data-is-touch="false"] .custom-download-button:hover svg g,
html[data-is-touch="false"] .custom-download-button:active svg g {
stroke: #ffffff;
}  [data-module="infobox-small"] {
width: 50%;
margin: 16px 0;
padding-right: 16px;
}
[data-module="infobox-small"] .module-content {
max-width: 508px;
float: right;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/pattern-dark.png);
padding: 64px 58px 58px;
}
[data-module="infobox-small"][data-left="false"] {
padding-left: 16px;
padding-right: 20px;
}
[data-module="infobox-small"][data-left="false"] .module-content {
float: left;
}
[data-module="infobox-small"] h4 {
margin: 0 0 32px;
padding-bottom: 32px;
border-bottom: 2px solid #d2cec9;
}
[data-module="infobox-small"] p {
line-height: 1.6;
margin-bottom: 28px;
}
[data-module="infobox-small"] .infobox-small-url {
float: left;
width: 100%;
margin-bottom: 10px;
}
[data-module="infobox-small"] .infobox-small-url a {
letter-spacing: 0.4px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
}
[data-module="infobox-small"] .infobox-small-url a:hover {
text-decoration: underline;
}
[data-module="infobox-small"] .infobox-small-url img {
vertical-align: -2px;
}  [data-module="row"] {
margin: 48px 0;
}
[data-module="row"] .module-content-row-container > .module-content {
max-width: 720px;
margin: 0 auto;
padding: 0 16px;
}
[data-module="row"] .module-content-row-container {
max-width: 1048px;
margin: 0 auto;
background-color: #f8f7f6;
padding-top: 82px;
padding-bottom: 64px;
}
[data-module="row"] [data-module] {
padding-left: 0;
padding-right: 0;
}
[data-module="row"] h3 {
border-bottom: solid 2px #d2cec9;
padding-bottom: 19px;
margin-top: 0;
margin-bottom: 31px;
}
[data-module="row"] button {
margin-top: 32px;
}
[data-module="row"] .module-content-row-container .module-content [data-module="text"] {
margin-bottom: 46px;
}
[data-module="row"] .module-content-row-container .module-content [data-module="headlineH4"] h4 {
margin-top: 48px;
}  [data-module="related-tags"] {
margin: 112px 0 61px;
}
div[data-module="related-tags"] h2 {
text-align: center;
margin: 0 0 30px;
}
div[data-module="related-tags"] .tag-container {
text-align: center;
max-height: 164px;
margin: 0 auto;
overflow: hidden;
}
div[data-module="related-tags"] a {
display: inline-block;
min-width: 96px;
padding: 6px 12px;
border-radius: 15px;
background-color: #ffffff;
color: #f3987d;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.7px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin: 8px 16px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
transition: background-color 150ms ease-in, color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in, color 150ms ease-in;
}
div[data-module="related-tags"] a:hover {
background-color: #f3987d;
color: #0c2350;
}
div[data-module="related-tags"] a:active {
background-color: #f5ac97;
color: #0c2350;
}  [data-module="services"] {
margin-top: 112px;
margin-bottom: 96px;
}
[data-module="services"] .module-content {
max-width: 1260px;
text-align: center;
}
[data-module="services"] a {
text-decoration: none;
}
[data-module="services"] .services-button-section-list {
position: relative;
}
[data-module="services"] .services-button-section {
width: 270px;
padding: 16px;
display: inline-block;
}
[data-module="services"] .services-image-container {
float: left;
width: 100%;
text-align: center;
margin-bottom: 64px;
display: block;
}
[data-module="services"] .services-button-container {
float: left;
width: 100%;
text-align: center;
}
[data-module="services"] h2 {
max-width: 688px;
margin: 0 auto 28px;
}
[data-module="services"] img {
max-width: 194px;
max-height: 126px;
width: auto;
height: auto;
}
[data-module="services"] button {
width: 100%;
}
[data-module="services"] a:hover button {
background-color: #fbd667;
}
[data-module="services"] .services-background-text {
font-family: Calder-DarkGrit;
font-size: 100px;
line-height: 75px;
color: #ffffff;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}  .videowrapper {
cursor: pointer;
}
[data-out="video-share-button-list"] {
position: absolute;
right: 94px;
bottom: 125px;
}
[data-out="video-share-button-list"] [data-click="video-share-button"] {
width: 48px;
height: 48px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: #0c2350;
border-radius: 48px;
margin: 0 0 16px;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
[data-out="video-share-button-list"] [data-click="video-share-button"]:hover {
background-color: #7082a5;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-share-button-list"] [data-click="video-share-button"][data-medium="whatsapp"] {
margin: 0 0 10px;
}
[data-out="video-share-button-list"] [data-click="video-share-button"] svg path {
fill: #fff;
}
[data-out="video-share-button-list"] [data-click="video-share-button"][data-medium="facebook"] svg {
height: 34px;
width: 48px;
margin-top: 7px;
}
[data-out="video-share-button-list"] [data-click="video-share-button"][data-medium="twitter"] svg {
height: 24px;
width: 48px;
margin-top: 12px;
}
[data-out="video-share-button-list"] [data-click="video-share-button"][data-medium="whatsapp"] svg {
height: 24px;
width: 48px;
margin-top: 12px;
}
[data-out="video-share-button-list"] [data-medium] {
opacity: 0;
transition: opacity 150ms ease-in;
-webkit-transition: opacity 150ms ease-in;
}
[data-out="video-share-button-list"] [data-medium="twitter"] {
opacity: 0;
transition: opacity 150ms ease-in 75ms;
-webkit-transition: opacity 150ms ease-in 75ms;
}
[data-out="video-share-button-list"] [data-medium="facebook"] {
opacity: 0;
transition: opacity 150ms ease-in 150ms;
-webkit-transition: opacity 150ms ease-in 150ms;
}
[data-out="video-share-button-list"]:not([data-is-open="true"]) [data-medium] {
transition-delay: 0ms;
-webkit-transition-delay: 0ms;
}
[data-out="video-share-button-list"][data-is-open="true"] [data-medium] {
opacity: 1;
}
[data-out="video-wrapper"][data-share-is-open="true"] .share-button svg #video-share-inner {
display: none;
}
[data-out="video-wrapper"] .share-button svg #video-share-close {
display: none;
}
[data-out="video-wrapper"][data-share-is-open="true"] .share-button svg #video-share-close {
display: block;
display: initial;
}
html:not([data-is-touch="true"]) [data-out="video-wrapper"] .share-button:hover #video-share-close > g {
stroke: #0c2350;
}  [data-module="video-playlist"] .video-playlist-content {
max-width: 1048px;
margin: 0 auto;
}
[data-module="video-playlist"] .video-playlist-content-inner {
position: relative;
float: left;
width: 100%;
}
[data-module="video-playlist"] .videowrapper-container {
width: 65%;
float: left;
}
[data-module="video-playlist"] [data-out="video-list"] {
width: 31.4%;
margin-left: 3.5%;
float: left;
min-height: 100%;
overflow: hidden;
}
[data-module="video-playlist"] [data-out="video-list"] .swiper-overflow-wrapper {
overflow: hidden;
}
[data-module="video-playlist"] div[data-out="video-text"] {
float: left;
width: 100%;
line-height: 1.33;
letter-spacing: 0.2px;
font-size: 12px;
padding: 4px 8px;
}
[data-module="video-playlist"] .video-swiper-pagination-container {
float: right;
}
[data-module="video-playlist"] .video-swiper-pagination-container > div {
float: right;
padding: 14px 18px 13px;
outline: none;
}
[data-module="video-playlist"] .video-swiper-pagination-container > div[data-click="video-swiper-button-prev"] {
margin-right: 16px;
}
[data-module="video-playlist"] .video-swiper-pagination-container > div[aria-disabled="true"] {
opacity: 0.5;
}
[data-module="video-playlist"] [data-out="video-list"] >  {
width: 31.4%;
margin-left: 3.5%;
position: absolute;
height: 100%;
right: 0;
top: 0;
overflow: visible;
}
[data-module="video-playlist"] .video-list-video-title span {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 18px;
float: left;
width: 100%;
height: 48px;
overflow: hidden;
}
[data-module="video-playlist"] .video-list-video-infos span,
[data-module="video-playlist"] .video-list-video-out-duration span {
line-height: 1.33;
letter-spacing: 0.2px;
font-size: 12px;
}
[data-module="video-playlist"] .video-list-video-infos span {
margin-right: 16px;
}
[data-module="video-playlist"] .video-list-video-out-time > span {
font-size: 12px;
font-weight: 500;
line-height: 1.67;
letter-spacing: 0.9px;
vertical-align: 3px;
padding-left: 12px;
}
[data-module="video-playlist"] [data-out="video-list-video-progress-outer"] {
position: absolute;
bottom: 0;
left: 0;
}
[data-module="video-playlist"] [data-click="video-list-pause"] {
padding-left: 2px;
}
[data-module="video-playlist"] [data-show-on-mobile][data-out="video-list"] {
width: 100%;
position: static;
margin-left: 0;
}
[data-module="video-playlist"] [data-show-on-mobile][data-out="video-list"] [data-out="video-list-video"] {
height: auto;
width: 100%;
float: left;
}
[data-module="video-playlist"] [data-out="video-share-button-list"] {
right: 22px;
bottom: 119px;
}  [data-out="map-wrapper"] {
position: fixed;
top: 0;
left: -110%;
bottom: 0;
width: 100%;
z-index: 2000000002;
background-color: white;
transition: transform 400ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
-webkit-transition: transform 400ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
}
[data-out="map-wrapper"][data-is-open="true"]
{
transform: translateX(110%);
}
[data-out="map-wrapper"] [data-click="map-zoom-plus"],
[data-out="map-wrapper"] [data-click="map-zoom-minus"]
{
display: none;
}
[data-out="map-wrapper"][data-is-open="true"] [data-click="map-zoom-plus"],
[data-out="map-wrapper"][data-is-open="true"] [data-click="map-zoom-minus"]
{
display: block;
}
[data-out="map-wrapper"] .vendor-map [data-input="zip"].error,
[data-out="map-wrapper"] .vendor-map [data-input="city"].error,
[data-out="map-wrapper"] .vendor-map [data-click="search-nearby"].error {
border: 2px solid red;
}
[data-out="map-wrapper"] .vendor-map #map-container {
width: 100%;
height: 100%;
}
[data-out="map-wrapper"] .vendor-map #map {
width: 100%;
height: 100%;
}
[data-out="map-wrapper"] .vendor-map #map-container {
position: absolute;
}
[data-out="map-wrapper"] .vendor-map #map-container [data-scroller] {
border-radius: 0 0 5px 5px;
position: absolute;
top: 144px;
background-color: #122855;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
[data-out="map-wrapper"] .vendor-map [data-out="vendor-list"] .map-list-vendor {
padding: 0 14px 0 0;
float: left;
width: 100%;
margin-bottom: -2px;
}
[data-out="map-wrapper"] .vendor-map [data-out="vendor-list"] .map-list-vendor-inner {
padding: 0;
float: left;
width: 100%;
}
[data-out="map-wrapper"] .vendor-map [data-out="vendor-list"] .map-list-vendor:last-child > .map-list-vendor-inner {
border-bottom-width: 0;
}
[data-out="map-wrapper"] [data-click="vendor-open"] {
cursor: pointer;
float: left;
width: 100%;
padding: 20px 5px 0 20px;
}
[data-out="map-wrapper"] [data-click="vendor-open"][data-is-selected="true"] {
background-color: #415887;
}
[data-out="map-wrapper"] .map-list-vendor-item-inner {
float: left;
width: 100%;
padding: 0 10px 20px 0;
border-bottom: 2px solid #415887;
}
[data-out="map-wrapper"] .map-search-container {
position: absolute;
width: 392px;
z-index: 3;
background-color: #0c2350;
border-radius: 5px;
color: #fff;
padding: 32px 32px 48px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16), 0 8px 16px 0 rgba(0, 0, 0, 0.16);
margin: 0 auto;
left: 16px;
right: 60%;
top: 10%; }
[data-out="map-wrapper"] .map-search-row {
float: left;
width: 100%;
margin-bottom: 16px;
position: relative;
}
[data-out="map-wrapper"] .map-search-row-half {
float: left;
width: 50%;
}
[data-out="map-wrapper"] .map-search-headline-row h3 {
color: #fff;
margin: 0;
}
[data-out="map-wrapper"] .map-search-nearby-row button {
border: 2px solid #fff;
border-radius: 50px;
background-color: transparent;
color: #fff;
padding: 13px 24px;
width: 100%;
text-align: left;
position: relative;
}
[data-out="map-wrapper"] .map-search-nearby-row button img {
position: absolute;
top: 0;
bottom: 0;
right: 25px;
margin: auto 0;
width: 25px;
}
[data-out="map-wrapper"] .map-search-city-row .map-search-row-half:nth-of-type(1) {
padding-right: 8px;
}
[data-out="map-wrapper"] .map-search-city-row .map-search-row-half:nth-of-type(2) {
padding-left: 8px;
}
[data-out="map-wrapper"] .map-search-city-row input {
background-color: rgba(255, 255, 255, 0.2);
height: 48px;
width: 100%;
border-width: 0;
border-radius: 0;
font-size: 13px;
color: #fff;
padding: 0 16px;
outline: 0;
-moz-appearance: textfield !important;
-webkit-appearance: none;
margin: 0;
}
[data-out="map-wrapper"] .map-search-city-row input::-webkit-input-placeholder {
color: #96a3ba;
text-transform: uppercase;
font-weight: 500;
}
[data-out="map-wrapper"] .map-search-city-row input:-moz-placeholder {
color: #96a3ba;
opacity: 1;
text-transform: uppercase;
font-weight: 500;
}
[data-out="map-wrapper"] .map-search-city-row input::-moz-placeholder {
color: #96a3ba;
opacity: 1;
text-transform: uppercase;
font-weight: 500;
}
[data-out="map-wrapper"] .map-search-city-row input:-ms-input-placeholder {
color: #96a3ba;
text-transform: uppercase;
font-weight: 500;
}
[data-out="map-wrapper"] .map-search-city-row input::-ms-input-placeholder {
color: #96a3ba;
text-transform: uppercase;
font-weight: 500;
}
[data-out="map-wrapper"] .map-search-city-row input::placeholder {
color: #96a3ba;
text-transform: uppercase;
font-weight: 500;
}
[data-out="map-wrapper"] [data-tooltip]
{
display: none;
}
[data-out="map-wrapper"] [data-tooltip][data-is-visible="true"]
{
display: block;
}
[data-out="map-wrapper"] [data-tooltip] {
background-color: #ff3a00;
padding: 14px 16px 15px;
position: absolute;
top: -64px;
width: 100%;
}
[data-out="map-wrapper"] [data-tooltip]:after {
content: '';
position: absolute;
bottom: -6px;
left: 23%;
background-color: #ff3a00;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 13px;
height: 13px;
}
[data-out="map-wrapper"] [data-tooltip="error-locating"]:after {
left: 48%;
}
[data-out="map-wrapper"] [data-tooltip="error-city"]:after {
left: 73%;
}
[data-out="map-wrapper"] .map-search-radius-copy,
[data-out="map-wrapper"] .map-search-radius-value {
float: left;
}
[data-out="map-wrapper"] .map-search-radius-row {
background-color: rgba(255, 255, 255, 0.2);
padding: 0 16px;
height: 48px;
}
[data-out="map-wrapper"] .map-search-radius-copy {
line-height: 48px;
text-transform: uppercase;
color: #96a3ba;
font-size: 13px;
font-weight: 500;
}
[data-out="map-wrapper"] .map-search-radius-row > span, [data-out="map-wrapper"] .map-search-radius-row > div {
width: 28%;
}
[data-out="map-wrapper"] .map-search-radius-value {
background-color: #fff;
font-size: 14px;
font-weight: 500;
color: #0c2350;
padding: 4px 8px;
min-width: 69px;
margin: 11px 19px 11px 21px;
text-align: center;
position: relative;
}
[data-out="map-wrapper"] .map-search-radius-value:after {
content: '';
background-color: #fff;
width: 10px;
height: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
right: -4px;
top: 0;
bottom: 0;
margin: auto 0;
}
[data-out="map-wrapper"] .map-search-radius-row [data-input="radius"] {
-webkit-appearance: none;
outline: none;
width: 30%;
float: left;
height: 9px;
background-color: #7082a5;
box-shadow: inset 0 1px 0 0 rgba(18, 47, 105, 0.79);
margin-top: 19px;
cursor: pointer;
border-width: 0;
}
[data-out="map-wrapper"] .map-search-radius-row [data-input="radius"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background: #fbb900;
border-width: 0;
border-radius: 24px;
background-image: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
height: 24px;
width: 24px;
top: -7px !important;
}
[data-out="map-wrapper"] .map-search-radius-row [data-input="radius"]::-moz-range-thumb {
cursor: pointer;
background: #fbb900;
border-width: 0;
border-radius: 24px;
background-image: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
height: 24px;
width: 24px;
top: -7px !important;
}
[data-out="map-wrapper"] .map-search-container > button {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-radius: 0px 0px 5px 5px;
}
[data-out="map-wrapper"] .map-search-type-row label {
color: #fff;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
line-height: 32px;
vertical-align: middle;
cursor: pointer;
}
[data-out="map-wrapper"] .map-search-type-row input {
display: none;
}
[data-out="map-wrapper"] .map-search-type-row input + label {
background-color: rgba(255, 255, 255, 0.2);
border-width: 0;
border-radius: 20px;
padding: 16px;
display: inline-block;
position: relative;
margin-right: 16px;
}
[data-out="map-wrapper"] .map-search-type-row input + label:active, .regular-checkbox:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
[data-out="map-wrapper"] .map-search-type-row input:checked + label {
background-color: rgba(255, 255, 255, 0.2);
border-width: 0;
border-radius: 20px;
}
[data-out="map-wrapper"] .map-search-type-row input:checked + label:after {
background-position: center center;
font-size: 14px;
position: absolute;
top: 9px;
left: 0px;
color: #99a1a7;
width: 100%;
height: 100%;
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/checked.svg);
}
[data-out="map-wrapper"] .map-infoBox-vendor h4 {
margin: 0 0 7px;
font-size: 18px;
font-weight: 500;
float: left;
width: 100%;
}
[data-out="map-wrapper"] .map-infoBox-vendor p {
margin: 6px 0  5px;
font-size: 15px;
font-weight: 400;
line-height: 1.33;
font-family: AtlasGrotesk;
width: 100%;
}
[data-out="map-wrapper"] .map-infoBox-vendor a {
font-weight: 500;
text-decoration: none;
float: left;
margin-top: 2px;
width: 100%;
}
[data-out="map-wrapper"] .map-infoBox-vendor a:hover {
text-decoration: underline;
}
[data-out="map-wrapper"] .map-website-domain {
margin-top: 26px !important;
float: left;
width: 100%;
}
[data-out="map-wrapper"] .map-website-domain img {
float: left;
margin-right: 5px;
}
[data-out="map-wrapper"] .map-website-domain a {
text-transform: uppercase;
font-size: 14px;
float: left;
width: auto;
word-wrap: break-word;
max-width: 390px;
}
[data-out="map-wrapper"] .gm-style-iw {
max-width: 415px;
border-radius: 0 !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px -1px !important;
padding: 18px 24px 6px !important;
min-width: 404px;
}
html[data-is-old-ie="true"] [data-out="map-wrapper"] .gm-style-iw,
html[data-is-firefox="true"] [data-out="map-wrapper"] .gm-style-iw {
padding: 18px 24px 12px !important;
}
[data-out="map-wrapper"] .map-infoBox-type-container {
float: left;
width: 100%;
margin-top: 28px;
border-top: 2px solid #b3bccc;
padding-top: 16px;
z-index: 3;
position: relative;
}
[data-out="map-wrapper"] .map-infoBox-type-container > span {
font-weight: 500;
letter-spacing: 0;
font-size: 14px;
text-transform: uppercase;
margin-left: 28px;
margin-right: 18px;
vertical-align: middle;
line-height: 32px;
float: left;
}
[data-out="map-wrapper"] .map-infoBox-type-container > span:not(.active-type) {
opacity: 0.5
}
[data-out="map-wrapper"] .map-website-checked-type-icon {
float: left;
background-position: -4px 5px;
background-color: #3b527b;
width: 32px;
height: 32px;
border-radius: 16px;
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/checked.svg);
margin-left: 18px;
}
.gm-style-iw-outer > div > div {
background-color: #fff !important;
border-width: 0 !important;
border-radius: 0 !important;
}
.gm-style-iw-outer > div:first-child > div:nth-of-type(3) {
display: none;
}
.gm-style-iw-outer > div:first-child > div:nth-of-type(2) {
min-width: 310px;
}
.gm-style-iw-outer:before {
content: '';
width: 22px;
height: 22px;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;
border: 0 none;
z-index: 2;
}
.gm-style-iw-outer:after {
content: '';
width: 20px;
height: 20px;
background-color: #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
bottom: -9px;
left: 0;
right: 0;
margin: 0 auto;
border: 0 none;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
.gm-style-iw-outer > div:nth-of-type(3) {
display: none;
}
[data-out="map-wrapper"] .map-search-container,
[data-out="map-wrapper"] [data-out="map-serach-result-list"]
{
transition: opacity 200ms cubic-bezier(0.67, 0.13, 0.49, 0.9), visibility 200ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
-webkit-transition: opacity 200ms cubic-bezier(0.67, 0.13, 0.49, 0.9), visibility 200ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
opacity: 1;
visibility: visible;
}
[data-out="map-wrapper"] .map-search-container[data-is-closed="true"],
[data-out="map-wrapper"] [data-out="map-serach-result-list"][data-is-closed="true"]
{
visibility: hidden;
opacity: 0;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] {
position: absolute;
width: 392px;
z-index: 3;
background-color: #0c2350;
border-radius: 5px;
color: #fff;
padding: 28px 32px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16), 0 8px 16px 0 rgba(0, 0, 0, 0.16);
top: 10%;
height: 77%;
margin: 0 auto;
left: 16px;
right: 60%;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-serach-result-list-back {
height: 48px;
width: 48px;
display: block;
float: left;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-arrow-default-left.svg);
background-position: center center;
background-size: cover;
cursor: pointer;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-serach-result-list-back:hover {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-arrow-default-left-hover.svg);
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-serach-result-list-headline {
color: #fff;
margin: 0;
float: left;
clear: none;
line-height: 48px;
margin-left: 16px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-serach-result-list-copy {
float: left;
margin-top: 20px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-info-left-container {
float: left;
width: 49px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-info-right-container {
margin-left: 49px;
padding-left: 15px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-char {
float: left;
width: 100%;
line-height: 1;
font-size: 24px;
margin-bottom: 6px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-km {
font-size: 14px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-info-right-container span {
width: 100%;
float: left;
position: relative;
}
.map-list-vendor-name-container {
float: left;
width: 100%;
}
.map-list-vendor-name-container-left {
margin-right: 35px;
}
.map-list-vendor-name-container-right {
float: right;
width: 35px;
text-align: right;
display: none;
}
.map-list-vendor-name-container-right .map-list-star-filled {
display: none;
}
[data-click="vendor-open"][data-is-selected="true"] .map-list-star-filled {
display: block;
display: initial;
}
[data-click="vendor-open"][data-is-selected="true"] .map-list-star {
display: none;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-name {
font-weight: 500;
margin-bottom: 12px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] a {
color: #fff;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.4px; 
text-transform: uppercase;
text-decoration: none;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] a:hover {
text-decoration: underline;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-web {
margin-top: 32px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-web img {
position: absolute;
left: 0;
top: -1px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-web a {
float: left;
vertical-align: middle;
margin-left: 24px;
word-break: break-word;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-route {
margin-top: 11px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-route img {
float: left;
margin-left: -5px;
margin-right: 6px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] .map-list-vendor-route a {
float: left;
vertical-align: middle;
line-height: 32px;
}
[data-out="map-wrapper"] .map-search-close {
position: absolute;
top: 32px;
right: 42px;
z-index: 2;
}
[data-out="map-wrapper"] .map-search-close {
position: absolute;
top: 32px;
right: 42px;
z-index: 2;
cursor: pointer;
}
[data-out="map-wrapper"] .vendor-map #map-container .iScrollVerticalScrollbar {
top: 6px !important;
right: 0px !important;
bottom: 6px !important;
width: 12px !important;
}
[data-out="map-wrapper"] .vendor-map #map-container .iScrollIndicator {
width: 8px !important;
border-radius: 3px !important;
background-color: #7082a5 !important;
border-width: 0 !important;
}
.map-zoom-container {
position: absolute;
top: 16px;
right: -64px;
width: 48px;
height: 108px;
}
.map-zoom-container [data-click="map-zoom-plus"],
.map-zoom-container [data-click="map-zoom-minus"] {
width: 48px;
height: 48px;
float: left;
cursor: pointer;
}
.map-zoom-container [data-click="map-zoom-minus"] {
margin-top: 12px;
}
.map-zoom-container svg {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.map-zoom-container [data-click="map-zoom-plus"] svg > g > g,
.map-zoom-container [data-click="map-zoom-minus"] svg > g > g,
.map-search-close[data-click="map-toggle"] svg > g > g {
transition: stroke 150ms ease-in;
-webkit-transition: stroke 150ms ease-in;
}
.map-zoom-container [data-click="map-zoom-plus"] svg rect,
.map-zoom-container [data-click="map-zoom-minus"] svg rect,
.map-search-close[data-click="map-toggle"] svg rect {
transition: fill 150ms ease-in;
-webkit-transition: fill 150ms ease-in;
}
.map-zoom-container [data-click="map-zoom-plus"]:hover svg > g > g,
.map-zoom-container [data-click="map-zoom-minus"]:hover svg > g > g,
.map-search-close[data-click="map-toggle"]:hover svg > g > g {
stroke: #7082a5;
}
.map-zoom-container [data-click="map-zoom-plus"]:hover svg rect,
.map-zoom-container [data-click="map-zoom-minus"]:hover svg rect,
.map-search-close[data-click="map-toggle"]:hover svg rect {
fill: #7082a5;
}
[data-out="map-wrapper"] .rangeslider {
width: 128px;
float: left;
height: 9px;
background-color: #7082a5;
box-shadow: inset 0 1px 0 0 rgba(18, 47, 105, 0.79);
top: 20px;
cursor: pointer;
}
[data-out="map-wrapper"] .rangeslider__handle {
background: #fbb900;
border-width: 0;
background-image: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
height: 24px;
width: 24px;
top: -7px !important;
}
[data-out="map-wrapper"] .rangeslider__handle:after {
display: none;
}
[data-out="map-wrapper"] .rangeslider__fill {
background-color: transparent;
}
.vendor-map button[title="Close"] {
min-width: 0;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) {
transform: skewX(42.6deg) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px 1px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(1) {
transform: skewX(-42.6deg) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px 1px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
border-top: 8px solid rgba(0, 0, 0, 0) !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) {
top: -4px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
background-color: #ffffff !important;
border-radius: 0 !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px -1px !important;
padding: 18px 24px 6px !important;
min-width: 404px;
}
html[data-is-old-ie="true"] [data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1),
html[data-is-firefox="true"] [data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) {
padding: 18px 24px 12px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) {
width: 100%;
height: 100%;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) {
border-radius: 0 !important;
left: 0px !important;
right: 0px !important;
width: 21px !important;
margin: 0px auto !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) {
transform: skewX(42.6deg) !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(1) {
transform: skewX(-42.6deg) !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) {
border-top: 8px solid rgba(0, 0, 0, 0) !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) {
background-color: #ffffff !important;
border-radius: 0 !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px -1px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) {
border-radius: 0 !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) {
transform: skewX(42.6deg) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px 1px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(1) {
transform: skewX(-42.6deg) !important;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px 1px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1),
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2),
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1),
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) {
top: 0px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) {
left: -6px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) {
left: 10px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) {
left: -7px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) {
left: 9px !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(1) {
margin-top: -3px !important;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] [data-iscroll-wrapper] {
left: 1px !important;
right: 1px !important;
}
[data-out="map-wrapper"] button.gm-ui-hover-effect[aria-label="Close"] {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/close-map-infobox.svg) !important;
background-position: center center !important;
background-size: 35px !important;
background-repeat: no-repeat !important;
opacity: 1;
top: 0 !important;
right: 11px !important;
}
[data-out="map-wrapper"] button.gm-ui-hover-effect[aria-label="Close"] img {
display: none !important;
}
[data-out="map-wrapper"] .gm-style > div:nth-of-type(1) > div:nth-of-type(1) {
will-change: transform;
}  .producer-head-info-container-outta {
float: left;
width: 100%;
margin: 48px 0;
padding: 0 20px;
}
.producer-head-info-container {
width: 100%;
max-width: 868px;
margin: 0 auto;
}
.producer-head-info-container-inner {
float: left;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
padding: 24px 87px;
position: relative;
}
.producer-head-info-container .producer-head-info-container-inner-left {
margin-right: 148px
}
.producer-head-info-container .producer-head-info-name {
font-size: 20px;
font-weight: 500;
line-height: 1.6;
}
.producer-head-info-container .producer-head-info-web {
position: relative;
float: left;
width: 100%;
}
.producer-head-info-container .producer-head-info-web img {
position: absolute;
left: 0;
top: -1px;
}
.producer-head-info-container .producer-head-info-web a {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.4px;
text-transform: uppercase;
margin-left: 22px;
}
.producer-head-info-container .producer-head-info-container-inner-right {
float: right;
width: 148px;
height: 148px;
min-height: 100%;
}
.producer-head-info-image-container {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 148px;
height: 148px;
}
.producer-head-info-container .producer-head-info-title {
font-size: 20px;
font-weight: 500;
line-height: 1.6;
margin-bottom: 5px;
float: left;
width: 100%;
}
.producer-head-info-container p {
float: left;
width: 100%;
}
.producer-head-info-container a {
text-decoration: none;
}
.producer-head-info-container a:hover {
text-decoration: underline;
}
.producer-head-info-container .producer-head-info-container-inner-right img {
margin: auto;
max-width: 148px;
max-height: 148px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}  .producer-logo-separator {
margin-left: 20px;
margin-right: 20px;
}
body.page-template-single-producer_overview,
body.page-template-single-producerFixtures_overview {
background-color: #fff;
background-image: none;
}
[data-module="producer-filter"] {
padding-left: 0;
padding-right: 0;
}
[data-module="producer-filter"] .module-content {
max-width: 100%;
}
[data-module="producer-filter"] .producer-overview-category-first-layer {
float: left;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 11px;
margin-bottom: 0;
}
[data-module="producer-filter"] .producer-overview-category-second-layer {
float: left;
width: 100%;
padding: 11px 20px 11px;
background-color: #d0d5e1;
}
[data-module="producer-filter"] .producer-overview-category-second-layer-inner {
max-width: 948px;
margin: 0 auto;
}
[data-module="producer-filter"] [data-out="producer-categories"] {
float: left;
width: 100%;
margin-top: 10px;
text-align: center;
}
[data-module="producer-filter"] .producer-overview-category {
margin: 0 5px 16px;
display: inline-block;
cursor: pointer;
opacity: 0.5;
font-size: 13px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.6px;
text-align: center;
text-transform: uppercase;
padding: 17px 30px;
position: relative;
transition: 150ms ease-in;
-webkit-transition: 150ms ease-in;
border-radius: 80px;
border: solid 2px #ffffff;
}
[data-module="producer-filter"] .producer-overview-category[data-is-active="true"] {
background-color: #0c2350;
border-color: #0c2350;
color: #fff;
padding: 15px 30px;
opacity: 1;
}
[data-module="producer-filter"] .producer-overview-category[data-is-active="true"]:after {
content: '';
position: absolute;
bottom: -34px;
left: 0;
right: 0;
margin: 0 auto;
width: 17px;
height: 17px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #FFFFFF;
z-index: 1;
}
[data-module="producer-filter"] [data-out="catgeory-child-list"] { 
display: none;
text-align: center;
}
[data-module="producer-filter"] [data-out="catgeory-child-list"][data-is-active="true"] {
display: block;
}
[data-module="producer-filter"] [data-out="catgeory-child-list"] {
float: left;
width: 100%;
}
[data-module="producer-filter"] .producer-overview-sub-category {
margin: 8px 16px;
cursor: pointer;
font-size: 13px;
font-weight: 500;
border-bottom: 2px solid transparent;
display: inline-block;
}
[data-module="producer-filter"] .producer-overview-sub-category:after {
content: '';
display: block;
height: 2px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
-webkit-transition: width .5s ease, background-color .5s ease;
-moz-transition: width .5s ease, background-color .5s ease;
}
[data-module="producer-filter"] .producer-overview-sub-category[data-is-active="true"]:after {
width: 100%;
background: #0c2350;
}
[data-module="producer-filter"] .producer-template-select-container {
display: inline-block;
vertical-align: middle;
margin-bottom: 16px;
}
[data-module="producer-filter"] [data-click="producer-template-select"] {
cursor: pointer;
display: inline-block;
height: 48px;
width: 48px;
float: none;
vertical-align: bottom;
margin: 0 5px;
z-index: 2;
position: relative;
background-repeat: no-repeat;
}
[data-module="producer-filter"] [data-click="producer-template-select"][data-template="text"] {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-list.svg);
}
[data-module="producer-filter"] [data-click="producer-template-select"][data-template="image"] {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-logo.svg);
margin-left: 40px;
}
[data-module="producer-filter"] [data-click="producer-template-select"][data-template="text"][data-is-selected="true"] {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-list-active.svg);
}
[data-module="producer-filter"] [data-click="producer-template-select"][data-template="image"][data-is-selected="true"] {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-logo-active.svg);
}
[data-module="producer-filter"] [data-click="producer-template-select"][data-template="text"]:after {
content: '';
display: none;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-list-active.svg);
}
[data-module="producer-filter"] [data-click="producer-template-select"][data-template="image"]:after {
content: '';
display: none;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/btn-logo.svg);
}
[data-module="producer-filter"] .producer-filter-mobile {
float: left;
padding: 21px 20px;
width: 100%;
}
[data-module="producer-filter"] .producer-filter-mobile p {
text-align: left;
font-style: italic;
margin-bottom: 24px;
}
[data-module="producer-overview"] .module-content {
padding: 13px 0 64px;
}
[data-module="producer-overview"] [data-out="producer-list"] {
float: left;
width: 100%;
text-align: center;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator {
float: left;
width: 50%;
text-align: left;
padding: 0 16px;
margin-top: 51px;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator .producer-small-character {
font-family: AtlasGrotesk;
font-weight: 500;
font-size: 32px;
line-height: 1.25;
margin-top: 28px;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator .producer-small-character:first-of-type,
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator .producer-small-character:nth-of-type(2) {
margin-top: 0;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-small-character,
[data-module="producer-overview"] [data-out="producer-list"] .producer-small-list {
padding: 6px 20px;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-small-list {
border-top: solid 2px #d2cec9;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-small-list .article-small-title a {
font-size: 17px;
font-weight: 500;
line-height: 1.78;
text-decoration: none;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-small-list .article-small-title a:hover {
text-decoration: underline;
}
[data-module="producer-overview"] .producer-list-no-entry {
padding: 50px 0;
float: left;
width: 100%;
font-style: italic;
}
[data-module="producer-overview"] .producer-small-grid {
width: 112px;
height: 112px;
display: inline-block;
position: relative;
margin: 40px 39px;
}
html:not([data-is-touch="true"]) [data-module="producer-overview"] .producer-small-grid:hover .producer-small-grid-inner {
position: absolute;
left: -65px;
top: -45px;
right: -65px;
bottom: -103px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
z-index: 1;
background-color: #fff;
text-align: left;
border-radius: 6px;
}
html[data-is-touch="true"] [data-module="producer-overview"] .producer-small-grid.was_clicked .producer-small-grid-inner {
position: absolute;
left: -65px;
top: -45px;
right: -65px;
bottom: -103px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
z-index: 1;
background-color: #fff;
text-align: left;
border-radius: 6px;
}
html:not([data-is-touch="true"]) [data-module="producer-overview"] .producer-small-grid:hover span {
display: block;
}
html[data-is-touch="true"] [data-module="producer-overview"] .producer-small-grid.was_clicked span {
display: block;
}
.producer-title-container-outer {
overflow: hidden;
height: 40px;
}
.producer-title-container {
padding: 0 16px 12px;
width: 100%;
float: left;
height: 50px;
overflow: hidden;
display: table;
vertical-align: bottom;
}
html:not([data-is-touch="true"]) [data-module="producer-overview"] .producer-small-grid:hover .article-small-title {
display: table-cell;
}
html[data-is-touch="true"] [data-module="producer-overview"] .producer-small-grid.was_clicked .article-small-title {
display: table-cell;
}
[data-module="producer-overview"] .producer-small-grid .article-small-title {
padding: 0;
width: 100%;
vertical-align: bottom;
}
[data-module="producer-overview"] .producer-small-grid .article-small-title a {
text-decoration: none;
}
[data-module="producer-overview"] .producer-small-grid .producer-small-grid-read-more {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #fbd667;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 21px;
text-align: left;
padding: 15px 16px 12px;
border-radius: 0 0 5px 5px;
}
[data-module="producer-overview"] .producer-small-grid-image-container {
width: 112px;
height: 112px;
position: relative;
margin: 35px auto 16px;
display: block;
}
[data-module="producer-overview"] .producer-small-grid svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
html:not([data-is-touch="true"]) [data-module="producer-overview"] .producer-small-grid:hover svg image {
filter: none;
}
html[data-is-touch="true"] [data-module="producer-overview"] .producer-small-grid.was_clicked svg image {
filter: none;
}
[data-module="producer-overview"] .producer-small-grid .producer-small-grid-read-more:after {
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-dark-right-long.svg);
background-repeat: no-repeat;
background-position: left top;
z-index: 1;
position: absolute;
bottom: 14px;
right: 17px;
width: 32px;
height: 22px;
}
[data-module="producer-overview"] .producer-small-grid .article-small-title,
[data-module="producer-overview"] .producer-small-grid .producer-small-grid-read-more {
display: none;
}
[data-module="producer-overview"] .producer-small-grid svg {
opacity: 0.6;
transition: opacity 350ms ease-in 0ms;
-webkit-transition: opacity 350ms ease-in 0ms;
}
html:not([data-is-touch="true"]) [data-module="producer-overview"] .producer-small-grid:hover svg {
transition: opacity 350ms ease-in 50ms;
-webkit-transition: opacity 350ms ease-in 50ms;
}
html[data-is-touch="true"] [data-module="producer-overview"] .producer-small-grid.was_clicked svg {
transition: opacity 350ms ease-in 50ms;
-webkit-transition: opacity 350ms ease-in 50ms;
}
[data-out="producer-list"].active .producer-small-grid svg {
opacity: 0.2;
}
html:not([data-is-touch="true"]) [data-module="producer-overview"] .producer-small-grid:hover svg {
opacity: 1;
}
html[data-is-touch="true"] [data-module="producer-overview"] .producer-small-grid.was_clicked svg {
opacity: 1;
}
[data-module="producer-overview"] .producer-template-copy-container-outta {
display: none;
}
body.page-template-single-producer_overview [data-module="producer-overview"] .swiper-lazy-preloader,
body.page-template-single-producerFixtures_overview [data-module="producer-overview"] .swiper-lazy-preloader {
margin-top: 75px;
position: relative;
}  [data-out="modal-producer-list"]
{
position: fixed;
top: 0;
left: -50%;
bottom: 0;
width: 50%;
z-index: 2000000008;
background-color: white;
transform: translate3d(0,0,0);
transition: transform 300ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
}
[data-out="modal-producer-list"][data-is-open="true"]
{
transform: translate3d(100%,0,0);
}
[data-out="modal-producer-list-overlay"]
{
position: fixed;
top: 0;
left: -100%;
bottom: 0;
width: 100%;
z-index: 2000000007;
background-color: black;
opacity: 0;
transition: left 0s 0.3s, opacity 300ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
}
[data-out="modal-producer-list-overlay"][data-is-open="true"]
{
opacity: 0.5;
left: 0;
transition: left 0s, opacity 300ms cubic-bezier(0.67, 0.13, 0.49, 0.9);
}
[data-out="modal-producer-list"] .modal-producer-list-toggle-btn
{
position: absolute;
top: 10px;
}
[data-out="modal-producer-list"][data-is-open="true"] .modal-producer-list-toggle-btn {
position: absolute;
right: -81px;
top: 16px;
cursor: pointer;
}
.producer-list-overlay {
float: left;
width: 100%;
height: 100%;
padding: 16px;
background-color: #e7e9eb;
}
.producer-list-overlay [data-module="producer-filter"] {
float: left;
padding: 16px 150px 16px 49px;
position: relative;
}
.producer-list-overlay .producer-template-select-container {
position: absolute;
top: 16px;
right: 0;
}
.producer-list-overlay h3 {
text-align: left;
margin: 0 0 7px;
}
.producer-list-overlay p {
font-style: italic;
text-align: left;
}
.producer-list-overlay .producer-template-select-container > div:last-child {
margin-right: 0;
}
.producer-list-overlay [data-out="producer-list"] {
top: 138px;
left: 16px;
right: 16px;
bottom: 16px;
width: auto;
background-color: #fff;
}
.producer-list-overlay [data-module="producer-overview"] .producer-small-grid svg {
max-width: 80px;
max-height: 80px;
}
.producer-list-overlay [data-module="producer-overview"] .producer-small-grid:hover svg {
max-width: 112px;
max-height: 112px;
}
html:not([data-is-touch="true"]) .producer-list-overlay [data-module="producer-overview"] .producer-small-grid:hover svg image {
filter: none;
}
html[data-is-touch="true"] .producer-list-overlay [data-module="producer-overview"] .producer-small-grid.was_clicked svg image {
filter: none;
}
.producer-list-overlay .iScrollVerticalScrollbar.iScrollLoneScrollbar {
width: 10px !important;
top: 6px !important;
bottom: 6px !important;
}
.producer-list-overlay .iScrollIndicator {
width: 6px !important;
border-radius: 4px !important;
background-color: #7082a5 !important;
border-width: 0 !important;
}
.producer-list-overlay [data-module="producer-overview"] [data-out="producer-list"] [data-scroller-inner] > .producer-list-separator:nth-of-type(1) {
margin-top: 0;
width: 100%;
padding: 0 50px;
}
.producer-list-overlay [data-module="producer-overview"] [data-out="producer-list"] [data-scroller-inner] > .producer-list-separator:nth-of-type(2) {
margin-top: 0;
margin-bottom: 32px;
width: 100%;
padding: 0 50px;
}
.producer-list-overlay [data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator .producer-small-character:first-of-type,
.producer-list-overlay [data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator .producer-small-character:nth-of-type(2) {
margin-top: 32px;
}
.producer-list-overlay .producer-logo-separator {
padding: 30px 0 100px;
}  [data-module="tableCalc"] {
margin: 64px 0 47px;
}
[data-module="tableCalc"] .tableCalc-container {
position: relative;
overflow-x: auto;
float: left;
width: 100%;
margin-bottom: 128px;
}
[data-module="tableCalc"] table {
width: 1048px;
border-spacing: 0;
font-size: 18px;
}
[data-module="tableCalc"] table tr.tableCalc-darkgrey {
background-color: #514f50;
color: #ffffff;
font-weight: 500;
}
[data-module="tableCalc"] table tr.tableCalc-white {
background-color: #ffffff;
}
[data-module="tableCalc"] table td {
height: 48px;
text-align: center;
}
[data-module="tableCalc"] table tr:first-of-type td {
height: 96px;
vertical-align: bottom;
padding: 15px 0;
}
[data-module="tableCalc"] table tr:first-of-type td svg {
margin-bottom: 8px;
}
[data-module="tableCalc"] table tr.tableCalc-borderlight td {
border-bottom: solid 2px #d3d3d3;
}
[data-module="tableCalc"] table tr.tableCalc-borderdark td {
border-top: solid 2px #514f50;
}
[data-module="tableCalc"] table tr.tableCalc-small-empty-row td {
height: 32px;
}
[data-module="tableCalc"] table td.tableCalc-strong {
font-weight: 500;
}
.tableCalc-visualization {
float: left;
width: 100%;
height: 480px;
}
.tableCalc-visualization > div {
overflow-x: auto;
overflow-y: hidden;
}
.tableCalc-visualization svg > rect {
fill: transparent !important;
}
[data-module="tableCalc"] .tableCalcHeadlineContainer {
float: left;
width: 100%;
}
[data-module="tableCalc"] .tableCalcHeadlineContainer.tableCalcHeadlineContainerBottomMargin {
margin-bottom: 95px;
}
[data-module="tableCalc"] .tableCalcHeadlineContainer .tableCalcHeadlineContainerInner {
max-width: 687px;
border-bottom: solid 2px #d2cec9;
padding-bottom: 20px;
float: none;
margin: auto;
width: 100%;
}
[data-module="tableCalc"] .tableCalcHeadlineContainer .tableCalcHeadlineContainerInner h3 {
max-width: 560px;
float: none;
width: 100%;
text-align: left;
margin: 0;
}
[data-module="tableCalc"] .drag-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(23, 41, 59, 0.8);
transition: opacity 50ms ease-in, visibility 50ms linear;
-webkit-transition: opacity 50ms ease-in, visibility 50ms linear;
}
[data-module="tableCalc"] .drag-overlay.hide {
opacity: 0;
visibility: hidden;
}
[data-module="tableCalc"] .drag-overlay-icon-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 190px;
height: 250px;
text-align: center;
}
.drag-overlay-icon-container span {
color: #ffffff;
font-size: 23px;
margin-top: 16px;
float: left;
}  .footer-nav-container {
max-width: 1088px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.menu-footer-menu-container {
float: left;
width: 100%;
}
.menu-footer-bottom-menu-container {
float: left;
width: 100%;
}
.menu-footer-bottom-menu-container {
padding: 5px 85px 5px 0;
}
#menu-footer-menu {
float: left;
width: 100%;
margin: 64px 0 53px;
padding: 0;
}
#menu-footer-bottom-menu {
float: right;
margin: 0;
padding: 0;
}
.footer-nav-container a {
text-decoration: none;
color: #ffffff;
}
.footer-nav-container li {
list-style: none;
}
#menu-footer-bottom-menu li {
float: left;
margin-left: 47px;
}
#menu-footer-bottom-menu a,
.footer-copyright-container span {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.9px;
line-height: 1.67;
opacity: 0.5;
color: #ffffff;
}
#menu-footer-bottom-menu a:hover {
opacity: 0.6;
}
#menu-footer-menu > li {
float: left;
width: 16.66%;
padding-right: 15px;
}
#menu-footer-menu > li > a {
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
line-height: 1.67;
letter-spacing: 0.9px;
}
#menu-footer-menu ul.sub-menu {
margin: 10px 0 0 0;
padding: 0;
}
#menu-footer-menu ul.sub-menu a {
font-size: 15px;
line-height: 1.33;
padding: 4px 0;
float: left;
width: 100%;
letter-spacing: 0.18px;
}
#menu-footer-menu ul.sub-menu a:hover {
font-weight: 500;
letter-spacing: 0;
}
#footer .footer-social-container {
float: left;
width: 100%;
}
#footer .footer-before-social-container {
float: left;
width: 100%;
padding-bottom: 32px;
}
#footer .footer-before-social-container-inner {
max-width: 1088px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
#footer .footer-before-social-buttons {
float: right;
text-align: right;
}
#footer .footer-before-social-buttons > a {
float: left;
margin-left: 12px;
}
#footer .footer-before-social-buttons > a svg ellipse {
transition: fill 150ms ease-in;
-webkit-transition: fill 150ms ease-in;
}
#footer .footer-before-social-buttons > a:hover svg ellipse {
fill: #7082a5;
}
#footer .footer-before-social-copy {
float: left;
max-width: 508px;
font-family: Calder-DarkGrit;
font-size: 20px;
line-height: 1.6;
color: #0c2350;
text-transform: uppercase;
}
#footer .footer-social-container .swiper-slide {
width: 224px;
height: 224px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transform: scale(1.005);
}
.footer-nav-bottom-copyright-container {
float: left;
width: 100%;
}
.footer-copyright-container {
width: 40%;
float: left;
padding: 5px 0;
}
.footer-nav-bottom-container {
float: right;
width: 60%;
}
.footer-copyright-container-mobile {
display: none;
}
.footer-copyright-container-mobile {
width: 100%;
float: left;
padding: 0 20px 28px;
text-align: center;
}
.footer-copyright-container-mobile span {
font-size: 12px;
font-weight: 500;
line-height: 1.67;
letter-spacing: 0.9px;
color: #ffffff;
opacity: 1;
text-transform: uppercase;
}
.swiper-wrapper {
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.flag-language-switcher {
float: right;
}
.flag-language-switcher > li {
float: left;
margin-left: 16px;
}
.change-language-copy {
float: left;
}
.change-language-copy > span {
margin-left: 80px;
margin-right: 30px;
}
.copyright-desktop {
float: left;
}  @media only screen and (min-width: 769px) {
[data-module="other-articles"] .background-image-overlay,
[data-module="workers"] .background-image-overlay,
[data-module="producers"] .background-image-overlay {
opacity: 0 !important;
}
[data-module="vehicle-types"] .vehicle-types-single-vehicle:hover {
border: solid 2px #ffffff;
background-color: #fff;
}
[data-module="vehicle-types"] .vehicle-types-single-vehicle:hover .vehicle-types-single-cta button {
background-color: #7082a5;
}
.vjs-fullscreen-control {
display: none !important;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .vjs-play-control,
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .vjs-control-bar .pause-title,
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .vjs-progress-control {
left: 90px !important;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .share-button,
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .vjs-progress-control {
right: 90px !important;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .out-time {
left: 152px !important;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .mute-button,
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .volume-button {
right: 154px !important;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-wrapper"] .vjs-progress-control {
bottom: 12px !important;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-list"] [data-out="video-list-video"][data-paused="true"] {
padding: 25px 16px 14px;
}
.head-search-container-outta.open-search .header-search-icon {
opacity: 1;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.header-search-icon:hover .header-search-icon-bg {
background-color: #ffffff !important;
}
.header-search-icon:hover svg #l_01_megamenu_Smartphone_03 {
stroke: #0c2350;
}
[data-module="newsletter"] .checkbox-wrap .nf-field-label {
padding-right: 20px;
}
html[data-is-touch="true"] .share-buttons {
z-index: 12 !important;
position: absolute !important;
right: 31px !important;
bottom: 160px !important;
top: auto !important;
}
[data-module="similar-articles"] .article-small .article-small-read-more {
position: absolute;
bottom: 21px;
left: 16px;
}
[data-module="workers"] .swiper-wrapper,
[data-module="producers"] .swiper-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 688px;
margin: 0 auto;
transform: none !important;
}
[data-module="workers"] .swiper-slide,
[data-module="producers"] .swiper-slide {
float: left;
width: 328px !important;
}
[data-module="workers"] .swiper-slide,
[data-module="producers"] .swiper-slide {
margin-right: 0px !important;
}
[data-module="workers"] .swiper-slide:nth-of-type(2n),
[data-module="producers"] .swiper-slide:nth-of-type(2n) {
margin-left: 32px;
}
[data-module="workers"] .swiper-slide .article-small,
[data-module="producers"] .swiper-slide .article-small {
margin-bottom: 32px;
}
.footer-nav-bottom-copyright-container .menu-footer-bottom-menu-container a,
.change-language-copy > span {
float: left;
}
} @media only screen and (min-width: 1021px) {
nav#menu {
height: 100%;
margin-left: 120px;
}
.menu-main-menu-container {
float: left;
height: 100%;
margin-left: 34px;
}
ul#menu-main-menu {
height: 100%;
margin: 0;
padding: 0;
z-index: 10;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu li.menu-show-more-btn[data-not-on-mobile] {
padding-bottom: 200px;
}
header#header {
background-color: transparent;
}
header#header:hover,
header#header.touched {
background-color: #514f50;
}
ul#menu-main-menu:hover > li > a,
ul#menu-main-menu.touched > li > a {
opacity: 0.5;
transition: 200ms ease-in;
-webkit-transition: 200ms ease-in;
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
header#header.mouseout ul#menu-main-menu:hover > li > a,
header#header.mouseout ul#menu-main-menu.touched > li > a {
transition-delay: 0ms;
-webkit-transition-delay: 0ms;
}
ul#menu-main-menu > li:hover a,
ul#menu-main-menu > li.touched a {
opacity: 1 !important;
}
ul#menu-main-menu > li > a:after {
content: '';
width: 8px;
height: 8px;
background-color: #ffffff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 26px;
border-radius: 4px;
opacity: 0;
visibility: hidden;
transition: 400ms ease-in;
-webkit-transition: 400ms ease-in;
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
header#header.mouseout ul#menu-main-menu > li > a:after {
transition-delay: 0ms;
-webkit-transition-delay: 0ms;
transition: 200ms ease-in;
-webkit-transition: 200ms ease-in;
}
ul#menu-main-menu > li:hover > a:after,
ul#menu-main-menu > li.touched > a:after {
opacity: 1;
visibility: visible;
}
ul#menu-main-menu > li:last-of-type:hover > a:after,
ul#menu-main-menu > li:last-of-type.touched > a:after {
opacity: 0;
visibility: hidden;
}
ul#menu-main-menu .sub-menu-container {
z-index: 10;
visibility: hidden;
opacity: 0;
}
ul#menu-main-menu > li:hover > .sub-menu-container > .sub-menu > li:nth-of-type(2) .sub-menu-container,
ul#menu-main-menu > li.touched > .sub-menu-container > .sub-menu > li:nth-of-type(2) .sub-menu-container {
visibility: visible;
opacity: 1;
}
ul#menu-main-menu .sub-menu-container li {
list-style: none;
}
ul#menu-main-menu .sub-menu-container a {
font-size: 14px;
text-decoration: none;
}
ul#menu-main-menu > li > .sub-menu-container {
position: absolute;
top: 110px;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
padding: 35px;
background: #fff;
min-height: 336px;
transition: 200ms ease-in;
-webkit-transition: 200ms ease-in;
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
}
ul#menu-main-menu > li > .sub-menu-container .sub-menu-container {
transition: 200ms ease-in;
-webkit-transition: 200ms ease-in;
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
header#header.mouseover ul#menu-main-menu:hover > li > .sub-menu-container,
header#header.mouseover ul#menu-main-menu.touched > li > .sub-menu-container {
transition: 0ms ease-in;
-webkit-transition: 0ms ease-in;
}
header#header.mouseover ul#menu-main-menu:hover > li > .sub-menu-container .sub-menu-container,
header#header.mouseover ul#menu-main-menu.touched > li > .sub-menu-container .sub-menu-container {
transition: 0ms ease-in;
-webkit-transition: 0ms ease-in;
transition-delay: 0ms;
-webkit-transition-delay: 0ms;
}
header#header.is-on-top.hidden {
transition: background-color 200ms ease-in 200ms, all 300ms ease-in 0;
-webkit-transition: background-color 200ms ease-in 200ms, all 300ms ease-in 0;
}
header#header.is-on-top .header-search-icon-bg,
header#header.is-on-top .header-service-container span,
header#header.is-on-top .header-search-icon svg #l_01_megamenu_Smartphone_03 {
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
header#header.mouseout,
header#header.mouseout .header-search-icon-bg,
header#header.mouseout .header-service-container span,
header#header.mouseout .header-search-icon svg #l_01_megamenu_Smartphone_03 {
transition-delay: 0ms;
-webkit-transition-delay: 0ms;
}
header#header.mouseout ul#menu-main-menu > li > .sub-menu-container {
transition-delay: 0ms;
-webkit-transition-delay: 0ms;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu {
width: 100%;
margin: 0 auto;
padding: 0;
max-width: 1200px;
}
header#header:not(.hidden) ul#menu-main-menu > li:hover > .sub-menu-container,
header#header:not(.hidden) ul#menu-main-menu > li.touched > .sub-menu-container {
visibility: visible;
opacity: 1;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li {
width: 100%;
}
ul#menu-main-menu span[data-out="menu-arrow-right"] {
transition: top 0.15s linear;
position: absolute;
height: 15px;
width: 15px;
z-index: 15;
margin-left: -10px;
background-color: #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-webkit-box-shadow: 2px 3px 5px -2px rgba(145,145,145,1);
-moz-box-shadow: 2px 3px 5px -2px rgba(145,145,145,1);
box-shadow: 2px 3px 5px -2px rgba(145,145,145,0.7);
} ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > a {
font-weight: 500;
z-index: 12;
position: relative;
width: 100%;
display: inline-block;
padding: 8px 0 8px 10%;
cursor: default;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > a > span {
cursor: pointer;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu:hover > li > a > span,
ul#menu-main-menu > li > .sub-menu-container > .sub-menu.touched > li > a > span {
border-bottom: 0 none !important;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > a > span.mouseover {
border-bottom: 2px solid #0c2350 !important;
opacity: 1 !important;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li:hover > a > span,
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li.touched > a > span {
border-bottom: 2px solid #0c2350;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container {
z-index: 13;
position: absolute;
top: 0;
right: 0;
left: initial;
width: 61%;
height: 100%;
margin: 0;
padding: 27px 64px 35px;
background-color: #e7e9eb;
overflow: hidden;
background: rgb(231,231,231); background: -moz-linear-gradient(left, rgba(210,210,210,1) 0%, rgba(231,233,235,1) 4px); background: -webkit-linear-gradient(left, rgba(210,210,210,1) 0%,rgba(231,233,235,1) 4px); background: linear-gradient(to right, rgba(210,210,210,1) 0%,rgba(231,233,235,1) 4px); }
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu {
float: left;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
max-width: 670px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-moz-column-fill: auto;
column-fill: auto;
overflow: hidden;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu li:not([data-out="mobile-menu-breadcrumb"]):not([data-on-mobile-only]) {
display: inline-block;
float: left;
padding-right: 16px;
margin-bottom: 0;
padding-top: 0;
width: 100%;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu li a {
letter-spacing: 0.19px;
padding-top: 16px;
float: left;
width: 100%;
max-height: 106px;
overflow: hidden;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu li a span {
display: inline-block;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu li a:hover,
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu li a.touched {
font-weight: 500;
letter-spacing: 0;
}
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li .sub-menu-container.is-open {
visibility: visible;
opacity: 1;
}
ul#menu-main-menu > li {
float: left;
height: 100%;
display: table;
padding: 0 16px;
list-style: none;
}
ul#menu-main-menu > li > a {
cursor: default;
display: table-cell;
vertical-align: middle;
color: #ffffff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.9px;
line-height: 1.67;
position: relative;
}
ul#menu-main-menu > li:last-of-type > a span:after {
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-short-white-right.svg);
background-position: center center;
background-size: 36px;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: -6px;
margin-top: 0px;
margin-left: 1px;
float: right;
}
header#header:hover .header-service-container .header-service span,
header#header.touched .header-service-container .header-service span {
background-color: rgba(248, 244, 240, 0.15);
}
header#header:hover .header-search-icon-bg,
header#header.touched .header-search-icon-bg {
background-color: rgba(255, 255, 255, 0.3);
}
.flag-language-switcher-mobile {
display: none;
}
}
@media only screen and (min-width: 1105px) {
[data-module="workers"] .swiper-wrapper,
[data-module="producers"] .swiper-wrapper {
width: 1048px;
}
[data-module="workers"] .swiper-slide,
[data-module="producers"] .swiper-slide {
margin-left: 32px !important;
margin-right: 0px !important;
}
[data-module="workers"] .swiper-slide:nth-of-type(3n-2),
[data-module="producers"] .swiper-slide:nth-of-type(3n-2) {
margin-left: 0 !important;
}
} .share-buttons
{
position: absolute;
float: right;
right: 31px;
display: none;
}
.share-buttons[data-is-sticked="true"]
{
z-index: 11;
position: fixed;
bottom: 170px;
top: auto !important;
}
.share-buttons [data-hover-action] [data-show-on-hover]
{
display: none;
}
.share-buttons [data-hover-action]:hover [data-show-on-hover]
{
display: block;
}
.share-buttons [data-hover-action] [data-show-not-on-hover]
{
display: block;
}
.share-buttons [data-hover-action]:hover [data-show-not-on-hover]
{
display: none;
}
.share-buttons [data-click="share-button-list-toggle"]
{
cursor: pointer;
}
.share-buttons [data-out="share-buttons"] [data-show-on-open] 
{
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
}
.share-buttons [data-out="share-buttons"][data-is-open="true"] [data-show-on-open] 
{
opacity: 1;
visibility: visible;
width: 48px;
height: 48px;
position: static;
}
.share-buttons [data-out="share-buttons"][data-is-open="true"] [data-out="share-button-list"]
{
opacity: 1;
visibility: visible;
width: 48px;
height: 48px;
position: static;
}
.share-buttons [data-out="share-buttons"][data-is-open="true"] [data-hide-on-open]
{
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
}
.share-buttons [data-click="share-button"]
{
margin-bottom: 16px;
cursor: pointer;
background-color: #122f69;
height: 48px;
width: 48px;
border-radius: 50%;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
.share-buttons [data-click="share-button"]:hover
{
background-color: #7082a5;
}
.share-buttons [data-click="share-button"] svg
{
fill: white;
}
.share-buttons [data-click="share-button"][data-medium="facebook"] svg
{
width: 36px;
height: 36px;
}
.share-buttons [data-click="share-button"][data-medium="whatsapp"] svg
{
height: 26px;
}
.share-buttons [data-out="share-buttons"] [data-click="share-button"] 
{
pointer-events: none;
position: absolute;
opacity: 0;
bottom: 0;
transition: opacity 150ms ease-in, bottom 350ms cubic-bezier(.7,1.58,.54,.79);
-webkit-transition: opacity 150ms ease-in, bottom 350ms cubic-bezier(.7,1.58,.54,.79);
}
.share-buttons [data-out="share-buttons"][data-is-open="true"] [data-click="share-button"] 
{
pointer-events: all;
opacity: 1;
}
.share-buttons [data-out="share-buttons"][data-is-open="true"] [data-click="share-button"][data-medium="facebook"]
{
bottom: 118px;
}
.share-buttons [data-out="share-buttons"][data-is-open="true"] [data-click="share-button"][data-medium="twitter"]
{
bottom: 52px;
}
html[data-is-touch="true"] .share-buttons [data-out="share-buttons"][data-is-open="true"] [data-click="share-button"][data-medium="facebook"]
{
bottom: 174px;
}
html[data-is-touch="true"] .share-buttons [data-out="share-buttons"][data-is-open="true"] [data-click="share-button"][data-medium="twitter"]
{
bottom: 112px;
}
html[data-is-touch="true"] .share-buttons [data-out="share-buttons"][data-is-open="true"] [data-click="share-button"][data-medium="whatsapp"]
{
bottom: 50px;
}
html:not([data-is-touch="true"]) [data-click="share-button"][data-medium="whatsapp"],
html:not([data-is-touch="true"]) [data-click="video-share-button"][data-medium="whatsapp"] {
display: none;
}
html:not([data-is-touch="true"]) [data-module]:not([data-module="video-playlist"]) [data-click="video-share-button"][data-medium="twitter"] {
margin-bottom: 10px;
}
.share-buttons [data-click="share-button-list-toggle"]:hover .global-share-symb,
.share-buttons [data-click="share-button-list-toggle"]:hover .global-share-bg {
transition: fill 150ms ease-in;
-webkit-transition: fill 150ms ease-in;
}
html:not([data-is-touch="true"]) .share-buttons [data-click="share-button-list-toggle"]:hover .global-share-symb {
fill: #ffffff;
}
html:not([data-is-touch="true"]) .share-buttons [data-click="share-button-list-toggle"]:hover .global-share-bg {
fill: #0c2350;
}
[data-out="share-buttons"] .global-share-close {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: transform 700ms cubic-bezier(0,.95,0,1.01) 0ms;
-webkit-transition: transform 700ms cubic-bezier(0,.95,0,1.01) 0ms;
}
[data-out="share-buttons"][data-is-open="true"] .global-share-close {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.share-buttons .global-share-copy {
position: absolute;
left: 0;
right: 0;
bottom: -55px;
}
html[data-is-touch="true"] .share-buttons .global-share-close > g {
fill: #ffffff !important;
}
html[data-is-touch="true"] .share-buttons .global-share-close > g > g {
stroke: #ffffff !important;
}
html[data-is-touch="true"] .share-buttons .global-share-copy > g {
fill: #ffffff !important;
}
html[data-is-touch="true"] .share-buttons [data-click="share-button-list-toggle"] [data-hide-on-open] > g {
fill: #ffffff !important;
}  .scroll-top-button {
width: 48px;
height: 48px;
position: fixed;
bottom: 32px;
right: 32px;
z-index: 12;
cursor: pointer;
overflow: visible;
}
.scroll-top-button rect {
transition: fill 150ms ease-in;
-webkit-transition: fill 150ms ease-in;
}
html:not([data-is-touch="true"]) .scroll-top-button:hover rect {
fill: #7082a5;
}  [data-module="newsletter"] {
padding-top: 96px;
padding-bottom: 24px;
margin-bottom: 70px;
position: relative;
}
[data-module="newsletter"] .module-content {
width: 100%;
}
[data-module="newsletter"] .nf-form-errors
{
display: none;
} 
[data-module="newsletter"] .nf-form-fields-required
{
display: none;
}
[data-module="newsletter"] .nf-error-msg
{
background-color: #ff3a00;
padding: 14px 16px 15px;
position: absolute;
bottom: 64px;
width: 100%;
color: #fff;
max-width: 328px;
}
[data-module="newsletter"] .nf-error-msg:after {
content: '';
position: absolute;
bottom: -6px;
left: 47%;
background-color: #ff3a00;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 13px;
height: 13px;
}
[data-module="newsletter"] .checkbox-container .nf-error-msg:after {
left: 9px;
}
[data-module="newsletter"] .newsletter-image-left {
width: 418px;
height: 304px;
border-radius: 5px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
float: none;
position: relative;
text-align: center;
}
[data-module="newsletter"] .newsletter-headline-left {
color: #ffffff;
font-family: HarvestBarn;
font-size: 180px;
text-align: center;
width: 100%;
height: 100%;
} [data-module="newsletter"] .newsletter-content-right {
float: left;
padding-left: 450px;
padding-top: 27px;
width: 100%;
}
[data-module="newsletter"] .nf-response-msg {
float: left;
width: 100%;
}
[data-module="newsletter"] .newsletter-headline-right {
font-family: AtlasGrotesk;
font-weight: 500;
font-size: 24px;
line-height: 1.17;
margin-bottom: 29px;
float: left;
width: 100%;
max-width: 508px;
}
[data-module="newsletter"] input[type="email"] {
background-color: #d0d5e1;
color: #0c2350;
font-size: 12px;
font-weight: 500;
height: 48px;
border-radius: 0;
border-width: 0;
width: 100%;
padding: 0 22px;
outline: none;
margin-right: 0;
}
[data-module="newsletter"] input[type="email"]::-webkit-input-placeholder {
color: #677a9a;
text-transform: uppercase;
letter-spacing: 0.6px;
}
[data-module="newsletter"] input[type="email"]:-moz-placeholder {
color: #677a9a;
opacity: 1;
text-transform: uppercase;
letter-spacing: 0.6px;
}
[data-module="newsletter"] input[type="email"]::-moz-placeholder {
color: #677a9a;
opacity: 1;
text-transform: uppercase;
letter-spacing: 0.6px;
}
[data-module="newsletter"] input[type="email"]:-ms-input-placeholder {
color: #677a9a;
text-transform: uppercase;
letter-spacing: 0.6px;
}
[data-module="newsletter"] input[type="email"]::-ms-input-placeholder {
color: #677a9a;
text-transform: uppercase;
letter-spacing: 0.6px;
}
[data-module="newsletter"] input[type="email"]::placeholder {
color: #677a9a;
text-transform: uppercase;
letter-spacing: 0.6px;
}
[data-module="newsletter"] .field-wrap {
display: block;
}
[data-module="newsletter"] nf-field {
float: left;
}
[data-module="newsletter"] nf-fields-wrap nf-field:nth-of-type(1) {
margin-right: 32px;
}
[data-module="newsletter"] .label-above .nf-field-label {
margin-bottom: 0 !important;
}
[data-module="newsletter"] .checkbox-wrap label {
font-weight: normal;
cursor: pointer;
}
[data-module="newsletter"] .checkbox-wrap label a {
font-weight: bold;
text-decoration: none;
}
[data-module="newsletter"] .ninja-forms-req-symbol {
display: none;
}
[data-module="newsletter"] .checkbox-wrap label a:hover {
text-decoration: underline;
}
[data-module="newsletter"] .nf-field-container {
margin-bottom: 16px;
}
.checkbox-wrap,
.list-radio-wrap,
.list-checkbox-wrap {
position: relative;
display: table !important;
}
[data-module="newsletter"] .checkbox-wrap .nf-field-label {
float: left;
padding-left: 48px !important;
vertical-align: middle;
display: table;
min-height: 32px;
}
[data-module="newsletter"] .checkbox-wrap .nf-field-label label {
display: table-cell;
vertical-align: middle;
}
[data-module="newsletter"] .checkbox-wrap .nf-field-element {
position: absolute;
top: 0;
left: 0;
}
.checkbox-wrap input,
.list-radio-wrap input {
display: none;
}
.list-radio-wrap input + label {
background-color: #ffffff;
border-width: 0;
border-radius: 20px;
padding: 14px;
position: relative;
border: 2px solid #ffffff;
display: block !important;
display: initial !important;
float: left !important;
margin: 0 16px 0 0 !important;
}
.list-radio-wrap input.nf-checked + label {
background-color: #d0d5e1;
border-color: #d0d5e1;
border-radius: 20px;
box-shadow: none;
}
.list-radio-wrap input.nf-checked + label:after {
background-position: center center;
font-size: 14px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
color: #0c2350;
width: 12px;
height: 12px;
content: '';
background-color: #122f69;
border-radius: 20px;
}
.checkbox-wrap input + label {
background-color: #ffffff;
border-width: 0;
padding: 14px;
position: relative;
border: 2px solid #ffffff;
display: block !important;
display: initial !important;
float: left !important;
margin: 0 16px 0 0 !important;
}
.checkbox-wrap input:checked + label {
background-color: #ffffff;
box-shadow: none;
}
.checkbox-wrap input:checked + label:after {
background-position: center center;
font-size: 14px;
position: absolute;
top: 9px;
left: 0px;
color: #0c2350;
width: 100%;
height: 100%;
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/checked-blue.svg);
}
[data-module="newsletter"]:after {
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/newsletter-brush.svg);
width: 100%;
position: absolute;
height: 100%;
left: 0;
bottom: -55px;
background-repeat: no-repeat;
z-index: -1;
background-position: center center;
}
[data-module="newsletter"] .checkbox-container:not(.errors-disabled) .nf-error .nf-field-element label {
border-color: #ff3a00;
}
[data-module="newsletter"] input[type="email"]:focus {
border: 2px solid #0c2350 !important;
}
[data-module="newsletter"] .list-select-wrap div div {
display: initial !important;
}
[data-module="newsletter"] nf-fields,
[data-module="newsletter"] nf-field {
float: left;
width: 100%;
}
[data-module="newsletter"] .nf-error-msg {
width: 100%;
max-width: 100%;
}
[data-module="newsletter"] .field-wrap select {
width: 100% !important;
max-width: 160px;
}
[data-module="newsletter"] .field-wrap input[type=button] {
width: 100%;
}
[data-module="newsletter"] .listselect-container .nf-error-msg {
max-width: 160px;
}
[data-module="newsletter"] .checkbox-container {
position: static;
}
[data-module="newsletter"] .checkbox-container .nf-error-msg {
top: -64px;
bottom: auto;
width: 98.3%;
}
[data-module="newsletter"] nf-rows-wrap > .nf-row:nth-of-type(3) {
position: relative;
}
[data-module="newsletter"] .newsletter-content-right > span {
float: left;
width: 100%;
}  [data-module="form"] {
margin-top: 112px;
margin-bottom: 112px;
}
[data-module="form"] .module-content {
max-width: 688px;
}
.nf-field-container {
margin-bottom: 32px;
}
.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input:not([type="button"]), .field-wrap select {
font-weight: 500;
background-color: #ffffff;
border: 2px solid #ffffff;
font-size: 12px;
padding: 14px 16px;
border-radius: 0;
height: 48px !important;
outline: none;
-webkit-appearance: none;
border-radius: 0;
}
div#wrapper .list-checkbox-wrap input[type="checkbox"] {
background-color: #ffffff;
border-width: 0;
padding: 14px;
position: relative;
border: 2px solid #ffffff !important;
display: block !important;
display: initial !important;
float: left !important;
margin: 0 16px 0 0 !important;
width: 32px !important;
height: 32px !important;
cursor: pointer;
}
div#wrapper .list-checkbox-wrap input[type="checkbox"]::-ms-check {
display: none;
}
div#wrapper .list-checkbox-wrap input[type="checkbox"].nf-checked + label:after {
background-position: center center;
font-size: 14px;
position: absolute;
top: 9px;
left: 0px;
color: #0c2350;
width: 32px;
height: 32px;
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/checked-blue.svg);
display: block;
}
.nf-error .ninja-forms-field {
border: 2px solid #ff3a00 !important;
}
.checkbox-wrap.nf-error .ninja-forms-field + label {
border: 2px solid #ff3a00;
}
.field-wrap select {
width: auto !important;
padding-right: 44px;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-repeat: no-repeat;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-down.svg);
background-position: right -13px top 1px;
}
.field-wrap select::-ms-expand {
display: none;
}
.field-wrap textarea {
max-width: 100%;
min-width: 250px;
min-height: 48px;
font-weight: 500;
background-color: #ffffff;
border-width: 0;
font-size: 12px;
padding: 14px 16px;
border-radius: 0;
}
.field-wrap>div input::-webkit-input-placeholder,
.field-wrap select::-webkit-input-placeholder,
.field-wrap textarea::-webkit-input-placeholder {
color: #677a9a;
text-transform: uppercase;
}
.field-wrap>div input:-moz-placeholder,
.field-wrap select:-moz-placeholder,
.field-wrap textarea:-moz-placeholder {
color: #677a9a;
opacity: 1;
text-transform: uppercase;
}
.field-wrap>div input::-moz-placeholder,
.field-wrap select::-moz-placeholder,
.field-wrap textarea::-moz-placeholder {
color: #677a9a;
opacity: 1;
text-transform: uppercase;
}
.field-wrap>div input:-ms-input-placeholder,
.field-wrap select:-ms-input-placeholder,
.field-wrap textarea:-ms-input-placeholder {
color: #677a9a;
text-transform: uppercase;
}
.field-wrap>div input::-ms-input-placeholder,
.field-wrap select::-ms-input-placeholder,
.field-wrap textarea::-ms-input-placeholder {
color: #677a9a;
text-transform: uppercase;
}
.field-wrap>div input::placeholder,
.field-wrap select::placeholder,
.field-wrap textarea::placeholder {
color: #677a9a;
text-transform: uppercase;
}
.label-left .nf-field-label label {
width: 100%;
text-align: left;
font-size: 20px;
font-weight: 500;
line-height: 1.6;
}
.nf-field-description p {
line-height: 1.33;
letter-spacing: 0.2px;
font-size: 12px;
}
.nf-field-description a {
font-weight: 600;
text-decoration: none;
}
.nf-field-description a:hover {
text-decoration: underline;
}
[data-module="form"] .checkbox-wrap .nf-field-label,
[data-module="form"] .list-radio-wrap .nf-field-label,
[data-module="form"] .listcheckbox-wrap .nf-field-label {
position: static;
display: table-cell;
padding: 0 20px 0 0;
width: 270px !important;
text-align: left;
vertical-align: top;
height: auto;
width: 100%;
visibility: visible;
}
[data-module="form"] .checkbox-wrap .nf-field-element {
display: table-cell;
width: 32px;
vertical-align: top;
}
[data-module="form"] .checkbox-wrap .nf-field-description {
display: table-cell;
min-height: 32px;
vertical-align: middle;
}
[data-module="form"] .checkbox-wrap .nf-field-description p {
vertical-align: middle;
display: table-cell;
}
[data-module="form"] .checkbox-wrap label,
[data-module="form"] .list-radio-wrap .nf-field-label label,
[data-module="form"] .list-checkbox-wrap .nf-field-label label {
cursor: pointer;
font-size: 20px;
font-weight: 500;
line-height: 1.6;
}
[data-module="form"] .nf-error-msg {
display: none !important;
}
.nf-custom-container {
width: 100%;
position: relative;
}
[data-module="form"] .checkbox-wrap .nf-custom-container,
[data-module="form"] .list-radio-wrap .nf-custom-container,
[data-module="form"] .list-checkbox-wrap .nf-custom-container {
display: table-cell;
width: auto;
}
[data-module="form"] .list-radio-wrap .nf-custom-container,
[data-module="form"] .list-checkbox-wrap .nf-custom-container {
width: 100%;
float: left;
}
[data-module="form"] .list-radio-wrap .nf-custom-container .nf-field-element,
[data-module="form"] .list-checkbox-wrap .nf-custom-container .nf-field-element {
width: 100%;
}
[data-module="form"] .submit-wrap .nf-field-label {
display: none !important;
}
[data-module="form"] .submit-wrap .nf-field-element {
width: 100% !important;
}
[data-module="form"] .submit-wrap input[type=button] {
width: 100% !important;    
}
[data-module="form"] .list-select-wrap div div {
display: block !important;
}
div#wrapper .list-radio-wrap ul > li {
float: left;
margin: 0 0 16px !important;
display: table;
}
div#wrapper .list-checkbox-wrap ul > li {
float: left;
margin: 0 0 16px !important;
display: table;
position: relative;
}
.list-radio-wrap label {
float: left !important;
cursor: pointer;
display: table-cell !important;
}
.list-checkbox-wrap label {
cursor: pointer;
display: table-cell !important;
margin-left: 0 !important;
width: auto;
float: none !important;
vertical-align: middle;
}
.list-radio-wrap label + label {
margin-left: 0 !important;
width: auto;
float: none !important;
vertical-align: middle;
}
[data-module="form"] .list-radio-wrap ul li label:last-of-type,
[data-module="form"] .list-checkbox-wrap ul li label:last-of-type {
width: 100%;
}
.list-radio-wrap .nf-field-element li div {
float: left;
height: 32px;
width: 64px;
}
.list-radio-wrap .nf-field-element li:last-of-type div {
display: none;
}
[data-module="form"] h3 {
display: none;
}
[data-module="form"] .submit-container {
margin-bottom: 0;
}
[data-module="form"] .field-wrap:not(.checkbox-wrap):not(.list-radio-wrap):not(.listcheckbox-wrap) label {
display: none;
}
.nf-response-msg,
.nf-response-msg p {
font-style: italic;
}
[data-module="form"] textarea {
border: 2px solid #ffffff;
}
[data-module="form"] input:not([type="button"]),
[data-module="form"] textarea {
color: #0c2350 !important;
outline: none;
}
[data-module="form"] input:focus,
[data-module="form"] textarea:focus {
border: 2px solid #0c2350 !important;
}
.grecaptcha-badge {
display: none;
}  #cookie-notice {
padding: 0 20px;
}
.cookie-notice-container {
width: 100%;
max-width: 868px;
margin: 0 auto;
padding: 0;
}
.cookie-notice-container > span {
width: 100%;
max-width: 508px;
font-size: 12px;
line-height: 1.33;
letter-spacing: 0.2px;
float: left;
text-align: left;
padding: 24px 0;
font-weight: 500;
}
.cookie-notice-container > span a {
font-weight: 600;
}
.cookie-notice-container > a {
background-color: #0c2350;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
line-height: 1.33;
letter-spacing: 0.2px;
padding: 15px 28px;
font-weight: 500;
font-size: 14px;
float: right;
margin: 24px 0;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
.cookie-notice-container > a:hover {
background-color: #7082a5;
}  body[data-is-header-hidden="true"] header.entry-header,
body[data-is-header-hidden="true"] .breadcrumb,
body.error404 header.entry-header,
body.error404 .breadcrumb {
display: none;
}
body[data-is-header-hidden="true"] #container,
body.error404 #container {
padding-top: 110px;
}
body[data-is-header-hidden="true"] header#header,
body.error404 header#header {
background-color: #0c2350 !important;
}
body[data-is-header-hidden="true"] header#header .header-service-container .header-service span,
body.error404 header#header .header-service-container .header-service span {
background-color: rgba(248, 244, 240, 0.15);
}
body[data-is-header-hidden="true"] header#header .header-mobile-menu-icon .header-mobile-icon-bg,
body[data-is-header-hidden="true"] header#header.is-on-top .header-search-icon-bg,
body[data-is-header-hidden="true"] header#header.is-on-top .header-service-icon-bg,
body.error404 header#header .header-mobile-menu-icon .header-mobile-icon-bg,
body.error404 header#header.is-on-top .header-service-icon-bg,
body.error404 header#header.is-on-top .header-search-icon-bg {
background-color: rgba(248, 244, 240, 0.15);
opacity: 1;
}
div[data-module="error404"] {
margin-top: 80px;
margin-bottom: 20px;
}
div[data-module="error404"] h2 {
text-align: left;
margin-bottom: 10px;
}  #post-10038 .producer-overview-category-first-layer > div:not(.producer-template-select-container),
#post-10038 .producer-overview-category-second-layer,
#post-10040 .producer-overview-category-first-layer > div:not(.producer-template-select-container),
#post-10040 .producer-overview-category-second-layer {
display: none !important;
}
#post-10038 .producer-overview-category-first-layer,
#post-10040 .producer-overview-category-first-layer {
max-width: 1048px;
margin: 12px auto 0px;
float: none !important;
text-align: right;
}  [data-module="justified_image_grid"] .module-content {
max-width: 100%;
}
[data-module="justified_image_grid"] .jig-caption-wrapper,
.pp_socials_own_line,
div.pp_default .pp_top,
.pp_bottom,
.pp_bottom_right,
.pp_nav,
.ppt_inside {
display: none;
}
.pp_description {
padding: 5px 10px;
}
.pp_details {
background: #ffffff;
margin-top: 0 !important;
}
div.pp_default .pp_content {
background-color: transparent !important;
}
.pp_content_container .pp_left,
.pp_content_container .pp_right {
background: none !important;
}
div.pp_default .pp_loaderIcon {
background: url(//www.civd.de/wp-content/themes/caravaning/img/ajax-loader.gif) center center no-repeat !important;
background-size: cover !important;
}
div.pp_overlay {
z-index: 2000000002 !important;
}
div.pp_pic_holder {
z-index: 2000000003 !important;
}
a.pp_previous {
background: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-left.svg) !important;
background-position: left 12px center !important;
background-size: 60px !important;
background-repeat: no-repeat !important;
}
a.pp_next {
background: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-right.svg) !important;
background-position: right 12px center !important;
background-size: 60px !important;
background-repeat: no-repeat !important;
}  [data-module="fruehlingsmessen"] .module-content {
max-width: 752px;
margin: 80px auto 48px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-spacer {
float: left;
width: 100%;
padding: 0 32px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-container {
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-city-row {
float: left;
width: 50%;
padding-right: 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-city-row-inner {
position: relative;
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-city-row [data-tooltip] {
background-color: #ff3a00;
padding: 14px 16px 15px;
position: absolute;
top: -64px;
width: 100%;
color: #ffffff;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-city-row [data-tooltip]:after {
content: '';
position: absolute;
bottom: -6px;
background-color: #ff3a00;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 13px;
height: 13px;
left: 0;
right: 0;
margin: 0 auto;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row {
float: left;
width: 50%;
padding-left: 16px;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessen-filter"] {
float: left;
width: 100%;
margin-top: 16px;
height: 0;
overflow: hidden;
position: relative;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer {
overflow: hidden;
float: left;
width: 100%;
margin-top: 16px;
height: 115px;
transition: height 300ms ease-in;
-webkit-transform: height 300ms ease-in;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="true"] {
height: 230px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more-delayed="true"] {
transition: height 0ms ease-in;
-webkit-transform: height 0ms ease-in;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="true"][data-show-all="true"] {
height: 630px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container {
float: left;
width: 100%;
transform: translateY(-115px);
-webkit-transition: transform 300ms ease-in;
transition: transform 300ms ease-in;
}
@media only screen and (max-width: 600px) {
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container {
transform: translateY(-151px);
}
} [data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="true"] .fruehlingsmessen-animation-container {
transform: translateY(0);
}
[data-module="fruehlingsmessen"] .helper {
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer [data-out="hersteller-search-outer"] {
display: none;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-all="true"] [data-out="hersteller-search-outer"] {
display: block;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container {
transform: translateY(-515px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="5"] {
transform: translateY(-465px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="4"] {
transform: translateY(-415px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="3"] {
transform: translateY(-365px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="2"] {
transform: translateY(-315px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="1"] {
transform: translateY(-265px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="0"] {
transform: translateY(-215px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-row-half {
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"] {
font-weight: 500;
background-color: #d0d5e1;
border: 2px solid #d0d5e1;
font-size: 12px;
padding: 14px 16px;
border-radius: 0;
height: 48px !important;
outline: none;
-webkit-appearance: none;
color: #0c2350;
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"]::-webkit-input-placeholder { color: #677a9a;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"]:-moz-placeholder { color: #677a9a;
opacity: 1;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"]::-moz-placeholder { color: #677a9a;
opacity: 1;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"]:-ms-input-placeholder { color: #677a9a;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"]::-ms-input-placeholder { color: #677a9a;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"]::placeholder { color: #677a9a;
}
[data-module="fruehlingsmessen"] input[data-enter="fruehlingsmessen-search"]:focus {
border: 2px solid #0c2350 !important;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-copy,
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-value {
float: left;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-row {
background-color: rgba(255, 255, 255, 0.2);
padding: 0 16px;
height: 48px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-copy {
line-height: 48px;
text-transform: uppercase;
color: #0c2350;
font-size: 13px;
font-weight: 500;
padding-left: 28px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-row > span,
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-row > div {
width: 28%;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-value {
background-color: #fff;
font-size: 14px;
font-weight: 500;
color: #0c2350;
padding: 4px 8px;
min-width: 69px;
margin: 11px 19px 11px 21px;
text-align: center;
position: relative;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-value:after {
content: '';
background-color: #fff;
width: 10px;
height: 10px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
right: -4px;
top: 0;
bottom: 0;
margin: auto 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-row [data-input="radius"] {
-webkit-appearance: none;
outline: none;
width: 30%;
float: left;
height: 9px;
background-color: #7082a5;
box-shadow: inset 0 1px 0 0 rgba(18, 47, 105, 0.79);
margin-top: 19px;
cursor: pointer;
border-width: 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-row [data-input="radius"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background: #fbb900;
border-width: 0;
border-radius: 24px;
background-image: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
height: 24px;
width: 24px;
top: -7px !important;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-row [data-input="radius"]::-moz-range-thumb {
cursor: pointer;
background: #fbb900;
border-width: 0;
border-radius: 24px;
background-image: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
height: 24px;
width: 24px;
top: -7px !important;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .rangeslider {
width: 128px;
float: left;
height: 9px;
background-color: #d0d5e1;
top: 20px;
cursor: pointer;
box-shadow: inset 0 1px 0 0 rgba(18, 47, 105, 0.4);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .rangeslider__handle {
background: #fbb900;
border-width: 0;
background-image: none;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
height: 24px;
width: 24px;
top: -7px !important;
z-index: 1;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .rangeslider__handle:after {
display: none;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .rangeslider__fill {
background-color: transparent;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer label {
color: #0c2350;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
line-height: 32px;
vertical-align: middle;
cursor: pointer;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer input {
display: none;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer input + label {
background-color: #d0d5e1;
border-width: 0;
border-radius: 20px;
padding: 16px;
display: inline-block;
position: relative;
margin-right: 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer input + label:active, .regular-checkbox:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer input:checked + label {
background-color: #d0d5e1;
border-width: 0;
border-radius: 20px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer input:checked + label:after {
background-position: center center;
font-size: 14px;
position: absolute;
top: 9px;
left: 0px;
color: #99a1a7;
width: 100%;
height: 100%;
content: '';
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/checked-blue.svg);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer {
float: left;
width: 100%;
margin-top: 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container {
float: right;
margin-right: 30px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-copy {
font-size: 13px;
font-weight: 500;
line-height: 32px;
text-transform: uppercase;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-mid {
float: right;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"] {
float: left;
width: 100%;
text-align: center;
border-bottom: solid 2px #d2cec9;
padding: 14px 0;
margin: 16px 0;
cursor: pointer;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"] .fruehlingsmessen-show-more-filter {
display: inline;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"] .fruehlingsmessen-show-less-filter {
display: none;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"][data-is-visible="false"] .fruehlingsmessen-show-more-filter,
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"][data-is-visible="true"] .fruehlingsmessen-show-less-filter {
display: inline;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"][data-is-visible="false"] .fruehlingsmessen-show-less-filter,
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"][data-is-visible="true"] .fruehlingsmessen-show-more-filter {
display: none;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"] .fruehlingsmessen-show-less-filter {
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.6px;
text-align: center;
margin-right: 16px;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"] .fruehlingsmessen-show-more-filter {
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.6px;
text-align: center;
margin-right: 42px;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"] svg {
width: 16px;
height: 10px;
-webkit-transition: transform 250ms linear;
transition: transform 250ms linear;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-filter-toggle"][data-is-visible="true"] svg {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-search"] {
float: left;
width: 100%;
max-width: 418px;
letter-spacing: 0.6px;
font-size: 12px;
font-weight: 500;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-searchreset"] {
background: transparent;
border: 2px solid #0c2350;
border-radius: 50px;
color: #0c2350;
padding: 12px 34px 14px;
float: right;
-webkit-transition: color 150ms ease-in, background-color 150ms ease-in;
transition: color 150ms ease-in, background-color 150ms ease-in;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-searchreset"]:hover {
background: #0c2350;
color: #ffffff;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-searchreset"]:disabled {
background: transparent !important;
border: 2px solid #d0d5e1 !important;
color: #d0d5e1 !important;
cursor: default;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-results-count-container {
font-family: AtlasGrotesk;
font-weight: 500;
font-size: 32px;
line-height: 1.25;
width: 100%;
float: left;
margin-top: 80px;
margin-bottom: 11px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessenhersteller-search-results-container {
float: left;
position: relative;
width: 100%;
height: 298px;
margin: 2px 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container[data-result-count="5"] .fruehlingsmessenhersteller-search-results-container {
height: 248px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container[data-result-count="4"] .fruehlingsmessenhersteller-search-results-container {
height: 198px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container[data-result-count="3"] .fruehlingsmessenhersteller-search-results-container {
height: 148px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container[data-result-count="2"] .fruehlingsmessenhersteller-search-results-container {
height: 98px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container[data-result-count="1"] .fruehlingsmessenhersteller-search-results-container {
height: 48px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container[data-result-count="0"] .fruehlingsmessenhersteller-search-results-container {
height: 0px;
margin: 0 0 2px;
}
[data-module="fruehlingsmessen"] input[data-input="fruehlingsmessenhersteller-search"] {
float: left;
width: 100%;
height: 48px;
border: 0 none;
border-radius: 0;
background-color: #0c2350;
color: #d0d5e1;
text-transform: uppercase;
letter-spacing: 0.6px;
font-size: 12px;
font-weight: 500;
padding: 0 23px;
}
[data-module="fruehlingsmessen"] input[data-input="fruehlingsmessenhersteller-search"]::-webkit-input-placeholder {
color: #d0d5e1;
}
[data-module="fruehlingsmessen"] input[data-input="fruehlingsmessenhersteller-search"]:-moz-placeholder {
color: #d0d5e1;
opacity: 1;
}
[data-module="fruehlingsmessen"] input[data-input="fruehlingsmessenhersteller-search"]::-moz-placeholder {
color: #d0d5e1;
opacity: 1;
}
[data-module="fruehlingsmessen"] input[data-input="fruehlingsmessenhersteller-search"]:-ms-input-placeholder {
color: #d0d5e1;
}
[data-module="fruehlingsmessen"] input[data-input="fruehlingsmessenhersteller-search"]::-ms-input-placeholder {
color: #d0d5e1;
}
[data-module="fruehlingsmessen"] input[data-input="fruehlingsmessenhersteller-search"]::placeholder {
color: #d0d5e1;
}
[data-module="fruehlingsmessen"] [data-tooltip="fruehlingsmessen-error-city"]
{
display: none;
}
[data-module="fruehlingsmessen"] [data-tooltip="fruehlingsmessen-error-city"][data-is-visible="true"]
{
display: block;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessen-results"] {
float: left;
width: 100%;
margin-top: 44px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container {
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-left {
float: left;
width: 50%;
padding-right: 17px;
margin-bottom: 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-left .fruehlingsmessen-result-container-left-inner {
float: left;
width: 100%;
padding: 16px 32px 32px;
background-color: #f9f7f4;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/pattern.png);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-right {
float: left;
width: 50%;
padding: 16px 32px 32px 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-date-container {
float: left;
width: 100%;
border-bottom: 2px solid #d0d5e1;
padding-bottom: 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-date-container span {
font-weight: 500;
font-size: 24px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-date-year {
float: right;
color: #d0d5e1;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-title-container {
float: left;
width: 100%;
height: 93px;
display: table;
margin-top: 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-title-container-inner {
display: table-cell;
vertical-align: bottom;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-title {
font-size: 24px;
line-height: 1.33;
float: left;
width: 100%;
text-decoration: none;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-title:hover {
text-decoration: underline;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-right-headline {
float: left;
width: 100%;
font-weight: 500;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-right-second-headline {
margin-top: 8px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-route img {
float: left;
max-width: 18px;
margin-right: 2px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-route a {
text-decoration: none;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.4px;
text-transform: uppercase;
vertical-align: middle;
line-height: 32px;
float: left;
margin-left: 5px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-route a:hover {
text-decoration: underline;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-location {
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] [data-out="searched-for"] {
float: left;
width: 100%;
}
[data-module="fruehlingsmessen"] [data-click="hersteller-search-outer-toggle"] {
float: left;
width: 100%;
background-color: #d0d5e1;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 16px 23px 17px;
margin-bottom: 2px;
cursor: pointer;
z-index: 1;
position: relative;
}
[data-module="fruehlingsmessen"] [data-click="hersteller-search-outer-toggle"] svg {
width: 19px;
height: 11px;
position: absolute;
top: 20px;
right: 22px;
-webkit-transition: transform 250ms linear;
transition: transform 250ms linear;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-all="true"] [data-click="hersteller-search-outer-toggle"] svg {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
[data-module="fruehlingsmessen"] [data-click="hersteller-search-save"] {
float: left;
width: 100%;
background-color: #fbb900;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.6px;
text-transform: uppercase;
padding: 16px 23px 17px;
margin-bottom: 2px;
text-align: center;
cursor: pointer;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
[data-module="fruehlingsmessen"] [data-click="hersteller-search-save"]:hover {
background-color: #fbd667;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessenhersteller-search-results"] [data-click="fruehlingsmessenhersteller-toggle"] {
float: left;
width: 100%;
background-color: #d0d5e1;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding: 15px 32px 16px 54px;
margin-bottom: 2px;
cursor: pointer;
letter-spacing: 0.6px;
position: relative;
transition: background-color 150ms ease-in, color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in, color 150ms ease-in;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessenhersteller-search-results"] [data-click="fruehlingsmessenhersteller-toggle"]:hover {
background-color: #0c2350;
color: #d0d5e1;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessenhersteller-search-results"] [data-click="fruehlingsmessenhersteller-toggle"] svg > g > g {
transition: stroke 150ms ease-in;
-webkit-transition: stroke 150ms ease-in;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessenhersteller-search-results"] [data-click="fruehlingsmessenhersteller-toggle"]:hover svg > g > g {
stroke: #ffffff;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessenhersteller-toggle"] svg {
position: absolute;
top: 16px;
left: 18px;
height: 18px;
-webkit-transition: transform 100ms ease-in;
transition: transform 100ms ease-in;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessenhersteller-search-results"] [data-scroller-inner] [data-click="fruehlingsmessenhersteller-toggle"]:last-of-type {
margin-bottom: 0;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessenhersteller-toggle"][data-active="true"] {
background-color: #7082a5;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessenhersteller-toggle"][data-active="true"] svg {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
[data-module="fruehlingsmessen"] .iScrollIndicator {
width: 6px !important;
right: 1px !important;
box-shadow: none !important;
}
[data-module="fruehlingsmessen"] .iScrollVerticalScrollbar.iScrollLoneScrollbar {
top: 0 !important;
bottom: 0 !important;
width: 9px !important;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container[data-result-count="7"] [data-iscroll-wrapper] [data-scroller-inner] {
padding-right: 9px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessenhersteller-search-container {
float: left;
width: 100%;
position: relative;
}
[data-module="fruehlingsmessen"] .fruehlingsmessenhersteller-search-container svg {
position: absolute;
top: 0;
right: 8px;
opacity: 0.5;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-radius-container {
float: left;
position: relative;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-radius-dots {
float: left;
position: absolute;
width: 100%;
top: 23px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-radius-dots > .fruehlingsmessen-radius-dot:nth-of-type(1) {
width: 4px;
height: 4px;
background-color: rgba(18, 47, 105, 0.4);
border-radius: 4px;
position: absolute;
left: 4px;
top: 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-radius-dots > .fruehlingsmessen-radius-dot:nth-of-type(2) {
width: 4px;
height: 4px;
background-color: rgba(18, 47, 105, 0.4);
border-radius: 4px;
position: absolute;
left: 4px;
right: 4px;
margin: 0 auto;
top: 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-radius-dots > .fruehlingsmessen-radius-dot:nth-of-type(3) {
width: 4px;
height: 4px;
background-color: rgba(18, 47, 105, 0.4);
border-radius: 4px;
position: absolute;
right: 4px;
top: 0;
}
[data-module="fruehlingsmessen"] [data-out="fruehlingsmessenhersteller-search-results"] [data-click="fruehlingsmessenhersteller-toggle"] span {
white-space: nowrap;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
display: block;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"] {
float: left;
background-size: 25px 25px;
background-position: center center;
background-repeat: no-repeat;
border: 2px solid #0c2350;
padding: 13px 19px;
border-radius: 35px;
color: #0c2350;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
margin: 0 auto;
float: none;
text-align: center;
position: relative;
left: 0;
right: 0;
display: table;
transition: background-color 150ms ease-in;
-webkit-transition: background-color 150ms ease-in;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"]:hover {
background-color: #0c2350;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"][data-is-loading="true"] {
background-color: #0c2350;
padding: 0px;
transition: padding 150ms;
-webkit-transition: padding 150ms;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"]:hover > span,
[data-module="fruehlingsmessen"] [data-click="messe-load"]:active > span {
color: #ffffff;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"][data-is-loading="true"] > span {
display: none;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"] > span {
float: left;
font-size: 14px;
font-weight: 500;
transition: color 150ms ease-in;
-webkit-transition: color 150ms ease-in;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"] .article-load-plus {
float: left;
width: 16px;
height: 16px;
background-position: right top;
margin-left: 8px;
margin-top: 2px;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"] .plus-stroke {
transition: stroke 150ms ease-in;
-webkit-transition: stroke 150ms ease-in;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"]:hover .plus-stroke,
[data-module="fruehlingsmessen"] [data-click="messe-load"]:active .plus-stroke {
stroke: #ffffff;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"][data-is-loading="true"] .article-load-plus {
display: none;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"]:hover .article-load-plus {
color: #ffffff;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"] .article-load-icon {
display: none;
height: 48px;
width: 48px;
}
[data-module="fruehlingsmessen"] [data-click="messe-load"][data-is-loading="true"] .article-load-icon {
display: block;
-webkit-animation-name: spin;
-webkit-animation-duration: 800ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 800ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 800ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 800ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}  body.single-news .news-published-date {
color: #ffffff;
font-size: 18px;
margin-bottom: 16px;
}
body.single-news [data-module="infobox-downloads"] h2 {
margin-bottom: 0px;
}
body.single-news [data-module="infobox-downloads"] .infobox-downloads-container {
margin-top: 0px;
}
body.single-news [data-module="intro"] .module-content {
max-width: 688px;
margin: 32px auto 80px;
}
body.single-news [data-module="similar-downloads"] .module-content {
padding: 20px 0;
background-color: transparent;
}
body.single-news [data-module="similar-downloads"] .module-content h2 {
display: none;
}
.news-article-small-body p {
margin-bottom: 12px;
}
.news-article-small {
min-height: 466px;
}
.news-article-small .article-small-title {
height: 144px;
}
.news-article-small.noImage .article-small-title {
height: 290px;
} [data-module="contact"] {
margin-top: 64px;
margin-bottom: 28px;
padding-left: 0;
padding-right: 0;
}
[data-module="contact_marketing"] {
margin-bottom: 28px;
padding-left: 0;
padding-right: 0;
}
[data-module="contact_marketing"] + [data-module="contact"] {
margin-top: 0;
}
[data-module="contact"] .module-content,
[data-module="contact_marketing"] .module-content {
font-size: 18px;
max-width: 968px;
background-color: #f8f7f6;
padding-bottom: 64px;
padding: 8px 0 28px;
}
[data-module="contact"] .module-content h2,
[data-module="contact_marketing"] .module-content h2 {
text-align: left;
border-bottom: 2px solid #d2cfca;
padding-bottom: 16px;
margin-bottom: 36px;
}
[data-module="contact"] .module-content strong,
[data-module="contact_marketing"] .module-content strong {
margin-bottom: 8px;
display: inline-block;
}
[data-module="contact_marketing"] .module-content em {
margin-bottom: 12px;
display: inline-block;
}
[data-module="contact"] .module-content iframe {
width: 100%;
margin-top: 32px;
}
.module-inner-container {
width: 100%;
box-shadow: none;
border-radius: 0;
max-width: 900px;
margin: 0 auto;
padding: 0 16px;
}  [data-module="latestNews"] .module-content {
padding-top: 64px;
padding-bottom: 64px;
}
[data-module="similar-downloads"] + [data-module="latestNews"] .module-content {
padding-top: 0;
}   [data-module="workers"] .article-small,
[data-module="workers"] .worker-article-small-body-container {
background-color: #d8d8d8;
}
[data-module="workers"] .article-small {
box-shadow: none;
}
.worker-article-small-body-container {
float: left;
position: relative;
width: 100%;
padding: 15px 16px 36px;
background-color: #ffffff;
box-sizing: border-box;
}
.article-small-worker-title {
float: left;
width: 100%;
margin-bottom: 2px;
height: 19px;
}
.article-small-worker-name {
font-family: AtlasGrotesk;
font-weight: 500;
max-height: 58px;
overflow: hidden;
margin: 0px 0 1px;
font-size: 22px;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #0c2350;
text-decoration: none;
float: left;
width: 100%;
}
.article-small-worker-description {
font-style: italic;
float: left;
width: 100%;
height: 38px;
margin-top: 8px;
margin-bottom: 18px;
overflow: hidden;
}
.article-small-worker-mail {
float: left;
width: 100%;
margin-bottom: 9px;    
height: 19px;
overflow: hidden;
}
.article-small-worker-phone {
float: left;
width: 100%;
height: 19px;
overflow: hidden;
}
.article-small-worker-mail a {
font-weight: 500;
text-decoration: none;
}
.article-small-worker-mail a:hover {
text-decoration: underline;
}  @media only screen and (max-width: 700px) {
[data-module="producers"] .article-small {
height: 525px;
background-color: #d8d8d8;
box-shadow: none;
}
[data-module="producers"] .producer-article-small-body-container {
float: left;
position: relative;
width: 100%;
padding: 15px 16px 36px;
background-color: #d8d8d8;
box-sizing: border-box;
}
[data-module="producers"] .article-small-producer-title {
font-family: AtlasGrotesk;
font-weight: 500;
max-height: 87px;
overflow: hidden;
margin: 0px 0 4px;
font-size: 22px;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #0c2350;
text-decoration: none;
float: left;
width: 100%;
}
[data-module="producers"] .article-small-producer-title,
[data-module="producers"] .article-small-producer-street,
[data-module="producers"] .article-small-producer-city,
[data-module="producers"] .article-small-producer-country,
[data-module="producers"] .article-small-producer-mail,
[data-module="producers"] .article-small-producer-website,
[data-module="producers"] .article-small-producer-phone {
float: left;
width: 100%;
}
[data-module="producers"] .article-small-producer-spacer {
float: left;
width: 100%;
height: 8px;
}
[data-module="producers"] .article-small-producer-street,
[data-module="producers"] .article-small-producer-city {
max-height: 38px;
overflow: hidden;
word-break: break-word;
}
[data-module="producers"] .article-small-producer-country {
max-height: 19px;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
}
[data-module="producers"] .article-small-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #ffffff;
}
[data-module="producers"] .article-small-producer-mail a,
[data-module="producers"] .article-small-producer-website a {
text-decoration: none;
font-weight: 500;
}
[data-module="producers"] .article-small-producer-mail a:hover,
[data-module="producers"] .article-small-producer-website a:hover {
text-decoration: underline;
}
}  [data-module="producers"] .article-klapper {
height: 128px;
background-color: #d8d8d8;
box-shadow: none;
display: inline-flex;
flex-direction: row;
align-content: center;
align-items: center;
flex-wrap: nowrap;
}
[data-module="producers"] .producer-swiper-container {
float: left;
position: relative;
width: 100%;
padding: 15px 16px 36px;
background-color: #d8d8d8;
box-sizing: border-box;
}
[data-module="producers"] .article-klapper-producer-title {
font-family: AtlasGrotesk;
font-weight: 500;
max-height: 87px;
overflow: hidden;
margin: 0px 0 4px;
font-size: 22px;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #0c2350;
text-decoration: none;
float: left;
width: 100%;
}
[data-module="producers"] .article-klapper-producer-title,
[data-module="producers"] .article-klapper-producer-street,
[data-module="producers"] .article-klapper-producer-city,
[data-module="producers"] .article-klapper-producer-country,
[data-module="producers"] .article-klapper-producer-mail,
[data-module="producers"] .article-klapper-producer-website,
[data-module="producers"] .article-klapper-producer-phone {
float: left;
width: 100%;
}
[data-module="producers"] .article-klapper-producer-spacer {
float: left;
width: 100%;
height: 8px;
}
[data-module="producers"] .article-klapper-producer-street,
[data-module="producers"] .article-klapper-producer-city {
max-height: 38px;
overflow: hidden;
word-break: break-word;
}
[data-module="producers"] .article-klapper-producer-country {
max-height: 19px;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
}
[data-module="producers"] .article-klapper-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #ffffff;
}
[data-module="producers"] .article-klapper-producer-mail a,
[data-module="producers"] .article-klapper-producer-website a {
text-decoration: none;
font-weight: 500;
}
[data-module="producers"] .article-klapper-producer-mail a:hover,
[data-module="producers"] .article-klapper-producer-website a:hover {
text-decoration: underline;
}  [data-module="producers"] .article-liste { background-color: #d8d8d8;
box-shadow: none;
display: inline-flex;
flex-wrap: wrap;
}
[data-module="producers"] .producer-swiper-container {
float: left;
position: relative;
width: 100%;
padding: 15px 16px 36px;
background-color: #d8d8d8;
box-sizing: border-box;
}
[data-module="producers"] .article-liste-producer-title {
font-family: AtlasGrotesk;
font-weight: 500;
max-height: 87px;
overflow: hidden;
margin: 0px 0 4px;
font-size: 22px;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #0c2350;
text-decoration: none;
float: left;
width: 100%;
}
[data-module="producers"] .article-liste-producer-title,
[data-module="producers"] .article-liste-producer-street,
[data-module="producers"] .article-liste-producer-city,
[data-module="producers"] .article-liste-producer-country,
[data-module="producers"] .article-liste-producer-mail,
[data-module="producers"] .article-liste-producer-website,
[data-module="producers"] .article-liste-producer-phone {
float: left;
width: 100%;
}
[data-module="producers"] .article-liste-producer-spacer {
float: left;
width: 100%;
height: 8px;
}
[data-module="producers"] .article-liste-producer-street,
[data-module="producers"] .article-liste-producer-city {
max-height: 38px;
overflow: hidden;
word-break: break-word;
}
[data-module="producers"] .article-liste-producer-country {
max-height: 19px;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
}
[data-module="producers"] .article-liste-image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #ffffff;
}
[data-module="producers"] .article-liste-producer-mail a,
[data-module="producers"] .article-liste-producer-website a {
text-decoration: none;
font-weight: 500;
}
[data-module="producers"] .article-liste-producer-mail a:hover,
[data-module="producers"] .article-liste-producer-website a:hover {
text-decoration: underline;
}  [data-module="visualizerWrapper"] {
margin: 64px 0 47px;
}
[data-module="visualizerWrapper"] h2 {
font-size: 32px;
font-weight: 500;
line-height: 1.44;
max-width: 687px;
border-bottom: solid 2px #d2cec9;
padding-bottom: 20px;
float: none;
margin: 0 auto 95px;
width: 100%;
text-align: left;
}
[data-module="visualizerWrapper"] .wpDataTables.wpDataTablesWrapper {
overflow-x: auto;
float: left;
width: 100%;
}
[data-module="visualizerWrapper"] .dataTables_length,
[data-module="visualizerWrapper"] .dataTables_filter,
[data-module="visualizerWrapper"] .dataTables_info,
[data-module="visualizerWrapper"] tfoot {
display: none;
}
[data-module="visualizerWrapper"] table {
border-spacing: 0px !important;
}
[data-module="visualizerWrapper"] table thead tr th {
background-color: #514f50 !important;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.11 !important;
border-width: 0 !important;
padding: 14px 8px 13px !important;
}
[data-module="visualizerWrapper"] table th,
[data-module="visualizerWrapper"] table td {
text-align: center !important;
padding: 14px !important;
border-width: 0 !important;  
font-size: 18px;
line-height: 1.11;
}
[data-module="visualizerWrapper"] table tr.odd td {
background-color: transparent !important;
}
[data-module="visualizerWrapper"] table thead th.sorting:after,
[data-module="visualizerWrapper"] table thead th.sorting_asc:after,
[data-module="visualizerWrapper"] table thead th.sorting_desc:after {
border-bottom-color: #ffffff !important;
}
.vc_tta-container [data-module="visualizerChartWrapper"] .module-content,
.vc_tta-container [data-module="visualizerWrapper"] .module-content {
max-width: 872px;
}  .flag-language-switcher-mobile {
float: left;
width: 100%;
padding: 22px 5px 21px 37px !important;
}
.flag-language-switcher-mobile span {
text-transform: uppercase;
}
.flag-language-switcher-mobile li {
width: 58px !important;
}
.flag-language-switcher-mobile li span {
display: none;
}  .wpDataTablesWrapper {
padding-bottom: 5px;
}
.wpDataTablesWrapper .dataTables_paginate {
font-size: 12px !important;
}
.dataTables_paginate a {
color: #122f69 !important;
font-size: 12px;
}
.wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:before,
.wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:hover:before,
.wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:active:before {
color: #122f69 !important;
}
.paginate_button.current {
line-height: 25px !important;
}
.paginate_button.current {
color: #ffffff !important;
background-color: #122f69 !important;
border-radius: 100px !important;
min-width: 32px !important;
padding: 4px 12px 3px 12px !important;
margin: 0 4px;
}
.wpDataTablesWrapper div.wdtscroll {
overflow-x: auto !important;
}
.wpDataTablesWrapper .paginate_button:before {
font-size: 15px !important;
}
.wpDataTablesWrapper div.dt-buttons {
margin-right: 0px !important;
}
.dt-buttons .dt-button {
margin-right: 0px !important;
padding-right: 0px !important;
}
.dt-buttons .dt-button::before {
color: #122f69;
}
.wpDataTablesWrapper div.dt-buttons {
float: right !important;
}
.wpdt-c .wpDataTablesWrapper .wdtscroll table {
min-width: 100%;
}
.column-order {
display: none;
}  @media only screen and (max-width: 1340px) {
[data-module="promo-wide"] .promo-container {
position: static;
}
[data-module="promo-wide"] {
position: relative;
}
}
@media only screen and (max-width: 1236px) {
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container > .sub-menu {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (max-width: 1150px) {
.header-service-popup {
left: -130px;
}
.header-service-popup > .header-service-popup-link:first-of-type:after {
left: 69px;
}
}
@media only screen and (max-width: 1106px) {
#menu-footer-menu > li {
width: 33.33%;
margin-bottom: 40px;
}
.copyright-desktop {
width: 100%;
}
.change-language-copy > span {
margin-left: 0px;
}
.change-language-copy-mobile {
float: left;
width: 100%;
text-align: center;
margin-top: 22px;
}
.flag-language-switcher > li a span {
margin: 0;
}
.flag-language-switcher > li {
float: none;
margin: 0 8px;
display: inline;
}
}
@media only screen and (max-width: 1104px) {
.grid {
max-width: 688px;
}
}
@media only screen and (max-width: 1045px) {
[data-module="newsletter"] .module-content {
position: relative;
float: left;
}
[data-module="newsletter"] .newsletter-image-left {
width: 218px;
height: 100%;
border-radius: 5px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
float: none;
position: absolute;
left: 0;
top: 0;
}
[data-module="newsletter"] .newsletter-headline-left {
width: 100%;
}
[data-module="newsletter"] .newsletter-content-right {
padding-left: 250px;
}
[data-module="newsletter"] .newsletter-image-left svg {
max-width: 90%;
}
}
@media only screen and (max-width: 1020px) {
#menu [data-test="responsive"] {
opacity: 1;
}
[data-module="vehicle-types"] .vehicle-types-single-right {
float: right;
width: 50%;
padding-left: 50px;
}
nav#menu {
margin-left: 0;
}
.head-logo-container {
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
z-index: 1;
text-align: center;
}
.head-logo-container img {
width: 153px;
}
.header-mobile-menu-icon-container {
display: block;
display: initial;
}
.menu-main-menu-container {
display: none;
background-color: #514f50;
position: fixed;
height: 100%;
width: 100%;
padding-top: 110px;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body.open-mobile-menu .menu-main-menu-container {
display: block;
display: initial;
}
body.open-mobile-menu header#header .max-width-container {
padding: 0;
}
.header-close-search-icon-container {
position: absolute;
top: 0;
right: 20px;
}
body.open-mobile-menu .header-search-icon-container {
display: none;
}
body.open-mobile-menu .header-close-mobile-icon-container {
display: block;
display: initial;
margin-right: 16px;
}
#header {
z-index: 2000000001;
position: fixed;
top: 46px;
left: 0;
}
.sub-menu-container {
display: none;
}
ul#menu-main-menu {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background-color: #f8f7f6;
display: none;
}
ul#menu-main-menu li {
float: left;
width: 100%;
list-style: none;
}
ul#menu-main-menu li[data-on-mobile-only]:active {
background-color: transparent;
}
ul#menu-main-menu a {
float: left;
width: 100%;
padding: 0 20px;
}
ul#menu-main-menu a span {
padding: 22px 47px 21px 17px;
border-bottom: 2px solid rgba(112, 130, 165, 0.18);
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
font-weight: 500;
float: left;
width: 100%;
color: #0c2350;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul#menu-main-menu span[data-out="mobile-menu-sub"][data-is-open="true"][data-depth="1"] > ul > li:nth-of-type(2) > a > span {
border-top: 2px solid rgba(112, 130, 165, 0.18);
}
ul#menu-main-menu span[data-out="mobile-menu-sub"][data-is-open="true"][data-depth="2"] > ul > li:nth-of-type(4) > a > span {
border-top: 2px solid rgba(112, 130, 165, 0.18);
}
ul#menu-main-menu span[data-out="mobile-menu-sub"][data-depth="2"] li:not([data-out="mobile-menu-breadcrumb"]) a:not([data-click="mobile-menu-sub-open"]) span {
padding: 22px 47px 21px 33px;
}
ul#menu-main-menu span[data-out="mobile-menu-sub"][data-depth="2"] li:not([data-out="mobile-menu-breadcrumb"]) a[data-click="mobile-menu-sub-open"] span {
padding: 22px 47px 21px 33px;
}
ul#menu-main-menu li[data-out="mobile-menu-breadcrumb"] a {
padding: 22px 67px 21px 37px;
}
ul#menu-main-menu li:not([data-out="mobile-menu-breadcrumb"]) a:not([data-click="mobile-menu-sub-open"]) span,
ul#menu-main-menu span[data-out="mobile-menu-sub"][data-depth="2"] li:not([data-out="mobile-menu-breadcrumb"]) a[data-click="mobile-menu-sub-open"] span {
text-transform: none;
font-weight: normal;
}
ul#menu-main-menu a[data-click="mobile-menu-sub-open"] span:after {
content: '';
position: absolute;
width: 10px;
height: 17px;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-default-dark-right.svg);
background-size: contain;
background-position: top left;
background-repeat: no-repeat;
right: 17px;
top: 0;
bottom: 0;
margin: auto 0;
}
ul#menu-main-menu span[data-out="mobile-menu-sub"][data-depth="2"] li:not([data-out="mobile-menu-breadcrumb"]) a[data-click="mobile-menu-sub-open"] span:after {
display: none;
}
body.open-mobile-menu .header-search-icon-container .header-search-icon-bg {
background-color: rgba(248, 244, 240, 0.15);
opacity: 1;
z-index: 1;
}
body.open-mobile-menu .head-logo-container {
display: none;
}
.header-service-container.active .header-service-popup {
display: block;
display: initial;
}
#menu [data-on-mobile-only] {
display: block;
display: initial;
padding: 32px 20px !important;
}
#menu [data-on-mobile-only] a {
padding: 0;
}
#menu [data-on-mobile-only] a span {
background-color: #0c2350;
padding: 14px 20px 15px 20px !important;
text-align: center;
color: #ffffff;
}
#menu [data-on-mobile-only] span {
color: #0c2350;
font-weight: 500 !important;
text-transform: uppercase !important;
border-width: 0;
}
#menu [data-out="mobile-menu-breadcrumb"] {
display: block;
}
#menu [data-out="mobile-menu-breadcrumb"] span {
border-bottom-width: 0;
}
#menu [data-not-on-mobile] {
display: none;
}
#menu-main-menu {
top: 110px;
bottom: 0;
height: auto !important;
}
#menu-main-menu .sub-menu-container {
display: block;
}
#menu-main-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu-main-menu [data-scroller-inner] {
min-height: 100%;
}
#menu-main-menu [data-out="mobile-menu-sub"] {
position: absolute;
min-height: 100%;
width: 100%;
background-color: #f8f7f6;
z-index: 1;
top: 0;
transition: transform 350ms ease-out;
-webkit-transition: transform 350ms ease-out;
transform: translate3d(1020px,0,0);
-webkit-transform: translate3d(1020px,0,0);
padding-bottom: 50px;
}
#menu-main-menu [data-out="mobile-menu-sub"][data-is-open="true"] {
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
#menu-main-menu .iScrollVerticalScrollbar.iScrollLoneScrollbar {
position: fixed !important;
bottom: 5px !important;
top: 115px !important;
}
body.open-mobile-menu #menu-main-menu {
display: block;
}
body.open-mobile-menu #header {
bottom: 0;
}
body.open-mobile-menu #menu [data-click="mobile-menu-sub-close"] {
display: block;
}
body.open-mobile-menu #menu[data-depth="0"] [data-click="mobile-menu-sub-close"] {
display: none;
}
header#header .header-mobile-icon-bg {
transition: 200ms;
-webkit-transition: 200ms;
}
header#header:not(.is-on-top) .header-mobile-icon-bg,
header#header .header-service-icon-bg {
background-color: rgba(248, 244, 240, 0.15);
opacity: 1;
}
header#header.hidden .header-mobile-icon-bg,
header#header.hidden .header-service-icon-bg {
background-color: rgba(248, 244, 240, 0.15);
}
body:not(.open-mobile-menu) header#header:not(.hidden) .header-mobile-icon-bg,
body:not(.open-mobile-menu) header#header:not(.hidden) .header-service-icon-bg {
transition-delay: 200ms;
-webkit-transition-delay: 200ms;
}
ul#menu-main-menu > .sub-menu > li > span > ul > li[data-on-mobile-only] a {
display: none;
}
ul#menu-main-menu > .sub-menu > li > span > ul > li[data-on-mobile-only] {
padding: 0 !important;
}
.desktop-header-flags-container {
display: none;
}
}
@media only screen and (max-width: 980px) {
.show-tablet {
display: block !important;
display: initial !important;
}
.hide-tablet {
display: none !important;
}
[data-out="modal-producer-list"] {
left: 0;
width: 100%;
}
[data-out="modal-producer-list"][data-is-open="true"] {
transform: translate3d(0,0,0) !important;
}
.producer-list-overlay .modal-producer-list-toggle-btn g {
stroke: #0c2350;
}
.producer-list-overlay [data-out="producer-list"] {
top: 112px !important;
left: 0;
right: 0;
}
.producer-list-overlay {
padding: 32px 0 0;
}
.producer-list-overlay [data-module="producer-filter"] {
padding: 0;
}
.producer-list-overlay .producer-template-select-container {
margin-left: 15px;
margin-bottom: 32px;
}
.producer-list-overlay .modal-producer-list-toggle-btn {
right: 20px !important;
top: 0 !important;
}
[data-out="modal-producer-list"] .producer-template-select-container {
display: block;
}
.producer-list-overlay .producer-template-select-container {
position: static !important;
float: left !important;
}
.producer-list-overlay .producer-logo-separator {
padding-top: 0 !important;
}
.producer-list-overlay [data-module="producer-overview"] .producer-template-copy-container-outta {
display: block;
display: initial;
}
.producer-list-overlay [data-iscroll-wrapper] [data-scroller-inner] {
padding: 0 20px;
}
.producer-list-overlay .producer-list-separator {
padding: 0 !important;
}
.producer-list-overlay [data-iscroll-wrapper] [data-scroller-inner] > .producer-list-separator:first-child  {
margin-top: 30px !important;
}
.producer-logo-separator {
margin-top: 30px;
}
.producer-list-overlay [data-module="producer-filter"] [data-click="producer-template-select"][data-template="image"] {
margin-left: 5px;
}
.producer-list-normal .show-tablet.producer-filter-tablet {
display: none !important;
}
[data-out="modal-producer-list"] {
position: fixed;
top: 0;
left: -100%;
bottom: 0;
width: 100%;
}
[data-out="modal-producer-list"][data-is-open="true"] {
transform: translate3d(100%,0,0);
left: 0;
}
[data-out="modal-producer-list"][data-is-open="true"] .modal-producer-list-toggle-btn {
right: 10px;
}
[data-module="video-playlist"] [data-out="video-share-button-list"] {
right: auto !important;
bottom: auto !important;
left: 22px;
top: 21px;
}
[data-module="video-playlist"] [data-out="video-share-button-list"] [data-click="video-share-button"] {
float: right;
margin: 0 16px 0 0;
}
}
@media only screen and (max-width: 925px) {
[data-module="gallery-slider"] .swiper-container .swiper-slide img {
max-width: 100%;
}
[data-module="gallery-slider"] .swiper-container .swiper-slide img {
min-width: initial;
min-height: initial;
}
}
@media only screen and (max-width: 876px) {
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator {
width: 100%;
}
[data-module="producer-overview"] [data-out="producer-list"] > .producer-list-separator:nth-child(2) > .producer-small-character:first-of-type {
margin-top: 28px;
}
[data-module="producer-filter"] [data-click="producer-template-select"][data-template="image"] {
margin-left: 5px;
}
[data-module="producer-filter"] .producer-overview-category-first-layer .producer-overview-category {
float: left;
width: 100% !important;
margin: 0 0 2px 0 !important;
border-radius: 0 !important;
background-color: #0c2350 !important;
opacity: 1 !important;
color: #fff !important;
text-align: left !important;
border-width: 0 !important;
padding: 17px 30px !important;
}
[data-module="producer-filter"] .producer-overview-category-first-layer svg {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
position: absolute;
top: 0;
right: 35px;
bottom: 0;
margin: auto 0;
}
[data-module="producer-filter"] .producer-overview-category-second-layer svg {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
position: absolute;
top: 0;
right: 35px;
bottom: 0;
margin: auto 0;
}
[data-module="producer-filter"] .producer-overview-category-first-layer .producer-overview-current-category {
padding-right: 65px !important;
}
[data-module="producer-filter"] .producer-overview-category[data-is-active="true"] {
background-color: #7082a5 !important;
}
[data-module="producer-filter"] .producer-overview-category[data-is-active="true"]:after {
display: none;
}
[data-module="producer-filter"] .producer-overview-category-second-layer {
background-color: transparent;
}
[data-module="producer-filter"] .producer-overview-category-second-layer-inner .producer-overview-sub-category {
width: 100% !important;
margin: 0 0 2px 0 !important;
border-radius: 0 !important;
background-color: #d0d5e1 !important;
opacity: 1 !important;
color: #0c2350 !important;
text-align: left !important;
border-width: 0 !important;
padding: 17px 30px !important;
text-transform: uppercase;
float: left;
position: relative;
}
[data-module="producer-filter"] .producer-overview-category-second-layer-inner .producer-overview-sub-category[data-is-active="true"] {
background-color: #7082a5 !important;
}
.producer-template-select-container.show-mobile {
float: right !important;
}
[data-module="producer-overview"] .producer-small-grid {
margin: 40px 30px;
}
[data-module="producer-overview"] .producer-small-grid-image-container {
margin-top: 0;
}
html:not([data-is-touch="true"]) [data-module="producer-overview"] .producer-small-grid:hover .producer-small-grid-image-container {
margin-top: 35px;
}
html[data-is-touch="true"] [data-module="producer-overview"] .producer-small-grid.was_clicked .producer-small-grid-image-container {
margin-top: 35px;
}
[data-module="producer-overview"] .module-content {
padding-top: 0;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator {
margin-top: 0;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator {
padding-left: 0;
padding-right: 0;
}
.show-producer-mobile {
display: block !important;
display: initial !important;
}
.hide-producer-mobile {
display: none !important;
}
.producer-overview-category-first-layer [data-click="producer-load"],
[data-module="producer-filter"] .producer-overview-category-second-layer [data-out="catgeory-child-list"] [data-click="producer-load"] {
display: none;
}
.producer-overview-category-first-layer[data-is-open="true"] [data-click="producer-load"],
[data-module="producer-filter"] .producer-overview-category-second-layer[data-is-open="true"] [data-out="catgeory-child-list"] [data-click="producer-load"] {
display: inline-block;
}
[data-module="producer-overview"] [data-out="producer-list"] .producer-list-separator .producer-small-character {
padding-left: 0;
padding-right: : 0;
}
.producer-list-normal [data-module="producer-filter"] .producer-filter-mobile {
padding-bottom: 0;
}
.producer-list-normal [data-module="producer-filter"] .producer-template-select-container {
margin-bottom: 0;
}
.producer-list-normal .show-tablet.producer-filter-tablet {
display: block !important;
display: initial !important;
float: left;
width: 100%;
padding: 0 20px;
text-align: left;
}
[data-module="producer-filter"] .producer-overview-category-second-layer {
padding: 5px 20px 11px;
}
#menu-main-menu [data-out="mobile-menu-sub"] {
transform: translate3d(876px,0,0);
-webkit-transform: translate3d(876px,0,0);
}
[data-module="producer-filter"] .producer-overview-sub-category:after {
display: none;
}
.producer-overview-category-first-layer .producer-overview-current-category > svg,
.producer-overview-category-second-layer .producer-overview-current-category > svg {
transition: transform 150ms ease-in;
-webkit-transition: transform 150ms ease-in;
}
.producer-overview-category-first-layer[data-is-open="true"] .producer-overview-current-category > svg,
.producer-overview-category-second-layer[data-is-open="true"] .producer-overview-current-category > svg {
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
}
@media only screen and (max-width: 870px) {
[data-module="promo-wide"] .promo-copy {
padding: 0 40px;
}
[data-module="producer-link"] .producer-link-container {
padding: 64px 40px 48px;
}
}
@media only screen and (max-width: 768px) {
h1 {
font-size: 42px;
line-height: 1.14;
}
h2 {
font-size: 32px;
line-height: 1.25;
}
[data-module="headlineH2"] h2 {
margin: 64px 0 24px;
}
h3 {
margin: 66px 0 22px;
}
h4 {
margin: 41px 0 19px;
}
h5 {
margin: 6px 0 18px;
font-size: 16px;
line-height: 1.5;
}
body.home .head-image-background {
bottom: -115px;
}
body.home .entry-content > div:nth-of-type(1) {
margin-bottom: 60px !important;
}
body.home [data-module="button"] .entry-header-button {
margin-left: 0;
}
body.home .entry-header .head-copy-container .entry-subheadline {
display: none;
}
.head-copy-container {
padding: 0 20px 65px;
}
body.single-article .head-copy-container {
padding: 0 20px 95px;
}
[data-module="related-tags"] {
margin: 80px 0 51px;
}
div[data-module="related-tags"] h2 {
margin: 0 0 38px;
}
[data-module="intro"] .module-content {
margin: 64px 0 48px;
}
[data-module="intro"] .intro-copy {
font-size: 22px;
line-height: 1.36;
}
[data-module="image-collection"] .two_images_container.image_container {
display: block;
}
[data-module="image-collection"] .image_container {
margin-bottom: 22px;
float: left;
width: 100%;
}
[data-module="image-collection"] .image_container.is_half {
float: left;
max-width: 100%;
margin-right: 0 !important;
display: block;
align-items: initial;
justify-content: initial;
}
[data-module="image-collection"] .image_container span {
max-width: 100% !important;
padding: 0 4px;
}
[data-module="gallery-slider"] .carousel-head {
display: none;
}
[data-module="gallery-slider"] {
margin: 0 0 76px;
}
[data-module="gallery-slider"] .swiper-container {
margin: 48px 0 0;
}
.swiper-pagination {
display: block;
display: initial;
}
[data-module="promo-wide"] .promo-copy {
margin: 0 auto;
}
[data-module="promo-wide"] .promo-container-inner {
padding: 0 0 16px;
}
[data-module="promo-wide"] .promo-container-helper {
min-height: 90px;
margin: 22px auto 0;
}
[data-module="wide-image"] {
margin: 80px 0 64px;
}
[data-module="wide-image"] img {
max-height: 224px;
}
#footer {
padding: 0;
}
#footer .menu-footer-bottom-menu-container {
padding: 50px 20px 46px;
}
#footer .menu-footer-menu-container {
display: none;
}
#footer .footer-before-social-container-inner {
max-width: 1048px;
width: 100%;
margin: 0 auto;
}
#footer .footer-before-social-buttons {
width: 100%;
text-align: center;
float: left;
}
#footer .footer-before-social-buttons > a {
display: inline-block;
float: none;
}
#footer .footer-before-social-copy {
text-align: center;
max-width: 100%;
margin: 0 0 32px;
padding: 0 20px;
}
#footer .change-language-copy-mobile {
margin-bottom: 8px;
}
#footer .flag-language-switcher {
float: left;
width: 100%;
text-align: center;
}
#menu-footer-bottom-menu {
float: left;
width: 100%;
}
#menu-footer-bottom-menu li {
width: 100%;
text-align: center;
margin: 14px 0;
}
#menu-footer-bottom-menu a {
font-weight: 500;
color: #ffffff;
opacity: 1;
}
.single-article_overview .entry-header .head-copy-container,
.page-template-single-article_overview_by_tag .entry-header .head-copy-container {
margin-bottom: 0;
padding-bottom: 53px;
}
body.single-article .entry-header .head-copy-container .entry-subheadline,
body.single-travellog .entry-header .head-copy-container .entry-subheadline,
body.single-producer .entry-header .head-copy-container .entry-subheadline {
margin-bottom: 24px;
}
.head-article-pager-container .article-pager-button-left,
.head-article-pager-container .article-pager-copy-headline-last,
.head-article-pager-container .article-pager-copy-headline-next,
.head-article-pager-container .article-pager-copy-last {
display: none;
}
.head-article-pager-container .article-pager-copy {
visibility: visible;
opacity: 1;
height: auto;
padding: 0 70px;
}
.head-article-pager-container .article-pager-copy-next {
visibility: visible;
opacity: 1;
height: auto;
padding-top: 9px;
text-align: right;
}
.footer-copyright-container {
display: none;
}
.footer-copyright-container-mobile {
display: block;
display: initial;
}
.footer-nav-bottom-container {
margin-left: 0;
width: 100%;
float: left;
}
[data-out="article-slider"] .article-small {
width: 100%;
} [data-module="other-articles"][data-is-swiper="true"] .article-small,
[data-module="workers"][data-is-swiper="true"] .article-small,
[data-module="producers"][data-is-swiper="true"] .article-small {
margin-bottom: 50px;
}
[data-out="article-slider"] .article-small .article-small-body,
[data-module="other-articles"][data-is-swiper="true"] .article-small .article-small-body,
[data-module="workers"][data-is-swiper="true"] .article-small .article-small-body,
[data-module="producers"][data-is-swiper="true"] .article-small .article-small-body {
min-height: 155px;
}
.frontpage-tabmenu-container {
padding-left: 0;
padding-right: 0; 
margin-top: 0;
margin-bottom: 0;
padding-bottom: 50px;
}
.frontpage-tabmenu-container .fp-article-slider-container {
float: left;
width: 100%;
margin-bottom: 28px;
}
.frontpage-tabmenu-container .fp-article-slider-container .swiper-wrapper {
padding-top: 10px;
}
.frontpage-tabmenu-container .module-content {
border-top-width: 0;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-nav,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-nav,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-nav {
display: none;
}
[data-module="other-articles"][data-is-swiper="true"] .carousel-head .carousel-head-headline,
[data-module="workers"][data-is-swiper="true"] .carousel-head .carousel-head-headline,
[data-module="producers"][data-is-swiper="true"] .carousel-head .carousel-head-headline {
padding: 0;
margin-right: 0;
}
[data-module="other-articles"][data-is-swiper="true"],
[data-module="workers"][data-is-swiper="true"],
[data-module="producers"][data-is-swiper="true"] {
padding: 82px 0px;
overflow: hidden;
}
body.single-article_overview [data-module="workers"][data-is-swiper="true"],
body.single-article_overview [data-module="producers"][data-is-swiper="true"] {
margin-left: -20px;
margin-right: -20px;
width: auto;
max-width: calc(100% + 40px);
}
[data-module="promo-small"] .small-promo-image-container {
width: 100%;
height: 224px;
}
[data-module="promo-small"] .small-promo-copy-container:after {
display: none;
}
[data-module="promo-small"] .small-promo-image-container:after {
content: '';
position: absolute;
z-index: 1;
background-repeat: no-repeat;
width: 100%;
height: 40px;
top: initial;
right: 0;
bottom: -2px;
left: 0;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/green-shape-wide.svg);
background-position: top center;
background-size: 100% auto;
}
[data-module="promo-small"] .small-promo-copy-container {
padding: 240px 20px 48px;
width: 100%;
}
[data-module="promo-small"] .small-promo-pull-right {
float: left;
left: inherit;
max-width: initial;
}
[data-module="promo-small"] .small-promo-button-container {
text-align: center;
}
[data-module="promo-small"] button {
margin-top: 24px;
}
[data-module="promo-book"] .book-promo-image-container {
width: 100%;
height: 224px;
z-index: 1;
}
[data-module="promo-book"] .book-promo-copy-container {
padding: 250px 20px 35px;
width: 100%;
}
[data-module="promo-book"] .book-promo-pull-right {
float: left;
left: inherit;
max-width: initial;
}
[data-module="promo-book"] button {
margin-top: 24px;
}
.producer-head-info-container .producer-head-info-container-inner-right {
float: left;
width: 100%;
max-width: initial;
max-height: initial;
text-align: center;
}
.producer-head-info-container .producer-head-info-container-inner-right img {
float: none;
}
.producer-head-info-container .producer-head-info-container-inner-left {
margin-right: 0;
width: 100%;
float: left;
} [data-module="similar-articles"] .article-small-image,
[data-module="similar-downloads"] .article-small-image,
[data-module="similar-links"] .article-small-image {
float: right;
height: 65px;
width: 104px;
}
[data-module="similar-articles"] .article-small-body-container,
[data-module="similar-downloads"] .article-small-body-container,
[data-module="similar-links"] .article-small-body-container 
{
float: left !important;
width: 100% !important;
position: static !important;
top: initial !important;
right: initial !important;
bottom: initial !important;
left: initial !important;
padding: 20px !important;
}
[data-module="similar-articles"] .article-small-title-and-image,
[data-module="similar-downloads"] .article-small-title-and-image,
[data-module="similar-links"] .article-small-title-and-image 
{
float: left;
width: 100%;
}
[data-module="similar-articles"] .article-small-title,
[data-module="similar-downloads"] .article-small-title,
[data-module="similar-links"] .article-small-title 
{
margin-right: 124px !important;
font-family: AtlasGrotesk;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin-top: 7px !important;
max-height: 48px;
}
[data-module="similar-articles"] .article-small-image-for-lists,
[data-module="similar-downloads"] .article-small-image-for-lists
{
display: block;
display: initial;
float: right;
height: 65px;
width: 104px;
background-size: cover;
background-position: center center;
margin-top: 7px;
}
[data-module="similar-links"] .article-small-image-for-lists 
{
display: block;
display: initial;
float: right;
height: 65px;
width: 104px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-top: 7px;
}
[data-module="similar-links"] .article-small-image-for-lists 
{
width: 65px;
}
[data-module="similar-articles"] .article-small > a,
[data-module="similar-downloads"] .article-small > a,
[data-module="similar-links"] .article-small > a 
{
display: none;
}
[data-module="similar-articles"] .description,
[data-module="similar-downloads"] .description,
[data-module="similar-links"] .description 
{
margin-top: 7px;
height: initial !important;
max-height: initial;
}
[data-module="infobox-downloads"] {
padding-left: 0px;
padding-right: 0px;
}
[data-module="infobox-downloads"] .module-content {
margin-top: 20px;
margin-bottom: 32px;
}
[data-module="similar-articles"] h2,
[data-module="similar-links"] h2 {
margin: 80px 0 24px;
}
[data-module="similar-downloads"] h2 {
margin: 16px 0 24px;
}
.article-pager-copy {
display: none;
}
.article-pager-button-right ~ .article-pager-copy {
display: block;
display: initial;
}
[data-module="services"] .services-button-section {
display: block;
float: left;
max-width: 100% !important;
width: 100%;
padding: 32px 16px;
}
[data-module="services"] a:active .services-button-section {
background-color: #fff;
}
[data-module="services"] a:active button {
font-weight: 600;
}
[data-module="services"] .services-image-container {
margin-bottom: 20px;
display: block;
}
[data-module="services"] button {
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
background: transparent !important;
box-shadow: none !important;
padding: 0 24px 0 0;
position: relative;
width: auto;
}
[data-module="services"] button:after {
content: '';
background: url(//www.civd.de/wp-content/themes/caravaning/img/arrow-dark-right.svg);
background-repeat: no-repeat;
width: 24px;
height: 20px;
position: absolute;
top: 7px;
right: -6px;
bottom: 0;
background-size: contain;
margin: auto 0;
}
[data-module="services"] .services-background-text {
font-size: 48px;
line-height: 0.96;
margin: -40px auto 0;
right: 0;
}
.grid-container {
display: none;
}
[data-test="responsive"] {
opacity: 1;
width: 123px;
}
[data-out="article-slider"] {
display: block;
}
body:not(.archive) .page-template header.entry-header {
min-height: 345px !important;
}
.producer-head-info-image-container {
position: relative;
}
.show-mobile {
display: block !important;
display: initial !important;
}
.hide-mobile {
display: none !important;
}
.header-close-search-icon-container {
left: 0;
right: auto;
margin-left: 20px;
margin-right: 0;
}
.head-search-container form input[type="text"] {
padding: 0;
}
.header-search-icon-container {
display: none;
margin-right: 0;
}
.head-search-container form input[type="text"] {
opacity: 0.5;
line-height: 1.33;
font-size: 15px;
}
.header-service-popup {
left: -260px;
}
.header-service-popup > .header-service-popup-link:first-of-type:after {
left: 247px;
}
body.open-mobile-menu .header-search-icon-container {
display: block;
display: initial;
}
[data-module="services"] {
margin-top: 82px;
margin-bottom: 44px;
}
[data-module="vehicle-types"] .vehicle-types-single-vehicle {
padding: 48px 0;
border-top-width: 0 !important;
border-right-width: 0 !important;
border-left-width: 0 !important;
border-bottom: 2px solid #fff !important;
border-radius: 0;
}
[data-module="vehicle-types"] .vehicle-types-body .vehicle-types-single-vehicle:last-of-type {
border-bottom-width: 0px !important;
}
[data-module="vehicle-types"] {
margin-top: 32px;
margin-bottom: 0;
}
[data-module="vehicle-types"] .vehicle-types-body-container {
padding-top: 0;
}
.vehicle-types-border {
padding: 0;
}
[data-module="vehicle-types"] .vehicle-types-single-left {
position: static;
float: left;
width: 100%;
height: 100%;
}
[data-module="vehicle-types"] .vehicle-types-single-left img {
position: static;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
max-width: 328px;
max-height: 148px;
width: 100%;
height: auto;
display: block;
}
[data-module="vehicle-types"] .vehicle-types-single-right {
float: left;
width: 100%;
padding-left: 0;
margin-top: 33px;
}
.share-buttons {
z-index: 12 !important;
position: absolute !important;
right: 31px !important;
bottom: 105px !important;
top: auto !important;
}
[data-out="map-wrapper"] #map-container #map,
.map-zoom-container {
display: none;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"],
[data-out="map-wrapper"] .map-search-container {
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 0;
}
[data-out="map-wrapper"] .map-search-close {
z-index: 5;
}
[data-out="map-wrapper"] .map-search-close svg rect {
stroke: #ffffff;
}
[data-out="map-wrapper"] .map-search-headline-row h3 {
margin: 48px 0;
}
[data-out="map-wrapper"] .map-search-container > button {
position: static;
margin-top: 80px;
border-radius: 0;
}
[data-out="map-wrapper"] .map-search-nearby-row {
margin-bottom: 16px;
}
[data-out="map-wrapper"] [data-out="map-serach-result-list"] {
padding: 75px 32px 28px;
}
[data-out="map-wrapper"] .map-search-close {
top: 20px;
right: 20px;
}
.map-serach-result-list-copy {
max-height: 38px;
margin-top: 7px !important;
margin-left: 64px;
}
[data-out="map-wrapper"] .vendor-map #map-container [data-scroller] {
top: 195px;
}
body.single-article_overview .head-image-container-inner, .page-template-single-article_overview_by_tag .head-image-container-inner {
bottom: -250px;
}
body.single-article .head-copy-container,
body.single-travellog .head-copy-container,
body.single-producer .head-copy-container,
body.single-article_overview .entry-header .head-copy-container,
.page-template-single-article_overview_by_tag .entry-header .head-copy-container {
margin-bottom: 0;
}
body.home .head-copy-container {
padding: 0 20px 5px;
}
.map-list-vendor-name-container-right {
display: none;
}
.map-list-vendor-name-container-left {
margin-right: 0;
}
[data-module="newsletter"] .newsletter-image-left.show-mobile {
width: 100%;
float: left;
height: 224px;
border-radius: 5px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
[data-module="newsletter"] .newsletter-content-right {
margin-left: 0;
width: 100%;
padding-left: 0;
padding-top: 33px;
}
[data-module="newsletter"] nf-field {
width: 100%;
}
[data-module="newsletter"] input[type="email"] {
width: 100%;
}
[data-module="newsletter"] input[type=button] {
width: 100% !important;
float: left;
}
[data-module="newsletter"]:after {
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/newsletter-brush-mobile.svg);
bottom: -50px;
background-size: contain;
}
[data-module="newsletter"] .nf-error-msg {
max-width: 100%;
width: 100%;
}
[data-module="form"] .checkbox-wrap .nf-field-label,
[data-module="form"] .list-radio-wrap .nf-field-label,
[data-module="form"] .list-checkbox-wrap .nf-field-label {
position: static;
float: left;
width: 100% !important;
order: initial;
margin-bottom: 16px;
}
.checkbox-wrap .nf-custom-container {
width: 100%;
padding-left: 0;
position: absolute;
top: 0;
left: 0;
}
[data-module="form"] .checkbox-wrap .nf-custom-container {
width: 100%;
padding-left: 0;
float: left;
position: static;
}
[data-module="form"] .checkbox-wrap .nf-field-element {
left: 0;
}
[data-module="form"] {
margin-top: 64px;
margin-bottom: 80px;
}
[data-module="newsletter"] {
padding-top: 64px;
padding-bottom: 0;
margin-bottom: 56px;
}
[data-module="infobox-small"] {
width: 100%;
padding: 0 20px !important;
}
[data-module="infobox-small"] .module-content {
float: left;
width: 100%;
max-width: 100%;
padding: 28px 16px 42px;
}
[data-module="infobox-small"] h4 {
margin: 0 0 32px;
padding-bottom: 19px;
}
[data-out="video-wrapper"] .vjs-play-control,
[data-out="video-wrapper"] .share-button {
bottom: 52px;
}
[data-out="video-wrapper"] .mute-button,
[data-out="video-wrapper"] .volume-button {
display: none;
}
[data-out="video-wrapper"] .vjs-control-bar .pause-title
{
bottom: 134px;
}
[data-module="other-articles"] .grid,
[data-module="workers"] .grid,
[data-module="producers"] .grid
{
display: none !important;
}
[data-module="other-articles"] .article-load-container,
[data-module="workers"] .article-load-container,
[data-module="producers"] .article-load-container
{
display: none !important;
}
[data-module="other-articles"] .frontpage-tabmenu-head-inner,
[data-module="workers"] .frontpage-tabmenu-head-inner,
[data-module="producers"] .frontpage-tabmenu-head-inner
{
display: none;
}
[data-module="other-articles"] [data-out="article-slider"],
[data-module="workers"] [data-out="article-slider"],
[data-module="producers"] [data-out="article-slider"]
{
display: block;
padding-left: 20px;
padding-right: 20px;
}
[data-module="other-articles"],
[data-module="workers"],
[data-module="producers"] {
padding-left: 0;
padding-right: 0;
padding-top: 80px;
}
[data-module="similar-articles"],
[data-module="similar-downloads"],
[data-module="similar-links"] {
margin: 0;
}
header#header.is-on-top .header-search-icon-bg {
background-color: rgba(255, 255, 255, 0.15);
}
[data-module="row"] .module-content-row-container {
padding-top: 50px;
}
.video-description {
padding-left: 4px;
padding-right: 4px;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"] .overlay-video-title {
padding-right: 85px;
left: 18px !important;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"] .overlay-play-button {
left: 18px !important;
}
[data-module="video-playlist"] .videowrapper-container {
float: left;
width: 100%;
padding: 64px 20px 27px;
background-color: #faf3e1;
}
[data-module="video-playlist"] [data-out="video-list"][data-show-on-mobile]
{
display: block !important;
}
[data-module="video-playlist"] [data-out="video-list"][data-dont-show-on-mobile]
{
display: none !important;
}
[data-module="video"],
[data-module="video-playlist"] {
margin: 64px 0 27px;
}
[data-module="video-playlist"] {
padding-left: 0;
padding-right: 0;
}
[data-out="video-list"] [data-out="video-list-video"] {
padding: 0 16px 0 !important;
border-width: 0 !important;
}
[data-out="video-list"] [data-out="video-list-video"] .video-playlist-padding {
padding: 25px 20px 16px;
border-top: solid 1px #d0d5e1;
}
[data-out="video-list"] [data-out="video-list-video"]:last-of-type .video-playlist-padding
{
border-bottom: solid 1px #d0d5e1;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] > .video-playlist-padding,
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] + div > .video-playlist-padding {
border-color: transparent;
}
[data-out="video-list"] [data-out="video-list-video"]:hover > .video-playlist-padding
{
border-color: transparent;
}
[data-out="video-list"] [data-out="video-list-video"]:hover + div > .video-playlist-padding
{
border-top-color: transparent;
}
[data-module="video-playlist"] .video-swiper-pagination-container {
display: none;
}
[data-module="promo-wide"] {
margin: 64px 0 96px;
}
header#header.is-on-top .header-mobile-icon-bg,
header#header.is-on-top .header-service-icon-bg {
opacity: 0.7;
}
.head-search-container-outta.open-search .header-search-icon {
opacity: 1;
}
[data-module="newsletter"] input[type="email"] {
margin-right: 0;
}
[data-out="video-share-button-list"] [data-click="video-share-button"] {
float: right;
margin: 0 16px 0 0;
}
[data-out="video-share-button-list"] {
right: auto !important;
bottom: auto !important;
left: 22px;
top: 21px;
}
div[data-module]:not([data-module="video-playlist"]) [data-out="video-share-button-list"] [data-click="video-share-button"][data-medium="whatsapp"] {
margin: 0 16px 0 0;
}
#menu-main-menu [data-out="mobile-menu-sub"] {
transform: translate3d(768px,0,0);
-webkit-transform: translate3d(768px,0,0);
}
.cookie-notice-container > span {
max-width: 100%;
padding: 16px 0;
}
.cookie-notice-container > a {
float: left;
width: 100%;
margin: 0 0 16px 0 !important;
}
[data-module="similar-downloads"] .article-small-body .article-small-title {
max-height: 48px;
}
[data-out="map-wrapper"] [data-click="vendor-open"][data-is-selected="true"] {
background-color: transparent;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-city-row {
width: 100%;
padding-right: 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row {
width: 100%;
padding-left: 0;
margin-top: 3px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer {
margin-top: 12px;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-search"],
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-searchreset"] {
width: 100%;
max-width: 100%;
}
[data-module="fruehlingsmessen"] [data-click="fruehlingsmessen-search"] {
margin-bottom: 15px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-spacer {
padding: 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-copy {
padding-left: 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-left {
width: 100%;
margin-bottom: 0;
padding-right: 0;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-right {
width: 100%;
padding: 16px 10px 20px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container-left .fruehlingsmessen-result-container-left-inner {
padding: 17px 10px 0;
background-color: transparent;
background-image: none;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-container {
background-color: #f9f7f4;
background-image: url(//www.civd.de/wp-content/themes/caravaning/img/pattern.png);
margin-bottom: 16px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-result-title-container {
height: auto;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer {
height: 180px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="true"] {
height: 295px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="true"][data-show-all="true"] {
height: 695px;
}
[data-module="row"] {
padding-left: 8px;
padding-right: 8px;
}
[data-module="row"] .module-content-row-container > .module-content {
padding: 0 28px;
}
[data-module="row"] .module-content-row-container .module-content [data-module="text"] {
margin-bottom: 16px;
font-size: 14px;
}
[data-module="row"] .module-content-row-container .module-content [data-module="text"] .external-link,
[data-module="row"] .module-content-row-container .module-content [data-module="text"] .internal-link {
font-size: 14px;
margin-left: 4px;
}
[data-module="row"] .module-content-row-container .module-content [data-module="text"] .external-link span,
[data-module="row"] .module-content-row-container .module-content [data-module="text"] .internal-link span {
font-size: 14px;
}
[data-module="row"] .module-content-row-container .module-content [data-module="text"] .external-link img,
[data-module="row"] .module-content-row-container .module-content [data-module="text"] .internal-link img {
top: -2px;
}
[data-module="row"] .module-content-row-container .module-content [data-module="headlineH4"] h4 {
margin-top: 18px;
margin-bottom: 29px;
}
.head-logo-container {
padding: 31px 0;
}
.head-article-pager-container {
margin-top: -76px;
margin-bottom: 0;
position: relative;
z-index: 2;
}
.head-article-pager-container .article-pager-copy {
top: -3px;
}
.head-article-pager-container .article-pager-copy-last a,
.head-article-pager-container .article-pager-copy-next a {
color: #ffffff;
}
.head-article-pager-container .article-pager-button svg > g > g {
stroke: #ffffff;
}
.head-article-pager-container .article-pager-button:hover svg rect,
.head-article-pager-container .article-pager-button:hover svg rect {
fill: #ffffff;
}
.head-article-pager-container .article-pager-button:hover svg #icon_arrow_left_white polyline,
.head-article-pager-container .article-pager-button:hover svg #icon_arrow_right_white polyline {
stroke: #0c2350;
}
body.single-article_overview .post-content [data-out="article-slider"],
.page-template-single-article_overview_by_tag .post-content [data-out="article-slider"] {
padding-top: 80px;
}
[data-module="producers"] [data-out="article-slider"],
[data-module="workers"] [data-out="article-slider"] {
padding-top: 0px !important;
}
[data-out="article-slider"] .swiper-slide:first-child .article-small > a span.swiper-lazy-preloader:after {
background-color: transparent !important;
}
[data-module="latestNews"] .grid {
display: none;
}
}
@media only screen and (max-width: 745px) {
.article-small, .grid-sizer { 
width: 100%;
}
}
@media only screen and (max-width: 600px) {
[data-module="gallery-slider"] .swiper-container .swiper-slide .vertical-image {
height: auto;
}
#menu-main-menu [data-out="mobile-menu-sub"] {
transform: translate3d(600px,0,0);
-webkit-transform: translate3d(600px,0,0);
}
[data-module="newsletter"] .checkbox-container .nf-error-msg {
width: 98%;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-copy {
display: block;
float: left;
width: 100%;
margin-bottom: 11px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-mid {
float: left;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer {
margin-top: 8px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container {
transform: translateY(-558px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="5"] {
transform: translateY(-508px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="4"] {
transform: translateY(-458px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="3"] {
transform: translateY(-408px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="2"] {
transform: translateY(-358px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="1"] {
transform: translateY(-308px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="false"][data-show-all="true"] .fruehlingsmessen-animation-container[data-result-count="0"] {
transform: translateY(-258px);
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer {
height: 180px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="true"] {
height: 330px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-animation-container-outer[data-show-more="true"][data-show-all="true"] {
height: 730px;
}
}
@media only screen and (max-width: 560px) {
[data-module="gallery-slider"] .swiper-container .swiper-slide .vertical-image img {
height: auto;
}
[data-module="promo-small"] .small-promo-image-container:after {
bottom: -15px;
}
.producer-head-info-container-inner {
padding: 32px 17px;
}
[data-out="video-wrapper"] .vjs-progress-control {
display: none !important;
}
[data-out="video-wrapper"] .vjs-play-control {
bottom: 20px !important;
left: 18px !important;
}
[data-out="video-wrapper"] .share-button {
bottom: 12px !important;
right: 18px !important;
}
[data-out="video-wrapper"] .out-time {
bottom: 36px !important;
}
[data-out="video-wrapper"] .vjs-control-bar .pause-title {
padding-right: 85px;
bottom: auto !important;
top: 16px !important;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"] .overlay-video-title {
padding-right: 85px;
bottom: auto !important;
top: 16px !important;
left: 18px !important;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"] .overlay-play-button {
left: 18px !important;
bottom: 18px !important;
}
[data-out="video-wrapper"][data-share-is-open="true"] .vjs-control-bar .pause-title {
opacity: 0;
visibility: hidden;
}
}
@media only screen and (max-width: 500px) {
[data-module="newsletter"] .checkbox-container .nf-error-msg {
width: 97.6%;
}
}
@media only screen and (max-width: 420px) {
[data-module="promo-wide"] .promo-copy {
padding: 0 20px;
}
[data-module="producer-link"] .producer-link-container {
padding: 64px 20px 48px;
}
[data-module="promo-small"] .small-promo-image-container:after {
bottom: -20px;
}
#menu-main-menu [data-out="mobile-menu-sub"] {
transform: translate3d(420px,0,0);
-webkit-transform: translate3d(420px,0,0);
}
[data-module="newsletter"] .checkbox-container .nf-error-msg {
width: 97.3%;
}
}
@media only screen and (max-width: 398px) {
[data-out="map-wrapper"] .map-search-radius-value {
margin: 11px 11px 11px 9px;
}
.flag-language-switcher-mobile li {
width: 38px !important;
}
.flag-language-switcher-mobile a {
padding: 0 10px !important;
}
}
@media only screen and (max-width: 380px) {
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container-outer input + label {
margin-right: 8px;
}
[data-module="fruehlingsmessen"] .fruehlingsmessen-checkbox-container {
margin-right: 18px;
}
}
@media only screen and (max-width: 375px) {
[data-out="map-wrapper"] .rangeslider {
width: 100px;
}
[data-module="newsletter"] .checkbox-container .nf-error-msg {
width: 96.8%;
}
}
@media only screen and (max-width: 365px) {
.header-service-popup {
left: -215px;
width: 280px;
}
.header-service-popup > .header-service-popup-link:first-of-type:after {
left: 197px;
}
.header-service-popup-link span {
max-width: 135px;
}
#menu-main-menu [data-out="mobile-menu-sub"] {
transform: translate3d(365px,0,0);
-webkit-transform: translate3d(365px,0,0);
}
}
@media only screen and (max-width: 350px) {
[data-out="map-wrapper"] .rangeslider {
width: 72px;
}
[data-module="newsletter"] .checkbox-container .nf-error-msg {
width: 96.4%;
}
}
@media only screen and (max-width: 340px) {
[data-module="fruehlingsmessen"] .fruehlingsmessen-search-radius-row .fruehlingsmessen-search-radius-value {
margin: 11px 9px 11px 11px;
}
.article-small-body svg {
left: 20px;
}
}
@media only screen and (max-width: 330px) {
[data-out="video-share-button-list"] [data-click="video-share-button"] {
margin: 0 14px 0 0;
}
}
@media only screen and (max-height: 620px) {
[data-out="map-wrapper"] .map-search-headline-row h3 {
margin: 0;
}
[data-out="map-wrapper"] .map-search-container > button {
position: static;
margin-top: 10px;
}
}  .grid [data-is-dummy="true"][data-is-hidden="true"]
{
display: none !important;
}
.scroll-top-button
{
transition: visibility 200ms ease-in, opacity 200ms ease-in;
-webkit-transition: visibility 200ms ease-in, opacity 200ms ease-in;
}
.scroll-top-button.is-on-top
{
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 1020px)
{
.scroll-top-button.hidden-on-mobile
{
opacity: 0;
visibility: hidden;
}
} @media only screen and (min-width: 2000px)
{
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container {
width: 58%;
}
}
@media only screen and (min-width: 3000px)
{
ul#menu-main-menu > li > .sub-menu-container > .sub-menu > li > .sub-menu-container {
width: 56%;
}
}
@media only screen and (min-width: 1088px)
{
[data-module="tableCalc"] .drag-overlay {
display: none;
}
}
.live-video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
width: 100%; }
.live-video-container iframe,
.live-video-container object,
.live-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.live-video-container-wrapper {
max-width: 100%;
width: 868px;
left: 0;
right: 0;
margin: 64px auto 47px; }.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-ms-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:relative;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{-webkit-transition:width 1s;-moz-transition:width 1s;-ms-transition:width 1s;-o-transition:width 1s;transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;-webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-ms-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-o-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;-webkit-transition:width .1s;-moz-transition:width .1s;-ms-transition:width .1s;-o-transition:width .1s;transition:width .1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control .vjs-icon-placeholder{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;animation:0s linear .3s forwards vjs-spinner-show}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{position:absolute}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.vjs-text-track-settings .vjs-track-settings-colors{display:block;grid-column:1;grid-row:1}.vjs-text-track-settings .vjs-track-settings-font{grid-column:2;grid-row:1}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:2;grid-row:2}}.vjs-track-setting>select{margin-right:5px}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;visibility:hidden}
[data-module="video"],
[data-module="video-playlist"] {
margin: 64px 0 47px;
}
[data-module="video"] .module-content
{
max-width: 868px;
}
.videowrapper
{
float: none;
clear: both;
width: 100%;
padding-bottom: 56.25%; position: relative;
height: 0;
}
.videowrapper iframe[data-player="vimeo"]
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-image-copy {
display: table;
width: 100%;
}
.video-description {
display: table-caption;
width: 100%;
max-width: 688px;
min-height: 35px;
font-size: 12px;
font-weight: 300;
line-height: 1.33;
letter-spacing: 0.2px;
margin: 6px auto 0;
text-align: left;
}
.video-title
{
width: 418px;
height: 48px;
font-family: AtlasGrotesk;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #ffffff;
}
[data-out="video-wrapper"]
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"]
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
opacity: 1;
background-color: rgba(0, 0, 0, 0.4);
}
[data-out="video-wrapper"] .vjs-big-play-button
{
display: none;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"]
{
display: block;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"][data-is-hidden="true"]
{
display: none;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"] .overlay-play-button
{
position: absolute;
z-index: 6;
bottom: 72px;
left: 90px;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"] .overlay-play-button > div {
height: 56px;
}
[data-out="video-wrapper"] [data-hover-hide-action]:hover [data-show-on-not-hover]
{
display: none;
}
[data-out="video-wrapper"] [data-hover-hide-action]:hover [data-show-on-hover]
{
display: block;
}
[data-out="video-wrapper"]:hover .overlay-play-button [data-show-on-not-hover] {
display: none;
}
[data-out="video-wrapper"]:hover .overlay-play-button [data-show-on-hover] {
display: block;
}
[data-out="video-wrapper"] [data-hover-hide-action] [data-show-on-hover]
{
display: none;
}
[data-out="video-wrapper"] [data-out="video-overlay-intro"] .overlay-video-title
{
max-width: 418px;
height: 48px;
font-family: AtlasGrotesk;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #ffffff;
position: absolute;
z-index: 6;
bottom: 152px;
left: 90px;
overflow: hidden;
}
[data-out="video-wrapper"] .vjs-play-control
{
position: absolute;
z-index: 6;
bottom: 68px;
left: 18px;
height: 52px;
width: 52px;
}
[data-out="video-wrapper"] .vjs-play-control.vjs-playing [data-hide-on-playing]
{
display: none;
}
[data-out="video-wrapper"] .vjs-play-control.vjs-paused [data-hide-on-paused]
{
display: none;
}
[data-out="video-wrapper"] .share-button
{
position: absolute;
z-index: 6;
bottom: 61px;
right: 18px;
cursor: pointer;
overflow: hidden;
height: 60px;
}
[data-out="video-wrapper"] .vjs-volume-panel
{
display: none;
}
[data-out="video-wrapper"] .vjs-fullscreen-control
{
position: absolute;
z-index: 6;
top: 19px;
right: 18px;
height: auto;
}
html[data-is-ios="true"] [data-out="video-wrapper"] .vjs-fullscreen-control
{
display: none;
}
[data-out="video-wrapper"] .volume-button
{
position: absolute;
z-index: 6;
bottom: 61px;
right: 80px;
overflow: hidden;
height: 60px;
cursor: pointer;
}
[data-out="video-wrapper"] .mute-button
{
position: absolute;
z-index: 6;
bottom: 61px;
right: 80px;
overflow: hidden;
height: 60px;
cursor: pointer;
}
[data-out="video-wrapper"] .video-js .vjs-control-bar
{
opacity: 1;
z-index: 6;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background-color: transparent;
}
[data-out="video-wrapper"] .vjs-progress
{
position: absolute;
z-index: 6;
height: 40px;
width: 90%;
}
[data-out="video-wrapper"] .vjs-progress-control
{	
position: absolute;
z-index: 6;
height: 40px;
width: auto;
bottom: 8px;
left: 16px;
right: 16px;
}
[data-out="video-wrapper"] .vjs-time-tooltip
{	
background-color: white;
color: #0c2350;
border-radius: 0;
}
[data-out="video-wrapper"] .vjs-play-progress .vjs-time-tooltip
{
display: none !important;
}
[data-out="video-wrapper"] .video-js .vjs-play-progress:before
{
opacity: 0;
}
[data-out="video-wrapper"] .vjs-time-tooltip
{
font-family: AtlasGrotesk;
font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: 0.9px;
text-align: center;
}
[data-out="video-wrapper"] .vjs-progress-holder.vjs-slider,
[data-out="video-wrapper"] .video-js .vjs-load-progress div,
[data-out="video-wrapper"] .vjs-load-progress
{
background-color: white;
}
[data-out="video-wrapper"] .vjs-play-progress.vjs-slider-bar
{
background-color: #0c2350;
}
[data-out="video-wrapper"] .vjs-progress-holder
{
margin: 0;
}
[data-out="video-wrapper"] .vjs-mouse-display:after
{
position: absolute;
right: -5px;
content: "";
width: 10px;
height: 10px;
background-color: white;
transform: rotate(45deg);
bottom: 5px;
}
[data-out="video-wrapper"] .vjs-mouse-display
{
background-color: transparent !important;
bottom: 10px;
}
[data-out="video-wrapper"] .vjs-remaining-time
{
display: none;
}
[data-out="video-wrapper"] .out-time
{
position: absolute;
z-index: 6;
bottom: 84px;
left: 87px;
font-family: AtlasGrotesk;
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: 0.9px;
color: #ffffff;
}
[data-out="video-wrapper"][data-is-muted="true"] [data-hide-on-mute]
{
display: none;
}
[data-out="video-wrapper"]:not([data-is-muted="true"]) [data-hide-on-not-mute]
{
display: none;
}
[data-out="video-list"] [data-out="video-list-video"] {
padding: 24px 16px 16px;
cursor: pointer;
border-top: solid 2px #d0d5e1;
position: relative;
height: 33.33%;
position: relative;
box-sizing: border-box;
}
[data-out="video-list"] [data-out="video-list-video"]:last-of-type {
border-bottom: solid 2px #d0d5e1;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"]
{
background-color: #f8f7f6;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] {
border-color: #f8f7f6;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] + div {
border-top-color: transparent;
}
[data-out="video-list"] [data-out="video-list-video"] .video-list-video-out-duration
{
float: right;
}
[data-out="video-list"] [data-out="video-list-video"] .video-list-video-out-duration,
[data-out="video-list"] [data-out="video-list-video"] .video-list-video-infos
{
display: inline;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] .video-list-video-out-duration,
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] .video-list-video-infos
{
display: none;
}
[data-out="video-list"] [data-out="video-list-video"] .video-list-video-out-time,
[data-out="video-list"] [data-out="video-list-video"] [data-click="video-list-pause"],
[data-out="video-list"] [data-out="video-list-video"] [data-out="video-list-video-progress-outer"]
{
display: none;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] .video-list-video-out-time,
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] [data-click="video-list-pause"],
[data-out="video-list"] [data-out="video-list-video"][data-current="true"] [data-out="video-list-video-progress-outer"]
{
display: inline;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"][data-paused="true"] [data-click="video-list-pause"]
{
display: none;
}
[data-out="video-list"] [data-out="video-list-video"] [data-click="video-list-play"]
{
display: none;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"][data-paused="true"] [data-click="video-list-play"]
{
display: inline;
}
[data-out="video-list"] [data-out="video-list-video"][data-current="true"][data-paused="true"] .video-list-video-out-time
{
display: none;
}
[data-out="video-list"] [data-out="video-list-video"] .video-thumbnail
{
width: 200px;
}
[data-out="video-list"] [data-out="video-list-video"][data-initial="true"] 
{
background-color: #d3d3d3;
}
[data-out="video-list"] [data-out="video-list-video"][data-initial="true"],
[data-out="video-list"] [data-out="video-list-video"][data-initial="true"] + div
{
border-color: #d3d3d3;
}
[data-out="video-list"] [data-out="video-list-video"]:hover
{
background-color: #f8f7f6;
}
[data-out="video-list"] [data-out="video-list-video"]:hover
{
border-color: #f8f7f6;
}
[data-out="video-list"] [data-out="video-list-video"]:hover + div
{
border-top-color: #f8f7f6;
}	
[data-out="video-list-video-progress-outer"]
{
height: 5px;
width: 100%;
position: relative;
float: left;
}
[data-out="video-list-video-progress"]
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-color: #0c2350;
}
[data-click="video-swiper-button-prev"],
[data-click="video-swiper-button-next"]
{
padding: 20px;
cursor: pointer;
}
[data-out="video-wrapper"] .vjs-poster
{
display: block;
}
.vjs-loading-spinner
{
animation: 0s linear .3s forwards vjs-spinner-show !important;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before
{
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}
.vjs-loading-spinner:before
{
border-top-color:#fff;
}
.vjs-loading-spinner:after
{
border-top-color:#fff;
-webkit-animation-delay:.44s;
animation-delay:.44s;
}
[data-module="video-playlist"] .videowrapper [data-player]
{
display: none;
}
.videowrapper [data-player][data-is-visible="true"]
{
display: block;
}
[data-out="video-wrapper"][data-playlist-played="true"] .vjs-loading-spinner
{
display: none !important;
}
[data-out="video-wrapper"][data-playlist-played="true"] .vjs-poster
{
display: block !important;
}
[data-out="video-wrapper"] button
{
min-width: 0;
min-height: 0;
}
[data-out="video-wrapper"] button:active {
box-shadow: none;
}
[data-out="video-wrapper"] .vjs-control-bar
{
pointer-events: none;
}
[data-out="video-wrapper"] .vjs-control-bar *
{
pointer-events: all;
}
[data-out="video-wrapper"] .vjs-control-bar .pause-title
{
opacity: 1;
visibility: visible;
transition: opacity 150ms ease-in;
-webkit-transition: opacity 150ms ease-in;
max-width: 418px;
height: 48px;
position: absolute;
bottom: 152px;
left: 18px;
font-family: AtlasGrotesk;
font-size: 18px;
margin: 0;
line-height: 1.33;
font-weight: 500;
overflow: hidden;
}
.video-js .vjs-progress-control .vjs-progress-holder {
border-radius: 4px;
height: 4px;
margin: 0;
}
.video-js .vjs-time-tooltip {
padding: 3px 8px 3px 8px;
top: -2.6em;
}
[data-out="video-wrapper"] [data-out="custom-poster"] {
z-index: 10 !important;
position: absolute;
top: 0;
left: 0;
right: -1px;
bottom: -1px;
background-color: black;
background-size: cover;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
}
[data-out="video-wrapper"] .vjs-poster,
[data-out="video-wrapper"] .vjs-loading-spinner
{
display: none !important;
}
[data-out="video-wrapper"] [data-out="custom-poster-spinner"]
{
display: none;
}
[data-out="video-wrapper"] .vjs-control-bar .vjs-fullscreen-control,
[data-out="video-wrapper"] .vjs-control-bar .fullscreen-button {
width: 57px;
}
[data-click="video-share-button-list-toggle"] svg path {
transition: fill 150ms ease-in, opacity 150ms ease-in;
-webkit-transition: fill 150ms ease-in, opacity 150ms ease-in;
}
html:not([data-is-touch="true"]) [data-click="video-share-button-list-toggle"]:hover #video-share-inner {
fill: #0c2350;
}
[data-click="video-share-button-list-toggle"] #video-share-background {
opacity: 0;
}
html:not([data-is-touch="true"]) [data-click="video-share-button-list-toggle"]:hover #video-share-background {
opacity: 1;
}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
body.home .entry-header-inner .swiper-container .swiper-pagination {
bottom: 16px !important;
}
body.home .entry-header-inner .swiper-container .swiper-pagination .swiper-pagination-bullet {
background: #ffffff !important;
}
body.home .entry-header-inner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
background: #122f69 !important;
}[data-iscroll-wrapper]
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
overflow: hidden;
-webkit-font-smoothing:none;
}
[data-iscroll-wrapper] [data-scroller-inner]
{
position: absolute;
z-index: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
webkit-font-smoothing:none;
}
[data-is-touch-device="true"][data-iscroll-wrapper] [data-scroller-inner]
{
}
[data-iscroll-wrapper][data-is-scrolling-y="true"]
{
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.iScrollVerticalScrollbar.iScrollLoneScrollbar {
width: 13px !important;
right: 0px !important;
}
.iScrollIndicator {
border-radius: 0 !important;
background: rgba(0, 0, 0, 0.2) !important;
}
[data-endless-scroller] [data-endless-scroller-content],
[data-scroller] [data-scroller-content]
{
float: left;
}
.iScrollIndicator {
width: 8px !important;
border-radius: 4px !important;
background-color: #7082a5 !important;
border-width: 0 !important;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4);
right: 3px;
}