/* 
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;
}

ul {
	margin-bottom: 20px;
}

/* Menu */

.stadt-menu .elementor-nav-menu--main .elementor-nav-menu a {
	padding: 8px 15px;
}
	
.stadt-menu .elementor-nav-menu--main .elementor-nav-menu a:hover {
	padding: 8px 15px;
}

/* Header Startseite */

.headline-small-text {
    font-size: 30px;
    display: block;
}

@media screen and (max-width:768px) {
	.headline-small-text {
    font-size: 24px;
}
}

.headline-back h2, .headline-back h3 {
	display: inline-block;
	background-color: #F9F5F2;
	padding: 0.5em 1em;
	border-radius: 8px;
}

/* Bildboxen mit Link */

.bild-box {
	text-decoration:none!important;
	color: #000000!important;
}

/* Slider */

.elementor-swiper-button {
    background-color: #C8D200;
    padding: 3px;
}

/* Formular */

.elementor-menu-anchor { 
	display: block; 
	position: relative; 
	top: -150px; 
	}

textarea#form-field-message {
	border-width: 3px;
}

/* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Trennstriche für Überschriften */
@media (max-width: 1040px){	
	h1, h2, h3, h4 {
		hyphens: auto;
		hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-lines: 2;
		-ms-hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 2;
   }	
}