/*
Theme Name: Gutachter
Description: Child Theme von Divi
Author: Markus Kadelke
Author URI: https://ra-kadelke.de
Template: Divi
Version: 1.0
Tags:
*/
/*Füge deinen Code unter dieser Zeile ein. Nutze ggf. !important, um Styles aus dem Haupttheme zu überschreiben.*/

/* ******************************* */
/* **   Letzte Artikel nöher    ** */
/* ******************************* */

.mk-article-sidebar .et_pb_post {
  margin-bottom: 0 !important;
}

/* ******************************* */
/* **     Text highlighten      ** */
/* ******************************* */

.mk-highlight {
  display: inline !important;
  padding: .0em .2em !important;
  background: #FFC107 !important;
  color: #ffffff;
  box-shadow: .1em 0 0 #FFC107, -.1em 0 0 #FFC107 !important;
  border-radius: 10px !important;
  text-shadow: .05em .05em .08em #8c8c8c;
}

.et_pb_row_0_tb_footer {
  width: 100% !important;
  max-with: 100% !important;
}

.et_pb_section_0_tb_footer .et_pb_row {
  with: 100% !important;
  max-width: 100% !important;
}

/* ******************************* */
/* **     Text reveal           ** */
/* ******************************* */

.mk-reveal {
  position: relative;
}
.mk-reveal-inner {
  animation: lr-content 360ms;
  animation-delay: 1890ms;
  animation-fill-mode: forwards;
  opacity: 0;
}
.mk-reveal::before {
  content: '';
  background: rgba(25,178,210,1);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  animation: lr-bar 750ms;
  animation-fill-mode: both;
  animation-delay: 1500ms;
  animation-timing-function: cubic-bezier(0.500, 0.250, 0.500, 0.750);
}

@keyframes lr-bar {
  0% { transform-origin: center left 0px; transform: scaleX(0); }
  36% { transform: scaleX(1); transform-origin: center left 0px; }
  54% { transform: scaleX(1); transform-origin: center right 0px; }
  90% { transform: scaleX(0);  transform-origin: center right 0px; }
  100% { transform: scaleX(0);  transform-origin: center right 0px; }
}

@keyframes lr-content {
  0% { opacity: 1; }
  100% { opacity: 1; }
}

/* ********************************* */
/* **  FAQ themen                 ** */
/* ********************************* */

.mk-accordion-menu {
	display: inline-block;
        position: relative;
	left: 50%;
	margin: 0;
	transform: translate(-50%, 0);
	max-width: 600px;
        padding: 10px 20px 20px;
	border-radius: 5px;
}
.mk-accordion-menu h3 {
	font-size: 18px;
	line-height: 34px;
	font-weight: 500;
	letter-spacing: 1px;
	display: block;
	margin: 0;
        cursor: pointer;
        color: #6c6c6a;
}
.mk-accordion-menu p {
	color: rgba(48, 69, 92, 0.8);
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	max-height: 800px;
	opacity: 1;
	transform: translate(0, 0);
	/* margin-top: 14px; */
        margin-top: 0;
	z-index: 2;
}
.mk-accordion-menu ul {
	list-style-type: none !important;
	/* perspective: 900; */
	padding: 1em !important;
        margin: 0;
        background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 
	0 2px 2px 0 rgba(255, 255, 255, 0.19);
}
.mk-accordion-menu ul li {
	position: relative;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
	/* padding-top: 18px; */
        padding-bottom: 0;
        border-top: 1px dotted #dce7eb;
}

.mk-accordion-menu ul li:nth-child(1){ border:none; }
.mk-accordion-menu ul li:nth-of-type(1) { animation-delay: 0.5s; }
.mk-accordion-menu ul li:nth-of-type(2) { animation-delay: 0.75s; }
.mk-accordion-menu ul li:nth-of-type(3) { animation-delay: 1.0s; }
.mk-accordion-menu ul li:nth-of-type(4) { animation-delay: 1.0s; }
.mk-accordion-menu ul li:nth-of-type(5) { animation-delay: 1.0s; }
.mk-accordion-menu ul li:last-of-type { padding-bottom: 0; }

.mk-accordion-menu ul li .mk-arrow {
	position: absolute;
	transform: translate(-6px, 0);
	/* margin-top: 16px; */
        margin-top: 0;
	right: 0;
}
.mk-accordion-menu ul li .mk-fas{
	color:#f6483b;
	font-size: 15px;
	margin-right: 10px;
}
.mk-accordion-menu ul li .mk-arrow:before, ul li .mk-arrow:after {
	content: "";
	position: absolute;
	background-color: #f6483b;
	width: 3px;
	height: 9px;
}
.mk-accordion-menu ul li .mk-arrow:before {
	transform: translate(-2px, 0) rotate(45deg);
}
.mk-accordion-menu ul li .mk-arrow:after {
	transform: translate(2px, 0) rotate(-45deg);
}
.mk-accordion-menu ul li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
        z-index: 1;    
        opacity: 0;
}
.mk-accordion-menu ul li input[type=checkbox]:checked ~ p {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}
.mk-accordion-menu ul li input[type=checkbox]:checked ~ .mk-arrow:before {
	transform: translate(2px, 0) rotate(45deg);
}
.mk-accordion-menu ul li input[type=checkbox]:checked ~ .mk-arrow:after {
	transform: translate(-2px, 0) rotate(-45deg);
}
.mk-accordion-menu .mk-transition, p, ul li .mk-arrow:before, ul li .mk-arrow:after {
	transition: all 0.25s ease-in-out;
}

.mk-accordion-menu .flipIn, h1, ul li {
	animation: flipdown 0.5s ease both;
}
.mk-accordion-menu .no-select, h2 {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
 	user-select: none;
}
@keyframes flipdown {
	0% {
		opacity: 0;
		transform-origin: top center;
		transform: rotateX(-90deg);
	}

	5% { opacity: 1; }

	80% { transform: rotateX(8deg); }

	83% { transform: rotateX(6deg); }

	92% { transform: rotateX(-3deg); }

	100% {
		transform-origin: top center;
		transform: rotateX(0deg);
	}
}

/* ********************************* */
/* **  Inhaltsverzeichnis themen  ** */
/* ********************************* */

/*.wp-block-rank-math-toc-block { */
.wp-block-wpseopress-table-of-contents {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    padding: 20px;
    width: auto;
}

/* .wp-block-rank-math-toc-block ul { */
.wp-block-wpseopress-table-of-contents ul {
    list-style: none !important;
    counter-reset: mk-toc;
    padding-left: 0;
}

/*.wp-block-rank-math-toc-block ul li { */
.wp-block-wpseopress-table-of-contents ul li {
    counter-increment: mk-toc;
    margin: 0.5rem;
}

/* .wp-block-rank-math-toc-block ul li::before { */
.wp-block-wpseopress-table-of-contents ul li::before {
    content: counter(mk-toc);
    background: #662974;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 2rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
}

/*
.wp-block-wpseopress-table-of-contents {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    padding: 20px;
    width: auto;
}

.wp-block-wpseopress-table-of-contents ol {
    list-style: none !important;
    counter-reset: my-counter;
}

.wp-block-wpseopress-table-of-contents li {
    counter-increment: my-counter;
    margin: 0.5rem;
}

.wp-block-wpseopress-table-of-contents li:before {
    content: counter(my-counter);
    background: #662974;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 2rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
}

.wp-block-wpseopress-table-of-contents ol ol li:before {
    background: #DE51FF;
}

.wp-block-wpseopress-table-of-contents ol ol ol li:before {
    background: #EE9EFF;
}
*/

/* ******************************* */
/* ** Padding für die Textboxen ** */
/* ******************************* */
.dsm-content {
  padding: 0 1em 0 1em !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

/* ************************** */
/* ** CSS FOR CONTACT FORM ** */
/* ************************** */
.mk-form {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.mk-form-left {
    display: flex;
    flex-flow: column;
    /* background: lightblue; */
    padding: 1em;
    width: 50%;
}

.mk-form-left > * {
    flex: 1 1 0;
}

.your-accident {
    width:100%;
}

.your-message {
    width:100%;
}

.mk-form-right {
    /* background: #ccc; */
    padding: 1em;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}