/* 
Theme Name: marmato
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor child theme
Author: marmato GmbH
Author URI: https://marmato.com
Template: hello-elementor
Version: 1.0.1
Text Domain: marmato
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
*/

body, html {
  position: relative;
  overflow-x: hidden;
}

/* Allgemeine Stile */

.nounderline, .elementor-button-link, .nounderline-blue {
	text-decoration: none!important;
}

.nounderline p {
	color: #161616!important;
}

.nounderline-blue p {
	color: #ffffff!important;
}

.elementor-widget-text-editor a {
	text-decoration: underline;
}

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

.e-n-accordion .elementor-widget-text-editor p {
	font-size: 1.125rem;
}

.elementor-widget-text-editor h3, .elementor-widget-text-editor h4 {
	margin-block-start: 2.5rem;
}

.elementor-icon-box-title {
	margin-top: 10px;
}


.elementor-icon-wrapper {
	line-height: 0;
}

.elementor-heading-title {
	line-height: 1.2em;
}

ul {
padding-inline-start: 30px;
}

.e-contact-buttons__contact-icon-link.has-platform-url .e-fas-globe {
    display: none;
}

.e-contact-buttons__contact-icon-link.has-platform-url .e-contact-buttons__contact-icon-container::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23063b81" d="M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Counter Boxen 
.elementor-counter-number-wrapper {
	margin-right: 15px!important;
}
*/

/* Zeige .text-de nur für de-DE, de-AT und de-CH */
html:not([lang="de-DE"]):not([lang="de-AT"]):not([lang="de-CH"]) .pdf-cta {
    display: none;
}

html:not([lang="de-DE"]):not([lang="de-AT"]):not([lang="de-CH"]) .newsletter-btn {
    display: none;
}

html:not([lang="de-DE"]):not([lang="de-AT"]):not([lang="de-CH"]):not([lang="en-US"]):not([lang="en-GB"]):not([lang="nl-NL"]) .booking {
    display: none;
}

/* Checkliste ausblenden */
html:not([lang="de-DE"]):not([lang="de-AT"]):not([lang="de-CH"]) .checkliste-box {
    display: none;
}

.checkliste {
	display: none;
}

/* WPML */

.lang-button {
	height: 48px;
}

.wpml-ls-legacy-dropdown-click a {
	border: none;
	text-align:center;

}

.wpml-ls-legacy-dropdown-click a:hover {
	border: none;
	text-decoration: none;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
	display: none;
}

.wpml-ls-native {
	font-weight: 500;
	font-size: 1.125rem;
}

.wpml-ls-sub-menu {
	border: none!important;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	left: 55px!important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	margin-top: 50px;
}

.wpml-ls-link {
	font-weight: 500;
	font-size: 1.125rem;
	padding: 20px 15px!important;
	text-align:center;
	border-radius: 10px;
}

.wpml-ls-sub-menu .wpml-ls-link {
	min-width:55px;
	height:55px;
}

.wpml-ls-sub-menu li {
	background-color: #e7edf5;
}

.wpml-ls-sub-menu li:first-of-type {
	border-radius: 10px 0 0 10px;
}

.wpml-ls-sub-menu li:last-of-type {
	border-radius: 0 10px 10px 0;
}

@media (max-width: 1023px) {
.wpml-ls-sub-menu {
	left: 0!important;
}
	
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a{
	background-color: #ffffff;
	color: #063b83;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a:hover{
	background-color: #ffffff;
	color: #063b83;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a:focus{
	background-color: #ffffff;
	color: #063b83;
}

.wpml-ls-legacy-dropdown-click a {
	padding: 0 10px!important;
}

.wpml-ls-sub-menu .wpml-ls-link {
	padding: 15px 10px!important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	margin-top: 102px;
}

.wpml-ls-sub-menu {
	flex-direction: column;
}

.wpml-ls-sub-menu li:first-of-type {
	border-radius: 10px 10px 0 0;
}

.wpml-ls-sub-menu li:last-of-type {
	border-radius: 0 0 10px 10px;
}

}

@media (max-width: 767px) {
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
	margin-top: 105px;
}

.wpml-ls-sub-menu {
	flex-direction: column;
}
}

/* Ribbon */
.e-contact-buttons p {
	margin-bottom: 0;
}

.e-contact-buttons__contact-icon-link {
	grid-template-rows: auto!important;
}

.e-contact-buttons__chat-button:hover, .e-contact-buttons__chat-button:focus {
	border-color: #004F9F!important;
}

/* Aufzählung */

.hyphen .elementor-icon-list-text {
	hyphens: auto;
}

.elementor-widget-text-editor li {
	margin-bottom: 0.375rem;
}

.elementor-widget-text-editor li:last-child {
	margin-bottom: 0;
}

.elementor-widget-text-editor ul {
	margin-bottom: 1rem;
}

.elementor-widget-text-editor ol {
	margin-bottom: 1rem;
}

.elementor-toc__list-item-text-wrapper {
	align-items: baseline;
}

.e-n-accordion-item li {
	font-size: 1.125rem;
}

/* Sprungmarken */

#kontakt, #transkriptionsservice, #maschinelle-transkription, #vertonung, #untertitelung, #unternehmen, #e-learning, #software, #company, #privat, #studenten {
    padding-top: 130px; /* Höhe Ihres Sticky Headers */
    margin-top: -130px;
}

/* Sprungmarken EN*/

#contact, #transkriptionsservice, #maschinelle-transkription, #vertonung, #untertitelung, #unternehmen, #e-learning, #software, #angebot-unternehmen, #angebot-privatkunden, #studenten {
    padding-top: 130px; /* Höhe Ihres Sticky Headers */
    margin-top: -130px;
}

/* Downloads */
.downloadbox .elementor-image-box-content {
	padding:30px;
}

/* Kontaktformular */
.formupload {
	font-size: 1.125rem!important;
}

.elementor-button-align-stretch .e-form__buttons__wrapper {
    flex-basis: auto;
}

input#form-field-upload {
	background-color: transparent;
	font-size: 1rem;
}

.upload-form .elementor-field-type-upload input[type="file"]::file-selector-button {
    border: 1px solid #063B81;
    background-color: #dfe6ee !important;
    padding: 5px 15px;
    font-size: 1rem;
	font-weight: 700;
    margin-right: 10px;
	cursor: pointer;
	color: #063B81;
}

.responsive-video {
    width: 100%;
    aspect-ratio: 16 / 9;   /* Standard YouTube */
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;   /* Abstand zum Text darunter */
}

/* iframe füllt den Container vollständig */
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Optional: anderes Seitenverhältnis für größere Screens */
@media (min-width: 1025px) and (max-width: 1366px) {
    .responsive-video {
        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 767px) {
    .responsive-video {
        min-height: calc(100vw * 9 / 16); /* Safari-Fix */
    }
}

/* Beiträge */

.beitraege h2, .beitraege h3 {
	margin-block-start: 2.5rem;
}

.auto-hide-toc:not(:has(.elementor-toc__list-item)) {
    display: none !important;
}

/* Leistungen Karten Karussell */
.icon-circle {
	width:100px;
}

/* Tabs */

.elementor-widget-n-tabs .elementor-widget-text-editor h3:first-of-type {
	margin-top: 0;
}

#newsletter2go table td, #newsletter2go table th {
	border: none;
}

#newsletter2go button[type="submit"] {
    background-color: #063b81!important;
    border: 2px solid #063b81!important;
    border-radius: 40px!important;
    padding: 10px 20px;
    color: #ffffff!important;
    margin-top: 20px;
    cursor: pointer;
    min-width: 150px;
    
    /* Optional: Schrift-Eigenschaften */
    font-family: Inter, sans-serif!important;
    font-size: 1.125rem!important;
    font-weight: 400!important;
}

/* Optional: Hover-Effekt */
#newsletter2go button[type="submit"]:hover {
    background-color: #ffffff!important; /* etwas dunkler */
	color: #063b81!important;
}