/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0

Diagcare.de

*/

/* Parent stylesheet should be loaded from functions.php not using @import */



@font-face {
    font-family: 'pt_sansregular';
    src: url('https://diagcare.de/wp-content/themes/oceanwp-child-theme-master/fonts/ptsans-regular-webfont.woff2') format('woff2'),
         url('https://diagcare.de/wp-content/themes/oceanwp-child-theme-master/fonts/ptsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansbold';
    src: url('https://diagcare.de/wp-content/themes/oceanwp-child-theme-master/fonts/ptsans-bold-webfont.woff2') format('woff2'),
         url('https://diagcare.de/wp-content/themes/oceanwp-child-theme-master/fonts/ptsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'pt_sansregular', sans-serif!important;
}
#top-bar-wrap, #footer, #site-navigation-wrap {
	display: none;
}
h1, h2, h3, p, li {
	font-family: 'pt_sansregular', sans-serif!important;
}
p a {
	color:#5f8696;
}
#site-logo {
	float: none!important;
	height: 100%;
	display: block!important;
	margin: 0 auto !important;
}
#site-logo-inner {
	float: none!important;
	width:240px;
	display: block!important;
	margin: 0 auto !important;
}
#site-logo-inner img {
	height: 210px !important;
	background: #fff;
	padding: 20px 10px;
	margin: 0 auto;
	display: block;
}
.myfixed #site-logo #site-logo-inner a img {
	max-height: none !important;
	height: 130px !important;
	margin: 0 auto;
	display: block;
	padding: 20px;
	border: 1px solid #e5e5e5;
	opacity: 1;
}
#transparent-header-wrap {
	top: -220px;
}
.front {
	display: block;
	z-index: 20;
	box-shadow: 0 0 1em #999;
	margin-top: 220px!important;
}

.front .elementor-element-populated .elementor-element-populated {
box-shadow: none!important;	
}
.claim {
	padding: 130px 0;
	background: none !important;
}
.claim h1 {
	font-size: 360%;
	line-height: 100%;
	color: #333;
	font-weight: 300;
}
.intro {
	padding:60px 100px 40px;
}
.intro h3 {
	font-size: 150%;
	line-height: 140%;
	color: #494848;
	font-weight: 400;
	margin:10px 0;
}
.services {
	padding:30px 100px;
	background:#234557!important;
	box-shadow: 0 0 1em #999;	
}

.services .elementor-element-populated .elementor-element-populated {
box-shadow: none!important;	
}
.services .headl {
	padding: 40px 0 0 0;
	background: none !important;
}
.services h2 {
	font-size: 280%;
	padding: 0;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
}
.services .boxes {
	padding:0 20px 10px 20px;
	background: none !important;
}
.services .boxes:last-child {
	padding:0 20px 40px 20px;
}
.services h3 {
	font-size:175%;
	padding:0;
	font-weight: 300;
	color: #494848;
	text-transform: uppercase;
}
.services hr {
	margin:10px auto 20px!important;
	background: #494848;
	height:2px;
	width:50%;
}
.services p {
	font-size: 110%;
	line-height: 140%;
	padding: 0;
	color: #494848;
	margin: 0;
	font-weight: 300;
	min-height:70px;
}
.boxes .elementor-column-gap-default {
	margin: 0;
	width: 100%;
	display: block !important;
}
.services .box {
	width: 33.3% !important;
	float: left;
}
.services .box .elementor-element-populated {
	padding: 30px !important;
	border: 1px solid #998f8a;
	background: #fff;
	margin: 20px;
}
.box .elementor-widget-icon {
}
.box .elementor-icon-wrapper {
	background: #234557;
	width: 100px;
	height: 100px;
	margin: 0 auto !important;
	border-radius: 50px;
	display: block;
}
.box .elementor-icon {
	color: #ffff;
	font-size: 380%;
	padding: 20px 0 0;
}
.contacts {
	padding:30px 100px;
	background:#f7f7f7;
}
.contacts h3 {
	font-size: 180%;
	padding: 0;
	font-weight: 300;
	color: #234557;
	text-transform: uppercase;
	line-height: 130%;
}
.contacts p {
    font-size: 140%;
    line-height: 130%;
    font-weight: 300;
}
.wpforms-form {
	padding: 30px;
	border: 1px solid #999;
	width:520px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 1em #999;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width: 100%;
}
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
	background-color: #fff !important;
	box-sizing: border-box;
	border-radius: 3px !important;
	color: #333 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #e3e3e3 !important;
	display: block;
	float: none;
	font-size: 100%;
	padding: 6px 10px;
	height: 38px;
	width: 100%;
	line-height: 1.3;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	display: block;
	font-weight: 600;
	font-size: 120%;
	line-height: 1.3;
	color: #234557 !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
	font-size: 90%;
	font-weight: 400;
	line-height: 1.3;
	color: #999;
}
input[type="submit"], button[type="submit"] {
	background-color: #5f8696!important;
	color: #fff;
	font-size: 110%!important;
	font-weight: 400;
	margin: 0;
	border-radius:8px!important;
	padding: 14px 20px;
	cursor: pointer;
	letter-spacing: 0!important;
	line-height: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
input[type="submit"]:hover, button[type="submit"]:hover {
	background-color: #234557 !important;
	border:0!important;
}
#wpforms-520-field_5 a, 
#wpforms-520-field_5 a:link, 
#wpforms-520-field_5 a:visited {
    color:#5f8696!important;
    text-decoration: underline;
}
#wpforms-520-field_5 a:hover {
    color:#9C9C9C!important;
}
#wpforms-520-field_5 .wpforms-field-label-inline {
	font-weight: 300;
	font-size: 100%;
}
.footer2 {
	padding:20px 100px;
	background:#234557!important;
}
.footer2 p a {
	color:#fff;
	padding:4px;
}
.footer2 p a:hover {
	color:#234557;
	background:#fff;
}
.footer2 .pum-trigger {
	color: #fff;
	margin: 0 12px;
}
.footer2 .pum-trigger:hover {
	color:#a0b3bd;
}
/* PopUp */
.pum-theme-470 .pum-container, .pum-theme-lightbox .pum-container {
	padding: 40px!important;
	border-radius: 6px!important;
	border: 8px solid #fff!important;
}
.pum-theme-lightbox .pum-container h2 {
	color: #234557;
	font-size: 160%;
	font-weight: 300;
	margin:0 0 10px 0;
}
.pum-theme-lightbox .pum-container h3 {
	color:#234557;
	font-size:120%;
	font-weight: 300;
	margin:0 0 5px 0;
}
.pum-theme-470 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
	height: 30px!important;
	width: 30px!important;
	color: #ffffff;
	font-weight: 600!important;
	font-size: 100%!important;
	line-height: 24px;
	border: 2px solid #fff;
	border-radius: 30px!important;
	background-color: #234557!important;
}

@media only screen and (max-width: 1024px) {
.claim {
	padding: 80px 0;
}
	.claim h1 {
	font-size: 188%;
	line-height: 120%;
}
	.claim {
	padding: 80px 0;
}
	.intro {
	padding: 60px 40px 40px;
}
	.services {
	padding: 30px 30px;
}
	.services .boxes {
	padding: 0;
}
	.services .box {
	width:50%!important;
}
	.contacts {
	padding: 30px 30px;
}
}
@media only screen and (max-width: 1024px) {
	#site-logo-inner img {
	height: 180px !important;
}
	.home.fixed_sticky_active #site-header #site-logo #site-logo-inner a img {
	height: 130px !important;
}
.front {
	margin-top: 0;
}
	.intro .elementor-column-gap-default, .contacts .elementor-column-gap-default {
		max-width:100%!important;
	}
	.pum-theme-470 .pum-container, .pum-theme-lightbox .pum-container {
	padding: 20px !important;
}
	.pum-theme-470 .pum-title, .pum-theme-lightbox .pum-title {
	font-size: 170%!important;
}
	.pum-theme-lightbox .pum-container h2 {
	font-size: 140%;
}
.pum-theme-lightbox .pum-container h3 {
	font-size:110%;
}
	.pum-theme-lightbox p {
	font-size: 80%;
}
}
@media only screen and (max-width: 768px) {
	.oceanwp-mobile-menu-icon {
		display: none!important;
	}
	.front {
	margin-top: 100px;
}
.claim {
	padding: 80px 330px 80px 0;
}
	.intro h3 {
	font-size: 120%;
}
	.services .headl {
	padding: 0;
}
	.services .boxes:last-child {
	padding: 0 0 40px 0;
}
	.services h2 {
	font-size: 180%;
	margin: 0;
}
	.services h3 {
	font-size: 120%;
}
	.services p {
	font-size: 100%;
		min-height: 60px;
}
	.box .elementor-icon-wrapper {
	width: 80px;
	height: 80px;
	border-radius: 40px;
}
	.box .elementor-icon {
	font-size: 290%;
	padding: 18px 0 0;
}
	.contacts h3 {
	font-size: 160%;
}
	.contacts p {
	font-size: 110%;
	line-height: 150%;
}
}
@media only screen and (max-width: 600px) {
#site-logo-inner img {
	height: 150px !important;
}
	.home.fixed_sticky_active #site-header #site-logo #site-logo-inner a img {
	height: 120px !important;
	padding: 20px 10px;
}
	.front {
	margin-top: 63px;
	background-position: -23px -34px !important;
	background-size: 116% auto !important;
}
.claim {
	padding: 30px 224px 30px 0;
}
	.claim h1 {
	font-size: 160%;
}
	.intro {
	padding: 20px 20px 20px;
}
	.intro h3 {
	font-size: 110%;
	line-height: 140%;
}
	.services .box .elementor-element-populated {
	margin: 20px 0;
}
	.services .box {
	width: 100% !important;
}
	.services p {
	min-height: auto;
}
	.box .elementor-icon-wrapper {
	width: 60px;
	height: 60px;
	border-radius: 30px;
}
	.box .elementor-icon {
	font-size: 220%;
	padding: 15px 0 0;
}
	.services .boxes:last-child {
	padding: 0 0 0px 0;
}
	.wpforms-form {
	padding: 20px;
	width: 100%;
}
	div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-size: 100%;
}
}
@media only screen and (max-width: 450px) {
	.intro h3 {
	font-size: 120%;
	line-height: 145%;
}
	.services h3 {
	font-size: 145%!important;
}
	.services p {
	font-size: 125%!important;
}
	#site-logo-inner img {
	height: 140px !important;
}
	.myfixed #site-logo #site-logo-inner a img {
	height: 110px !important;
	padding: 10px;
}
	#transparent-header-wrap {
	top: -150px;
}
	.front {
	margin-top: 150px!important;
}
.claim {
	padding: 30px 115px 30px 0;
}
	.claim h1 {
	font-size: 122%;
}
	.front {
	background-position: -50px -52px !important;
	background-size: 150% auto !important;
}
	.contacts {
	padding: 30px 10px;
}
	div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
	width: 100%;
}
	div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
	margin-left: 0;
}
	.footer2 {
	padding: 20px 0;
}
}

@media only screen and (max-width: 390px) {
.claim h1 {
	font-size: 112%;
}
}