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

.elementor-icon-wrapper {
line-height: 0;
}

.glass-effect {
    backdrop-filter: blur(20px) saturate(95%);
    -webkit-backdrop-filter: blur(20px) saturate(95%);
    background-color: rgba(255, 255, 255, 0.6)!important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.e-n-menu-toggle:hover, .e-n-menu-toggle:active, .e-n-menu-toggle:focus {
	border-radius: 5px!important;
	border: none!important;
}

/* Floating Box */

.drift{
  animation: heroDrift 14s ease-in-out infinite;
  will-change: transform;
}

@keyframes heroDrift {
  0%   { transform: translate(0px, 0px) scale(1); }
  25%  { transform: translate(6px, -4px) scale(1.01); }
  50%  { transform: translate(0px, -8px) scale(1.015); }
  75%  { transform: translate(-6px, -4px) scale(1.01); }
  100% { transform: translate(0px, 0px) scale(1); }
}

/* Tabellen */

.table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.custom-table{
  width:100%;
  min-width:640px;
  border-collapse:collapse;
  font-size:1rem;
  background:transparent;
}

.custom-table caption{
  text-align:left;
  font-weight:700;
  margin-bottom:12px;
}

.custom-table th,
.custom-table td{
  padding:14px 16px;
  border: none;
  text-align:left;
  vertical-align:top;
}
.custom-table th:first-child,
.custom-table td:first-child{
  max-width:200px;
  width:200px;
}

.content li {
	margin-bottom: 1rem;
}

/* Button */

@media (hover: hover) {
.hover-zoom {
transition: transform 0.3s ease !important;
}

.hover-zoom:hover {
  transform: scale(1.05) !important;
}
}

/* Blogartikel */

.blogcontent h2, .blogcontent h3 {
	margin-top: 2rem;
}