/*===== DESIGN-OVERRIDES by datsDORTMUND =====*/
@font-face {
    font-family:'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans'), local('Open Sans-light'),
    url(/fonts/OpenSans-Light.ttf) format('ttf');
 }
 @font-face {
    font-family:'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans'), local('Open Sans-lightItalic'),
    url(/fonts/OpenSans-LightItalic.ttf) format('ttf');
 }
 @font-face {
    font-family:'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('Open Sans-regular'),
    url(/fonts/OpenSans-regular.ttf) format('ttf');
 }
 @font-face {
    font-family:'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans'), local('Open Sans-regularItalic'),
    url(/fonts/OpenSans-RegularItalic.ttf) format('ttf');
 }

body {
	background-color: #ececec;	
    font-family: 'Open Sans', sans-serif;
}
h1, h2,h3 {
	color: #68A8DE;	
}

.logo {
	width: 90%;	
}
#introVideo {
	z-index: 99!important;
	height: 700px;	
}
#sp-header {
	z-index: 999999!important;	
}

@media(min-width:768px) and (max-width:1024px) {
	.mockup {
		position: absolute!important;
		right: 0px;
		top: 392px;
		width: 200px;
	}
}
@media(min-width:1025px) {
	.mockup {
		position: absolute!important;
		right: 0px;
		top: 323px;
		width: 300px;
	}
}
/*===== SP-MENÜ ================================*/
.mPreise {
	border: 2px solid rgb(104,168,222);	
}
.mPreise:hover {
	background-color: rgb(104,168,222);	
	color: #ffffff!important;
}
.mPreise:hover a {
	color: inherit!important;
}
/*===== SP-SLIDER ==============================*/
@media(orientation: portrait) and (min-width:768px) and (max-width:1024px) {
	#introVideo {
		display: none;
	}	
	#introImage .sppb-row-container {
		padding: 0;	
	}
}
@media(orientation:portrait) and (min-width:768px) and (max-width:1024px) {
	#sliderText {
		top: 180px;
		left: 5%;
	}
	#sliderText h2 {
		font-size: 80px!important;
		color: rgba(255,255,255,0.8);
		margin-bottom: 15px;
		display: inline-block;
	}
	#sliderText h3 {
		font-size: 60px!important;
		color: rgba(255,255,255,0.8);
	}
	.sliderTextbox img {
		display: none;
	}
}
@media(orientation:landscape) and (min-width:768px) and (max-width:1024px) {
	.sliderTextbox {
		position: absolute;
		top: -50px;
		left: -200px;	
		/*background-color: rgba(255,255,255,0.8);*/
		background-color: #36a9e6!important;
		padding: 40px 60px;
		width: 350px;
	}
	#sliderText {
		top: 300px;
		left: 30%;
	}
	#sliderText h2 {
		font-size: 30px!important;
		color: rgba(255,255,255,0.8);
		margin-bottom: 0px;
		display: inline-block;
	}
	#sliderText h3 {
		font-size: 90px!important;
		color: rgba(255,255,255,0.8);
		margin-top: 0px;
	}
	#sliderText p {
		color: rgba(255,255,255,1);
	}
	.sliderTextbox img {
		position: absolute;
		width: 100px;
		top: -40px;
		left: -50px;
	}
}
@media(min-width:1025px) {
	.sliderTextbox {
		position: absolute;
		top: -50px;
		left: -200px;	
		/*background-color: rgba(255,255,255,0.8);*/
		background-color: #36a9e6!important;
		padding: 40px 60px;
		width: 350px;
	}
	.sliderTextbox a {
		color: #fff;
		background-color: rgb(104,168,222);
		padding: 10px 15px;
		margin: 20px 0 5px 0;
		font-weight: 400;
		font-size: 20px;
	}
	#sliderText {
		top: 280px;
		left: 30%;
		line-height: 18px;
	}
	#sliderText h2 {
		font-size: 36px!important;
		color: rgb(255,255,255);
		font-weight: 300;
		margin-top: 0!important;
		margin-bottom: 20px;
	}
	#sliderText h3 {
		font-size: 80px!important;
		color: rgba(255,255,255,0.8);
	}
	#sliderText p {
		color: rgba(255,255,255,1);
	}
	.sliderTextbox img {
		position: absolute;
		width: 100px;
		top: -40px;
		left: -50px;
	}
}
#sliderText {
	position: absolute!important;
	z-index:99999!important;
	background-color: rgba(255,255,255,0)!important;
}
.entry-header {
  position: relative;
  margin: 30px 0 30px 0;
  float: left;
  width: 100%;
}
.top-search-wrapper {
	line-height: 50px;	
}
.top-search-wrapper i {
	font-size: 24px;
	color: #68A8DE;	
}
@media(min-width: 0px) AND (max-width: 767px) {
	.top-search-wrapper {
		display: none;
	}
}
.bgwhite .sppb-row-container {
	background-color: #ffffff;
	padding: 20px;	
}
.vorteile .sppb-icon {
	float: left;	
	width: 60px;
}
.vorteile .sppb-addon-text {
	padding-left: 60px;
}
.vorteile .sppb-row-container {
	background-color: #ffffff;
	padding: 20px;	
}
#toplines .sppb-row-container {
	background-color: #ffffff;	
	padding: 20px;
}
#teaser .sppb-row-container,.teaser .sppb-row-container {
	background-color: #ffffff;	
	padding: 20px;
}
.orderform .sppb-row-container {
	background-color: #ffffff;
	padding: 20px;	
}
.teaser .sppb-column {
	border-top: 1px solid #666666;	
}
.sp-page-builder .page-content #toplines {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px!important;
}
#toplines .sppb-addon-feature .sppb-feature-box-title {
	min-height: 50px;	
}
#toplines .sppb-feature-box-title h2 {
	line-height: 22px!important;	
}
#toplines .sppb-icon-container {
	padding: 8px;
	text-align: center;	
}
.faq .sppb-row-container {
	background-color: #ffffff;	
	padding: 20px;
}
.faq .sppb-btn {
	border: none;
	border-radius: 0;	
}
.faq .sppb-panel-default > .sppb-panel-heading {
    background: #ffffff;
}
.sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction {
    color: #68A8DE;
}
.telefoncall .sppb-row-container {
	background-color: #ffffff;	
	padding: 20px;
}
.telefon .sppb-addon-content {
	font-size: 56px;	
}
.telefon .sppb-addon-content i {
	margin-right: 10px;	
}
.kontaktformular .sppb-row-container {
	background-color: #ffffff;	
	padding: 20px;
}
.kontaktformular .control-label {
	display: none!important;	
}
.kontaktformular .controls {
	width: 100%!important;	
}
.kontaktformular .controls input {
	border: 1px solid #666666!important;
	padding: 10px!important;
	font-size: 18px!important;
	height: 50px!important;
	border-radius: 0px!important;
	width: 100%!important;	
}
.kontaktformular .controls input:hover {
	background-color: #ffffff!important;
}
.kontaktformular .fox-form .datenschutzC label {
	padding-left: 50px!important;
}
.kontaktformular .fox-form .datenschutzC input[type="checkbox"] {
	width: 60px!important;
	position: absolute;
	left: 0px;
}
.kontaktformular .controls button {
	border: none!important;
	background-image: none!important;
	background-color: rgba(104, 168, 222, 1)!important;
	padding: 10px!important;
	font-size: 18px!important;
	height: 50px!important;
	border-radius: 0px!important;
	width: 100%!important;
	text-shadow: none!important;
	color: #ffffff!important;	
}
.kontaktformular .controls button span {
	color: inherit!important;
}
.kontaktformular .controls button:hover {
	background-color: rgba(91, 143, 194, 1)!important;
}
/*===== SP-HEADER ============================*/
#sp-header {
	background-color: rgba(255,255,255,0.9);	
}
/*===== PREISE ================================*/
.corporate-slider .sppb-addon-single-image-container,.corporate-slider .sppb-addon-single-image-container img {
	width: 100%;
}
.prices .sppb-pricing-box {
	border-radius: 0px!important;
	background-color: #ffffff!important;	
	border: 1px solid #e1e1e1;	
	color: #66666;
}
@media(min-width:1025px) {
	.sppb-addon-pricing-table.simple .sppb-pricing-header .sppb-pricing-title {
		min-height: 65px;
	}
}
.prices .sppb-pricing-box .sppb-pricing-title {
	font-size: 27px!important;
	line-height: 32px;
	text-transform:none;
	color: #666666!important;
	letter-spacing: -2px;
}
.prices .sppb-pricing-box.sppb-pricing-featured {
	background-color: #68A8DE!important;	
	border: 1px solid #68A8DE!important;
	color: #ffffff;
}
.prices .sppb-pricing-featured .sppb-pricing-title {
	font-size: 27px!important;
	line-height: 32px;
	text-transform:none;
	color: #ffffff!important;
	letter-spacing: -2px;
}
.prices .sppb-pricing-title {
	font-size: 36px!important;
	text-transform:none;
	color: #666666!important;
}
.prices .sppb-column-addons {
	margin: 0 0px;	
}
.prices .sppb-pricing-features ul {
	margin: 0;
	margin-bottom: 0!important;
}
.prices .sppb-pricing-featured .sppb-pricing-features ul li {
	font-size: 20px;
	color: #ffffff!important;
	font-style:italic;
}
.prices .sppb-pricing-features ul li {
	font-size: 20px;
	color: #666666!important;
	font-style:italic;
}
.prices .sppb-pricing-featured .sppb-pricing-details {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	float: left;
	width: 100%;
	min-height: 105px;
}
.prices .sppb-pricing-details {
	float: left;
	width: 100%;
	min-height: 105px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.prices .sppb-pricing-featured .sppb-pricing-details p {
	font-size: 22px;
	line-height: 32px;
	color: #ffffff!important;
	margin: 0px!important;
	letter-spacing: -1px;
}
.prices .sppb-pricing-details p {
	font-size: 22px;
	line-height: 32px;
	color: #666666!important;
	margin: 0px!important;
	letter-spacing: -1px;
}
.prices .sppb-pricing-featured .sppb-pricing-price {
	font-size: 42px!important;
	color: #ffffff!important;	
}
.prices .sppb-pricing-price {
	font-size: 42px!important;
	color: #666666!important;	
}
.prices .sppb-pricing-prices {
	padding: 25px 0px;	
}
.prices .sppb-pricing-featured .sppb-pricing-duration {
	font-size: 20px!important;	
	color: #ffffff!important;
}
.prices .sppb-pricing-duration {
	font-size: 20px!important;	
	color: #666666!important;
}
.prices .sppb-pricing-featured .sppb-pricing-footer a {
	width: 100%;
	border-radius: 0px!important;
	background-color: #ffffff!important;
	color: #68A8DE!important;
}
.prices .sppb-pricing-footer a {
	width: 100%;
	border-radius: 0px!important;
	background-color: #68A8DE!important;
	color: #ffffff!important;
}
/*===== SP-MENÜ ===============================*/
@media(orientation:portrait) and (min-width:320px) and (max-width:768px) {
	.sp-megamenu-wrapper {
		margin-right: 0;
		padding: 4px 0;
	}
	#offcanvas-toggler > i {
		color: #36a9e0;
		font-size: 30px;
		padding: 10px;
		margin-right: 0;
		border: 1px solid #36a9e0;
	}
	#sp-menu {
		margin-top: 0px;	
	}
	.offcanvas-menu .offcanvas-inner {
		margin-top: 80px;
		z-index: 999999;
	}
}
@media(orientation:landscape)and (min-width:768px) {
	#sp-menu {
		margin-top: 18px;	
	}
}
.sp-megamenu-parent > li > a::before {
	display: none;	
}
.variation-corporate .sp-megamenu-parent > li > a {
	color: #36a9e0;	
}
#sp-header.menu-fixed-out .sp-megamenu-parent > li > a {
	font-size: 18px!important;	
	padding: 10px 15px;
	line-height: 20px;
}
#sp-header.menu-fixed .sp-megamenu-parent > li > a {
	font-size: 18px;	
	padding: 10px 15px;
	line-height: 14px;
}
.sp-megamenu-parent li.active a {
	/*border: 1px solid #68a8de;*/
}
.sp-megamenu-parent > li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: 20px;
}
/*=====SP-BOTTOM=================================*/
#sp-bottom .container {
	border-bottom: 1px solid #666666;	
}
#sp-bottom img {
	width: 200px;	
}
#sp-bottom ul.nav {
	margin-top: -15px;	
}
#sp-bottom ul.nav li {
	border-bottom: none;	
}
#sp-bottom ul.nav li a:before {
	content:'';	
	margin: 0;
}
#sp-bottom .fox-row .control-label {
	display: none;	
}
#sp-bottom .fox-row .controls {
	width: 100%;	
}
#sp-bottom .fox-row .controls input {
	border-radius: 0px!important;
	width: 100%!important;	
	height: 36px!important;
	border: 1px solid #e1e1e1!important;
	background-color: #e1e1e1!important;
	color: #666666!important;
	font-size: 14px;
}
#sp-bottom .fox-row .controls textarea {
	border-radius: 0px!important;
	width: 100%!important;	
	height: 80px!important;
	border: 1px solid #e1e1e1!important;
	background-color: #e1e1e1;
	color: #666666;
	font-size: 14px;
}
#sp-bottom .fox-row .controls textarea:hover {
	background-color: #e1e1e1!important;	
}
#sp-bottom .fox-row .controls button {
	border-radius: 0px;
	border: 1px solid #68A8DE;
	background-image: none;
	background-color: #ffffff;
	color: #68A8DE;
}
#sp-bottom .fox-row .controls button:hover {
	border: 1px solid #68A8DE!important;	
}
#sp-bottom .fox-row .controls button span {
	color: #68A8DE;
}
/*===== SP_FOOTER ============================*/
#sp-footer #sp-footer1 {
	text-align: center;	
}
#sp-footer #sp-footer1 a {
	color: #666666;
	text-transform: uppercase;
}
/*===== RS-FORMS ==============================*/
.rsform .uk-form-row label {
	width: 100%!important;
	font-weight: 600;
}
.rsform .uk-form-controls {
	margin-left: 0!important;	
}
.rsform #checkW {
	position: relative;	
}
.rsform #checkW label {
	font-weight: 400!important;	
	padding-left: 35px;
}
.rsform .send {
	text-align: right;	
}
.rsform .send button {
	background-color: #ffffff;
	border: 1px solid #68A8DE;	
	color: #68A8DE;	
	height: 50px;
	width: 150px;
	font-size: 22px;
	padding: 10px;
}
.rsform #checkW input {
	position:absolute;
	left: -6px;
	top: 38px;
	width: 35px;
	height: 35px;
	border-radius: 0px;	
}
.rsform #AGB0 {
	left: -6px;
	top: 38px;
	width: 35px;
	height: 35px;
	border-radius: 0px;	
}
.rsform input[type="text"] {
	width: 100%;
	border: 1px solid #666666!important;
	border-radius: 0px;
}
#rsform_3_page_1 label {
	display: none;	
}
#rsform_3_page_1 .rsform-block-submit .formControls {
	text-align: right;	
}
#rsform_3_page_1 .rsform-block-agb label {
	display: inline;	
}
#rsform_3_page_1 .rsform-block-submit .formControls button {
	background-color: #ffffff;
	border: 1px solid #68A8DE;	
	color: #68A8DE;	
	height: 50px;
	width: 150px;
	font-size: 22px;
	padding: 10px;
}
.rsform .steps  {
	display: inline-block;
	width: 100%;
}
.rsform .steps .order-steps.last-step::after {
    content: '';
    display: block;
    clear: left;
    height: 1px;
    visibility: hidden;
}
.rsform .steps .order-steps {
	display: inline-block;
	float: left;
	font-size: 26px;
	line-height: 66px;
	text-align: center;
	height: 70px;
	width: 70px;
	color: #68A8DE;
	margin-right: 40px;
	position: relative;
	border: 2px solid #68A8DE;
}
.rsform .steps .order-steps::after {
	content: '';
	height: 5px;
	width: 40px;
	background-color: #bfc8cf;
	display: inline-block;
	position: absolute;
	left: 68px;
	top: 30px;
}
.rsform .steps .order-steps.active {
	background-color: #68A8DE;
	color: #ffffff;
}
.select-style {
	margin-left: 0!important;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url('../../../images/logos/arrowdown.gif') no-repeat 95% 50%;
}

.select-style select {
	height: 38px;
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
/*===== BLOG ===============================*/
.blog .entry-header h2 {
	font-size: 32px;
	line-height: 38px;
	color: #36a9e6!important;
}
.blog .entry-header h2 a {
	color: #36a9e6!important;
}
article h3 {
	padding: 0 40px;
	font-size: 24px;
}
.btn.btn-info, .sppb-btn.sppb-btn-info, 
.btn.btn-lg.btn-info, .sppb-btn.sppb-btn-lg.sppb-btn-info {
    background-color: #36A9E6;
    color: #fff;
    border-color: #36A9E6;
}
#fox-m126-checkbox1-box label {
  padding-left: 53px!important;
}
#fox-m123-checkbox1-box label {
  padding-left: 70px!important;
}
#fox-m126-checkbox1 {
  margin-left: -215px!important;
}
#fox-m123-checkbox1 {
  margin-left: -6px!important;
}