/*
 Theme Name:     Doc Blajic
 Theme URI:      http://mindcopter.com
 Description:    child theme for Praxia Blajic
 Author:         mindcopter
 Author URI:     http://mindcopter.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: swap;
}
/* source-sans-3-regular - latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-3-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 font-display:swap; 
}

/* source-sans-3-600 - latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-3-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 font-display:swap;
}
/* source-sans-3-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/source-sans-3-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/saira-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/saira-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root{
	--dunkel: #2c2f59;
	--hell: #9bc1e7;
	--neutral: #e1ecf8; /*#c1cfdb;*/
	--text-dunkel: #171717;
}
::selection {
	color: #fff;
	background: var(--dunkel);
}

*{
	font-family: 'Source Sans 3', sans-serif;
	color: var(--text-dunkel);
}
h1, h2, h3, h4, h5, h6{
	
}
h1{
	/*font-size: calc(24px + 11 * ((100vw - 300px) / 1300));*/
	font-size: calc(24px + 14 * ((100vw - 300px) / 1300));
}
h1 strong{
	font-size: 3.5rem;
	font-size: calc(26px + 30 * ((100vw - 300px) / 1300));
	letter-spacing: .5px;
	line-height: 0.9em;
}
.page-id-37 h1,
.page-id-3 h1{
	text-transform: uppercase;
	font-weight: bold;	
}
h2{
	font-size: calc(20px + 8 * ((100vw - 300px) / 1300));
	line-height: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
}
.subtitle h2{
	font-size: calc(18px + 8 * ((100vw - 300px) / 1300));
	line-height: 1.1em;
	text-transform: initial;
	font-weight: 500;
}

h3{
	font-size: calc(19px + 4 * ((100vw - 300px) / 1300));
	text-transform: uppercase;
	font-weight: bold;
}

h4, h5{
	font-size: calc(18px + 4 * ((100vw - 300px) / 1300));
	text-transform: uppercase;
	font-weight: bold;
}

p, .et_pb_blurb_description, .et_pb_promo_description div, .table .tr .td, .et_pb_toggle_content, .et_pb_team_member_description div, .et_pb_team_member_description div p{
	font-size: calc(17px + 1 * ((100vw - 300px) / (1600 - 300)));
	line-height: calc(1.65em + (1.8 - 1.4) * ((100vw - 300px) / (1600 - 300)));
}

ul li, ol li,
.entry-content ol{
	font-size: calc(17px + 1 * ((100vw - 300px) / (1600 - 300)));
	line-height: calc(1.75em + (1.8 - 1.4) * ((100vw - 300px) / (1600 - 300)));
}
.urlaubstext p, .urlaubstext ul li{
	line-height: 1.45em;
}
.entry-content ol li::marker {
	font-size: 2rem !important;
	font-weight: 600;
}

.et_pb_row {
	width: 96%;
}

@media (max-width: 980px) {
	.reverse-order{
		display: flex;
		flex-direction: column; 
	}
	.reverse-order div.et_pb_column.et_pb_column_1_2{
		order: 2 !important;
	}
	.reverse-order div.et_pb_column.et_pb_column_1_2.et-last-child{
		order: 1 !important;
	}
  .et_pb_section {
    padding: 0;
  }  
  .et_pb_column {
    margin-bottom: 0;
  }
  .et_pb_column .et_pb_module {
    margin-bottom: 10px !important;
  }
}

.et_pb_button::before {
  display: inline-block;
  width: 1em;
  height: 1em;
}

.et_pb_button, .et_pb_button:hover {
  	border-radius: 100px !important;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px !important;
	padding-top: 8px !important;
	padding-right: 1.5em !important;
	padding-left: 1.5em;
	background-color: var(--dunkel);
	border-color: var(--dunkel);
	transition: background-color 0.2 ease, border-color 0.2 ease;
}
.et_pb_button:hover {
	background-color: var(--hell) !important;
	border-color: var(--hell) !important;
}
.extra-btn{
	cursor: pointer;
	left: 50px !important;
}
@media(max-width:980px){
	.extra-btn{
		right: -57vw !important;
    	transform: scale(0.575) !important;
    	bottom: -28px !important;
	}
}
.extra-btn a, .extra-btn p{
	font-family: 'Saira', sans-serif !important;
	font-weight: bold;
	font-size: calc(18px + 2 * ((100vw - 300px) / 1300));
	text-transform: uppercase;
	line-height: 1.1em;
	color: #fff !important;
	cursor: pointer;
}
.extra-btn i{
	color: #fff !important;
	font-size: 2rem;
	display: block;
	line-height: 1.2em;
	cursor: pointer;
}
/*Navigation*/

.header-button{
	padding-left: 2.5em !important;
	margin-top: -3px;
	margin-left: -10px;	
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a {
	color: #171717 !important;
	letter-spacing: 1px;
	font-size: 1.3em;
	font-weight: 600;
	text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
	.et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
		width: 150px !important;
		padding-top: 10px;
	}
}
@media only screen and (max-width: 980px) {
	.header-button{
		margin-top: 8px;
		white-space: nowrap;
		transform: scale(0.85);
	}
	.et_mobile_nav_menu{
		margin-top: 8px !important;
	}

	.et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu{
		padding-top: 0 !important;
		padding-bottom: 5px !important;
	}
	.et_pb_section.et_pb_section_0{
		padding-top:20px
	}
	
	.et_pb_menu_0_tb_header.et_pb_menu ul li a{
		font-size: 1em;
		font-weight: 600;
		text-transform: initial;
	}
	.et_pb_menu.dvcs_free_header_3 .et_mobile_menu {
    	margin-top: -10px !important;
		top: 60px !important;
		padding: 0 !important;
	}
	
}
@media only screen and (max-width: 767px) {
	.header-button{
		margin-top: 5px;
	}
}

.et_pb_menu .et-menu > li {
	padding-left: 8px;
	padding-right: 8px;
}
/*Sprechzeiten Tabelle*/
div.table { 
	display: table; 
	border-collapse:collapse; 
	margin-bottom: 15px;
	width:100%; 
	background:#fff;
}
div.tr { 
	display:table-row; 
}
div.tr:first-child { 
	font-weight: 700;
}
div.td { 
	display:table-cell; 
	border-bottom:1px solid #E7E7E7; 
	padding:0 5px; 
	text-align:center;
	font-size: calc(16px + 2 * ((100vw - 300px) / 1300)) !important;
	line-height: 1.5em;
}
.oeffnungszeiten h3,
.oeffnungszeiten h4,
.oeffnungszeiten p{
	padding: 12px 0 12px 21px;
  	text-align: center;
	font-weight:700;
}
.oeffnungszeiten h3,
.oeffnungszeiten h4{
	text-transform: uppercase;
}
.oeffnungszeiten h3,
.oeffnungszeiten h4{
	background: var(--neutral);
}

.oeffnungszeiten p{
	padding:0 0 25px 0;
	font-weight: bold;
}

@media (max-width:980px){
	  div.table div.tr:first-child {
		width: 50%; 
		float: left;
	  }
	  div.table div.tr:last-child {
		width: 50%; 
		float: right;
	  }
	 div.table div.tr:first-child .td, div.table div.tr:nth-child(2) .td{
		text-align:right !important;
		display:block;
		height:50px;
	  }
	 div.table div.tr:nth-child(2) .td{
		text-align:left !important;
	 }
	.oeffnungszeiten p{
		display: block;
		margin-bottom: 20px;
		margin-top: -12px;
		padding-left: 24px;
	}
	.et_pb_column .et_pb_module.meta-nav{
	  margin-bottom: 80px !important;
	}
	
}
footer a{
	color: var(--text-dunkel);
}

.meta-nav, .meta-nav p, .meta-nav p a{
	font-size: calc(14px + 2 * ((100vw - 300px) / 1300)) !important;
}
/*CLS verhindern*/
@media (min-width: 981px) {
  .page-id-2 .et_pb_section_0 {
    aspect-ratio: 16 / 9;
  }
}
@media (max-width: 980px) {
  .et_pb_section_0 {
    min-height: 300px; /* genügend Platz, springt nicht mehr */
  }
}