@charset "UTF-8";
/*
Theme Name: Mobalo
Theme URI: http://www.mobalo.com
Description: Das individuelle Mobalo-Template
Author: newsenses GmbH
Author URI: http://newsenses.net
Version: 1.0
*/
@import url("css/bootstrap.css");
@import url("//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css");
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("./fonts/open-sans/open-sans-300.eot"); src: local("Open Sans Light"), local("OpenSans-Light"), url("./fonts/open-sans/open-sans-300.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans/open-sans-300.woff2") format("woff2"), url("./fonts/open-sans/open-sans-300.woff") format("woff"), url("./fonts/open-sans/open-sans-300.ttf") format("truetype"), url("./fonts/open-sans/open-sans-300.svg#OpenSans") format("svg"); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("./fonts/open-sans/open-sans-400.eot"); src: local("Open Sans Regular"), local("OpenSans-Regular"), url("./fonts/open-sans/open-sans-400.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans/open-sans-400.woff2") format("woff2"), url("./fonts/open-sans/open-sans-400.woff") format("woff"), url("./fonts/open-sans/open-sans-400.ttf") format("truetype"), url("./fonts/open-sans/open-sans-400.svg#OpenSans") format("svg"); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url("./fonts/open-sans/open-sans-600.eot"); src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("./fonts/open-sans/open-sans-600.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans/open-sans-600.woff2") format("woff2"), url("./fonts/open-sans/open-sans-600.woff") format("woff"), url("./fonts/open-sans/open-sans-600.ttf") format("truetype"), url("./fonts/open-sans/open-sans-600.svg#OpenSans") format("svg"); }

@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url("./fonts/open-sans/open-sans-600italic.eot"); src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("./fonts/open-sans/open-sans-600italic.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans/open-sans-600italic.woff2") format("woff2"), url("./fonts/open-sans/open-sans-600italic.woff") format("woff"), url("./fonts/open-sans/open-sans-600italic.ttf") format("truetype"), url("./fonts/open-sans/open-sans-600italic.svg#OpenSans") format("svg"); }

/* open-sans-700 - latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url("./fonts/open-sans/open-sans-700.eot"); src: local("Open Sans Bold"), local("OpenSans-Bold"), url("./fonts/open-sans/open-sans-700.eot?#iefix") format("embedded-opentype"), url("./fonts/open-sans/open-sans-700.woff2") format("woff2"), url("./fonts/open-sans/open-sans-700.woff") format("woff"), url("./fonts/open-sans/open-sans-700.ttf") format("truetype"), url("./fonts/open-sans/open-sans-700.svg#OpenSans") format("svg"); }

@-webkit-keyframes fade1 { 0% { opacity: 1;
    visibility: visible; }
  28% { opacity: 1;
    visibility: visible; }
  33.33% { opacity: 0;
    visibility: hidden; }
  94.67% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@keyframes fade1 { 0% { opacity: 1;
    visibility: visible; }
  28% { opacity: 1;
    visibility: visible; }
  33.33% { opacity: 0;
    visibility: hidden; }
  94.67% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 1;
    visibility: visible; } }

@-webkit-keyframes fade2 { 0% { opacity: 0;
    visibility: hidden; }
  28% { opacity: 0;
    visibility: hidden; }
  33.33% { opacity: 1;
    visibility: visible; }
  61.33% { opacity: 1;
    visibility: visible; }
  66.67% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 0;
    visibility: hidden; } }

@keyframes fade2 { 0% { opacity: 0;
    visibility: hidden; }
  28% { opacity: 0;
    visibility: hidden; }
  33.33% { opacity: 1;
    visibility: visible; }
  61.33% { opacity: 1;
    visibility: visible; }
  66.67% { opacity: 0;
    visibility: hidden; }
  100% { opacity: 0;
    visibility: hidden; } }

@-webkit-keyframes fade3 { 0% { opacity: 0;
    visibility: hidden; }
  61.33% { opacity: 0;
    visibility: hidden; }
  66.67% { opacity: 1;
    visibility: visible; }
  94.67% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: hidden; } }

@keyframes fade3 { 0% { opacity: 0;
    visibility: hidden; }
  61.33% { opacity: 0;
    visibility: hidden; }
  66.67% { opacity: 1;
    visibility: visible; }
  94.67% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: hidden; } }

.sliding { position: absolute; width: calc(100% - 30px); }

.sliding:nth-of-type(1) { -webkit-animation: slide1 13s infinite; animation: slide1 13s infinite; }

.sliding:nth-of-type(2) { -webkit-animation: slide2 13s infinite; animation: slide2 13s infinite; }

.sliding:nth-of-type(3) { -webkit-animation: slide3 13s infinite; animation: slide3 13s infinite; }

@-webkit-keyframes slide1 { 0% { left: 15px;
    opacity: 1; }
  25% { left: 15px;
    opacity: 1; }
  33% { left: -100%;
    opacity: 0; }
  92% { left: 100%;
    opacity: 0; }
  100% { left: 15px;
    opacity: 1; } }

@keyframes slide1 { 0% { left: 15px;
    opacity: 1; }
  25% { left: 15px;
    opacity: 1; }
  33% { left: -100%;
    opacity: 0; }
  92% { left: 100%;
    opacity: 0; }
  100% { left: 15px;
    opacity: 1; } }

@-webkit-keyframes slide2 { 0% { left: 100%;
    opacity: 0; }
  25% { left: 100%;
    opacity: 0; }
  33% { left: 15px;
    opacity: 1; }
  58% { left: 15px;
    opacity: 1; }
  66% { left: -100%;
    opacity: 0; }
  100% { left: 100%;
    opacity: 0; } }

@keyframes slide2 { 0% { left: 100%;
    opacity: 0; }
  25% { left: 100%;
    opacity: 0; }
  33% { left: 15px;
    opacity: 1; }
  58% { left: 15px;
    opacity: 1; }
  66% { left: -100%;
    opacity: 0; }
  100% { left: 100%;
    opacity: 0; } }

@-webkit-keyframes slide3 { 0% { left: 100%;
    opacity: 0; }
  58% { left: 100%;
    opacity: 0; }
  66% { left: 15px;
    opacity: 1; }
  92% { left: 15px;
    opacity: 1; }
  100% { left: -100%;
    opacity: 0; } }

@keyframes slide3 { 0% { left: 100%;
    opacity: 0; }
  58% { left: 100%;
    opacity: 0; }
  66% { left: 15px;
    opacity: 1; }
  92% { left: 15px;
    opacity: 1; }
  100% { left: -100%;
    opacity: 0; } }

html, body { height: 100%; -webkit-font-smoothing: antialiased; }

body { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 58px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #3A5767; }

@media (min-width: 768px) { body { font-size: 16px; } }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; opacity: 1; -webkit-animation: fadeOut 1s 0.2s forwards; animation: fadeOut 1s 0.2s forwards; pointer-events: none; }

@media (max-width: 991px) { .desktop { display: none; } }

@media (min-width: 992px) { .mobile { display: none; } }

.en .german { display: none; }

.de .englisch { display: none; }

.clearing, .clearfix { clear: both; }

.positioned { position: relative; overflow: hidden; }

.inactive { pointer-events: none; cursor: default; opacity: 0.5; }

.centered { text-align: center; }

.flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .flex-center.sm { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (min-width: 992px) { .flex-center.md { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.margin { margin-bottom: 30px; }

@media (min-width: 768px) { .margin[class*='col-sm'] { margin-bottom: 0; } }

@media (min-width: 992px) { .margin[class*='col-md'] { margin-bottom: 0; } }

@media (min-width: 992px) { .flexParent { display: -ms-flexbox; display: -webkit-box; display: flex; ms-flex-align: stretch; align-item: stretch; } }

@media (min-width: 992px) { .flexParent .flexChild { display: -ms-flexbox; display: -webkit-box; display: flex; } }

/*
.shadowed {

	position: relative;
	z-index: 1;

	&::before {
		z-index: -1;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.3);
		filter: blur(30px);
	}

}
*/
@media (min-width: 992px) { .columns { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 30px; column-gap: 30px; } }

.infoBlock { background: #D9EDF7; padding: 8px 15px; border: 1px solid #0082BA; border-radius: 4px; }

h1, .jumbotron h1, h2, h3 { margin-top: 0; margin-bottom: 25px; }

h1, .jumbotron h1 { font-weight: 400; font-size: 36px; }

@media (min-width: 768px) { h1, .jumbotron h1 { font-size: 48px; } }

@media (min-width: 992px) { h1, .jumbotron h1 { font-size: 60px; } }

h2 { font-weight: 300; font-size: 30px; }

@media (min-width: 768px) { h2 { font-size: 36px; } }

@media (min-width: 992px) { h2 { font-size: 40px; } }

h3 { font-weight: 300; font-size: 24px; color: #0082BA; }

h4 { font-weight: 700; font-size: 21px; }

p, .jumbotron p { margin-bottom: 15px; font-weight: 400; font-size: 14px; line-height: 21px; }

@media (min-width: 768px) { p, .jumbotron p { font-size: 16px; line-height: 24px; } }

p:last-child, .jumbotron p:last-child { margin-bottom: 0; }

p.bigger, .jumbotron p.bigger { font-weight: 300; font-size: 18px; line-height: 27px; margin-bottom: 30px; }

@media (min-width: 768px) { p.bigger, .jumbotron p.bigger { font-size: 21px; line-height: 31px; margin-bottom: 50px; } }

p.bigger.smallGap, .jumbotron p.bigger.smallGap { margin-bottom: 15px; }

p.blue, .jumbotron p.blue { color: #0082BA; }

ul, ol { font-size: 14px; line-height: 21px; }

@media (min-width: 768px) { ul, ol { font-size: 16px; line-height: 24px; } }

ul { position: relative; }

ul.checkmarks { margin: 0; padding: 0; }

ul.checkmarks li { list-style: none; padding-left: 30px; margin-bottom: 15px; }

ul.checkmarks li:before { position: absolute; left: 0; content: "\e013"; font-family: 'Glyphicons Halflings'; color: #FF7D47; }

ul.checkmarks + a { margin-left: 30px; }

ul.checkmarks.white li:before { color: #FFF; }

ul.checkmarks.blue li:before { color: #0082BA; }

ul.checkCircles { margin: 0; padding: 0; list-style: none; }

ul.checkCircles li { background: url("/wp-content/uploads/check.svg") no-repeat top left; background-size: 40px 40px; padding-left: 55px; margin-bottom: 15px; }

ul.checkCircles li:last-child { margin-bottom: 0; }

ul.checkCircles h3 { padding-top: 6px; margin-bottom: 15px; }

a { color: #0082BA; text-shadow: none !important; }

a:hover, a:focus, a:active { color: #FF7D47; text-decoration: none; }

a.btn { color: #FFF; border: none; border-radius: 0 !important; background: #0082BA; }

a.btn:hover, a.btn:focus, a.btn:active { color: #FFF; background: #FF7D47; }

a.btn.btn-sm { padding: 12px 30px; font-size: 18px; }

a.btn.btn-lg { padding: 15px; width: 100%; font-size: 18px; }

@media (min-width: 768px) { a.btn.btn-lg { margin-top: 20px; padding: 20px 65px; width: auto; font-size: 22px; } }

a.btn.orange { background: #FF7D47; color: #FFF; }

a.btn.white { background: #FFF; color: #0082BA; }

a.btn.orange:hover, a.btn.white:hover { opacity: 0.9; }

span.blue { color: #0082BA; }

span.orange { color: #FF7D47; }

.glyphicon { margin-right: 10px; }

.glyphicon.orange { color: #FF7D47; }

.row + .row { margin-top: 30px; }

#cookie-law-info-bar { padding-left: 15px; padding-right: 15px; font-weight: 400; }

#cookie-law-info-bar #cookie_action_close_header { padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-bottom: none; background-color: #0082BA !important; font-weight: 400; }

#cookie-law-info-bar #cookie_action_close_header:hover { background-color: #FF7D47 !important; }

.jumbotron { position: relative; margin-bottom: 0; padding: 0; }

.jumbotron.image { background-color: #EAEEF1; background-size: cover; background-repeat: no-repeat; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.7); color: #FFF; }

.jumbotron.image h2 { font-weight: 400; }

@media (min-width: 992px) { .jumbotron.image h2 { font-size: 60px; } }

.jumbotron.image p.bigger { font-weight: 400; }

.jumbotron.image p.bigger:last-child { margin-bottom: 0; }

.jumbotron.grey { background-color: #EAEEF1; }

.jumbotron.grey h1, .jumbotron.grey h2 { font-size: 30px; font-weight: 300; color: #0082BA; }

@media (min-width: 768px) { .jumbotron.grey h1, .jumbotron.grey h2 { font-size: 40px; } }

.jumbotron.dark { background: #3A5767; color: #FFF; }

@media (min-width: 992px) { .jumbotron.dark h1, .jumbotron.dark .jumbotron h1 { font-size: 48px; } }

.jumbotron.dark h1, .jumbotron.dark h2, .jumbotron.dark h3, .jumbotron.dark h4, .jumbotron.dark h5, .jumbotron.dark h6 { font-weight: 300; color: #FF7D47; }

.jumbotron.dark a:not(.btn) { color: #FF7D47; }

.jumbotron.blue { background: #0082BA; color: #FFF; }

.jumbotron.blue a:not(.btn) { color: #FFF; }

.jumbotron.blue a:not(.btn):hover, .jumbotron.blue a:not(.btn):focus, .jumbotron.blue a:not(.btn):active { color: #FFF; }

.jumbotron.orange { background-color: #FF7D47; color: #FFF; }

.jumbotron.orange a.btn { margin-bottom: 15px; width: 100%; }

@media (min-width: 768px) { .jumbotron.orange a.btn { margin-right: 20px; margin-bottom: 0; width: auto; } }

.jumbotron.orange a.btn:last-of-type { margin-right: 0; }

.jumbotron.orange a.btn.white { color: #FF7D47; }

.jumbotron.slider { background: none; }

.container { padding-top: 50px; padding-bottom: 50px; }

@media (min-width: 768px) { .container { padding-top: 80px; padding-bottom: 80px; } }

@media (min-width: 992px) { .container { padding-top: 120px; padding-bottom: 120px; } }

.container.content h2 { color: #0082BA; }

.container.content img { margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }

.container .jumbotron { padding: 0; }

/*
.container div.icon {

	margin-top: 30px;
	text-align: center;

	img {
		max-width: 90%;
		height: 150px;
		width: auto;
		margin-bottom: 15px;
	}

	object.svg {
		display: block;
		margin: auto;
	}

}
*/
.carousel .carousel-control { background-image: none; width: 10%; opacity: 1; }

.carousel .carousel-control .glyphicon { color: #FFF; }

.carousel .carousel-control:hover { opacity: 1; }

.carousel .carousel-control:hover .glyphicon { color: #FF7D47; }

@media (min-width: 992px) { .carousel .carousel-control { width: 3%; } }

.carousel .carousel-indicators { display: none; }

.carousel blockquote { margin-bottom: 20px; padding: 0px 70px; border-left: none; text-align: center; font-style: italic; font-size: 22px; color: #0082BA; }

.carousel blockquote p { line-height: 30px !important; }

@media (min-width: 992px) { .carousel blockquote { margin-bottom: 30px; padding: 0px 125px; font-size: 36px; text-align: left; }
  .carousel blockquote p { line-height: 48px !important; } }

.tablist.mobile .panel { border-radius: 0; border-color: #CDCDCD; -webkit-box-shadow: none; box-shadow: none; }

.tablist.mobile .panel .panel-heading { border-color: #CDCDCD; padding: 0; }

.tablist.mobile .panel .panel-heading a { display: block; background: #FFF; padding: 15px; color: #0082BA; }

.tablist.mobile .panel .panel-heading a:not(.collapsed) { background: #0082BA; color: #FFF; }

.tablist.desktop li { border: 1px solid #CDCDCD; border-bottom: none; background: #FFF; }

.tablist.desktop li:last-child { border-bottom: 1px solid #CDCDCD; }

.tablist.desktop li.active { background: #0082BA; }

.tablist.desktop li.active:after { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -15px; border-bottom: 15px solid transparent; border-top: 15px solid transparent; border-left: 15px solid #0082BA; }

.tablist.desktop li.active a { color: #FFF; }

.tablist.desktop li a { padding: 15px; }

.tablist.desktop li a:hover, .tablist.desktop li a:focus { background: none; }

.tabmenu.desktop ul { border-bottom: none; }

.tabmenu.desktop li { width: 32.66%; margin-bottom: 0; text-align: center; font-weight: 700; }

.tabmenu.desktop li:first-child { margin-right: 1%; }

.tabmenu.desktop li:last-child { margin-left: 1%; }

.tabmenu.desktop li.active { border-bottom: 4px solid #0082BA; }

.tabmenu.desktop li.active a, .tabmenu.desktop li.active a:hover, .tabmenu.desktop li.active a:focus { border: none; color: #0082BA; }

.tabmenu.desktop a { border: none; border-radius: 0; margin-right: 0; padding: 15px; background: #FFF; color: #3A5767; }

.tabmenu.desktop a:hover, .tabmenu.desktop a:focus { background: #FFF; color: #FF7D47; }

.tabmenu.desktop.grey li.active { border-bottom: none; }

.tabmenu.desktop.grey li.active a, .tabmenu.desktop.grey li.active a:hover, .tabmenu.desktop.grey li.active a:focus { background: #0082BA; color: #FFF; }

.tabmenu.desktop.grey a { background: #EAEEF1; }

.tabmenu.desktop.grey a:hover, .tabmenu.desktop.grey a:focus { background: #EAEEF1; }

.tabmenu.desktop .tab-content { padding-top: 50px; }

body.modal-open nav.navbar-fixed-top { padding-right: 17px; }

div.modal .modal-dialog { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 90%; max-height: 80%; }

div.modal .modal-content { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); border-radius: 0; padding: 3px; border: none; border-top: 5px solid #0082BA; }

@media (min-width: 1200px) { div.modal .modal-content { margin: auto; max-width: 1140px; } }

div.modal .modal-content .modal-header { padding: 0; border-bottom: none; }

div.modal .modal-content .modal-header .close { position: absolute; z-index: 10; top: -25px; right: -25px; margin: 0; float: none; opacity: 1; text-shadow: none; color: #3A5767; font-size: 40px; font-weight: 300; background: #FFF; padding-left: 12px; padding-right: 12px; line-height: 46px; border-radius: 25px; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); outline: none; }

div.modal .modal-content .modal-header .close:hover { color: #FFF; background: #FF7D47; }

div.modal .modal-content .modal-body { padding: 15px; }

div.modal.video .modal-body { padding: 0; }

div.modal.video .videoRatio { position: relative; padding-bottom: 56.25%; height: 0; }

div.modal.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 768px) { div.modal.example .modal-dialog { width: 700px; } }

div.modal.example .modal-content { border: none; margin-bottom: 30px; }

@media screen and (min-width: 768px) { div.modal.example .modal-content { padding: 15px; } }

div.modal.example .modal-content img { display: block; width: 100%; height: auto; }

div.modal.example .modal-content h3 { margin-top: 30px; font-size: 36px; font-weight: 400; }

div.modal.example .modal-content .container { padding: 0; }

.modal-backdrop { background: #CDCDCD; }

.modal-backdrop.in { opacity: .8; }

.eyecatcher { position: absolute; margin: auto; color: #FFF; cursor: pointer; width: 200px; height: 200px; border-radius: 100px; text-align: center; overflow: hidden; display: table; text-shadow: none; }

.eyecatcher > div { display: table-cell; vertical-align: middle; }

.eyecatcher > div p { font-weight: 300 !important; font-style: italic; margin-bottom: 10px !important; }

.eyecatcher.blue { background: #0082BA; }

.eyecatcher.blue:hover { background: #FF7D47; }

.eyecatcher.orange { background: #FF7D47; }

.eyecatcher.orange:hover { opacity: 0.9; }

#call-us { display: none; position: fixed; bottom: 15px; right: 15px; outline: none; z-index: 50001; width: 52px; height: 50px; border: none; background: #FF7D47; border-radius: 6px; color: #FFF; font-size: 20px; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); }

@media (min-width: 992px) { #call-us { display: block; } }

#call-us .glyphicon { margin-right: 0; }

.popover { border: none; padding: 0; }

.popover .popover-content { padding: 0; }

.popover .popover-content .title { border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 10px 20px; background: #FF7D47; color: #FFF; font-size: 16px; }

.popover .popover-content .content { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 17px 20px; font-size: 20px; font-weight: 600; }

.block > div { background: #FFF; padding-bottom: 15px; }

@media (max-width: 767px) { .block > div { margin-bottom: 15px; } }

.block > div img { width: 100%; height: auto; margin-bottom: 25px; }

.block > div h3, .block > div p { padding-left: 15px; padding-right: 15px; }

@media (max-width: 767px) { .block:last-child div { margin-bottom: 0; } }

@media (min-width: 768px) { .block.mig h3 { min-height: 156px; } }

@media (min-width: 992px) { .block.mig h3 { min-height: 104px; } }

@media (min-width: 1200px) { .block.mig h3 { min-height: 0; } }

@media (min-width: 768px) { .block.mig p { min-height: 216px; } }

@media (min-width: 992px) { .block.mig p { min-height: 168px; } }

@media (min-width: 1200px) { .block.mig p { min-height: 120px; } }

.block.business div { overflow: hidden; }

@media (min-width: 768px) { .block.business p { min-height: 120px; } }

@media (min-width: 992px) { .block.business p { min-height: 96px; } }

@media (min-width: 1200px) { .block.business p { min-height: 0; } }

.block.single { margin-bottom: 30px; }

.block.single img { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto; height: 200px; }

@media (min-width: 768px) { .block.single img { position: static; width: 100%; height: auto; -webkit-transform: none; transform: none; } }

@media (min-width: 768px) { .block.single p { min-height: 0; } }

@media (min-width: 1200px) { .en .block.mig h3 { min-height: 78px; } }

.whitepaper label { font-weight: 400; }

.whitepaper input { height: 55px; width: 100%; padding: 15px 20px; border: 1px solid #CDCDCD; }

.whitepaper input.hs-input { color: #3A5767; margin-bottom: 15px; }

.whitepaper .col-md-4 { text-align: center; }

@media (min-width: 992px) { .whitepaper .col-md-4 { text-align: left; } }

.whitepaper img { width: 100%; max-width: 320px; height: auto; }

.whitepaper .hs-error-msgs { padding: 0; list-style: none; }

.whitepaper .hs-error-msgs li { padding: 5px 10px; background: #C51430; border: 1px solid #FFF; color: #FFF; }

.whitepaper .hs-error-msgs label { margin-bottom: 0; }

.whitepaper .hs-button { margin-top: 15px; background: #FF7D47; border: none; font-weight: 400; font-size: 18px; }

.targetTable > div { margin-bottom: 15px; }

.targetTable > div:last-of-type { margin-bottom: 30px; }

.targetTable .example, .targetTable .time, .targetTable .location { padding-top: 10px; padding-bottom: 10px; background: #EAEEF1; color: #3A5767; height: 86px; }

.targetTable .example { border-right: 15px solid #3A5767; }

.targetTable .example:before { content: ''; position: absolute; z-index: 1; top: 0; left: calc(100% + 15px); border-bottom: 43px solid transparent; border-top: 43px solid transparent; border-left: 15px solid #3A5767; }

.targetTable .example:after { content: ''; position: absolute; z-index: 1; top: 0; left: 100%; border-bottom: 43px solid transparent; border-top: 43px solid transparent; border-left: 15px solid #EAEEF1; }

.targetTable .time { background: #FF7D47; color: #FFF; padding-left: 30px; }

.targetTable .time.blue { background: #0082BA; }

.targetTable .location { border-left: 15px solid #3A5767; }

.question { margin-top: 5px; }

.question:first-of-type { margin-top: 0; }

.question a { position: relative; display: block; padding: 15px 45px 15px 15px; background: #EAEEF1; color: #3A5767; }

.question a.white { background: #FFF; border: 1px solid #CDCDCD; }

.question a div { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #0082BA; }

.question a div .glyphicon { margin-right: 0; }

.question a:hover, .question a:focus, .question a:active { background: #0082BA; color: #FFF; text-decoration: none; border-color: #0082BA; }

.question a:hover div, .question a:focus div, .question a:active div { color: #FFF; }

.question a:not(.collapsed) { background: #FF7D47; border-color: #FF7D47; color: #FFF; }

.question a:not(.collapsed) div { color: #FFF; }

.question a:not(.collapsed) .glyphicon-plus { display: none; }

.question a.collapsed .glyphicon-minus { display: none; }

.answer { width: 100%; }

.answer div { padding: 15px 15px 30px 15px; background: #FFF; }

.answer div ol { margin-bottom: 0; padding-left: 15px; }

.answer div p:last-child { margin-bottom: 0; }

.panel-group { margin-bottom: 0; }

.panel-group.type-1 .panel { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; margin-bottom: 4px; }

.panel-group.type-1 .panel + .panel { margin-top: 0; }

.panel-group.type-1 .panel-heading { position: relative; padding: 0; }

.panel-group.type-1 .panel-heading a { display: block; padding: 15px; color: #3A5767; }

.panel-group.type-1 .panel-heading a .glyphicon { position: absolute; display: block; top: 19px; right: 0; }

.panel-group.type-1 .panel-heading a .glyphicon-menu-down { display: none; }

.panel-group.type-1 .panel-heading a[aria-expanded="true"] .glyphicon-menu-right { display: none; }

.panel-group.type-1 .panel-heading a[aria-expanded="true"] .glyphicon-menu-down { display: block; }

.panel-group.type-1 .panel-body { border-top: none !important; }

.panel-group.type-1 .panel-body h2 { color: #0082BA; }

.panel-group.grey .panel { background: #FFF; border: 1px solid #CDCDCD; }

.panel-group.grey .panel-heading { background: #EAEEF1; }

.panel-group.grey .panel-heading a:hover, .panel-group.grey .panel-heading a:focus { background: #FF7D47; color: #FFF; }

.panel-group.grey .panel-heading a:not(.collapsed) { background: #0082BA; color: #FFF; }

.panel-group.white .panel { background: #FFF; }

.panel-group.white .panel-heading { background: #FFF; }

.panel-group.white .panel-heading a:not(.collapsed) { background: #FF7D47; color: #FFF; }

.panel-group.white .panel-heading a:not(.collapsed).blue { background: #0082BA; }

.panel-group.white .panel-body { color: #3A5767; }

.termine .cd-container::after { position: absolute; left: 5px; bottom: -15px; font-size: 30px; content: "▼"; color: #0082BA; }

@media (min-width: 822px) { .termine .cd-container::after { left: 50%; margin-left: -15px; } }

.express_table { background-image: url("img/backgrounds/table_bg.jpg"); background-position: 80% center; color: #FFF; }

.express_table th { text-align: center; border-bottom: 2px solid #FFF !important; }

.express_table th, .express_table td { padding: 15px 5px 15px 0 !important; font-weight: 600; }

@media (min-width: 768px) { .express_table th, .express_table td { padding: 15px !important; } }

.express_table td { text-align: center; border-top: 1px solid #FFF !important; }

.express_table td:first-child { text-align: left; }

.express_table td:first-child span { border-bottom: #FF7D47 dashed 1px; cursor: pointer; }

.express_table .glyphicon { margin-right: 0; }

.express_table .glyphicon-ok { color: #FF7D47; }

.express_table .tooltip { margin-left: 20px; }

.express_table .tooltip .tooltip-inner { background-color: #FFF; padding: 15px; font-size: inherit; color: #3A5767; }

@media (min-width: 768px) { .express_table .tooltip .tooltip-inner { min-width: 300px; font-size: 16px; } }

.express_table .tooltip .tooltip-arrow { border-right: 5px solid #FFF; }

.error-404 .image { background-image: url("https://www.mobalo.com/wp-content/uploads/404.jpg"); background-position: center center; }

.error-404 .bigger { margin-bottom: 0 !important; }

@media (min-width: 992px) { .error-404 h2 { margin-bottom: 50px; } }

.error-404 main .row { margin-bottom: 30px; }

@media (min-width: 768px) { .error-404 .business h3 { min-height: 78px; } }

@media (min-width: 992px) { .error-404 .business h3 { min-height: 0; } }

@media (min-width: 768px) { .error-404 .business p { min-height: 216px; } }

@media (min-width: 992px) { .error-404 .business p { min-height: 168px; } }

@media (min-width: 1200px) { .error-404 .business p { min-height: 120px; } }

nav { margin-bottom: 0 !important; border: none !important; background: #FFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); font-weight: 400; }

nav .navbar-nav { margin: 0 -15px; }

@media (min-width: 768px) { nav .navbar-nav { float: none; margin: 0; }
  nav .navbar-nav > li { float: none; } }

@media (min-width: 992px) { nav .navbar-nav { float: left; }
  nav .navbar-nav > li { float: left; } }

nav .navbar-collapse { border-top: none; }

@media (min-width: 768px) { nav .navbar-collapse.collapse { display: none !important; } }

@media (min-width: 992px) { nav .navbar-collapse.collapse { display: block !important; } }

nav .navbar-collapse.collapse.in { display: block !important; }

nav .navbar-header { /* .lang { float: left; margin: 0; padding: 19px 0 17px; font-size: 16px; li { display: inline-block; padding-left: 5px; & + li { border-left: 1px solid $borders; } a { text-transform: uppercase; color: $darkBlue; &:hover { color: $mobaloOrange; } } &.current-lang a { font-weight: 600; color: $mobaloBlue; } } } */ }

@media (min-width: 768px) { nav .navbar-header { float: none; } }

@media (min-width: 992px) { nav .navbar-header { float: left; } }

nav .navbar-header .navbar-brand { height: 58px; padding: 17px 15px; }

@media (min-width: 992px) { nav .navbar-header .navbar-brand { padding: 14px 15px 13px; } }

nav .navbar-header .navbar-brand img { width: 120px; height: 24px; }

@media (min-width: 992px) { nav .navbar-header .navbar-brand img { width: 156px; height: 31px; } }

nav .navbar-header .wpml-ls-legacy-list-horizontal { float: left; clear: none; border: none; padding: 0; }

nav .navbar-header .wpml-ls-legacy-list-horizontal a { line-height: 20px; padding: 19px 5px; color: #3A5767; }

nav .navbar-header .wpml-ls-legacy-list-horizontal a:hover { color: #FF7D47; }

nav .navbar-header .wpml-ls-legacy-list-horizontal a span { vertical-align: baseline; }

nav .navbar-header .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { font-weight: 600; color: #0082BA; }

nav .navbar-header .wpml-ls-legacy-list-horizontal .wpml-ls-first-item { position: relative; }

nav .navbar-header .wpml-ls-legacy-list-horizontal .wpml-ls-first-item:after { content: ''; position: absolute; top: 19px; right: 0; width: 1px; height: 20px; background: #CDCDCD; }

nav .navbar-header .phone { position: absolute; right: 52px; padding: 18px 15px; background: #FF7D47; font-size: 16px; }

nav .navbar-header .phone span { margin-right: 0; color: #FFF; line-height: 1; }

nav .navbar-header .navbar-toggle { position: absolute; top: 0; right: 0; margin: 0; padding: 20px 15px; border: none; }

@media (min-width: 768px) { nav .navbar-header .navbar-toggle { display: block; } }

@media (min-width: 992px) { nav .navbar-header .navbar-toggle { display: none; } }

nav .navbar-header .navbar-toggle .icon-bar { height: 3px; background-color: #0082BA; }

nav #mainMenu { border-top: none; -webkit-box-shadow: none; box-shadow: none; }

@media (min-width: 992px) { nav #mainMenu { float: right; } }

nav #mainMenu a { text-align: center; color: #3A5767; padding: 19px 15px; line-height: 20px; }

@media (min-width: 992px) { nav #mainMenu a { padding: 19px 10px; } }

@media (min-width: 1200px) { nav #mainMenu a { padding: 19px 15px; } }

nav #mainMenu a:hover, nav #mainMenu a:focus { color: #FF7D47; background: none; }

nav #mainMenu li.current-menu-item a { font-weight: 600; background-color: transparent; color: #0082BA; }

nav #mainMenu li.current-menu-item a:hover, nav #mainMenu li.current-menu-item a:focus { color: #FF7D47; }

nav #contactMenu { text-align: center; }

@media (min-width: 992px) { nav #contactMenu { float: right; } }

nav #contactMenu a { background: #FF7D47; padding: 19px 15px; line-height: 20px; color: #FFF; }

@media (min-width: 992px) { nav #contactMenu a { padding: 19px 10px; } }

@media (min-width: 1200px) { nav #contactMenu a { padding: 19px 15px; } }

nav #contactMenu a:hover, nav #contactMenu a:focus { background: #FF7D47; }

@media screen and (min-width: 992px) { nav .login { float: right; } }

nav .login.collapse { display: none; }

nav .login.collapse.in { display: block; border-bottom: 1px solid #CDCDCD; }

nav .login a { display: block; height: 58px; padding: 18px 15px; text-align: center; color: #3A5767; }

nav .login a:hover { color: #FF7D47; }

@media screen and (min-width: 992px) { nav .login a { margin: 18px 0; padding: 0 10px; height: auto; border-left: 1px solid #CDCDCD; } }

.home { /* .home-1beta { background-image: url('https://www.mobalo.com/wp-content/uploads/hometest.jpg'); background-position: 35% 25%; .container { padding-top: 140px; padding-bottom: 30px; @media (min-width: $tablet) { padding-top: 200px; padding-bottom: 100px; } @media (min-width: $pc) { padding-top: 250px; padding-bottom: 200px; } @media (min-width: $desktop) { padding-top: 350px; } } .bigger { // margin-bottom: 0; @media (max-width: $tablet - 1) { br { display: none; } } } img { width: 100%; max-width: 375px; height: auto; } } */ }

.home article { border-bottom: 2px solid #EAEEF1; }

.home .home-1 { background-image: url("https://www.mobalo.com/wp-content/uploads/newHome-2.jpg"); background-position: right; }

@media (min-width: 500px) { .home .home-1 { background-position: center; } }

@media (min-width: 768px) { .home .home-1 { background-position: right; } }

.home .home-1 .container { padding-top: 40px; padding-bottom: 180px; }

@media (min-width: 500px) { .home .home-1 .container { padding-top: 280px; padding-bottom: 170px; } }

@media (min-width: 768px) { .home .home-1 .container { padding-top: 50px; padding-bottom: 160px; } }

@media (min-width: 992px) { .home .home-1 .container { padding-top: 90px; padding-bottom: 200px; } }

@media (min-width: 1600px) { .home .home-1 .container { padding-top: 170px; padding-bottom: 200px; } }

@media (max-width: 767px) { .home .home-1 .bigger br { display: none; } }

.home .home-1 img { width: 100%; max-width: 375px; height: auto; }

.home .coverMenu { position: relative; padding-top: 0; padding-bottom: 0; }

@media screen and (min-width: 992px) { .home .coverMenu .row { position: absolute; top: -71px; height: 71px; width: 100%; } }

.home .coverMenu .tabLink { cursor: pointer; padding-left: 0; padding-right: 0; border-top: 2px solid #FFF; }

@media screen and (min-width: 768px) { .home .coverMenu .tabLink { padding-left: 15px; padding-right: 15px; } }

@media (min-width: 992px) { .home .coverMenu .tabLink { border-top: none; } }

.home .coverMenu .tabLink a { display: block; padding: 15px; text-align: center; background: #0082BA; font-size: 22px; font-weight: 300; color: #FFF; }

@media (min-width: 992px) { .home .coverMenu .tabLink a { padding: 20px 15px; } }

.home .coverMenu .tabLink a:hover { background: #FF7D47; }

.home .lineBlock { margin-top: 20px; }

.home .lineBlock:before { display: block; height: 6px; content: ''; border-top: 6px solid #0082BA; }

.home .lineBlock > div { border-top: 1px solid #FFF; overflow: hidden; padding-top: 30px; padding-bottom: 40px; background: #FFF; text-align: center; }

.home .lineBlock > div h3 { min-height: 104px; }

.home .lineBlock > div.event h3 { color: #FFF; }

@media (min-width: 992px) { .home .lineBlock > div.event p { min-height: 96px; } }

@media (min-width: 1200px) { .home .lineBlock > div.event p { min-height: 72px; } }

.home .lineBlock > div .eventBadge { position: absolute; top: -47px; left: -50px; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); padding: 65px 150px 5px 50px; background: #FF7D47; font-weight: 600; color: #FFF; }

.home .lineBlock > div img { width: 100%; margin-bottom: 20px; }

@media screen and (min-width: 992px) { .home .lineBlock > div img { height: 160px; } }

@media screen and (min-width: 1200px) { .home .lineBlock > div img { height: 201px; } }

.home .lineBlock > div .eventImage { position: relative; margin-bottom: 20px; }

@media (min-width: 992px) { .home .lineBlock > div .eventImage { height: 176px; } }

@media screen and (min-width: 1200px) { .home .lineBlock > div .eventImage { height: 221px; } }

.home .lineBlock > div .eventImage img { margin-bottom: 0; width: 100%; height: auto; }

.home .lineBlock > div .eventDate { font-size: 20px; font-weight: 600; }

.home .home_2 .container { position: relative; overflow: hidden; padding-bottom: 0; }

@media (min-width: 992px) { .home .home_2 .container { padding-top: 80px; padding-bottom: 80px; } }

.home .home_2 .tablet { position: static; }

@media (min-width: 992px) { .home .home_2 .tablet.col-md-pull-6 { margin-right: 50%; } }

.home .home_2 .tablet img { position: relative; bottom: -40px; width: 100%; height: auto; margin: auto; }

@media (min-width: 768px) { .home .home_2 .tablet img { bottom: -90px; } }

@media (min-width: 992px) { .home .home_2 .tablet img { position: absolute; top: 80px; bottom: auto; width: calc(50% - 30px); /* IE 9 */ -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */ transform: rotate(-4deg); } }

@media (min-width: 1200px) { .home .home_2 .tablet img { top: 60px; } }

.home .home_2 .logoswitch { position: relative; margin-bottom: 20px; height: 51px; }

.home .home_2 .logoswitch img { position: absolute; height: 51px; width: auto; }

.home .home_2 .logoswitch img.b4p { -webkit-animation: fade1 10s infinite; animation: fade1 10s infinite; }

.home .home_2 .logoswitch img.microm { -webkit-animation: fade2 10s infinite; animation: fade2 10s infinite; }

.home .home_2 .logoswitch img.sinus { -webkit-animation: fade3 10s infinite; animation: fade3 10s infinite; }

.home .lineBlock ~ .hungryfeed_items .lineBlock:nth-child(3) { display: none; }

@media (min-width: 768px) { .home .home-8 h2 { margin-bottom: 50px; } }

@media (min-width: 768px) { .home .home-9 h2 { margin-bottom: 50px; } }

.home .home-10 .checkmarks { width: 280px; margin: 15px auto 0; text-align: left; }

@media (min-width: 768px) { .home .home-10 .checkmarks { width: 450px; } }

@media (min-width: 992px) { .home .home-10 .checkmarks { width: auto; margin: 0; } }

@media (min-width: 992px) { .home .home-10 .col-md-6 { text-align: left; } }

.home .home-11 { background-image: url("/wp-content/uploads/whitelabel.jpg"); background-position: 30% center; }

@media (min-width: 768px) { .home .home-11 { text-align: right; } }

@media (min-width: 992px) { .home .home-11 { background-position: center; text-align: left; } }

.home .home-11 .container { padding-top: 350px; }

@media (min-width: 992px) { .home .home-11 .container { padding-top: 120px; } }

.home .home_3 img { margin-top: 20px; }

@media screen and (min-width: 992px) { .home .home_3 img { margin-top: 190px; } }

@media screen and (min-width: 1200px) { .home .home_3 img { margin-top: 50px; } }

.home .home_4 { background-image: url("img/backgrounds/mobile_marketing_2.jpg"); background-position: 20% center; }

.home .home_4 div.container { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); padding-top: 250px; padding-bottom: 30px; text-align: center; }

@media screen and (min-width: 768px) { .home .home_4 { background-position: 40% center; }
  .home .home_4 div.container { background: none; padding-top: 150px; padding-bottom: 200px; text-align: left; } }

@media screen and (min-width: 992px) { .home .home_4 { background-position: center center; } }

.home .home_5 img { display: block; margin: auto; margin-bottom: 20px; height: auto; }

@media screen and (min-width: 768px) { .home .home_5 img { width: 60%; } }

@media screen and (min-width: 992px) { .home .home_5 img { margin-bottom: 0; width: 90%; } }

@media screen and (min-width: 1200px) { .home .home_5 img { width: 80%; } }

.home .home_6 { padding-bottom: 0; }

@media (min-width: 992px) { .home .home_6 { padding-bottom: 120px; } }

.home .home_6 .centered { margin-bottom: 0; }

.home .home_6 .handy { margin-top: 30px; }

@media screen and (min-width: 768px) { .home .home_6 .handy { width: 70%; } }

@media screen and (min-width: 992px) { .home .home_6 .handy { margin-top: 70px; width: 90%; } }

@media screen and (min-width: 1200px) { .home .home_6 .handy { margin-top: 0; width: 75%; } }

.home .home_6 #werbung { left: 0; right: 0; bottom: -55px; z-index: 1; }

@media screen and (min-width: 768px) { .home .home_6 #werbung { left: auto; right: 85px; bottom: 100px; } }

@media screen and (min-width: 992px) { .home .home_6 #werbung { right: 0; } }

@media screen and (min-width: 1200px) { .home .home_6 #werbung { right: 50px; } }

.home .home_7 { background-image: url("img/backgrounds/mobile_marketing_3.jpg"); background-position: 60% center; margin-bottom: 132px; }

@media screen and (min-width: 768px) { .home .home_7 { margin-bottom: 142px; } }

@media screen and (min-width: 992px) { .home .home_7 { margin-bottom: 0; } }

.home .home_7 div.container { padding-top: 170px; padding-bottom: 175px; }

@media screen and (min-width: 768px) { .home .home_7 div.container { padding-bottom: 280px; } }

@media screen and (min-width: 992px) { .home .home_7 div.container { padding-bottom: 390px; } }

.home .home_7 div.buttons { position: absolute; top: 100%; left: 0; width: 100%; padding-left: 0; padding-right: 0; }

.home .home_7 div.buttons a.btn { border-top: 2px solid #FFF; }

@media screen and (min-width: 768px) { .home .home_7 div.buttons a.btn { margin-top: 0; width: 100%; } }

@media screen and (min-width: 992px) { .home .home_7 div.buttons { position: static; margin-top: 10px; padding-left: 15px; padding-right: 15px; }
  .home .home_7 div.buttons a.btn { margin-top: 20px; margin-right: 20px; width: auto; border-top: none; } }

.animation_container { width: 100%; height: auto; margin-bottom: 30px; }

@media (min-width: 992px) { .animation_container { margin-bottom: 0; } }

.animation_container canvas { position: absolute; display: block; }

@media (min-width: 992px) { .direct .padded, .premium-targets .padded { padding-left: 35px; } }

.mig .mig-1 { background-image: url("https://www.mobalo.com/wp-content/uploads/header.jpg"); background-position: center center; }

.mig .mig-1 .container { padding-bottom: 0; }

@media (min-width: 1200px) { .mig .mig-1 .container { padding-top: 100px; padding-bottom: 80px; } }

@media (min-width: 1200px) { .mig .mig-1 .col-md-6 { padding-top: 20px; } }

.mig .mig-1 .lupenBlock { position: relative; padding-top: 0; height: 280px; }

@media (min-width: 450px) { .mig .mig-1 .lupenBlock { height: 400px; } }

@media (min-width: 992px) { .mig .mig-1 .lupenBlock { height: 508px; } }

@media (min-width: 1200px) { .mig .mig-1 .lupenBlock { height: 455px; } }

.mig .mig-1 .lupenBlock .lupe { position: relative; margin-top: 0; }

@media (min-width: 768px) { .mig .mig-1 .lupenBlock .lupe { margin-top: 100px; -webkit-animation: moveUp2 3s ease-in 1 forwards; animation: moveUp2 3s ease-in 1 forwards; } }

@-webkit-keyframes moveUp2 { from { margin-top: 100px; }
  to { margin-top: 0; } }

@keyframes moveUp2 { from { margin-top: 100px; }
  to { margin-top: 0; } }

@-webkit-keyframes moveUpReversePC { from { bottom: 0; }
  to { bottom: -60%; } }

@keyframes moveUpReversePC { from { bottom: 0; }
  to { bottom: -60%; } }

@-webkit-keyframes moveUpReverseDesktop { from { bottom: 0; }
  to { bottom: -45%; } }

@keyframes moveUpReverseDesktop { from { bottom: 0; }
  to { bottom: -45%; } }

.mig .mig-1 .lupenBlock .lupe > img { position: relative; z-index: 2; display: block; max-width: 100%; height: auto; margin: auto; }

.mig .mig-1 .lupenBlock .lupe .bg { position: absolute; z-index: 1; top: 10px; left: 0; right: 0; width: 60%; height: 67.5%; max-width: 325px; max-height: 325px; margin: auto; overflow: hidden; border-radius: 50%; }

@media (min-width: 992px) { .mig .mig-1 .lupenBlock .lupe .bg { width: 275px; height: 275px; } }

@media (min-width: 1200px) { .mig .mig-1 .lupenBlock .lupe .bg { width: 325px; height: 325px; } }

.mig .mig-1 .lupenBlock .lupe .bg img { position: absolute; width: 350%; height: auto; bottom: 0; }

@media (min-width: 450px) { .mig .mig-1 .lupenBlock .lupe .bg img { width: 270%; } }

@media (min-width: 768px) { .mig .mig-1 .lupenBlock .lupe .bg img { width: 200%; -webkit-animation: moveUpReverseDesktop 3s ease-in 1 forwards; animation: moveUpReverseDesktop 3s ease-in 1 forwards; } }

@media (min-width: 992px) { .mig .mig-1 .lupenBlock .lupe .bg img { width: 180%; } }

@media (min-width: 1200px) { .mig .mig-1 .lupenBlock .lupe .bg img { width: 150%; } }

@media (min-width: 992px) { .mig .mig-1 p { margin-bottom: 0; } }

.mig .mig-3 h2 { margin-bottom: 50px; }

@media (max-width: 991px) { .mig .mig-3 h2 br { display: none; } }

.mig .mig-3 p.bigger { font-size: 30px; margin-top: 30px; margin-bottom: 30px; font-weight: 400; }

@media (min-width: 768px) { .mig .mig-3 p.bigger { font-size: 40px; } }

.mig .mig-3 #premium { margin-bottom: 15px; }

.mig .mig-3 #direct { margin-bottom: 15px; }

.mig .mig-5 #benefits { margin-bottom: 15px; }

.mig .mig-5 img { display: block; }

.mig footer { border-top: 2px solid #EAEEF1; }

.technology .technology-1 { background-image: url("/wp-content/uploads/technologie_2.jpg"); background-position: bottom center; overflow: hidden; }

.technology .technology-1 .note { position: absolute; right: 30px; bottom: 20px; }

@media (min-width: 1200px) { .technology .technology-1 .container { padding-top: 200px; padding-bottom: 200px; } }

.technology .technology-1 .layers { min-height: 240px; }

@media (min-width: 768px) { .technology .technology-1 .layers { min-height: 385px; } }

@-webkit-keyframes fallDown { from { top: -700px; }
  to { top: 0; } }

@keyframes fallDown { from { top: -700px; }
  to { top: 0; } }

.technology .technology-1 img { position: absolute; top: -700px; left: 0; right: 0; margin: auto; max-width: 280px; height: auto; }

@media (min-width: 768px) { .technology .technology-1 img { max-width: 450px; } }

@media (min-width: 992px) { .technology .technology-1 img { max-width: calc(100% - 30px); } }

@media (min-width: 1200px) { .technology .technology-1 img { margin-top: -50px; } }

.technology .technology-1 img.blue { -webkit-animation: fallDown 0.3s 0.5s ease-out 1 forwards; animation: fallDown 0.3s 0.5s ease-out 1 forwards; }

.technology .technology-1 img.green { -webkit-animation: fallDown 0.5s 0.5s ease-out 1 forwards; animation: fallDown 0.5s 0.5s ease-out 1 forwards; }

.technology .technology-1 img.red { -webkit-animation: fallDown 0.7s 0.5s ease-out 1 forwards; animation: fallDown 0.7s 0.5s ease-out 1 forwards; }

@media (min-width: 1200px) { .technology .technology-2 .bridge { margin-top: -160px; } }

.technology .technology-3 { background-image: url("/wp-content/uploads/header.jpg"); background-position: center center; }

.technology .technology-3 .lupenBlock { display: none; position: relative; overflow: hidden; margin-top: 40px; }

@media (min-width: 450px) { .technology .technology-3 .lupenBlock { display: block; } }

@media (min-width: 992px) { .technology .technology-3 .lupenBlock { margin-top: 0; min-height: 636px; } }

@media (min-width: 1200px) { .technology .technology-3 .lupenBlock { min-height: 588px; } }

.technology .technology-3 .lupenBlock .lupe { position: relative; }

@media (min-width: 992px) { .technology .technology-3 .lupenBlock .lupe { top: 100px; -webkit-animation: moveUp 15s infinite alternate ease-in-out; animation: moveUp 15s infinite alternate ease-in-out; } }

@-webkit-keyframes moveUp { 0% { top: 100px; }
  25% { top: 100px; }
  75% { top: 0; }
  100% { top: 0; } }

@keyframes moveUp { 0% { top: 100px; }
  25% { top: 100px; }
  75% { top: 0; }
  100% { top: 0; } }

@-webkit-keyframes moveUpReverse { 0% { bottom: 0; }
  25% { bottom: 0; }
  75% { bottom: -60%; }
  100% { bottom: -60%; } }

@keyframes moveUpReverse { 0% { bottom: 0; }
  25% { bottom: 0; }
  75% { bottom: -60%; }
  100% { bottom: -60%; } }

.technology .technology-3 .lupenBlock .lupe > img { position: relative; z-index: 2; display: block; max-width: 100%; height: auto; margin: auto; }

.technology .technology-3 .lupenBlock .lupe .bg { position: absolute; z-index: 1; top: 7px; left: 0; right: 0; width: 60%; height: 67.5%; max-width: 325px; max-height: 325px; margin: auto; overflow: hidden; border-radius: 50%; }

@media (min-width: 450px) { .technology .technology-3 .lupenBlock .lupe .bg { top: 10px; } }

@media (min-width: 992px) { .technology .technology-3 .lupenBlock .lupe .bg { width: 275px; height: 275px; } }

@media (min-width: 1200px) { .technology .technology-3 .lupenBlock .lupe .bg { width: 325px; height: 325px; } }

.technology .technology-3 .lupenBlock .lupe .bg img { position: absolute; width: 350%; height: auto; bottom: 0; }

@media (min-width: 450px) { .technology .technology-3 .lupenBlock .lupe .bg img { width: 300%; } }

@media (min-width: 768px) { .technology .technology-3 .lupenBlock .lupe .bg img { width: 240%; } }

@media (min-width: 992px) { .technology .technology-3 .lupenBlock .lupe .bg img { -webkit-animation: moveUpReverse 15s infinite alternate ease-in-out; animation: moveUpReverse 15s infinite alternate ease-in-out; } }

@media (min-width: 1200px) { .technology .technology-3 .lupenBlock .lupe .bg img { width: 200%; } }

@media (min-width: 992px) { .technology .mig-5 img { margin-top: -60px; width: auto; max-width: 100%; max-height: 450px; } }

.direct article { border-bottom: 2px solid #EAEEF1; }

@media (max-width: 767px) { .direct .direct-1 h1 br { display: none; } }

.direct .direct-1 .columns { margin-bottom: 30px; }

@media (min-width: 768px) { .direct .direct-1 .columns { margin-bottom: 50px; } }

.direct .direct-1 .columns a { text-decoration: underline; font-weight: 700; color: #FFF; }

.direct .direct-1 .targetTable > div:last-of-type { margin-bottom: 0; }

.direct .direct-2 .image { background-image: url(../../uploads/direct.jpg); background-position: right center; }

@media (min-width: 1200px) { .direct .direct-2 .image .container { padding-top: 170px; padding-bottom: 170px; } }

@media (min-width: 992px) { .direct .direct-2 h2 { font-size: 48px; } }

@media (max-width: 991px) { .direct .direct-2 img { margin-bottom: 15px; } }

.direct .direct-2 .bruecke { margin-top: -220px; }

@media (min-width: 1200px) { .direct .direct-2 .bruecke { margin-top: -260px; } }

.direct .direct-2 .bigger { margin-bottom: 15px; }

.direct .direct-3 .panel-body { padding-bottom: 0; }

.direct .direct-3 .panel-body .preview { position: relative; height: 250px; overflow: hidden; }

.direct .direct-3 .panel-body .preview .phone { display: block; margin: auto; max-width: 100%; height: auto; }

.direct .direct-3 .panel-body .preview .ad { position: absolute; }

@media (max-width: 464px) { .direct .direct-3 .panel-body .preview .ad { top: 50px; left: 8.4%; width: 83.7%; height: auto; } }

@media (min-width: 465px) { .direct .direct-3 .panel-body .preview .ad { top: 78px; left: 50%; width: auto; margin-left: -159px; } }

.direct .direct-3 .tab-content { display: none; }

@media (min-width: 768px) { .direct .direct-3 .tab-content { display: block; min-height: 320px; padding-top: 50px; }
  .direct .direct-3 .tab-content .tab-pane p { width: 32.66%; }
  .direct .direct-3 .tab-content .tab-pane .heatmap { display: none; } }

@media (min-width: 768px) and (min-width: 992px) { .direct .direct-3 .tab-content .tab-pane .heatmap { display: block; position: absolute; z-index: 1; left: 28%; width: 45%; height: auto; bottom: -100px; } }

@media (min-width: 768px) and (min-width: 1200px) { .direct .direct-3 .tab-content .tab-pane .heatmap { bottom: -150px; } }

@media (min-width: 768px) { .direct .direct-3 .tab-content .tab-pane .phone { position: absolute; z-index: 2; right: 15px; bottom: -140px; }
  .direct .direct-3 .tab-content .tab-pane .ad { position: absolute; z-index: 3; right: 45px; bottom: 235px; } }

.direct .direct-4 .col-md-6 { margin-top: 30px; }

.direct .direct-4 img { margin-bottom: 20px; }

.direct .direct-4 h3 { font-weight: 700; }

.premium article { border-bottom: 2px solid #EAEEF1; }

.premium .premium-1 .columns { margin-bottom: 30px; }

@media (min-width: 768px) { .premium .premium-1 .columns { margin-bottom: 50px; } }

.premium .premium-1 .disabled { opacity: 0.8; cursor: not-allowed; }

.premium .premium-1 .disabled a { pointer-events: none; }

.premium .premium-2 > .container { margin-top: -62px; padding-top: 0; padding-bottom: 0; }

@media (min-width: 992px) { .premium .premium-2 h2 { font-size: 48px; } }

.premium .premium-2 .nav { border-bottom: none; }

.premium .premium-2 .nav li { width: 25%; padding-left: 15px; padding-right: 15px; margin-top: 10px; margin-bottom: 0; -webkit-transition: margin-top 0.3s; transition: margin-top 0.3s; }

.premium .premium-2 .nav li a { margin-right: 0; padding: 15px; border: none; border-radius: 0; background: #FFF; text-align: center; -webkit-transition: padding 0.3s, background 0.3s; transition: padding 0.3s, background 0.3s; color: #3A5767; }

.premium .premium-2 .nav li.active { margin-top: 0; }

.premium .premium-2 .nav li.active a { padding: 20px 15px; background: #FF7D47; color: #FFF; }

.premium .premium-2 .nav li.active.blue a { background: #0082BA; }

.premium .premium-2 .nav li:not(.active):hover { margin-top: 0; }

.premium .premium-2 .nav li:not(.active):hover a { padding: 20px 15px; color: #3A5767; }

.premium .premium-2 .tab-pane { border-top: 4px solid #FF7D47; }

.premium .premium-2 .tab-pane#bruecke-4 { border-color: #0082BA; }

@media (min-width: 1200px) { .premium .premium-2 .tab-pane .image .container { padding-top: 170px; padding-bottom: 170px; } }

.premium .premium-2 #bruecke-1 .image { background-image: url(../../uploads/premium_1.jpg); background-position: right top; }

.premium .premium-2 #bruecke-2 .image { background-image: url(../../uploads/premium_2.jpg); background-position: right center; }

.premium .premium-2 #bruecke-3 .image { background-image: url(../../uploads/premium_3.jpg); background-position: right center; }

.premium .premium-2 #bruecke-4 .image { background-image: url(../../uploads/premium_4.jpg); background-position: right bottom; }

.premium .premium-2 .bruecke { margin-top: -220px; }

@media (min-width: 1200px) { .premium .premium-2 .bruecke { margin-top: -260px; } }

.premium .premium-2 .bigger { margin-bottom: 15px; }

.premium .premium-3 .col-md-6 { margin-top: 30px; }

.premium .premium-3 img { margin-bottom: 20px; }

.premium .premium-3 h3 { font-weight: 700; }

.premium .premium-4 img { float: left; width: 60px; margin-right: 20px; }

.geo-targeting img { display: block; margin: auto; max-width: 100%; height: auto; }

.geo-targeting .targeting-1 { background-image: url("/wp-content/uploads/geo-targeting.jpg"); background-position: center center; overflow-x: hidden; }

.geo-targeting .targeting-1 .container { position: relative; padding-bottom: 0; }

@media (min-width: 992px) { .geo-targeting .targeting-1 .container { padding-top: 0; } }

@media (min-width: 992px) { .geo-targeting .targeting-1 .container .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.geo-targeting .targeting-1 .container .row > div:first-child { margin-bottom: 75px; }

@media (min-width: 992px) { .geo-targeting .targeting-1 .container .row > div:first-child { text-align: left; } }

.geo-targeting .targeting-1 .container h1 { margin-top: 0; margin-bottom: 10px; }

@media (min-width: 768px) { .geo-targeting .targeting-1 .container h1 { margin-bottom: 25px; } }

@media (min-width: 992px) { .geo-targeting .targeting-1 .container h1 { margin-top: -30px; } }

@media (min-width: 992px) { .geo-targeting .targeting-1 .container img { margin-top: -40px; } }

.geo-targeting .targeting-2 .mapVisual { margin-bottom: 30px; }

@media (min-width: 992px) { .geo-targeting .targeting-2 .mapVisual { margin-bottom: 0; } }

.geo-targeting .targeting-3 .tablist h3 { margin-top: 20px; margin-bottom: 15px; }

.geo-targeting .targeting-3 .tablist li a { padding: 25px 15px; }

.geo-targeting .targeting-3 .tablist li:last-child a { padding-bottom: 20px; }

.geo-targeting .targeting-3 .tablist .tab-pane { background: #FFF; padding: 15px; text-align: center; }

@media (min-width: 992px) { .geo-targeting .targeting-3 .tablist .tab-pane p { min-height: 109px; } }

@media (min-width: 1200px) { .geo-targeting .targeting-3 .tablist .tab-pane p { min-height: 53px; } }

.geo-targeting .targeting-4 img { width: 100%; margin-bottom: 30px; }

@media (min-width: 768px) { .geo-targeting .targeting-4 img { margin-bottom: 0; border: 15px solid #FFF; } }

.geo-targeting .targeting-4 .row + .row { margin-top: 30px; }

.geo-targeting .targeting-5 { padding-bottom: 0; }

.geo-targeting .targeting-5 .phone { position: relative; margin-top: 30px; }

@media (min-width: 992px) { .geo-targeting .targeting-5 .phone { margin-top: 0; } }

.geo-targeting .targeting-5 .phone img { position: relative; z-index: 2; }

.geo-targeting .targeting-5 .carousel { position: absolute; width: 73.5%; left: 8.7%; z-index: 1; bottom: 0; }

@media (min-width: 458px) { .geo-targeting .targeting-5 .carousel { width: 410px; left: 0; right: 0; margin: auto; padding-left: 36px; padding-right: 74px; } }

@media (min-width: 768px) { .geo-targeting .targeting-5 .carousel { left: 191px; right: auto; padding: 0; width: auto; } }

@media (min-width: 992px) { .geo-targeting .targeting-5 .carousel { left: 58px; } }

@media (min-width: 1200px) { .geo-targeting .targeting-5 .carousel { left: 108px; } }

.geo-targeting .targeting-5 .carousel .carousel-control { display: none; }

.geo-targeting .targeting-5 .carousel .item img { width: 300px; height: 74.38%; }

.geo-targeting .geo-conquesting .image, .geo-targeting .geo-addresses .image, .geo-targeting .postcode-targeting .image, .geo-targeting .poi-targeting .image, .geo-targeting .pos-targeting .image, .geo-targeting .ooh-enhancer .image, .geo-targeting .typology-targeting .image { background-image: url("/wp-content/uploads/targeting-products.jpg"); background-position: center center; }

.geo-targeting .geo-conquesting .image .container, .geo-targeting .geo-addresses .image .container, .geo-targeting .postcode-targeting .image .container, .geo-targeting .poi-targeting .image .container, .geo-targeting .pos-targeting .image .container, .geo-targeting .ooh-enhancer .image .container, .geo-targeting .typology-targeting .image .container { padding-top: 100px; padding-bottom: 100px; }

@media (min-width: 992px) { .geo-targeting .geo-conquesting .image .container, .geo-targeting .geo-addresses .image .container, .geo-targeting .postcode-targeting .image .container, .geo-targeting .poi-targeting .image .container, .geo-targeting .pos-targeting .image .container, .geo-targeting .ooh-enhancer .image .container, .geo-targeting .typology-targeting .image .container { padding-top: 150px; padding-bottom: 150px; } }

@media (min-width: 1200px) { .geo-targeting .geo-conquesting .image .container, .geo-targeting .geo-addresses .image .container, .geo-targeting .postcode-targeting .image .container, .geo-targeting .poi-targeting .image .container, .geo-targeting .pos-targeting .image .container, .geo-targeting .ooh-enhancer .image .container, .geo-targeting .typology-targeting .image .container { padding-top: 200px; padding-bottom: 200px; } }

.geo-targeting .geo-conquesting .image { background-image: url("/wp-content/uploads/geo-conquesting.jpg"); }

.geo-targeting .geo-addresses .image { background-image: url("/wp-content/uploads/geo-addresses.jpg"); background-position: bottom; }

.geo-targeting .typology-targeting .image { background-image: url("/wp-content/uploads/typology-targeting.jpg"); }

.geo-targeting .postcode-targeting .image { background-image: url("/wp-content/uploads/postcode-targeting.jpg"); }

.geo-targeting .pos-targeting .image { background-image: url("/wp-content/uploads/pos-targeting.jpg"); background-position: left; }

.geo-targeting .poi-targeting .image { background-image: url("/wp-content/uploads/poi-targeting-v2.jpg"); }

.geo-targeting .ooh-enhancer .image { background-image: url("/wp-content/uploads/ooh-enhancer.jpg"); }

.geo-targeting .usecases .row { margin-bottom: 60px; }

.geo-targeting .usecases .row:last-child { margin-bottom: 0; }

.geo-targeting .usecases img { width: 100%; }

.geo-targeting .usecases .quote { font-weight: 600; font-style: italic; }

.geo-targeting .typology-2 .tabmenu.mobile .panel-body { padding-bottom: 0; }

.geo-targeting .typology-2 .tabmenu.mobile .preview { position: relative; height: 250px; overflow: hidden; }

.geo-targeting .typology-2 .tabmenu.mobile .preview .phone { display: block; margin: auto; max-width: 100%; height: auto; }

.geo-targeting .typology-2 .tabmenu.mobile .preview .ad { position: absolute; }

@media (max-width: 464px) { .geo-targeting .typology-2 .tabmenu.mobile .preview .ad { top: 50px; left: 8.4%; width: 83.7%; height: auto; } }

@media (min-width: 465px) { .geo-targeting .typology-2 .tabmenu.mobile .preview .ad { top: 78px; left: 50%; width: auto; margin-left: -159px; } }

.geo-targeting .typology-2 .tabmenu.desktop .tab-content { min-height: 320px; }

.geo-targeting .typology-2 .tabmenu.desktop .tab-content p { width: 32.66%; }

.geo-targeting .typology-2 .tabmenu.desktop .tab-content .heatmap { display: block; position: absolute; z-index: 1; left: 28%; width: 45%; height: auto; bottom: -100px; }

@media (min-width: 1200px) { .geo-targeting .typology-2 .tabmenu.desktop .tab-content .heatmap { bottom: -150px; } }

.geo-targeting .typology-2 .tabmenu.desktop .tab-content .phone { position: absolute; z-index: 2; right: 15px; bottom: -140px; }

.geo-targeting .typology-2 .tabmenu.desktop .tab-content .ad { position: absolute; z-index: 3; right: 45px; bottom: 235px; }

.geo-targeting .typology-3 .container { text-align: center; }

@media (min-width: 768px) { .geo-targeting .typology-3 .container { background: url("/wp-content/uploads/dot.svg") repeat-y; background-size: 12px; background-position: calc(12.5% - 6px); text-align: left; } }

.geo-targeting .typology-3 .icon { position: relative; width: 158px; height: 158px; margin: auto; background: #FFF; border-radius: 50%; margin-bottom: 30px; }

@media (min-width: 768px) { .geo-targeting .typology-3 .icon { margin-bottom: 0; } }

.geo-targeting .typology-3 .icon img { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.geo-targeting .pretargeting-1, .geo-targeting .retargeting-1 { background-image: url("/wp-content/uploads/targeting-products.jpg"); background-position: center center; }

@media (min-width: 1200px) { .geo-targeting .pretargeting-3 .container, .geo-targeting .retargeting-3 .container { padding-top: 170px; padding-bottom: 170px; } }

.geo-targeting .pretargeting-3 { background-image: url("/wp-content/uploads/premium_1.jpg"); background-position: right top; }

.geo-targeting .retargeting-3 { background-image: url("/wp-content/uploads/premium_3.jpg"); background-position: right center; }

@media (min-width: 992px) { .geo-targeting .pretargeting-4 .bruecke, .geo-targeting .retargeting-4 .bruecke { margin-top: -220px; } }

@media (min-width: 1200px) { .geo-targeting .pretargeting-4 .bruecke, .geo-targeting .retargeting-4 .bruecke { margin-top: -260px; } }

.geo-targeting .pretargeting-4 .bigger, .geo-targeting .retargeting-4 .bigger { margin-bottom: 15px; }

.research img { display: block; margin: auto; max-width: 100%; height: auto; }

.research .research-1 { background-image: url("/wp-content/uploads/geolytics.jpg"); }

.research .research-1 .btn { margin-top: 0; }

.research .research-2 .checkmarks { width: 280px; margin: 15px auto 0; text-align: left; }

@media (min-width: 768px) { .research .research-2 .checkmarks { width: 450px; } }

@media (min-width: 992px) { .research .research-2 .checkmarks { width: auto; margin: 0; } }

@media (min-width: 1200px) { .research .research-2 .checkmarks { margin-top: 15px; } }

@media (min-width: 992px) { .research .research-2 .col-md-6 { text-align: left; } }

.research .research-3 .tablist h3 { margin-top: 20px; margin-bottom: 15px; }

.research .research-3 .tablist li a { padding: 25px 15px; }

.research .research-3 .tablist .tab-pane { background: #FFF; padding: 15px; text-align: center; }

@media (min-width: 992px) { .research .research-3 .tablist .tab-pane p { min-height: 72px; } }

.research .research-4 img { width: 100%; margin-bottom: 30px; }

@media (min-width: 768px) { .research .research-4 img { margin-bottom: 0; border: 15px solid #FFF; } }

.research .research-4 .row + .row { margin-top: 30px; }

.research .real-estate-1 { background-image: url("/wp-content/uploads/real-estate-targeting.jpg"); background-position: right; }

.research .real-estate-1 .container { padding-top: 100px; padding-bottom: 100px; }

@media (min-width: 992px) { .research .real-estate-1 .container { padding-top: 150px; padding-bottom: 150px; } }

@media (min-width: 1200px) { .research .real-estate-1 .container { padding-top: 200px; padding-bottom: 200px; } }

.business .business-1 { background-image: url("/wp-content/themes/mobalo/img/backgrounds/mobalo_premium_1.jpg"); background-position: center 60%; }

.business .business-1 .bigger { margin-bottom: 0; }

.reseller article { border-bottom: 2px solid #EAEEF1; }

@media (min-width: 992px) { .reseller .image h1, .reseller .image h2 { font-size: 48px; } }

.reseller .image h1 { margin-bottom: 66px; }

@media (min-width: 768px) { .reseller .image h1 { margin-bottom: 78px; } }

.reseller .reseller-1 { background-image: url("https://www.mobalo.com/wp-content/uploads/reseller_1.jpg"); background-position: left center; overflow: hidden; }

.reseller .reseller-7 .container { padding: 10px 15px; }

.reseller .reseller-7 p { margin-bottom: 0; }

.reseller .reseller-2 { /* .special { color: $mobaloBlue; } */ }

.reseller .reseller-2 .col-sm-4 { margin-bottom: 30px; }

@media (min-width: 768px) { .reseller .reseller-2 .col-sm-4 { margin-bottom: 0; } }

.reseller .reseller-2 img { max-width: 100px; }

.reseller .reseller-3 .bigger { margin-bottom: 50px; }

.reseller .reseller-3 .panel-group { margin-bottom: 0; }

.reseller .reseller-3 .panel-group .panel { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }

.reseller .reseller-3 .panel-group .panel .panel-heading { color: #0082BA; border-color: #CDCDCD; background: #FFF; padding: 0; }

.reseller .reseller-3 .panel-group .panel .panel-heading a { display: block; padding: 10px 15px; }

.reseller .reseller-3 .panel-group .panel .panel-heading a:not(.collapsed) { background: #0082BA; color: #FFF; }

.reseller .reseller-3 .panel-group .panel-default { border-color: #CDCDCD; }

.reseller .reseller-3 .panel-group .panel-title { font-weight: 600; }

.reseller .reseller-3 li { border-top: 1px solid #CDCDCD; }

.reseller .reseller-3 li:last-child { border-bottom: 1px solid #CDCDCD; }

.reseller .reseller-3 li.active { background: #0082BA; }

.reseller .reseller-3 li.active:after { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -15px; border-bottom: 15px solid transparent; border-top: 15px solid transparent; border-left: 15px solid #0082BA; }

.reseller .reseller-3 li.active a { color: #FFF; }

.reseller .reseller-3 li a { padding: 15px; }

.reseller .reseller-3 li a:hover, .reseller .reseller-3 li a:focus { background: none; }

.reseller .reseller-3 img { width: 100%; height: auto; }

.reseller .reseller-4 .bigger { margin-bottom: 50px; }

.reseller .reseller-4 img { width: 80%; }

.reseller .reseller-4 p { margin-top: 30px; }

@media (min-width: 768px) { .reseller .reseller-4 p { line-height: 30px; } }

.reseller .reseller-5 { background-image: url("https://www.mobalo.com/wp-content/uploads/reseller_2.jpg"); background-position: center center; }

.reseller div.clients { border-bottom: 2px solid #EAEEF1; width: auto; }

.reseller div.clients img { display: inline-block; vertical-align: middle; margin: 10px 18px; }

@media (min-width: 1200px) { .reseller div.clients img { margin: 5px 40px; }
  .reseller div.clients img:first-child { margin-left: 0; }
  .reseller div.clients img:last-child { margin-right: 0; } }

.d3-tip { z-index: 1051; line-height: 1; font-weight: 700; padding: 12px 15px; background: #FFF; color: #3A5767; font-size: 14px; border-radius: 2px; border: 1px solid #0082BA; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }

.footfall .footfall-1 { background-image: url("/wp-content/uploads/footfall.jpg"); background-position: center bottom; }

@media (min-width: 992px) { .footfall .footfall-1 { background-position: 22%; } }

.footfall .footfall-2 .checkmarks { width: 280px; margin: 15px auto 0; text-align: left; }

@media (min-width: 768px) { .footfall .footfall-2 .checkmarks { width: 450px; } }

@media (min-width: 992px) { .footfall .footfall-2 .checkmarks { width: auto; margin: 0; } }

@media (min-width: 992px) { .footfall .footfall-2 .col-md-6 { text-align: left; } }

.footfall .footfall-3 { margin-bottom: -30px; }

.footfall .footfall-3 .block a { display: block; }

.footfall .footfall-3 .block div { position: relative; padding: 15px; background: #FFF; margin-bottom: 30px; }

.footfall .footfall-3 .block div img { display: block; margin: 0 auto 15px; max-width: 100%; height: 90px; width: auto; }

.footfall .footfall-3 .block div p { margin-bottom: 0; }

@media (min-width: 768px) { .footfall .footfall-3 .block div p { min-height: 48px; } }

@media (min-width: 992px) { .footfall .footfall-3 .block div p { min-height: 72px; } }

@media (min-width: 1200px) { .footfall .footfall-3 .block div p { min-height: 0; } }

.footfall .modal.passanten { text-align: left; }

@media (min-width: 768px) { .footfall .modal.passanten { text-align: center; } }

.footfall .modal.passanten form { border-bottom: 2px solid #EAEEF1; padding-bottom: 10px; margin-bottom: 20px; }

.footfall .modal.passanten .entry { display: inline-block; width: 49%; }

@media (min-width: 768px) { .footfall .modal.passanten .entry { margin-right: 25px; width: auto; } }

.footfall .modal.passanten .checkbox { margin-top: 0; margin-bottom: 10px; }

.footfall .modal.passanten .checkbox input[type=radio] { visibility: hidden; margin: 0; }

.footfall .modal.passanten .checkbox input[type=radio]:checked + label:after { opacity: 1; }

.footfall .modal.passanten .checkbox label { min-height: 0; padding-left: 5px; }

.footfall .modal.passanten .checkbox label::before { content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; cursor: pointer; border-radius: 50%; border: 2px solid #3A5767; }

.footfall .modal.passanten .checkbox label::after { content: ''; position: absolute; width: 8px; height: 8px; top: 6px; left: 4px; background: #FF7D47; opacity: 0; border-radius: 50%; }

.footfall .modal.passanten .checkbox label:hover::after { opacity: 0.3; }

.footfall .modal.passanten .text { display: inline-block; }

.footfall .modal.passanten .labels { fill: #3A5767; font-size: 14px; font-weight: 400; }

.footfall .modal.passanten .bar:nth-of-type(1) { fill: #0082BA; }

.footfall .modal.passanten .bar:nth-of-type(2) { fill: #1C81AD; }

.footfall .modal.passanten .bar:nth-of-type(3) { fill: #3981A0; }

.footfall .modal.passanten .bar:nth-of-type(4) { fill: #558094; }

.footfall .modal.passanten .bar:nth-of-type(5) { fill: #718087; }

.footfall .modal.passanten .bar:nth-of-type(6) { fill: #8E7F7A; }

.footfall .modal.passanten .bar:nth-of-type(7) { fill: #AA7F6D; }

.footfall .modal.passanten .bar:nth-of-type(8) { fill: #C67E61; }

.footfall .modal.passanten .bar:nth-of-type(9) { fill: #E37E54; }

.footfall .modal.passanten .bar:nth-of-type(10) { fill: #FF7D47; }

.footfall .modal.bewegung #chart-bewegung { height: 350px; cursor: default; }

@media (min-width: 768px) { .footfall .modal.bewegung #chart-bewegung { height: 500px; } }

.footfall .modal.bewegung path { fill: none; stroke: #0082BA; stroke-opacity: 0.8; stroke-linecap: round; cursor: pointer; }

.footfall .modal.bewegung path:hover { stroke-opacity: 1; }

.footfall .modal.journey .mobile { width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; }

@media (min-width: 768px) { .footfall .modal.journey .mobile { display: none; } }

.footfall .modal.journey .chart { display: none; }

@media (min-width: 768px) { .footfall .modal.journey .chart { display: block; } }

.footfall .modal.journey .node rect { cursor: move; }

.footfall .modal.journey .node text { pointer-events: none; fill: #3A5767; display: none; }

@media (min-width: 768px) { .footfall .modal.journey .node text { display: inline; } }

.footfall .modal.journey .link { fill: none; stroke: #3A5767; stroke-opacity: .1; }

.footfall .modal.journey .link:hover { stroke: #3A5767; stroke-opacity: .4; }

body.customer .kunden { background: none; margin-bottom: 20px; }

body.customer .kunden .container { position: relative; }

body.customer img.postImage { display: block; width: 100%; height: auto; }

body.customer h1 { position: absolute; left: 15px; width: 100%; top: 60%; text-align: center; color: #FFF; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.7); }

nav.express .navbar-header .navbar-brand { padding: 15px; }

@media (min-width: 1200px) { nav.express .navbar-header .navbar-brand { padding-top: 11px; } }

nav.express .navbar-header .navbar-brand img { width: 200px; height: auto; }

@media (min-width: 1200px) { nav.express .navbar-header .navbar-brand img { width: 250px; } }

nav.express a.campaign { display: block; background: #FF7D47; color: #FFF; line-height: 58px; padding: 0 15px; text-align: center; }

nav.express a.campaign.collapse { display: none; }

nav.express a.campaign.collapse.in { display: block; }

@media (min-width: 992px) { nav.express a.campaign { float: right; } }

.examples { clear: both; text-align: left; }

.examples .block img { width: 100%; max-width: 100%; height: auto; }

.examples .block > a { display: block; margin-bottom: 30px; }

.examples .category { padding-left: 15px; padding-right: 15px; }

.examples .category a { font-weight: 700; color: #FF7D47; }

article.express { border-bottom: 2px solid #EAEEF1; }

.express .express_1 { background-image: url("https://www.mobalo.com/wp-content/uploads/express.jpg"); background-position: 55% center; }

@media (min-width: 768px) { .express .express_1 { background-position: center center; } }

.express .express_1 .container { padding-top: 100px; padding-bottom: 30px; }

@media (min-width: 768px) { .express .express_1 .container { padding-bottom: 100px; } }

@media (min-width: 1200px) { .express .express_1 .container { padding-top: 200px; padding-bottom: 250px; } }

@media (min-width: 992px) { .express .express_1 h1 { font-size: 50px; } }

.express .express_1 .actionwrapper a.btn-lg { float: left; margin-top: 0; margin-bottom: 20px; padding: 20px 30px; }

@media (min-width: 1200px) { .express .express_1 .actionwrapper a.btn-lg { margin-right: 40px; margin-bottom: 0; } }

.express .express_1 .actionwrapper div { clear: both; }

@media (min-width: 1200px) { .express .express_1 .actionwrapper div { clear: none; } }

.express .express_1 .actionwrapper div img { float: left; width: auto; margin-right: 20px; }

.express .express_1 .actionwrapper div .call-us { font-size: 22px; color: #FFF !important; font-weight: 600; }

.express .express_2 .icon { height: 300px; }

.express .express_2 .icon h3 { font-weight: 600; }

.express .express_2 .icon img { height: 100px; margin-bottom: 20px; }

.express .express_3 .background { position: absolute; width: 100%; height: 100%; background-image: url("img/backgrounds/express_app_bg.png"); background-repeat: no-repeat; background-size: 1200px 642px; }

@media (min-width: 768px) { .express .express_3 .background.in-view { -webkit-animation: greyscale 3s linear 1s 1 forwards; animation: greyscale 3s linear 1s 1 forwards; } }

@media (min-width: 992px) { .express .express_3 .background { background-position: 220px 0; } }

@media (min-width: 1200px) { .express .express_3 .background { background-position: 50% 0; } }

@-webkit-keyframes greyscale { from { -webkit-filter: grayscale(0) brightness(100%) blur(0); filter: grayscale(0) brightness(100%) blur(0); }
  to { -webkit-filter: grayscale(80%) brightness(150%) blur(5px); filter: grayscale(80%) brightness(150%) blur(5px); } }

@keyframes greyscale { from { -webkit-filter: grayscale(0) brightness(100%) blur(0); filter: grayscale(0) brightness(100%) blur(0); }
  to { -webkit-filter: grayscale(80%) brightness(150%) blur(5px); filter: grayscale(80%) brightness(150%) blur(5px); } }

.express .express_3 div.container { -webkit-filter: grayscale(0%); filter: grayscale(0%); padding-top: 100px; padding-bottom: 40px; }

@media (min-width: 768px) { .express .express_3 div.container { padding-top: 200px; padding-bottom: 0; } }

.express .express_3 .phone { margin-left: 15px; margin-right: 15px; padding: 0; }

@media (min-width: 768px) { .express .express_3 .phone { float: right; text-align: center; margin: 0; padding-left: 15px; padding-right: 15px; } }

.express .express_3 .phone > img { position: relative; z-index: 2; max-width: 100%; }

.express .express_3 .phone .carousel { position: absolute; padding-left: 8.78%; padding-right: 18.05%; width: 410px; max-width: 100%; z-index: 1; bottom: 0; }

@media (min-width: 460px) { .express .express_3 .phone .carousel { padding-left: 36px; padding-right: 74px; } }

@media (min-width: 768px) { .express .express_3 .phone .carousel { left: 81px; right: auto; padding: 0; width: auto; } }

@media (min-width: 992px) { .express .express_3 .phone .carousel { left: 74px; } }

@media (min-width: 1200px) { .express .express_3 .phone .carousel { left: 221px; } }

.express .express_3 .phone .carousel .carousel-control { display: none; }

.express .express_3 .phone .carousel .item img { width: 300px; height: 74.38%; }

.express .express_3 .blue { padding-top: 30px; }

@media (min-width: 1200px) { .express .express_3 .blue { padding-top: 200px; } }

.express .express_3 .blue a.btn { display: block; }

@media (min-width: 768px) { .express .express_3 .blue a.btn { display: inline-block; } }

.express .express_3 h2 { font-size: 36px; line-height: 46px; }

.express .express_5 p.bigger { margin-bottom: 70px; }

@media (min-width: 992px) { .express .express_6 h2 { padding-top: 50px; } }

.express .express_6 .container { position: relative; padding-bottom: 0; }

@media (min-width: 768px) { .express .express_6 .container { padding-bottom: 50px; } }

@media (min-width: 992px) { .express .express_6 .container { padding-bottom: 0; } }

@media (min-width: 768px) { .express .express_6 .col-sm-6:last-of-type { position: absolute; right: 0; bottom: 0; } }

@media (min-width: 992px) { .express .express_6 .col-sm-6:last-of-type { position: relative; } }

.express .express_6 ul { margin-bottom: 40px; }

.express .express_6 a.btn { margin-bottom: 15px; width: 100%; }

@media (min-width: 768px) { .express .express_6 a.btn { width: auto; } }

@media (min-width: 992px) { .express .express_6 a.btn { margin-bottom: 0; } }

.express .express_6 a.btn:first-of-type { margin-right: 15px; }

.express .express_6 img { width: 100%; max-width: 100%; height: auto; }

.so-funktioniert-es .funktion_1 { background-image: url("img/backgrounds/mapbg_colorbranded.jpg"); background-position: center center; text-align: center; }

.so-funktioniert-es .container.content .col-sm-6 { margin-bottom: 40px; }

@media screen and (min-width: 768px) { .so-funktioniert-es .container.content h3 { font-size: 36px; padding-left: 60px; }
  .so-funktioniert-es .container.content h3 span { font-weight: 700; display: inline-block; margin-left: -60px; width: 60px; } }

@media screen and (min-width: 768px) { .so-funktioniert-es .container.content p { padding-left: 60px; } }

.so-funktioniert-es .container.content .wp-video { border: 1px solid #CDCDCD; }

.so-funktioniert-es .container.content .mejs-container { background: none; }

.so-funktioniert-es .container.content .mejs-controls { display: none !important; }

.so-funktioniert-es .container.content .phone { overflow: hidden; }

@media screen and (min-width: 768px) { .so-funktioniert-es .container.content .phone { height: 430px; } }

@media screen and (min-width: 992px) { .so-funktioniert-es .container.content .phone { height: 304px; } }

.so-funktioniert-es .container.content .phone > div:first-of-type { position: absolute; width: 100%; height: 100%; padding-right: 30px; }

@media screen and (min-width: 768px) { .so-funktioniert-es .container.content .phone > div:first-of-type { max-width: 540px; padding-right: 0; } }

.so-funktioniert-es .container.content .phone > div:first-of-type .carousel { position: absolute; z-index: 1; bottom: 1px; max-width: 100%; height: 73%; padding-left: 8%; padding-right: 23%; }

@media screen and (min-width: 490px) { .so-funktioniert-es .container.content .phone > div:first-of-type .carousel { padding-left: 37px; } }

@media screen and (min-width: 768px) { .so-funktioniert-es .container.content .phone > div:first-of-type .carousel { position: static; margin-top: 135px; margin-left: 30px; padding-left: 0; padding-right: 0; max-width: 240px; } }

@media screen and (min-width: 992px) { .so-funktioniert-es .container.content .phone > div:first-of-type .carousel { margin-top: 131px; margin-left: 51px; max-width: 300px; } }

@media screen and (min-width: 1200px) { .so-funktioniert-es .container.content .phone > div:first-of-type .carousel { margin-left: 101px; } }

.so-funktioniert-es .container.content .phone > div:first-of-type .carousel .carousel-control { display: none; }

.so-funktioniert-es .container.content .phone > div:last-of-type { position: relative; border: 1px solid #CDCDCD; height: 100%; z-index: 2; overflow: hidden; }

.so-funktioniert-es .container.content .phone > div:last-of-type img { display: block; margin: 0; margin-top: 10px; }

@media screen and (min-width: 768px) { .so-funktioniert-es .container.content .phone > div:last-of-type img { margin-left: auto; margin-right: auto; } }

@media screen and (min-width: 992px) { .so-funktioniert-es .container.content .phone > div:last-of-type img { margin-top: -25px; } }

@media screen and (min-width: 992px) { .so-funktioniert-es .funktion_2 h2 { padding-top: 50px; } }

.so-funktioniert-es .funktion_2 .container { position: relative; padding-bottom: 0; }

@media screen and (min-width: 768px) { .so-funktioniert-es .funktion_2 .container { padding-bottom: 50px; } }

@media screen and (min-width: 992px) { .so-funktioniert-es .funktion_2 .container { padding-bottom: 0; } }

@media screen and (min-width: 768px) { .so-funktioniert-es .funktion_2 .col-sm-6:last-of-type { position: absolute; right: 0; bottom: 0; } }

@media screen and (min-width: 992px) { .so-funktioniert-es .funktion_2 .col-sm-6:last-of-type { position: relative; } }

.so-funktioniert-es .funktion_2 img { display: block; margin: auto; width: 100%; max-width: 100%; height: auto; }

@media (min-width: 1200px) { .so-funktioniert-es .funktion_2 img { width: 70%; } }

.so-funktioniert-es .funktion_2 a.btn { margin-bottom: 15px; }

.so-funktioniert-es .funktion_2 a.btn:first-of-type { margin-right: 15px; }

.so-funktioniert-es .modal .col-md-6:first-child { margin-bottom: 40px; }

@media screen and (min-width: 992px) { .so-funktioniert-es .modal .col-md-6:first-child { margin-bottom: 0; } }

.so-funktioniert-es .modal p { margin: 20px 0; }

@media screen and (min-width: 1200px) { .so-funktioniert-es .modal p { min-height: 96px; } }

.so-funktioniert-es .modal img { display: block; width: 100%; height: auto; }

@media screen and (min-width: 992px) { .so-funktioniert-es .modal img { margin: auto; width: 70%; } }

.fuer-ihr-geschaeft h3 { margin-bottom: 15px; }

@media screen and (min-width: 768px) { .fuer-ihr-geschaeft h3 { margin-bottom: 25px; } }

.fuer-ihr-geschaeft .stories_1 { background-image: url("img/backgrounds/mapbg_colorbranded.jpg"); background-position: center center; text-align: center; }

.fuer-ihr-geschaeft .stories_1 .container { padding-top: 100px; padding-bottom: 100px; }

.fuer-ihr-geschaeft .stories_1 h1 { margin-bottom: 50px; }

.fuer-ihr-geschaeft .stories_1 .block img { width: auto; margin-bottom: 0; }

.fuer-ihr-geschaeft .container.content h2 { text-align: center; }

.fuer-ihr-geschaeft .container.content > p { font-size: 21px; line-height: 30px; font-weight: 300; margin-bottom: 60px; text-align: center; color: #3A5767; }

.fuer-ihr-geschaeft .container.content .block { padding-bottom: 40px; }

.fuer-ihr-geschaeft .examples .modal.example .facts > div { margin-bottom: 20px; }

.fuer-ihr-geschaeft .category { display: none; }

.fuer-ihr-geschaeft .block { padding-bottom: 30px; text-align: center; }

@media screen and (min-width: 768px) { .fuer-ihr-geschaeft .block { padding-bottom: 0; } }

.fuer-ihr-geschaeft .block div { margin: auto; margin-bottom: 30px; background: #FFF; width: 180px; height: 180px; border-radius: 90px; }

.fuer-ihr-geschaeft .block div.icon-1 { padding-top: 50px; }

.fuer-ihr-geschaeft .block div.icon-2 { padding-top: 42px; }

.fuer-ihr-geschaeft .block div.icon-3 { padding-top: 46px; }

.fuer-ihr-geschaeft .block h3 { color: #FFF; font-weight: 400; margin-bottom: 15px; }

.fuer-ihr-geschaeft .block p { font-size: 16px; margin-bottom: 0; }

.fuer-ihr-geschaeft .stories_2 a { margin-left: 8px; margin-right: 8px; }

.preise .price_1 { background-image: url("img/backgrounds/mapbg_colorbranded.jpg"); background-position: center center; }

.preise .price_1 .container { text-align: left; padding-top: 100px; }

@media screen and (min-width: 768px) { .preise .price_1 .container { padding-bottom: 100px; }
  .preise .price_1 .container a.btn-lg { position: relative; float: left; margin-top: 0; margin-right: 40px; padding: 20px 30px; } }

.preise .price_1 .container h1 { text-align: center; }

@media screen and (min-width: 768px) { .preise .price_1 .container h1 { text-align: left; font-size: 36px; } }

.preise .price_1 .container .quote { float: left; }

.preise .price_1 .container .quote p { margin-bottom: 0; }

.preise .price_1 .container .quote p:first-child { font-size: 21px; font-weight: 300; font-style: oblique; }

.preise .price_1 .container .quote p:last-child { text-align: right; font-size: 16px; }

.preise .price_1 .container .col-sm-6:last-of-type { padding-top: 30px; clear: both; }

@media screen and (min-width: 768px) { .preise .price_1 .container .col-sm-6:last-of-type { padding-top: 0; clear: none; height: 208px; } }

.preise .price_1 .container .col-sm-6:last-of-type img { display: block; margin: auto; max-width: 100%; height: auto; }

.preise .tarifBlock { margin-bottom: 20px; }

.preise .tarifBlock > div { margin-top: 20px; padding: 10px; background: #FFF; text-align: center; }

.preise .tarifBlock > div h3 { margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 5px solid #0082BA; font-weight: 400; font-size: 20px; color: #0082BA; }

.preise .tarifBlock > div p.amount { margin-bottom: 0; line-height: inherit; font-size: 70px; }

.preise .tarifBlock > div p.amount + p, .preise .tarifBlock > div p.cost + p { margin-top: -10px; line-height: 20px; font-size: 20px; }

.preise .tarifBlock > div p.amount + p .small, .preise .tarifBlock > div p.cost + p .small { font-size: 14px; }

.preise .tarifBlock > div p.highlight { margin-left: -10px; margin-right: -10px; padding-top: 10px; padding-bottom: 10px; background: #FF7D47; color: #FFF; }

.preise .tarifBlock > div p.highlight + p { margin-bottom: 5px; }

.preise .tarifBlock > div p.cost { font-size: 45px; line-height: inherit; }

.preise .tarifBlock > div a.btn { width: 100%; }

.preise .tarifBlock:nth-child(2) > div { margin-top: 0; border: 3px solid #FF7D47; }

.preise .tarifBlock:nth-child(2) > div h3 { margin-top: 14px; font-size: 32px; }

.preise .price_2 a { margin-left: 8px; margin-right: 8px; }

.customer { background: #FFF; }

.customer .container { padding-top: 0; padding-bottom: 0; }

.customer .facts h4 { margin-top: 0; padding-top: 15px; border-top: 1px solid #CDCDCD; }

@media screen and (min-width: 768px) { .customer .facts p { min-height: 58px; } }

.faq .faq_1 { background-image: url("img/backgrounds/faq.jpg"); }

.about article { border-bottom: 2px solid #EAEEF1; }

.about h1 { color: #0082BA; }

.about .team { margin-top: 30px; }

.about .team > div { background: #FFF; }

.about .team p { margin-bottom: 0; }

.about .team h3 { margin-top: 10px; margin-bottom: 10px; }

.about .team .img { max-width: 360px; height: 366px; margin: auto; overflow: hidden; border-bottom: 6px solid #0082BA; }

.about .team .img img { position: relative; width: auto; max-width: none; height: 100%; }

@media screen and (min-width: 768px) { .about .team .img { height: 350px; } }

@media screen and (min-width: 992px) { .about .team .img { height: 298px; } }

@media screen and (min-width: 1200px) { .about .team .img { height: 366px; } }

.about .team:hover .img img { left: -360px; }

@media screen and (min-width: 768px) { .about .team:hover .img img { left: -344px; } }

@media screen and (min-width: 992px) { .about .team:hover .img img { left: -292px; } }

@media screen and (min-width: 1200px) { .about .team:hover .img img { left: -360px; } }

.job .jobs { background-image: url("img/backgrounds/jobs.jpg"); background-position: center center; }

.job .jobs a.btn { width: 100%; margin-top: 20px; padding-left: 15px; padding-right: 15px; }

.job .jobs div.map-copy { position: absolute; bottom: 0; right: 0; padding: 2px 5px; background: rgba(0, 0, 0, 0.5); }

.job .jobs div.map-copy a { font-size: 12px; color: #FFF; }

.job div.lineBlock { background: #FFF; padding: 15px; margin-top: 25px; margin-bottom: 30px; border-top: 6px solid #0082BA; color: #3A5767; }

.job div.lineBlock li { line-height: 1.7em; }

.contact #map { position: relative; height: 400px; }

@media (min-width: 768px) { .contact #map { height: 500px; } }

.contact #map ._brlbs-content-blocker { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto; max-width: 280px; background: #FFF; border: 1px solid #CDCDCD; padding: 20px; text-align: center; }

.contact #map ._brlbs-content-blocker p { font-size: 12px; line-height: 20px; }

.contact #map ._brlbs-content-blocker ._brlbs-btn { display: inline-block; background: #FF7D47; padding: 8px 15px; color: #FFF; }

.contact #map ._brlbs-content-blocker ._brlbs-btn:hover, .contact #map ._brlbs-content-blocker ._brlbs-btn:focus { color: #FFF; }

.contact #map ._brlbs-content-blocker input[type="checkbox"] { position: relative; top: 3px; margin: 0; }

.contact .infoWindow h4 { color: #0082BA; }

.contact .infoWindow p { margin-bottom: 10px; }

.contact .infoWindow p:last-child { margin-bottom: 0; }

.contact #contact { border-top: 1px solid #3A5767; }

.contact .hs-formholder { margin-bottom: 20px; }

.termine .container { position: relative; }

@media screen and (min-width: 822px) { .termine h1 { margin-bottom: 60px; } }

.termine #timelineBtn { position: absolute; top: 40px; right: 15px; padding-left: 20px; padding-right: 20px; border-radius: 0; background: #0082BA; height: 55px; font-size: 18px; cursor: pointer; color: #FFF; }

.termine #timelineBtn:hover, .termine #timelineBtn:focus { background: #FF7D47; }

@media screen and (min-width: 822px) { .termine #timelineBtn { top: 90px; } }

.termine #cd-timeline::before { background: #0082BA; }

.termine #cd-timeline { margin-top: 0; margin-bottom: 0; padding: 50px 0; }

@media screen and (min-width: 768px) { .termine #cd-timeline { padding: 80px 0; } }

@media screen and (min-width: 822px) { .termine #cd-timeline { padding: 0 0 60px; } }

.termine #cd-timeline .cd-timeline-content { padding: 15px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-top: 6px solid #0082BA; }

.termine #cd-timeline .cd-timeline-content h2 { color: #0082BA; }

.termine #cd-timeline .cd-timeline-content .timeline-date { color: #FF7D47; }

.termine #cd-timeline .cd-timeline-content img { width: 100%; max-width: 100%; height: auto; }

.termine #cd-timeline .cd-timeline-content a { width: 100%; }

@media screen and (min-width: 768px) { .termine #cd-timeline .cd-timeline-content { padding: 30px; } }

#contact .hs-form .hs-form-field { margin: 0; padding: 0 15px; }

#contact .hs-form fieldset.form-columns-1 .input { margin-right: 0; }

#contact .hs-form fieldset.form-columns-1 .hs-input { width: 100%; }

#contact .hs-form fieldset.form-columns-2 .input, #contact .hs-form fieldset.form-columns-2 .select { margin: 0; }

#contact .hs-form .hs-form-field > label { display: none; }

#contact .hs-form fieldset { max-width: inherit; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; }

#contact .hs-form fieldset:nth-child(4) { margin-bottom: 5px; }

#contact .hs-form .form-columns-2 > hs-form-field { width: 50%; }

#contact .hs-form input:not([type='submit']), #contact .hs-form select, #contact .hs-form textarea { border: 1px solid #CDCDCD; border-radius: 0; }

#contact .hs-form .hs-input { display: block; width: 100%; padding: 15px 20px; height: 55px; font-size: 14px; line-height: 1.42857143; color: #3A5767; background-color: #FFF; background-image: none; border: 1px solid #CDCDCD; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }

#contact .hs-form textarea.hs-input { height: 147px; }

#contact .hs-form .hs-input:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #0082BA; color: #0082BA; font-weight: 600; outline: none; }

#contact .hs-form .inputs-list { list-style-type: none; padding-left: 0; }

#contact .hs-form .hs-form-checkbox-display, #contact .hs-form .hs-form-booleancheckbox-display { position: relative; padding-left: 50px; cursor: pointer; color: #3A5767; }

#contact .hs-form .hs-form-checkbox-display span, #contact .hs-form .hs-form-booleancheckbox-display span { display: inline-block; margin-top: 5px; font-weight: 400; }

#contact .hs-form .hs-form-checkbox-display span { display: block; }

#contact .hs-form .hs-form-booleancheckbox-display span:after { content: '*'; }

#contact .hs-form .hs-form-checkbox-display:before, #contact .hs-form .hs-form-booleancheckbox-display:before { content: ""; display: block; position: absolute; width: 35px; height: 35px; background: white; border: 1px solid #CDCDCD; left: 0; }

#contact .hs-form-required { display: none !important; }

#contact .hs-form fieldset.form-columns-1 input[type="checkbox"], #contact .hs-form fieldset.form-columns-1 input[type="radio"] { display: inline-block; position: absolute; width: 35px; height: 35px; left: 0; top: 0; margin: 0; visibility: hidden; }

#contact .hs-form input[type="checkbox"]:hover + span:before, #contact .hs-form input[type="radio"]:hover + span:before { content: ""; display: block; position: absolute; width: 35px; height: 35px; background: #EAEEF1; -webkit-box-shadow: inset 0 0 0 3px #FFF; box-shadow: inset 0 0 0 3px #FFF; border: 1px solid #CDCDCD; left: 0; top: 0; }

#contact .hs-form input[type="checkbox"]:checked + span:before, #contact .hs-form input[type="radio"]:checked + span:before { content: ""; display: block; position: absolute; width: 35px; height: 35px; background: #FF7D47; -webkit-box-shadow: inset 0 0 0 3px #FFF; box-shadow: inset 0 0 0 3px #FFF; border: 1px solid #CDCDCD; left: 0; top: 0; }

#contact .hs-form .hs-button { font-size: 18px; padding: 15px 20px; font-weight: 600; color: #FFF; background: #FF7D47; border-radius: 0; border: 0; width: 100%; }

@media (min-width: 768px) { #contact .hs-form .hs-button { font-size: 22px; } }

#contact .hs-form .hs-error-msgs label { margin: 0; color: #C51430; font-weight: 600; line-height: 30px; }

@media (max-width: 800px) { #contact .hs-form fieldset { margin-bottom: 0px; }
  #contact .hs-form fieldset.form-columns-1 .hs-form-field, #contact .hs-form fieldset.form-columns-2 .hs-form-field, #contact .hs-form fieldset.form-columns-3 .hs-form-field { width: 100%; margin-bottom: 20px; }
  #contact .hs-form .hs_submit { margin-top: 20px; } }

@media (max-width: 400px), (max-device-width: 480px) { #contact form.hs-form .form-columns-2 .hs-form-field .hs-input, #contact form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } }

#contact .hs-form .hs-field-desc { display: none !important; }

#contact .hs-form fieldset.form-columns-3 div.input { margin-right: 0; }

@media screen and (min-width: 768px) { #contact .hs-form fieldset.form-columns-3 div.hs-form-field { width: 33.333333%; } }

#contact div.submitted-message { padding-left: 15px; padding-right: 15px; color: #3A5767; }

.imprint h1, .agb h1, .privacy h1 { color: #0082BA; margin-bottom: 30px; }

.imprint h2, .agb h2, .privacy h2 { margin-top: 40px; }

.imprint h3, .agb h3, .privacy h3 { margin-top: 25px; margin-bottom: 15px; }

.imprint p, .agb p, .privacy p { text-align: justify; }

article.agb ul { margin-top: -10px; margin-bottom: 20px; }

.privacy .cookielawinfo-classic { margin-bottom: 20px; background: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 400; }

.privacy .cookielawinfo-classic th, .privacy .cookielawinfo-classic td { padding: 8px; }

.privacy .cookielawinfo-classic th.cookielawinfo-column-1, .privacy .cookielawinfo-classic th.cookielawinfo-column-2, .privacy .cookielawinfo-classic th.cookielawinfo-column-3, .privacy .cookielawinfo-classic td.cookielawinfo-column-1, .privacy .cookielawinfo-classic td.cookielawinfo-column-2, .privacy .cookielawinfo-classic td.cookielawinfo-column-3 { width: 20%; }

.privacy .cookielawinfo-classic th.cookielawinfo-column-4, .privacy .cookielawinfo-classic td.cookielawinfo-column-4 { width: 40%; }

.privacy .cookielawinfo-classic th { background: #0082BA; font-weight: 600; color: #FFF; }

.privacy .cookielawinfo-classic td { color: #3A5767; }

@media screen and (max-width: 800px) { .privacy .cookielawinfo-classic tr.cookielawinfo-row { display: table-row; padding-right: 0; }
  .privacy .cookielawinfo-classic th.cookielawinfo-column-1, .privacy .cookielawinfo-classic th.cookielawinfo-column-2, .privacy .cookielawinfo-classic th.cookielawinfo-column-3, .privacy .cookielawinfo-classic th.cookielawinfo-column-4, .privacy .cookielawinfo-classic td.cookielawinfo-column-1, .privacy .cookielawinfo-classic td.cookielawinfo-column-2, .privacy .cookielawinfo-classic td.cookielawinfo-column-3, .privacy .cookielawinfo-classic td.cookielawinfo-column-4 { display: table-cell; word-break: break-all; } }