/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
  --duration: .4s;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.8rem !important;
}

b, strong {
    font-weight: bold !important;
}

ul {
    margin-bottom: 1em !important;
}

/* MENÜPUNKT BETREIBUNS UND KONKURS AUSGEBLENDET WENN NICHT DE */
/* body:not(.translatepress-de_DE) .tw_buk {
    display: none !important;
} */

/* ABSATZ IN AUSZUG */
.wpp_auszug .elementor-post__excerpt p {
    margin: 1em 0 !important;
}

/* ELEMENTOR EINGANGSANIMATIONEN */

@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInDown {
	animation-name: fadeDown
}

@keyframes fadeLeft {
	from {
		opacity: 0;
		transform: translate3d(-30px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInLeft {
	animation-name: fadeLeft
}

@keyframes fadeRight {
	from {
		opacity: 0;
		transform: translate3d(30px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInRight {
	animation-name: fadeRight
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInUp {
	animation-name: fadeUp
}

/* NAVIGATION TOGGLE */
.tw_hamburger_navigation {
    position: relative;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 99999;
}

.tw_hamburger_navigation_lines {
  position: relative;
  width: 40px;
  height: 2px;
  background-color: var(--e-global-color-primary);
  transition: width calc(var(--duration)/1.2) ease-in-out, transform var(--duration) cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.tw_hamburger_navigation_lines::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: 10% 400%;
  top: -1.3rem;
  width: 40px;
  height: 2px;
  background-color: var(--e-global-color-primary);
  transition: transform var(--duration) cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.tw_hamburger_navigation_lines::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: 10% -300%;
  top: 1.3rem;
  width: 40px;
  height: 2px;
  background-color: var(--e-global-color-primary);
  transition: transform var(--duration) cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.tw_hamburger_navigation.open .tw_hamburger_navigation_lines {
  width: 0;
  transform: rotate(90deg);
  background-color: #f6f6f6;
}

.tw_hamburger_navigation.open .tw_hamburger_navigation_lines::before {
  transform: translateX(-50%) rotate(45deg);
  background-color: #f6f6f6;
  transition: background-color calc(var(--duration)*4) ease-in-out;
}

.tw_hamburger_navigation.open .tw_hamburger_navigation_lines::after {
  transform: translateX(-50%) rotate(-45deg);
  background-color: #f6f6f6;
  transition: background-color calc(var(--duration)*4) ease-in-out;
}

/* POST LOOP */
.tw_post_card, 
.tw_postinfo,
.tw_postinfo:after {
    transition: .4s ease-in-out !important;
}

.tw_layers_letter_archive .tw_post_card {
 	max-height: 27.5vh;
/* 	background-color: #00345291; */
}

.tw_postinfo {
    overflow: hidden !important;
    max-height: 120px;
}

.tw_post_card:hover .tw_postinfo {
    overflow: visible !important;
    transition: overflow .4s .3s;
    transform: translateY(4rem);
    max-height: 100%;
    z-index: 4;
}

.tw_post_card:hover .tw_postinfo {
	padding: 0 !important;
	transition: .4s !important;
}

.tw_post_card .tw_postinfo .elementor-container {
	padding: 2rem;
}

.tw_post_card:hover .tw_postinfo .elementor-container {
	background: #003452 !important;
	padding: 2rem;
	transition: .4s !important;
}

.tw_post_card:hover .tw_postinfo * {
    color: #fff !important;
	
}



.tw_postinfo:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
	background-color: #003452;
}

.tw_post_card:hover .tw_postinfo:after {
    min-height: 100%;
}

.tw_auszug {
    opacity: 0;
}

.tw_post_card:hover .tw_auszug {
    opacity: 1;
    transition: opacity .4s .3s;
}

.tw_post_card {
    background-size: auto 400px !important;
    min-height: 400px !important;
    height: 100% !important;
    background-position: top left !important
}

/* POSTS ARCHIVE */
@media (min-width: 1024px) {
    .tw_layers_letter_archive {
        height: 85vh;
        overflow: scroll;
    }
    
    .tw_layers_letter_archive::-webkit-scrollbar {
      display: none;
    }
    
    .tw_layers_letter_archive {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
}

/* LINK MIT PFEIL */
.tw_stilllink:after {
 content: '';
    position: absolute;
    width: 46px;
    height: 9px;
    top: 35%;
    left: 105%;
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg width="46" height="9" xmlns="http://www.w3.org/2000/svg" data-v-262420ea=""><path d="M44.102 4l-2.444-2.445.009-1.405 4.325 4.325-4.38 4.38.01-1.423L44.101 5H.002V4z" fill-rule="evenodd" fill="white"></path></svg>');
    background-size: cover; 
}

.tw_stilllink {
    position: relative;
    transform: translateY(2rem) !important;
}

/* H2 IN ANWALT-SINGLESEITEN */
.single-anwalte .tw_postcontent h2 {
	font-family: var(--e-global-typography-25ae4b8-font-family), Sans-serif;
    font-size: calc(var(--e-global-typography-25ae4b8-font-size)/1.2);
    font-weight: var(--e-global-typography-25ae4b8-font-weight);
    line-height: var(--e-global-typography-25ae4b8-line-height);
    letter-spacing: var(--e-global-typography-25ae4b8-letter-spacing);
    word-spacing: var(--e-global-typography-25ae4b8-word-spacing);
	color: var(--e-global-color-primary);
	text-transform: uppercase;
	margin: 3rem 0 1.5rem 0;
}

/* ICON AUSGEBLENDET, WENN KEIN INHALT - VCF, LINKEDIN, XING */
li>span>i::before {
    display: none;
}

.wpp_accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	transition: all 0.4s ease-out;
}

.wpp_accordion:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	font-size: 2.5rem;
	color: var(--e-global-color-text);
}

.wpp_accordion:hover {
	background-color: var(--e-global-color-text);
	display: block;
	height: auto !important;
}

.wpp_accordion:hover *, .wpp_accordion:hover:after  {
	color: #fff !important;
}

body:not(.elementor-editor-active) .wpp_panel {
	padding: 0 18px;
	background-color: white;
	height: auto;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out;
}

.active {
	display: block;
	height: auto;
	max-height: 100vh;
	transition: all 0.4s ease-out;
	background-color: var(--e-global-color-text);
}

.active:after {
	content: '–';
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	font-size: 2.5rem;
	color: #fff;
}

.active * {
	color: #fff !important;
}

/* CALL TO ACTION */

.wpp_cta {
    overflow: hidden;
    transition: all .4s ease-in-out;
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15);
}

.wpp_cta figure {
    overflow: hidden;
    margin: 0;
}

.wpp_cta figure img {
    transition: all 1.5s ease-in-out;
}

.wpp_cta:hover figure img {
    transform: scale(1.2);
	filter: brightness(0.7)
}

.wpp_cta .wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wpp_cta .wp-block-column h3 {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
	text-transform: uppercase;
}

.wp-block-buttons .wp-block-button .wp-block-button__link {
    color: var(--e-global-color-primary);
    background-color: transparent;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 0px;
	transition: all .4s ease-in-out;
	margin: 2rem 0;
}

.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
	color: var( --e-global-color-accent );
    background-color: var( --e-global-color-primary );
    border-color: var( --e-global-color-primary );
}

/* VERLAUFSHINTERGRUND MOBIL */
@media (max-width: 767px) { 
    .wpp_gradient_bg {
        background-image: linear-gradient(90deg, var( --e-global-color-6f3153a ) 10%, #F6F6F600 10%) !important;
    }
}

/* H3 IN LEISTUNGEN SINGLE */
.single-leistungen .tw_postcontent h3 {
    color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-22b0944-font-family ), Sans-serif;
    font-size: var( --e-global-typography-22b0944-font-size );
    text-transform: var( --e-global-typography-22b0944-text-transform );
    line-height: var( --e-global-typography-22b0944-line-height );
    letter-spacing: var( --e-global-typography-22b0944-letter-spacing );
    word-spacing: var( --e-global-typography-22b0944-word-spacing );
}

/* ARCHIVE */
.piotnetgrid-auto-scrolling-clone, [data-piotnetgrid-auto-scrolling] {
    white-space: normal !important;
}


@media (max-width: 767px) {
    .tw_zusammenfassung .elementor-widget-container {
        padding: 0 !important;
    }
}

body.logged-in span.tw_exlude {
    display: none;
}