/*!
	Theme Name: Seitenmuehle - WP-Theme
	Theme URI:
	Description: Seitenmuehle - Theme for Elementor page builder
	Author:
	Author URI: https://www.seitenmuehle.de/
	Version: 1.22
	Text Domain: stml-theme
*/

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* Global Basic Typo Styles */
body {
  margin: 0;
  font-family: sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff; 
}

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* Font Sizes */
h1 {font-size: 2.5rem; }
h2 {font-size: 2.0rem; }
h3 {font-size: 1.75rem; }
h4 {font-size: 1.5rem; }
h5 {font-size: 1.25rem; }
h6 {font-size: 1rem; }

p { margin-top:0; margin-bottom:10px; }

a { background-color: transparent; text-decoration: none; color: #686369; }
a:hover, a:active { color: #aa0000; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { outline: 0; }

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* Outlines */
.elementor-menu-toggle { outline: none; }

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* Webkit Highlight */
input,
textarea,
button,
select,
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* Selected Text */
::-moz-selection { background: #000;color:#fff; }
::selection { background: #000;color:#fff; }

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* Scroll-Top Button */
.back-to-top {
    position: fixed;
    bottom: 0;
    right: 32px;
	height:35px;
    margin: 0;
    padding: 14px 10px;
    z-index: 9999999;
    border: 0;
    border-radius: 0;
    outline: none;
    cursor: pointer;
	background-color: #000000;	
}

.back-to-top:hover {
    background-color: #ffffff;
}

.back-to-top svg {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    cursor: pointer;
	display: block;
	width: 14px;
	fill: #ffffff;
}

.back-to-top:hover svg {
	fill: #000000;
}

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* IE-fix Gallery Fix */
.elementor-msie .e-gallery-grid,
.elementor-msie .e-gallery-grid .e-gallery-item {
	display:block;
}
.elementor-msie .e-gallery-grid .e-gallery-item,
.elementor-msie .e-gallery-grid .e-gallery-item .e-gallery-image {
	display:inline-block!important;
	height:150px;
	width:150px;
}

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* cf7 */

.wpcf7-form label {
	width: 100%;
    line-height: 1.6;
    font-weight: 600;
	padding-bottom:10px;
}
span.wpcf7-list-item {
	display: inline-block;
	margin: 0 1em 0 0 ;
}
.wpcf7-form .subtitle {
	font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
	color:#094496;
}
.wpcf7-form input[type="submit"],
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:active,
.wpcf7-form input[type="submit"]:focus {
	background:#094496;
	color:#fff;
	border:0;
	outline:none;
}
.elementor-shortcode .wpcf7-form .wpcf7-not-valid {
	border-color:red!important;
	border-left-width:4px;
}
.elementor-shortcode .wpcf7-form .wpcf7-response-output {
	margin: 2em 0 1em;
}
input#kaufpreis,
input#nebenkosten,
input#eigenkapital,
input.wpcf7-calculator {
	text-align:right;
	padding-right:28px;
}
span.kaufpreis:before,
span.nebenkosten:before,
span.eigenkapital:before,
span.calculator-55:before {
	content: '€';
    display: block;
    position: absolute;
    top: 30px;
    right: 10px;
}

.dsgvo-field,
.dsgvo-field + .wpcf7-list-item-label,
.dsgvo-field + .wpcf7-list-item-label a {
	color:red!important;
}
/* Weisser Textschatten für CTA-Box */
.ctatextshadow-white .elementor-cta .elementor-cta__title {
    text-shadow:
    0px 0px 10px #ffffff,
    0px 0px 20px #ffffff;
}

/** ---------- ---------- ---------- ---------- ---------- ---------- */
/* Resposive */
@media all and (max-width: 420px) {
	.notruf-button-text .elementor-button-text span {
		display: none;
	}
}