/*
Theme Name:   Divi Child
Theme URI:    http://www.elegantthemes.com/gallery/divi/
Description:  A Divi Child Theme
Author:       Tramsen Media
Author URI:   https://tramsen.de
Template:     Divi
Version:      1.2.3
License:      GNU General Public License version 3.0
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  divi-child
Domain Path:  /languages
*/

/* For adding CSS rules to this file please use the .child class! */

body {
	overflow-x: hidden;
}

/* 
 * FONTS 
 * */
body {
	font-family: 'Montserrat Regular', sans-serif;
	font-weight: normal;
}

h1, h2, h3, .buehne-ueberschrift, .h2 {
	font-family: 'Playfair Display ExtraBold', serif; 
	margin-bottom: 15px;
}

h4, h5 {
	font-family: 'Montserrat-SemiBold', sans-serif;
	margin-bottom: 10px;
}

h4 {
	text-transform: uppercase;
}

p {margin-bottom: 10px;}

.buehne-kurztext {
	font-family: 'Montserrat-SemiBoldItalic', sans-serif;
	font-weight: normal;
    font-style: normal;
}

.einleitungstext {
	font-family: 'Montserrat Light', 'Montserrat Regular', sans-serif;
}

/* 
 * NAVIGATION 
 * */
.et_pb_menu.et_pb_menu--style-inline_centered_logo .et_pb_menu__menu nav ul {
    width: 90vw;
    max-width: 1618px;
	justify-content: space-between !IMPORTANT;
}

/* 
 * MOBILE NAVIGATION 
 * */
 @media screen and (max-width: 980px) {
	.et_pb_menu .et_pb_menu__wrap {
		display: inline-block !IMPORTANT;
		float: right !IMPORTANT;
		margin-top: 5px;
	}
	 
	 .et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, .et_pb_menu--style-inline_centered_logo .et_pb_row>.et_pb_menu__logo-wrap {
		 display: inline-block !IMPORTANT; 
		 margin: 5px auto;
	 }
}

/* 
 * BÜHNE 
 * */

/* Copyright Angabe verschieben für Tablets & Smartphones */
@media all and (max-width: 980px) {
	.et_pb_section_0:before {margin-bottom: -12vh!IMPORTANT;}
}



/* 
 * BULLET LISTEN 
 * */
li::marker {
	color: #4E89C4;
	font-size: 30px;
}

li {
	margin-bottom: 30px;
}


/* 
 * ÜBER MICH 
 * */
#anker-ueber {visibility: hidden; height: 0px !important; position: absolute; margin: -20vh;} /*Sprungmarke Pixelausgleich */


/* 
 * AKKORDEON BOXEN 
 * */
.et_pb_accordion_item, .et_pb_toggle {
	background-color: #F6FAFF !IMPORTANT;
	border: 0px;
}

.et_pb_toggle_content {
	margin-top: 40px;
}


/* KONDITIONEN */
#anker-konditionen {visibility: hidden; height: 0px !important; position: absolute; margin: 50px;}


/* 
 * KONTAKTFORMULAR 
 * */
#anker-kontakt {visibility: hidden; height: 0px !important; position: absolute;} /*Sprungmarke Pixelausgleich */
.child input, .child textarea {
	background-color: #DDECFC !IMPORTANT;
	border: 0px solid rgb(255, 255, 255, 0) !IMPORTANT;
	margin-bottom: 15px !IMPORTANT;
}
#kontakt-spalte-links {padding-bottom: 300px; margin-right: 0!IMPORTANT;}
#et_pb_contact_name_0 {width: 100%;}

#et_pb_contact_dsgvo_infotext_0 {
	background-color: rgb(255,255,255,0);
}



/*
 * MANUELLE ANPASSUNGEN FÜR KLEINE DESKTOPS
 * */

@media (min-width:981px) and (max-width: 1440px) {
	
	/* Navigation */
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {font-size: 1.2vw !IMPORTANT;} /* Schriftgröße Nav */
	.et_pb_menu__logo-slot {width: 20vw !IMPORTANT;} /* Logo Breite Nav */
	
	/* Typografie */
	h2.buehne-ueberschrift {font-size: 38px !IMPORTANT;}
	h1, h2 {font-size: 32px !IMPORTANT; line-height: 40px !IMPORTANT; margin-top: 0 !IMPORTANT;}
	h3 {font-size: 24px !IMPORTANT;}
	h6 {font-size: 14px !IMPORTANT;}
	.einleitungstext {font-size: 20px !IMPORTANT;}
	p, li {font-size: 16px; line-height: 30px;}
	
	/* Einleitung */
	.et_pb_row {width: 90% !IMPORTANT;}
	.textlinks {width: 55% !IMPORTANT; margin-right: 0 !IMPORTANT;}
	.bildrechts {width: 37% !IMPORTANT;}
	.et_pb_text_3 {margin-top: 0 !IMPORTANT;}
	.et_pb_section_1.et_pb_section {padding-bottom: 80px !IMPORTANT;}
	
	/* Über Mich */
	/* #uebermich-sektion {padding: 230px 0 80px 0;} */
	.et_pb_image_1 {margin-top: 0px !IMPORTANT;}
	/* #uebermich-text {margin-top: -10vw !IMPORTANT;} */
	
	/* Qualifikationen */
	.column_7 { width: 78%!IMPORTANT;}
	 .column_8 {width: 15%!IMPORTANT;}
	
	/* Verfahren */
	/*.et_pb_row_6.et_pb_row, .et_pb_row_6.et_pb_row, .et_pb_row_8.et_pb_row {width: 100% !IMPORTANT;}
	.et_pb_text_16, .et_pb_text_20, .et_pb_text_22, .et_pb_text_25 {width: 90%!IMPORTANT;}*/
	.keinabstandlinks, .et_pb_text_17 {margin-left: 0!IMPORTANT;}
	.bildlinks {width: 37% !IMPORTANT;}
	.textrechts {width: 55% !IMPORTANT;}
	.et_pb_text_18, .et_pb_text_20 {margin-bottom: 100px !IMPORTANT;}
	/*#et_pb_text_3, #et_pb_text_17, #et_pb_text_19, #et_pb_text_21 { margin-top: 0!IMPORTANT;}*/
	.et_pb_image_5, .et_pb_image_3 {left: 8vw!IMPORTANT;}
	/*.et_pb_image_3 {width: 70vw!IMPORTANT;}*/
	.et_pb_section_4.et_pb_section {padding-bottom: 100px!IMPORTANT;}
	
	/* Behandlungsablauf & Honorar */
	#dnxte_flip_box_1-container, #dnxte_flip_box_2-container, #dnxte_flip_box_3-container {margin-right: 1%!IMPORTANT; width: 48%!IMPORTANT;}
	.dnxte_flip_box_1 .dnext-flpb-flibbox-card, .dnxte_flip_box_0 .dnext-flpb-flibbox-card, .dnxte_flip_box_2 .dnext-flpb-flibbox-card {min-height:650px!IMPORTANT;}
	.dnext-flipbox-back-pra > p {font-size: 20px!IMPORTANT;}
	
	/* Kontakt */
	#kontakt-spalte-links {padding-bottom: 300px; margin-right: 0!IMPORTANT;}
	
	.dnxte_feature_list_text_alignment_center {font-size: 14px!IMPORTANT;}
	
	/* Footer */
	.et_pb_image_0_tb_footer {width: 25vw!IMPORTANT;}

}


/* 
 * MOBILE STACK ORDER 
 * */

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
/* https://www.elegantthemes.com/blog/divi-resources/how-to-change-divis-column-stacking-order-on-mobile-devices */
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}






/**
 * SPLIT SECTION FIX
 */

 @media screen and (max-width: 980px) {
  .child .split-section-fix .et_pb_column.et_pb_column_empty {
    display:block;
    min-height: 60vw;
  }

  .child .split-section-fix .et_pb_row:nth-child(2n) {
    display: flex;
    flex-direction: column-reverse;
  }

  .child .split-section-fix .et_pb_column {
    padding-left: 16%;
    padding-right: 16%;
  }

  .child .split-section-fix .et_pb_column .et_pb_text_align_right {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .child .split-section-fix .et_pb_column {
    padding-left: 8%;
    padding-right: 8%;
  }
	 #kontakt-spalte-links {
    padding-bottom: 50px;
}
}

/**
 * THEME BUILDER HEADER FIX
 */
.child.et_fixed_nav.et_show_nav #main-header .et_pb_fullwidth_menu .et_pb_row,
.child.et_non_fixed_nav.et_show_nav #main-header .et_pb_fullwidth_menu .et_pb_row {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 980px) {
  .child.et_fixed_nav #main-header {
    position: fixed; /* Delete this if you don't want a fixed menu on mobile devices! */
  }
}

.child .et_pb_fullwidth_menu .et_pb_menu__search {
  padding: 0 2rem;
  background-color: #fff;
}

/* Fix the upper margin in the Template Builder */
.child header#main-header.et-fb-root-ancestor {
  top: 0 !important;
}

/* Fix the padding at the bottom in the Template Builder */
.child header#main-header #et_pb_root {
  padding-bottom: 0;
}
}

@media (max-width: 980px){
	#main-header .et_mobile_menu li > ul {
		display: none !important;
	}

	#mobile_menu2{
		height: calc(100lvh - 108px);
		overflow-y: scroll;
	}

	#main-header .et_mobile_menu li.selected > ul {
		display: block !important;
	}

	#main-header .et_mobile_menu li{
		position: relative;
	}

	#main-header .et_mobile_menu li span {
		display: inline-block;
		color: black;
		position: absolute;
		right: 0;
		padding: 0;
		padding-inline-end: 16px;
		font-size: 41px;
		line-height: 41px;
		top: 0;
	}

	.icon-plus::before {
		content: "+";
	}
	.icon-minus::before {
		content: "-";
	}
}