/*
 Theme Name:   TR Berlin
 Description:  TR Berlin Child Theme from Hello Elementor
 Author:       
 Author URI:   
 Template:     hello-elementor
 Version:      1.0.1
 Text Domain:  TR
*/

body {background: url("img/Sprenkel.png") repeat top center, url("img/Teppichkachel_60.jpg") repeat top center; line-height: 1.4;}

strong {font-weight: 600;}
.animate__animated.animate__slideInUp {animation-duration: 0ms !important; transition: none !important; top: 150px; position: inherit;}
.animate__animated.animate__slideInUp > div > div {background: #FFFFFF !important;}
.animate__animated.animate__slideInUp div div div div div p {color: #2B2B2B !important;}
.animate__animated.animate__slideInUp > div > div > div, .animate__animated.animate__slideInUp div div div a, .animate__animated.animate__slideInUp div div div span, .animate__animated.animate__slideInUp div div div span select {
	color: #000000 !important; font-weight: 300;}
.animate__animated.animate__slideInUp div div div div a[data-order="0"] span, .animate__animated.animate__slideInUp div div div div a[data-order="1"] span, .animate__animated.animate__slideInUp div div div div a[data-order="2"] span {color: #FFFFFF !important;}


p {margin-block-start: 0;}

.elementor-field-type-submit button {background-color: var(--e-global-color-primary) !important;}
.elementor-field-type-submit button:hover, .elementor-field-type-submit button:focus {color: var(--e-global-color-accent) !important;}

/*Header*/
header a {color: #000000;}
.usp {font-weight: 500;}
footer a {color: #000000;}
.fas {margin: 0 10px 0 15px;}
.fas:before {color: var(--e-global-color-accent);}
.fa-phone {transform: rotate(90deg);}
.fa-truck {transform: rotate(-7deg);}

.eael-elements-flip-box-container {width: fit-content !important; margin: 0 auto;}
@media (min-width: 768px) {.eael-elements-flip-box-container {margin-right: 0;}}
.eael-elements-flip-box-padding {padding: 0 !important;}

@media (min-width: 580px) {header .mobile-br, footer .mobile-br {display: none;}}
@media (max-width: 767px) {
	.spalte_nav {width: 60px !important; margin-left: auto;}
	nav {margin-left: calc(75px - 100vw);}
}

/*Inhalt*/
section section:first-of-type h1, section section:first-of-type h2 {font-size: 28px; line-height: 1.1;}
body > div section {margin: 40px 0;}
body > div section:first-of-type {margin: 0;}
section.abstand_innen  {padding: 15px 0;}
@media (min-width: 768px) {section.abstand_innen > div > div > div > div > div > img {margin: -25px 0;}}
@media (max-width: 767px) {section.abstand_innen > div > div > div > div > div > div > iframe {margin-top: 15px;}}
.elementor-widget-container p:last-of-type {margin-bottom: 0;}
.button_gruen {background-color: var(--e-global-color-primary); width: fit-content !important; padding: 8px 15px; border-radius: 8px;}
.elementor-widget-button {margin-bottom: 20px !important;}
ul {margin: 0;}

/*Akkordion*/
.elementor-active .elementor-accordion-title {color: var(--e-global-color-primary);}
.elementor-tab-title, .elementor-tab-content {background-color: #FFFFFF;}
.elementor-tab-title.elementor-active .elementor-accordion-icon svg {fill: var(--e-global-color-accent);}
.elementor-tab-title .elementor-accordion-icon svg {fill: var(--e-global-color-primary);}
.elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {float: right !important; text-align: right !important;}
.elementor-accordion-item, .elementor-accordion .elementor-tab-content {border: 0 !important;}
.elementor-accordion-item {margin-bottom: 10px;}
.elementor-tab-title:not(.elementor-active) {border-radius: 8px;}
.elementor-tab-title.elementor-active {border-radius: 8px 8px 0 0;}
.elementor-tab-content.elementor-active {border-radius: 0 0 8px 8px;}
.elementor-tab-title:hover a {color: var(--e-global-color-accent);}


/*Preisrechner*/
#preisrechner {margin: -10px; scroll-margin-top: 150px;}
#preisrechner p {margin: 0;}
#t_i_b_l_qm {margin: 5px 0 25px;}
#t_i_b_l_qm span > strong {margin-right: 10px;}
#t_i_b_l_qm .input_rechner {width: 60px !important;}
.input_rechner {width: 100px !important; height: 30px; margin: -3px auto 0; padding: 5px 10px; text-align: center; border: 1px solid #000000 !important; border-radius: 5px !important;}
.input_rechner:focus-visible {outline: none !important;}
.v_breite {font-weight: 600; margin-right: 10px;}
@media (max-width: 475px) {.v_breite {display: block; margin-bottom: 10px;}}
.abstand_rechts {margin-right: 15px;}
.sp_text {margin-bottom: 0px !important; height: 60px;}
@media (min-width: 400px) and (max-width: 1025px) {.sp_text {height: 40px;}}
.sp_text.last, #d_sp_4 {border-right: 0;}
.sp_text p {margin: 0;}
div[id^="t_sp_"] {display: block; background: var(--e-global-color-b81804e); margin-right: 13px; padding-bottom: 10px; border-radius: 5px;}
#t_sp_4 {margin-right: 0;}
[id^="t_sp_"] > div {padding: 0;}
[id^="t_sp_"] .input_rechner {background-color: var(--e-global-color-primary);}
.d_sp {width: 100% !important; text-align: center;}
.t_einheit {font-size: 20px; font-weight: 600;}
#t_i_tp {width: auto; padding: 3px 8px; margin-top: 20px; background-color: var(--e-global-color-b81804e); border: 1px solid #000000; border-radius: 5px;}
#t_i_tp p {display: inline-block; margin: 0;}

#umbruch {display: none;}
@media (max-width: 1025px) {
	#t_sp_1, #t_sp_2 {margin-bottom: 10px;}
	#t_sp_2 {margin-right: 0;}
	div[id^="t_sp_"] {width: calc(50% - 7px) !important;}
}
@media (min-width: 640px) and (max-width: 830px) {
	#t_sp_1:after, #t_sp_2:after, #t_sp_3:after {height: 55%;}
	#i_breite, #i_laenge {width: 70px !important;}
}
@media (max-width: 639px) {
	#t_sp_1, #t_sp_2, #t_sp_3, #t_sp_4 {width: 50%;}
	#t_sp_2:after {height: 0%;}
}
@media (max-width: 440px) {
	#t_sp_1:after, #t_sp_2:after, #t_sp_3:after {height: 55%;}
	#t_sp_2:after {height: 0%;}
	#umbruch {display: block; height: 10px;}
}
@media (max-width: 375px) {
	#i_laenge {margin-top: 10px;}
}
@media (min-width: 375px) {
	#preisrechner .mobile-br {display: none;}
}

/*Preisliste*/
.elementor-widget-price-list {/*max-width: 550px;*/}
.elementor-price-list li {margin-bottom: 5px !important;}
.elementor-widget-price-list .elementor-price-list-title, .elementor-widget-price-list .elementor-price-list-price
	{color: var(--e-global-color-text) !important; font-family: "Open Sans", Sans-serif !important; font-size: 16px !important; font-weight: var(--e-global-typography-text-font-weight) !important;}
.elementor-price-list li:first-child .elementor-price-list-title, .elementor-price-list li:first-child .elementor-price-list-price {font-weight: 700 !important;}
.elementor-price-list li {padding: 2px 5px;}
.elementor-price-list li:nth-child(odd) {background-color: #ADE0D8; border-radius: 5px;}
.elementor-price-list .elementor-price-list-header {margin-bottom: 0 !important;}
.elementor-price-list .elementor-price-list-title {max-width: calc(100% - 125px) !important;}
.elementor-price-list .elementor-price-list-price {width: 100px;}

/*Abholung*/
label[for=form-field-terminauswahl], label[for=form-field-name], label[for=form-field-street], label[for=form-field-zip], label[for=form-field-city],
label[for=form-field-tel], label[for=form-field-call], label[for=form-field-email], label[for=form-field-datenschutz] {display: none;}
label.elementor-field-label {padding-bottom: 5px !important;}
label[for=form-field-call-0], label[for=form-field-datenschutz] {position: relative; bottom: 3px;}
label[for=form-field-company] {margin-left: 18px;}
input.red {border: 1px solid red !important;}



#rahmen {display: none; flex-wrap: wrap;}

.footer {padding-top: 20px;}
.footer a {font-weight: 500 !important;}