/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child Theme
 Author:         Tobias Woelky
 Author URI:     https://www.woelky-grafik.de
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/***** Schriften *****/

/* Doering */
@font-face {
  font-display: swap;
  font-family: 'doering-social';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child/fonts/doering-social/doering-social.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child/fonts/doering-social/doering-social.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* marcellus-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: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child/fonts/marcellus/marcellus-v14-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child/fonts/marcellus/marcellus-v14-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* pontano-sans-300 - 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: 'Pontano Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pontano-sans-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: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pontano-sans-500 - 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: 'Pontano Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pontano-sans-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: 'Pontano Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pontano-sans-700 - 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: 'Pontano Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/Divi-Child/fonts/pontano-sans/pontano-sans-v19-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


 /***** Grundlagen *****/

:root {
  	--corporate: #640000;
  	--corporate2: #282823;
	--hellrot: #861A1B;
	--gold: linear-gradient(90deg,rgba(211, 168, 76, 1) 0%, rgba(164, 122, 30, 1) 15%, rgba(255, 236, 148, 1) 33%, rgba(230, 190, 105, 1) 50%, rgba(149, 109, 19, 1) 67%, rgba(181, 143, 62, 1) 85%, rgba(255, 216, 124, 1) 100%);
	--rotverlauf: linear-gradient(90deg,rgba(133, 0, 0, 1) 0%, rgba(100, 0, 0, 1) 66%, rgba(133, 0, 0, 1) 100%);
	--kontrast: #000000;
} 

@media only screen and (min-width: 981px) {
	
	:root {
	/* Clamp-Viewports: 981/2300/18px */
	--bodytext: clamp(1rem, 0.7769rem + 0.4094vw, 1.3rem);
	--subhead: clamp(1.111rem, 0.781rem + 0.607vw, 1.556rem);
	--h1-text: clamp(1.3rem, 1.0025rem + 0.5459vw, 1.7rem); 
	--h2-text: clamp(2rem, 1.256rem + 1.365vw, 3rem);
	--h3-text: clamp(1.556rem, 1.225rem + 0.607vw, 2rem);
	--h4-text: clamp(0.889rem, 0.558rem + 0.607vw, 1.333rem);
	} 
}

@media only screen and (max-width: 980px) {
	
	:root {
	/* Clamp-Viewports: 360/980/18px */
	--bodytext: clamp(1rem, 0.8258rem + 0.8710vw, 1.3rem);
	--subhead: clamp(1.1rem, 0.9258rem + 0.8710vw, 1.4rem);
	--h1-text: clamp(1.111rem, 0.853rem + 1.29vw, 1.556rem); 
	--h2-text: clamp(1.778rem, 1.358rem + 2.097vw, 2.5rem);
	--h3-text: clamp(1.4rem, 0.7032rem + 3.4839vw, 2.6rem);
	--h4-text: clamp(1.2rem, 0.5032rem + 3.4839vw, 2.4rem);
	} 
}

p, .et_pb_blurb_description {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
   	hyphenate-limit-lines: 2;
}


/***** Externe Linkkennzeichnung *****/
.et_pb_text a[href^="http://"]:not([href*="www.lektorat-medo.de"]):before,
.et_pb_text a[href^="https://"]:not([href*="www.lektorat-medo.de"]):before {
	font-family: 'doering-social';
	content: "f";
	display:inline-block;
	padding-left:3px;
	padding-right:5px;
	vertical-align: 1px;
	font-size:0.8em;
	opacity: 0.7;
}

p, ul {font-size: var(--bodytext);}

b, strong {
	font-weight: 700;
	}

.start-heading h1 {
	font-family: 'Pontano Sans', serif!important;
	font-size: var(--h1-text)!important;
	line-height: 1.7em;
	margin-bottom: 1em;
	display: inline-block;
	padding: 5px 10px;
	background: var(--rotverlauf);
}

h2 {
	font-size: var(--h2-text)!important;
	line-height: 1.2em;
}

.h2-dark h2 {
	font-size: var(--h2-text);
	line-height: 1.2em;
	display: inline-block;
	padding: 5px 10px;
	background: var(--corporate2);
}

.h2-red h2 {
	font-size: var(--h2-text);
	line-height: 1.2em;
	display: inline-block;
	padding: 5px 10px;
	background: var(--corporate);
}

h3 {
	font-size: var(--h3-text)!important;
	line-height: 1.3;
	color: var(--corporate2)!important;
	margin-bottom: .5em;
}

h3:after {
	background: none repeat scroll 0 0 var(--corporate);
	bottom: -12px;
	content: "";
	display: block;
	height: 20px;
	position: relative;
	width: 100px;
	padding-bottom: 3px;
}


h4 {
	font-family: 'Merriweather', sans-serif!important;
	font-size: var(--h4-text)!important;
	line-height: 1.3;
	color: var(--signal)!important;
}

td, th, .entry-content tr td {
	border: none;
	padding: 3px;
}

.subhead p {
	font-size: var(--subhead);
	line-height: 1.6;
	margin-left: 3em;
}

.subhead-center p {
	text-align: center;
	font-size: var(--subhead);
	line-height: 1.6;
}

.fussnote p {
	font-size: .8em;
	text-align: center;
	color: var(--corporate2);
}

/****** Effekt für das Einblenden des Sticky-Menu *****/
@keyframes fadeInOpacity {
	0% {opacity: 0}
	100% {opacity: 1}
}

/* Goldene Linien */

.gold-top {
	border-top: 3px solid transparent;
	border-image: var(--gold) 1;
}

.gold-bottom {
	border-bottom: 3px solid transparent;
	border-image: var(--gold) 1;
}

/* Scrollbutton */

.et_pb_scroll_top.et-pb-icon {
	color: black;
	background: var(--gold);
	-webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.3);
}

/* Vertikales Zentrieren */

.vertical-center {
 display: flex;
  justify-content: left;
  align-items: center;
  height: 100%;
}

/**************************************************************************************
************************************ HEADER *******************************************
**************************************************************************************/

/* Submenu (Java Script) */

.menu-fade:first-child {display:none!important}

.menu-fade {
	background-color: black;
	border: 1px solid white;
	border-radius: 0 100px 100px 0;
	overflow: hidden;
	padding-top: 5px !important;
	padding-right: 15px !important;
	padding-bottom: 5px !important;
	padding-left: 20px !important;
	margin-bottom: 8px!important;
	-webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
	-webkit-transition: all .2s linear;
	transition: all .2s ease-in-out;
	}

.menu-fade p {
	font-size: .9em;
	color: white;
	text-align: right!important;
}

.ds-menu-active, .menu-fade:hover {
	background-color: var(--corporate);
	-webkit-transform: translateX(20px) translateY(0px) !important;
	transform: translateX(20px) translateY(0px) !important;
	-webkit-transition: all .2s linear;
	transition: all .2s ease-in-out;
	}

/***** Hauptmenü-Styling *****/

@media only screen and (min-width: 981px) {
	
	#et-top-navigation {
		float: none;
		padding-left: 0!important;
		transform: translate(50%, -25%);
	}
	
	#top-menu-nav {width: 50%}
}

#logo {max-width: 250px}

#et-top-navigation nav > ul > li {padding-top:15px!important}
#et-top-navigation nav > ul > li > a {padding-bottom: 10px!important;}
#et-top-navigation {font-weight: 400}

#top-menu li {padding-right: 1.5em;}

/***** Hover-Effect im Menü *****/
#top-menu li a::before {
	content: "";
	position: absolute;
	z-index: -2;
	left: 0;
	right: 100%;
	bottom: -8px;
	background: rgba(255,255,255,0.2);
	height: 8px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	}
#top-menu li a {font-size: var(--bodytext)!important}
#top-menu li a:hover {opacity: 1 !important}
#top-menu li a:hover::before {left: 0; right: 0}
#top-menu li li a::before {bottom: 10%}

#top-menu li.current_page_item > a {border-bottom: 8px var(--corporate) solid;}

/***** Fixierter Header *****/
.et-fixed-header #logo {
	content: url(/wp-content/uploads/2025/12/Logo-Lektorat-Medo_weiss.svg);
  	top: initial;
  	left: initial;
  	max-width: 200px!important;
}

.et_header_style_left #et-top-navigation .mobile_menu_bar {
  padding-bottom: 0;
}

#main-header.et-fixed-header {
	background: var(--rotverlauf);
	border-bottom: 3px solid;
	border-image: var(--gold) 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: .5s;
}

.et-fixed-header #top-menu li a {font-size: calc(var(--bodytext) - .2em)!important}
.et-fixed-header .et_menu_container {margin-top: initial; transition: all 0.5s ease}
.et-fixed-header #top-menu li a::before {
	bottom: 1px;
	background: var(--hellrot);
	height: 30px;
}

.et-fixed-header #top-menu li a:hover::before {left: -5px; right: -5px}

.et-fixed-header #et-top-navigation {padding: 25px 0 15px 0!important}
.et-fixed-header #et-top-navigation nav > ul > li {padding-top: 15px!important}
.et-fixed-header #top-menu {position:initial}

.et-fixed-header #top-menu li.current-menu-item > a, 
.et-fixed-header #top-menu li.current_page_item > a {border-bottom: none;}
.et-fixed-header #top-menu li.current-menu-item > a::before, 
.et-fixed-header #top-menu li.current_page_item > a::before {
	left: -5px; 
	right: -5px;
	bottom: 1px;
	background: rgba(0,0,0,.3);
	height: 30px;
}

/***** Submenue *****/
.sub-menu li a::before {content: initial!important}
.nav li ul {border-top: 0; box-shadow: 0px 1px 2px rgba(0,0,0,.1);}
#top-menu li li a:hover {background-color: var(--corporate)}
#main-header .nav li ul a:hover {color: #fff!important}
#top-menu li li.current-menu-item > a {color: white!important}
.et-fixed-header #top-menu li.current-menu-item > a, .et-fixed-header #top-menu li.current_page_item > a {color: initial!important}
#top-menu li li.current-menu-item {background-color: var(--signal); padding: 0; margin: 0 20px;}
.et-fixed-header #top-menu li li.current-menu-item > a {color: white!important}
#main-header .nav ul li a:hover {opacity: 1}
#top-menu li li a {font-size: calc(var(--bodytext) - .2em)!important; width: 250px}
.nav li ul {width: auto;}

/***** Burger-Menü *****/

.mobile_menu_bar::before {
	font-size: 2.2em;
	background: var(--corporate);
	color: white!important; 
	border-radius: 7px;
    }

.mobile_nav.opened .mobile_menu_bar::before {
    font-family:'ETmodules'!important;
    content:'\4d';
    }

/***** Sub Menu Mobile *****/

.et_mobile_menu {border-width: 0px}

.et_mobile_menu li a {
    font-size: initial;
	text-decoration: none !important;
}

.et_mobile_menu li a:hover {text-decoration: none}

/********** Button **********/
.et_pb_button {
	font-size: calc(var(--bodytext) + .2em)!important;
	color: white;
	background: var(--rotverlauf) padding-box, var(--gold) border-box;
	border: 2px solid transparent;
	border-radius: 40px;
	margin: 20px 0;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
	-webkit-transition-duration: .5s;
  	transition-duration: .5s;
}

.et_pb_button:hover {
	color: black;
	background: var(--gold) padding-box, linear-gradient(black,black) border-box;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
	-webkit-transition-duration: .5s;
  	transition-duration: .5s;
  	-webkit-transition-property: all !important;
  	transition-property: all !important;
}

/**************************************************************************************
******************************** SEITENELEMENTE ***************************************
**************************************************************************************/

/*************************************************************************
*****************+++*********** Sektion 1 *****+++************************
*************************************************************************/

#sektion1 {
	padding-top:0!important; 
	padding-bottom: 0px;
	background-image: linear-gradient(90deg,#141411 0%,#282823 40%,#000000 100%) !important;
}

#sektion1 .einleitung {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100vw;
	max-width: 100vw;
	height: 85vh;
	z-index: 100;
	position: relative;
	background-image: linear-gradient(90deg,#141411 0%,#282823 40%,#000000 100%);
}

.background-icon {
	mix-blend-mode: multiply;
 	backface-visibility: hidden;
	filter: opacity(20%);
	width: 100%;
	max-width: 35%;
	position: absolute !important;
	bottom: 4%;
	top: auto;
	right: 38vw;
	left: auto;
	text-align: left;
	margin-left: 0;
}


/********** Position der Seitentitel **********/

.start-heading {
	padding-bottom: 2vh;
 	position: absolute;
	bottom: 4%;
	top: auto;
	left: 50%;
	right: auto;
	width: 40%;
	max-width: 768px;
}

/********** Text über Backgroundbildern **********/

.image-bulb {
	backdrop-filter: blur(10px);	
	-webkit-backdrop-filter: blur(10px);
}
.bulb h3, .bulb p {
	color: white!important; 
	text-align: center
}

.bulb h3:after {
	background: none;
	bottom: 0;
	content: "";
	display: initial;
	height: 0;
	position: initial;
	width: 0;
	padding-bottom: 0;
}

.bulb {
	width: 100%;
	max-width: 280px;
	position: absolute !important;
	top: 50%;
	bottom: auto;
	left: 50%;
	right: auto;
	transform: translateX(-50%) translateY(-50%);
}

.bulb .et_pb_main_blurb_image {
	background-color: RGBA(255,255,255,0);
}

/********** Hintergrundbilder *********/
.backgroundimage {
	width: 100vw;
	max-width: none!important;
	height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 0!important;
}

.backgroundpattern {
	width: 100vw;
	max-width: none!important;
	height: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

/********** Infoboxen *********/
.infobox {
	padding: 2em;
	border-radius: 20px 0;
	height: 100%;
}

.bottom-space .infobox {
	padding-bottom: 5em;
}

.infobox .et_pb_text_inner {height: 100%}

.infobox em {
	font-size: .9em; 
	line-height: 1.5!important;
	font-weight: 700;
	text-align: center!important;
	color: black;
	display: block;
	background: var(--gold);
	padding: 2px 10px;
	border-radius: 10px 0;
	position: absolute;
	top: auto;
	bottom: -3em;
	left: auto;
	right: 0;
}

.infobox h3, .infobox li {color: white!important}
.infobox h3:after {
	background: none repeat scroll 0 0 rgba(255,255,255,.5);
	bottom: -12px;
	content: "";
	display: block;
	height: 20px;
	position: relative;
	width: 100px;
	padding-bottom: 3px;
}

.infobox p {
	color: white;
}

/********** Zitat **********/
.zitat {
	padding: 0 10%;
	text-align: center;
}

.zitat p {
	font-family: "Marcellus", sans-serif;
	font-size: calc(var(--bodytext) + 0.5em);
	line-height: 1.7;
	color: white;
}

/********** Blogbeiträge (Startseite) **********/

#aktuelles .post-content p, #aktuelles .headline p {color: white!important}
#aktuelles .post-meta, #aktuelles .post-meta a {color: black!important}
#aktuelles .post-meta {
	background: var(--gold);
	/*border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-image: var(--gold) 1; */
	padding: 10px 0;
	margin: 2% 0 4% 0;
}

#aktuelles .pa-blog-equal-height .entry-title {
	color: white!important;
	margin-bottom: 0;
}

#aktuelles .pa-blog-equal-height h3::after {
  background: none;
  bottom: initial;
  content: initial;
}

/* 3 Spalten Gleiche Höhe */
.pa-blog-equal-height .et_pb_ajax_pagination_container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	column-gap: 2.5em;
	margin-bottom: 2em;
}

/*.pa-blog-equal-height .et_pb_ajax_pagination_container div {grid-column: 1 / -1}*/

.pa-blog-equal-height .et_pb_post div.post-content a.more-link {position: absolute; bottom: 0} 
.pa-blog-equal-height .post-content {padding-bottom: 5em}
/* Ende: Gleiche Höhe */

/********** Beitragsbild auf der Startseite ***********/

#aktuelles .newsfeed .entry-featured-image-url {
	padding-top: 75%;
	display: block;
	background-color: var(--corporate);
}

#aktuelles .newsfeed .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center top;
}

/***** Layout des Mehr-Lesen-Buttons *****/

.et_pb_post a.more-link { content: "Ihr neuer Text"!important }

a.more-link, .et_pb_posts a.more-link {
	font-size: .9em;
	color: white;
	background: var(--rotverlauf) padding-box, var(--gold) border-box;
	border: 2px solid transparent;
	border-radius: 40px;
	padding: 5px 20px;
	margin: 1em 0;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
	-webkit-transition-duration: .5s;
  	transition-duration: .5s;
}

a.more-link:hover {
	color: black;
	background: var(--gold) padding-box, linear-gradient(black,black) border-box;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
	-webkit-transition-duration: .5s;
  	transition-duration: .5s;
  	-webkit-transition-property: all !important;
  	transition-property: all !important;
}

/*************************************************************************
**************************** KONTAKTFORMULAR *****************************
*************************************************************************/

/* Textfarbe der Placeholder */
.forminator-ui .forminator-input, 
.forminator-ui .forminator-textarea {
	background-color: #ffffff!important;
	border: 2px solid var(--corporate)!important;
	border-radius: 10px!important;
	font-size: var(--bodytext)!important;
	padding: 10px!important;
}

.forminator-input::placeholder, .forminator-textarea::placeholder, input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
  color: var(--corporate2)!important;
}

.forminator-ui input:focus::placeholder, .forminator-ui textarea:focus::placeholder, .forminator-description {
    color: rgba(0,0,0,0.3)!important;
	font-size: 0.8em;
}

.forminator-ui #html-1 p {font-size: 0.9em; line-height: 1.5}

/* Button */
.forminator-ui .forminator-button-submit {
	font-size: calc(var(--bodytext) + .2em)!important;
	color: white;
	background: var(--rotverlauf) padding-box, var(--gold) border-box;
	border: 2px solid transparent;
	border-radius: 40px;
	padding: .5em 1em;
	margin: 20px 0;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
	margin-bottom: 1.5em!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	}

.forminator-ui .forminator-button-submit:hover {
  	color: black;
	background: var(--gold) padding-box, linear-gradient(black,black) border-box;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5); 
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
	-webkit-transition-duration: .5s;
  	transition-duration: .5s;
  	-webkit-transition-property: all !important;
  	transition-property: all !important;
}

/* Versand-Rückmeldungen */

.forminator-response-message, .forminator-response-message p {font-size: var(--bodytext)!important; color: white!important}
	
.forminator-response-message.forminator-success {
  background-color: #008237!important;
  box-shadow: none!important;
}

.forminator-response-message.forminator-error {
  background-color: var(--corporate)!important;
}

.forminator-label, .forminator-radio-label {font-size: var(--bodytext)!important}
.forminator-label {padding-bottom: .8em!important}

.datenschutzbestimmung p {
	font-size: 85%;
	line-height: 1.5;
}

/*************************************************************************
*********************** BEITRAGSSEITEN / ARCHIV **************************
*************************************************************************/

/* Stlying Beitragsauszug */
.bloggrid .et_pb_post h2 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.post-meta, .post-meta a {text-align: center}
.post-meta {
	border-top: 1px solid var(--kontrast); 
	border-bottom: 1px solid var(--kontrast);
	padding: 5px 0!important;
	margin: 4% 0;
}

.et_pb_blog_grid h2 {
	font-size: 2em!important;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
}

.et_pb_bg_layout_light .et_pb_post p {color: black}

/* Seitenleiste */
.et_pb_widget_area_left, .et_pb_widget_area_left a {
	border-right: none;
	padding-right: 0;
}

.et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget {
	margin-bottom: 20px;
}

/* Verringert die Zeilenhöhe in der Seitenleiste */
.et_pb_widget_area ul li {line-height: 1.3; font-size:0.8em}
.et_pb_widget ul li {margin-bottom: .4em}

.et_pb_widget li a:hover {
	color: var(--corporate);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

/* Einzelbeitrag */
.posttitel-single .et_pb_title_meta_container {
	color: white!important;
	opacity: 1;
	text-align: center;
	background: var(--rotverlauf);
	padding: 10px 0!important;
	margin-top: 1em;
}

.h2-dark .entry-title {
	margin: 1em 0 .5em 0;
}

.et_pb_title_meta_container {
	color: var(--corporate2)!important;
	opacity: .5;
}

/****** Einzelbeitrag ******/

#tagung .et_pb_row {width: 100%}
.bezeichnung {margin-bottom: 10px!important}
.bezeichnung .et_pb_text_inner p {font-family: 'Merriweather', serif; font-size: var(--h3-text); color: var(--corporate); text-transform: uppercase; text-align: center}

/***** Achivseiten *****/

/**** Bild links, Text rechts (Fullwidth) ****/

@media only screen and (min-width: 768px) {
    .blogfullwidth .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 16%;
        margin-right: 4%;
    }
     .blogfullwidth .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 20%;
    }
}
	
	.blogfullwidth .et_pb_post h2 {
		text-align: left; 
		font-size: calc(var(--bodytext) + 25%)!important;
		margin-top: 0;
		margin-bottom: .3em;
	}
	.blogfullwidth .et_pb_post .post-meta {
		font-size: calc(var(--bodytext) - 20%)!important;
		border: none;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: left;
	}
	
	.blogfullwidth.et_pb_posts a.more-link, .blogright.et_pb_posts a.more-link {
		display: inline-block!important;
		margin-top: 1.5em;
	}
	
	.blogfullwidth .et_pb_post {
		border-bottom: 1px solid var(--corporate2);
		padding-bottom: 35px;
		margin-bottom: 35px;
	}
	
	.blogfullwidth .et_pb_post:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	.blogright .et_pb_post {margin-bottom: 1em}

	.blogright .et_pb_post h2 {
		text-align: left; 
		font-size: var(--bodytext)!important;
		font-weight:700;
		color: var(--corporate);
	}

	.blogright .et_pb_post .post-meta {
		font-size: calc(var(--bodytext) - 25%)!important;
		margin: .3em 0 1em 0;
		text-align: left;
	}

	.blogright .et_pb_post p {
		font-size: .9em!important;
		line-height: 1.5;
	}


	/* Spaltenhöhe der Blog-Grids */

	@media only screen and (min-width: 768px) {
		.bloggrid .et_pb_post {min-height: 550px;}
	}

	.bloggrid .et_pb_image_container {margin: 0px}

	/* Beitragsbild */
	.bloggrid .entry-featured-image-url {
		padding-top: 55%;
		display: block;
	}

	.bloggrid .entry-featured-image-url img {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
		object-position: center top;
	}

	/* Stlying Gridarchiv */

	.bloggrid .post-meta {font-size: .9em!important; margin: 4% 0 6% 0;}
	.bloggrid .post-content-inner {margin-bottom: 8%}
	.bloggrid .post-content {margin-bottom: 4%}

	/***** Seitenleiste *****/

	.et_pb_widget h3 {font-size: calc(var(--h3-text) - 30%)!important}
	.et_pb_column .et_pb_widget {width: 100%;}

/*************************************************************************
******************************** AKKORDEON *******************************
*************************************************************************/
.et_pb_toggle {margin-bottom: 0!important}
.et_pb_toggle .et_pb_toggle_title {padding: 0 0 0 40px}
.et_pb_toggle .et_pb_toggle_title::before {
	right: auto;
	left: 0;
	font-size: 0.8em;
	top: .8em;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f"!important;
}

/*************************************************************************
*************************** REFERENZEN (Slider) **************************
*************************************************************************/
.et_pb_slide_description {
	padding: 3% 4% 8% 4%!important; 
	text-shadow: none!important
}

.et_pb_slide h3::after {
  background: none;
  bottom: initial;
  display: initial;
  height: initial;
  position: initial;
  width: 0;
  padding-bottom: 0;
}

/*************************************************************************
********************************* FOOTER *********************************
*************************************************************************/

#footer-widgets .et_pb_widget {float: none}
#footer-widgets .footer-widget .fwidget {margin-bottom: 0.5em!important}
#footer-widgets .footer-widget p, #footer-widgets .footer-widget ul li {font-size: calc(var(--bodytext) - 0.2em); line-height: 1.5em; margin-bottom: 0}
#footer-widgets .footer-widget .wp-block-heading {
	font-family: 'Marcellus', sans-serif!important;
	font-size: calc(var(--bodytext) + .1em)!important;
	line-height: 1.3em; 
	padding-bottom: 0;
}
#footer-info {font-size: calc(var(--bodytext) - 0.3em);}

/* Logo im Footer */
#footer-widgets .wp-block-image img {
	padding-bottom: 15px; max-width: 80%;
}

@media (min-width: 981px) {
	
	#footer-widgets .footer-widget {
    width: 18.875%;
	}
	#footer-widgets .footer-widget:first-child {
    width: 26.875%;
	}
}

#footer-widgets .footer-widget ul li::before {display: none}
#footer-widgets .footer-widget li {padding-left: 0px}

#main-footer .footer-widget a:hover {text-decoration: underline;}

#footer-bottom {
	background: var(--rotverlauf) padding-box, var(--gold) border-box;
	border-top: 3px solid transparent;
}

/* Social-Icons im Footer (-> Links finden sich in includes/social-icons.php) */
.et-social-linkedin a.icon:before {
	position: relative;
	top: -1px;
	content: "a";
	font-family: "doering-social"!important;
	font-size: 1.15em;
}

.et-social-xing a.icon:before {
	position: relative;
	top: -1px;
	content: "x";
	font-family: "doering-social"!important;
	font-size: 1.15em;
}

.et-social-bluesky a.icon:before {
	position: relative;
	top: -2px;
	content: "b";
	font-family: "doering-social"!important;
	font-size: 1em;
	
	margin-top:-5px;
}

.et-social-threads a.icon:before {
	position: relative;
	top: -2px;
	content: "t";
	font-family: "doering-social"!important;
	font-size: 1em;
}

.et-social-lektoratsverzeichnis a.icon:before {
	position: relative;
	top: -2px;
	content: "c";
	font-family: "doering-social"!important;
	font-size: 1em;
}

.et-social-texttreff a.icon:before {
	position: relative;
	top: -2px;
	content: "u";
	font-family: "doering-social"!important;
	font-size: 1em;
}


/************************************************************************** TABLET **************************************************************************/

@media only screen and (min-width: 767px) and (max-width: 980px) {
	
	h3 {font-size: calc(var(--h3-text) - .7em)!important}
	
	/**** Seitenleiste *****/
	.et_pb_widget h3 {font-size: calc(var(--h3-text) - 70%)!important}
	
	/*************************************************************************
	********************************* FOOTER *********************************
	*************************************************************************/
	#footer-widgets .footer-widget {text-align: center}
	#footer-widgets .footer-widget:first-child {width: 100%!important; margin-right:0;}
	#footer-widgets .footer-widget:nth-child(2n) {width:100%!important; margin-right: 0% !important;}
	#footer-widgets .footer-widget:last-child {width:45%!important; margin-right: 0 !important;}
	#footer-widgets .wp-block-image img {max-width: 50%}
	#footer-widgets .footer-widget p {font-size: initial}
	#footer-widgets {padding-bottom: 15%}

}


@media only screen and (max-width: 980px) {
	
	/********** Navigation **********/
	
	.start-heading {
		left: 10%;
		width: 80%;
		max-width: initial;
	}
	
	/********** Sektion 1 – Background-Icon **********/
	.background-icon {
		max-width: 60%;
		bottom: 18%;
		right: auto;
		left: 2%;
	}
	/** Ende **/

	#themen h3, #themen p {text-align: center;}
	
	#themen h3:after {
		margin-left: auto;
		margin-right: auto;
	}
	
	/***** Infobox *****/
	h3:after, .infobox h3:after {
		bottom: -10px;
		height: 15px;
		width: 80px;
	}
	
/* Reihenfolger der Spalten ändern (Bild über Text) */

	.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;
	}
 
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
		padding-bottom: 30px;
	}

	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
		margin-bottom: 0;
	}
 

/* Spalten zusammenhalten */
	
	.two-columns .et_pb_column {width: 48.5%!important;}
	.two-columns .et_pb_column:first-child {margin-right: 3%!important}
	
	.custom-width .et_pb_column {width: 80%}

	
/***** Mobiles Menue (Tablet) ******/
	
	/********** Header **********/
	#main-header {padding-top:20px}
	#main-header.et-fixed-header {padding-top:0px!important}
	#logo {max-height: 100%!important}
	.et_pb_svg_logo #logo {height: auto}

	/***** Fixiert den Header *****/
	
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
		-webkit-transition: all 0.7s ease !important;
		-moz-transition: all 0.7s ease !important;
		-o-transition: all 0.7s ease !important;
		-ms-transition: all 0.7s ease !important;
		transition: all 0.7s ease !important;
	}
	.et-fixed-header #logo {
		height: 50%!important;
		max-height: 100%!important;
		margin-top: 0;
	}
	
	/***** Menü-Layout *****/
	
	ul#mobile_menu.et_mobile_menu {
		background-color: var(--corporate);
		top: 104px;
		left: auto;
		right: 0;
		border: 3px solid;
		border-image: var(--gold) 1;
		width: 60%;
		text-align: right;
	}
	
	.et_mobile_menu li a:hover, .nav ul li a:hover {
  		background-color: rgba(0,0,0,.2);
  		opacity: .7;
	}

	ul#mobile_menu.et_mobile_menu a {
		color: white;
		font-size: var(--bodytext);
	}

	.et_mobile_menu .menu-item-has-children > a {
		background-color: transparent;
	}
		
	/***** Button *****/
	.et_pb_button {font-size: calc(var(--bodytext) - .3em);}
	
	/***** Hintergrundmuster *****/
	.backgroundpattern {
	min-width: 100%!important;
}

	/***** Startseite – Sektion 6 – Blogbeiträge *****/
	.pa-blog-equal-height .et_pb_ajax_pagination_container {grid-template-columns: repeat(2, 1fr)}
	#aktuelles .post-meta, #aktuelles .post-meta a {font-size: calc(var(--bodytext) - 5px)}
	
	/***** Blog-Seite / Blogposts, Seitenleiste *****/
	
	.blogright .et_pb_post h2 {
		font-size: calc(var(--bodytext) + 20%)!important;
	}

	/*************************************************************************
	********************************* FOOTER *********************************
	*************************************************************************/
	
	/***** Social-Icon im Footer *****/
	.et-social-icons li:first-child {margin-left: 0!important}
	li.et-social-instagram {margin: 20px 0!important}

}

/************************************************************************** PHONE **************************************************************************/

@media (max-width: 767px) {
	
	/********** Navigation **********/
	
	.start-heading {
		left: 5%;
		width: 90%;
	}

	/* Spaltenbreite */	
	.container, .et_pb_row {width: 90%}
	
	.backgroundimage.et_pb_row {width: 100vw}

	/* Spalten zusammenhalten */
	.two-columns .et_pb_column {width: 100%!important;}
	.two-columns .et_pb_column:first-child {margin-right: 0!important}
	
	body, .start-heading h1, .subhead p, .subhead-center p, .zitat p {line-height: 1.3}
	
	.custom-width .et_pb_column {width: 100%}
	
	/***** Button *****/
	.inline-btns {text-align: center}
	.et_pb_button {font-size: calc(var(--bodytext) - 10%)}
	.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {padding: .5em .8em !important;}
	.inline-btns .et_pb_button_module_wrapper {margin: 0 .5em 1em;}
	
	/***** Mobiles Menue (Telefon) ******/
	
	ul#mobile_menu.et_mobile_menu {
		left: 0;
		right: initial;
		width: 100%;
		text-align: initial;
	}
	
	/********** Sektion 1 – Background-Icon **********/
	.background-icon {
	max-width: 80%;
	bottom: 28%;
	}
	/** Ende **/
	
	/***** Sektion 6 – Blogbeiträge *****/
	
	.pa-blog-equal-height .et_pb_ajax_pagination_container {grid-template-columns: repeat(1, 1fr);}
    .pa-blog-equal-height .et_pb_post:first-child {margin-bottom: 80px}
	.pa-blog-equal-height .et_pb_post:last-child {margin-bottom: 0px}
	
/***** Beitragsliste *****/

	.blogfullwidth .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {padding-left: 0}
	.et_pb_post h2, .blogfullwidth .et_pb_post h2 {font-size: 22px}

	
	/*************************************************************************
	********************************* FOOTER *********************************
	*************************************************************************/
	
	#footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget {margin-bottom: 30px !important; text-align: center;}
	#footer-widgets .footer-widget .wp-block-heading {font-size: calc(var(--h3-text) - .3em)!important}
	#footer-widgets .wp-block-image img {max-width: 50%}
}