/*
 Theme Name: Divi Child
 Description: Divi Child Theme from Abelbeck Kommunikationsdesign for Anette Achtzehnter
 Author: Carsten Abelbeck
 Author URI: https://www.abelbeck.de/
 Template: Divi
 License: All Rights Reserved
 Tags: Divi Child Theme
*/

/* CSS Variables */
:root {
--color-white:#fcf4ea;
--color-black:#271d0c;
--color-primary:#8eb22e;
--color-secondary:#cba05d;
--color-special:#ee8600;
--color-logo:#8eb22e;
--color-text: #005f3c;
--color-text-neg:#f4e8b2;
--color-text-dark:var(--color-text);
--color-headlines:var(--color-text);
--color-bg-light:#fce8db;
--color-bg-middle:var(--color-logo);
--color-bg-dark:var(--color-text);
--color-link: #005a87;
--color-link-hover:var(--color-primary);
--color-link-visited:var(--color-primary);
--color-link-visited:var(--color-text);
}

/* Webfonts */

/* smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* circle image */
.ca-img-circle {-webkit-border-radius:100%; border-radius:100%;}

/* Text Auswahl Farbe */
::selection {
  background: var(--color-text-dark);
  color:var(--color-white);
  /* Safari */ }

/*::-moz-selection {
  background: var(--color-bg-dark);
  color:var(--color-logo);
   Firefox */ }
  
/* Typografie */
body {
	color:var(--color-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6 {
	padding-bottom:1em;
}
h1, #page-container h1, #page-container h1.et_pb_module_heading, h2 {
	color:var(--color-headlines);
}

h3,h4,h5,h6 {
	color:var(--color-headlines);
}

/*
 * Styled sub- and superscripts.
 */
sub, sup {
  font-size: 75%;
  line-height: 100%;
}

sup, sup.ordinal {
  vertical-align: 60%;
	bottom:0em;
}

sub {
  vertical-align: -10%;
}

/*
 * Styled ampersands.
 */
.amp {
  font-size: 1.1em;
  font-style: italic;
  font-weight: normal;
  line-height: 1em;
}

/*
 * Words in caps.
 */
.caps {
  font-size: 90%;
  font-style: uppercase;
}

/*
 * Styled initial quotes.
 */
.dquo {
  margin-left: -0.4em;
}

.quo {
  margin-left: -0.2em;
}

/*
 * Hanging punctuation.
 */
.pull-single {
  margin-left: -0.15em;
}

.push-single {
  margin-right: 0.15em;
}

.pull-double {
  margin-left: -0.38em;
}

.push-double {
  margin-right: 0.38em;
}

/* Spezielle Tags */
dfn {
text-decoration:underline;
}

/* ########################################
Spezielle Styles für Anette Achtzehnter */

blockquote {
	border-color:var(--color-secondary);	
}


/* ######### Modern Footnotes */
.modern-footnotes-footnote {
	padding-left: 2px;
	padding-right: 2px;
    line-height: initial;  
    font-size: 60%;
    font-weight: 900;
}
.modern-footnotes-footnote--selected {
	background: #eee;
	background: var(--color-white);
	border-radius: 5px;
}
.modern-footnotes-footnote__connector {
	background: #000;
	position: absolute;
	width: 0.9px; /* use 0.9px instead of 1px to ensure the element does not look 2 px thick in Firefox in some scenarios */
}
.modern-footnotes-footnote a {
	text-decoration: none;
}
.modern-footnotes-footnote__note {
	display: none;
	font-size: 90%;
	color: var(--text-color-dark);
}
.modern-footnotes-footnote__note a {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    vertical-align: bottom;
}
/* default tooltip style for desktop */
.modern-footnotes-footnote__note--tooltip {
	position: absolute;
    left: 0;
	border: 2px dotted #666;
	background: var(--color-white);
	padding: 0.7em 1em;
	margin-top: 0.5em;
	border-radius: 3px;
	max-width: 300px;
	box-shadow: 1px 1px 5px #fff;
	box-sizing: border-box;
	z-index: 1;
}
.modern-footnotes-footnote__note--tooltip:focus {
	/* remove focus style for tooltip */
	outline: none;
}
/* default expandable style for mobile */
.modern-footnotes-footnote__note--expandable {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}

.modern-footnotes-list {
  list-style-type: none;
  font-size: 0.8em;
  margin: 1em 0;
  padding-left: 0;
}

.modern-footnotes-list li {
  display: flex;
  margin-bottom: 0.3em;
}

.modern-footnotes-list li > span { /* use specific selector so that spans created by shortcodes are not affected */
  margin-right: 1.5em;
  color: var(--text-color-dark);
  /* override CSS that would otherwise break the numbers onto separate lines */
  word-wrap: normal;
  word-break: normal;
}

.modern-footnotes-list--show-only-for-print, .modern-footnotes-list-heading--show-only-for-print {
  display: none;
}
@media print {
  .modern-footnotes-list--show-only-for-print, .modern-footnotes-list-heading--show-only-for-print {
    display: block;
  }
  .modern-footnotes-list--hide-for-print, .modern-footnotes-list-heading--hide-for-print {
    display: none;
  }
}

/* ENDE Modern Footnotes ################ */

/* Spezielle Styles allgemein */

/* Divi-Lightbox */
.mfp-bg {background-color:var(--color-bg-light);}
.mfp-arrow-left .mfp-a, .mfp-arrow-left::after, .mfp-arrow-right .mfp-a, .mfp-arrow-right::after, .mfp-arrow-left .mfp-a, .mfp-arrow-left::after, .mfp-arrow-right .mfp-a, .mfp-arrow-right::after, .mfp-title {
	color: var(--color-text);
}

/* Aus Divi Custom CSS Feld */
/* Header Styles */
#main-header {
  /*background-color: transparent;*/
}

/* Footer Styles */
footer.et-l--footer a, footer.et-l--footer a:hover {
	display:inline-block;
	padding-bottom:2px;
	border-bottom: 1px dotted;	
}

/* 
#########################
Kontaktformular 
#########################
*/
#et_pb_contact_form_0.ca-contactform .et_pb_contact_field input, #et_pb_contact_form_1.ca-contactform .et_pb_contact_field input {
  background-color:transparent;
  border-bottom:1px solid white;
  padding-left:0px;
}
#et_pb_contact_form_0 .et_pb_contact_field input:focus, 
#et_pb_contact_form_0 .et_pb_contact_field textarea:focus,
#et_pb_contact_form_1 .et_pb_contact_field input:focus, 
#et_pb_contact_form_1 .et_pb_contact_field textarea:focus {
  border-bottom:2px dotted white;
} 
.ca-contactform input.input, 
.ca-contactform textarea.input{
  color:var(--color-text-neg);
}
#et_pb_contact_form_0.ca-contactform textarea,
#et_pb_contact_form_1.ca-contactform textarea {
  background-color:transparent;
  border-bottom:1px solid var(--color-white);
  padding-left:0px;
}
#et_pb_contact_form_0.ca-contactform *,
#et_pb_contact_form_1.ca-contactform * {
  font-size:1rem;
}
#et_pb_contact_form_0.ca-contactform .et_contact_bottom_container,
#et_pb_contact_form_1.ca-contactform .et_contact_bottom_container {
  color:var(--color-text-neg);
}
#et_pb_contact_form_0.ca-contactform .et_contact_bottom_container .et_pb_contact_captcha,
#et_pb_contact_form_1.ca-contactform .et_contact_bottom_container .et_pb_contact_captcha {
  background:transparent;
  border:1px solid var(--color-text-neg);
  border-radius:3px;
}
#et_pb_contact_form_0.ca-contactform .et_contact_bottom_container button.et_pb_contact_submit,
#et_pb_contact_form_1.ca-contactform .et_contact_bottom_container button.et_pb_contact_submit {
  border-color:var(--color-text-neg);
  color:var(--color-text-neg);
}
#et_pb_contact_form_0.ca-contactform .et_contact_bottom_container button.et_pb_contact_submit:hover,
#et_pb_contact_form_1.ca-contactform .et_contact_bottom_container button.et_pb_contact_submit:hover {
  border-color:inherit;
  color:inherit;
}
.et-pb-contact-message {
  color: var(--color-text);
}
.ca-contactform .et_pb_contact p input[type="radio"]:checked + label i::before {
  background-color: var(--color-text);
}
.ca-contactform .et_pb_contact p input[type="checkbox"]:checked+label i::before {
    color: var(--color-text);
}
.ca-contactform .et_pb_contact_field_options_title {
	color: var(--color-text-neg);
}
.ca-contactform {
  padding: 1rem;
  background-color:rgba(0,0,0,0.3);
  border-radius: 5px;
}
.ca-contactform.border {
	border: 1px solid #fff;
}

/*Typo */
#page-container h1,#page-container  .et_pb_title_container h1.entry-title{
  color: var(--color-text);
}
/* CA-Hilfsklassen für Container */
.ca-flex-center {
	display:flex;
	align-items:center;	
}
.ca-flexbaseline {
	display:flex;
	align-items:baseline;
}
.ca-flexstart {
	display:flex;
	align-items:flex-start;
}
.ca-flexend {
	display:flex;
	align-items:flex-end;
}
.ca-flexstretch {
	display:flex;
	align-items:stretch;
}

.page .et_pb_post_title h1 {
	/*border-bottom: 0.3em solid #444;
	padding-bottom: 0.35em;*/
 	color:var(--color-headlines);
}
.ca-btnbefore .et_pb_button_module_wrapper:before {
  content: "Mehr dazu:";
  display: blocK;
  margin: 8px 0;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  background: none;
  border-color: transparent;
  border-radius:3px;
  color:var(--color-black);
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:focus {
  background:none;
  border: 1px solid var(--color-black);
  color:var(--color-primary);
}

body, .et_pb_section {
	background-color:var(--color-bg-light);
}

.ca-img-border img {
	border:1px solid var(--color-bg-middle);
	border-radius: 3px;
}

/* CA Typo Helfer */
.ca-intro p, p.ca-intro {
	font-size: 1.3em;
	line-height:1.5em;
	hyphens:auto;
}
.ca-small, small {
	font-size:0.85em;
	line-height:1.2em;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
	padding-top:5%;

}
.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a {
	line-height: 1em;
}

h2 small {
	font-size:16px;
}
.nav-single.clearfix .nav-previous a, .nav-single.clearfix .nav-next a {
  display:none;
}

/*.postid-1062:not .mfp-content .mfp-figure img.mfp-img {
  width: auto;
  max-width: 85%;
}*/

.el_masonry_gallery_lightbox .mfp-img {
	padding:40px;
}

button.mfp-close {
  /*visibility: hidden;*/
}

/* Flex Klassen */
.flex-space-around {
	display:flex;
	flex-flow:row;
	justify-content:space-around;
	flex-wrap:wrap;
}

/* Sonstiges */
dfn {
	text-decoration:underline 1px dotted;
}

/* Post Featured Image Position */
.et_pb_module.et_pb_post_title.et_pb_featured_bg {
  background-position: top;
}

/* ####### Filterable Portfolio ####### */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  background: none;
  border-color: transparent;
  border-radius:3px;
  color:var(--color-black);
}
.et_pb_row .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_row  .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover, .et_pb_row .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:focus {
  background:none;
  border: 1px solid #000;
  color:var(--color-primary);
}

/*
Stile aus Divi Customizer*/

/* #page-container #main-content {
	h1 {
		letter-spacing:2px;
		font-size:18px;
	}
	h1,h2,h3 {
		text-transform: uppercase;
		
	}
	h2, h3 {
		letter-spacing: 1.5px;
	}
	h2, h3, h4 {
		font-size: 16px;
		letter-spacing: 1px;
	}
	h3, h4, h5, h6 {
		font-style:italic;
	}
	h5, h6 {
		font-size: 14px;
		letter-spacing: 1px;
		
	}
}
*/

#main-content article .et_pb_text .et_pb_text_inner h2 ul li:first-child {
	margin-top:0;
}
#main-header ul.sub-menu li  {
  line-height:1.25em;
}
 #main-content a.et_pb_button {
  text-decoration: none;
  /*padding:0.5em 0 0.25em;*/
} 
#main-content .et_pb_text ul li {
	line-height: 1.25;
	margin-bottom: 0.5em;
}
#main-content .et_pb_text .et_pb_text_inner li:first-child{
	margin-top:1em;
}
/*#main-content .et_pb_text ul ~ p{
padding-bottom:0;
}*/
#et-info {float:right;}
.ca-intro, p.ca-intro {
	font-size:calc(1em*1.2);
}
#main-content a {
	text-decoration: underline;
}
#main-content .pac_divi_table_of_contents ul li a {
  text-decoration: none;
}
#main-content .pac_divi_table_of_contents ul li a:hover, #main-content .pac_divi_table_of_contents ul li div:hover {
  color:var(--color-secondary);
}
footer a, footer a:hover  {
	text-decoration: none;
}
/* Canvas Footer #2 */
.canvas-footer-2 .et_pb_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width:980px) {
  .canvas-footer-2 .et_pb_row {
    flex-direction: column-reverse;
  }
  .canvas-footer-2 .et_pb_column.et-last-child {
    order: -1;
  }
}

/* Canvas Text Module Styles (all Text modules) */
.canvas-text.et_pb_text .et_pb_text_inner a:not(:hover) {
  text-decoration-color: transparent;
}

.canvas-text.et_pb_text .et_pb_text_inner a {
  transition: all .3s ease-in-out;
  text-underline-offset: .2em;
}
/*
ENDE Stile aus Divi Customizer
*/


/* Magnific Popup 
abgleichen mit CSS 
.project-template-default .mfp-content figure figcaption .mfp-title {
  color: var(--color-text);
}
*/
/*#main-header {
	border-top: #444 solid 25px;
}*/
/* Magnific Popup 
.mfp-counter, .mfp-title {font-family:roboto; font-weight:400; color:var(--color-bg-middle); font-size:14px;}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
	color: var(--color-bg-middle);
	opacity:.6;
	font-size:40px;
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left::after, .mfp-arrow-right .mfp-a, .mfp-arrow-right::after, .mfp-arrow-left .mfp-a, .mfp-arrow-left::after, .mfp-arrow-right .mfp-a, .mfp-arrow-right::after {
	color: var(--color-bg-middle);
}*/
/* Ratio Portfolio overview 
.et_portfolio_image {
	padding-top:100%;
}
.et_portfolio_image img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	object-fit:cover;
}*/