/*
Theme Name: WP Bootstrap Child
Description: Childtheme WP Bootstrap Starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Template: wp-bootstrap-starter
Version: 1.0
Tags:

Al Glove

*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
    --default: #1A4450;
    --orange: #DF7511;
    --blue: #2FBFEF;
    --green: #64C53A;
	--red: #DC3218;
    --white: #fff;
}

@font-face {
  font-family: "Titillium Web";
  src: url("/wp/wp-content/uploads/fonts/TitilliumWeb-Regular.ttf");
	font-weight:400;
}
@font-face {
  font-family: "Titillium Web";
  src: url("/wp/wp-content/uploads/fonts/TitilliumWeb-SemiBold.ttf");
	font-weight:600;
}


 @font-face{
        font-family:"Kyrial Display";
        src:url("/wp/wp-content/uploads/fonts/1f27e735-60ee-499b-b692-a6df05b28be8.woff2") format("woff2"),url("Fonts/5179807/4809de2e-1ce8-4b0b-8dc6-6f44017966f1.woff") format("woff");
	 font-weight:600;
    }
    @font-face{
        font-family:"Kyrial Display";
        src:url("/wp/wp-content/uploads/fonts/aa2360d4-1fd0-4f26-ace0-889d1adc3af8.woff2") format("woff2"),url("Fonts/5198164/77416961-19dd-4d65-a6b6-ae1dbe71bac2.woff") format("woff");
		font-weight:300;
    }
    @font-face{
        font-family:"Kyrial Sans Pro Cond";
        src:url("/wp/wp-content/uploads/fonts/1f61fe42-879d-446a-9e21-877d289d0945.woff2") format("woff2"),url("Fonts/5260204/3f031ca8-6963-42c3-9acf-d0e21b302b6d.woff") format("woff");
		font-weight:600;
    }
    @font-face{
        font-family:"Kyrial Sans Pro Cond";
        src:url("/wp/wp-content/uploads/fonts/c911ee90-888a-4519-a537-82a9c13977d7.woff2") format("woff2"),url("Fonts/5260516/2f5a053c-7891-4577-8993-83205b12489f.woff") format("woff");
		font-weight:300;
    }

html {
  scroll-behavior: smooth;
	
}
html, body {
	overflow-x:hidden;
}
body, .widget {
  font-size: 16px;
	line-height:1.7;
  font-family: 'Titillium Web', sans-serif;
  color: #2D3C4B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.textleft {
  text-align: left;
}
.textcenter {
  text-align: center;
}
.textright {
  text-align: right;
}
a, a:hover {
  text-decoration: none;
  transition: all .3s ease-out;
  display: inline-block;
}

a, a:hover {
  color: #DF7511;
	transition: all .3s ease-out;
}
a:hover {
	opacity:.8;
}
h1,h2,h3,h4,h5 {
	color:#004754;
	font-family:"Kyrial Sans Pro Cond", sans-serif;
	font-weight:600;
	line-height:1.3;
	padding-bottom:0;
}
h1,h2 {
	font-size:44px;
	margin-bottom:25px;
}
h3 {
	font-size:32px;
	margin-bottom:25px;
}
h4 {
	font-size:24px;
}


.orange {
	color:#DF7511;
}
.white {
	color:#fff;
}

.achema {
	position:absolute;
	right:30px;
	bottom:25vh;
	width:400px;
	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}
@media only screen and (max-width:850px) {
	.achema {
		width:200px;
		bottom:-10px;
		z-index:5;
		right:unset;
		left:50%;
		transform:translate(-50%);
	}
	.headline-start h1 {
		font-size:30px !important;
	}
	header#masthead .navbar-brand {
		max-width:70px !important;
	}
	.video-start {
		overflow:visible !important;
	}
	.scroll-banner {
		animation: fadeOut 1s 7s ease-in forwards;
	}
	.upcoming-banner {
		bottom:unset;
		left:20px
	}
}

@media only screen and (min-width:1600px) {
	.achema {
		bottom:20vh;
	}
	
}

@keyframes fadeOut {
	from {opacity:1}
	to {opacity:0}
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
.video-start {
	position:relative;
}
.video-start:after {
	position:absolute;
	content:'';
	width:100%;
	height:50px;
	background:#fff;
	bottom:0;
	left:0;
}
#video-start {
	width:100%;
}

#content.site-content {
  padding: 0;
}
.page-content, .entry-content, .entry-summary {
  margin: 0
}
.bg {
  background-position: center !important;
	background-size: cover !important;
}
.bg.top {
  background-position: top !important;
}
.bg.btn {
  background-position: bottom !important;
}
/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/

.scroll-banner {
	opacity:1;
	transition: all .5s ease;
}
.scroll-banner.scroll-it {
	opacity:0;
	transition: all .5s .5s ease;
}
  .upcoming-banner {
	  position:fixed;
	  left:0;
	  bottom:20%;
    width:370px;
    height:285px;
    background:url(/wp/wp-content/uploads/2025/02/AlGlove_Floating-Action-Button.jpg);
    background-size:cover;
	  background-position:center;
    padding: 30px 0;
	  z-index:999999999;
	  opacity:0;
	  animation: slideInLeft .5s .3s ease-in forwards;
	  transition: opacity .5s ease;
  }

  .upcoming-banner h3 {
    background:#DF7511;
    color:#fff;
    font-weight:700;
    display:inline-block;
    clip-path:polygon(0% 0%, 100% 0, 90% 100%, 0% 100%);
    margin:0;
    margin-bottom:20px;
    padding: 5px 30px;
    font-size:28px;
    opacity:0;
    animation: slideInLeft .5s 2s ease-in forwards;
  }
.upcoming-banner svg {
	margin-top:-20px;
	margin-bottom:-20px;
}
  .upcoming-banner .event {
    padding: 0 28px;
    opacity:0;
    animation: slideInRight .5s ease-in forwards;
  }
  .upcoming-banner .event-1 {
    animation-delay: 2.6s;
  }
  .upcoming-banner .event-2 {
    animation-delay: 3s;
  }
  .upcoming-banner .event p {
    margin-bottom:0;
	  margin-top:3px;
    color:#fff;
	  font-size:13px;
  }
  .upcoming-banner .event-1 img {
    width:85%;
  }
  .upcoming-banner .event-2 img {
    width:70%;
	  
  }
  .cls-line {
    fill: none;
    stroke: #DF7511;
    stroke-miterlimit: 10;
    stroke-width:15px;
    stroke-dasharray: 1900; /* Länge der Linie */
stroke-dashoffset: 1900; /* Versteckt die Linie */
animation: drawLine .75s 2.6s ease-out forwards;
  }

  @keyframes slideInLeft {
    from {opacity:0;transform:translateX(-50px)}
    to {opacity:1;transform:translateX(0)}
  }
  @keyframes slideInRight {
    from {opacity:0;transform:translateX(50px)}
    to {opacity:1;transform:translateX(0)}
  }
  @keyframes drawLine {
        0% {
          stroke-dashoffset: 1900; /* Startpunkt */
        }
        100% {
          stroke-dashoffset: 0; /* Linie wird gezeichnet */
        }
      }



.floating-btn {
	width:55px;
	overflow:hidden;
	transition: all .5s ease;
	position:relative;
}

.floating-btn:hover {
	width:150px;
	transition: all .5s ease;
}

.floating-btn a {
	//line-height:35px;
	font-weight:600 !important;
	text-decoration:none !important;
}
.floating-btn a::after {
	position: absolute;
    content: '';
    width: 150%;
    height: 150%;
    left: -15px;
    top: -25%;
}
/*--------------------------------------------------------------
# Header, Logo
--------------------------------------------------------------*/

/* Default header */
header#masthead {
  background:transparent;
  position: fixed;
  z-index:9999999999;
  width: 100%;
  box-shadow: none;
  padding: 0;
  transform: translateY(0%);
  transition: all .3s ease-out;

}
header#masthead.scrollUp {
  transform: translateY(-100%);
  transition: all .5s;
}

header#masthead .navbar-brand {
	max-width: 135px;
	padding:10px 0;
	z-index:2;
	transition: all .5s;
	-webkit-filter: drop-shadow(5px 5px 8px rgba(0,0,0,.5));
  filter: drop-shadow(5px 5px 8px rgba(0,0,0,.5));
	
}

header#masthead:hover {
  transition: all .3s ease-out;
}

header#masthead.scroll-it {
  box-shadow:1px 1px 1px rgb(0 0 0 / 5%);
  background: #004754;
  padding:0;
  transition: all .5s;
}
header#masthead.scroll-it .navbar-brand {
	max-width: 100px;
	transition: all .5s;

}

.navbar-left {
	display:flex;
	align-items:center;
}

.navbar-left .widget_polylang {
	margin-bottom:0;
	margin-top:10px;
	margin-left:30px;
	z-index:2;
}

.navbar-left .widget_polylang ul {
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
	
}

.navbar-left .widget_polylang ul .lang-item a{
	width:22px;
	height:14px;
	background-size:contain;
	box-shadow:2px 2px 4px rgba(0, 0, 0, .15);
	margin:0 6px;
}

.navbar-left .widget_polylang ul .lang-item-de a{
	background-image:url(https://konfigurator.alglovesystems.de/config/int/images/icons/Deutschland.png)
}

.navbar-left .widget_polylang ul .lang-item-en a{
	background-image:url(https://konfigurator.alglovesystems.de/config/int/images/icons/EN.jpg)
}

.navbar-left .widget_polylang ul .lang-item img {
	display:none;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.navbar .navbar-right {
	display:flex;
	z-index:2;
}
/* Navbar Toggle */

.navbar-toggle,
.navbar-toggle:focus {
	position:relative;
	z-index:1;
	width: 65px;
    height: 76px;
    display: block;
	outline:0;
	border:0;
	background:transparent;
	transition:all .3s ease-out;
}

.navbar-toggle-icon em,
.navbar-toggle-icon em:after,
.navbar-toggle-icon em:before {
	display: block;
    position: relative;
    height: 3px;
	left: 8px;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	transition:all .3s ease-out;
}
.navbar-toggle-icon em:before {
	width: 45px;
}
.navbar-toggle-icon em {
	width: 35px;
}
.navbar-toggle-icon em:after {
	width: 25px;
}
.navbar-toggle:hover .navbar-toggle-icon em,
.navbar-toggle:hover .navbar-toggle-icon em:after,
.navbar-toggle:hover .navbar-toggle-icon em:before {
	transition:all .3s ease-out;
    width: 35px;
}

.navbar-toggle-icon em:before,
.navbar-toggle-icon em:after{
	position: absolute;
    content: '';
    left:0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
	
}

.navbar-toggle .navbar-toggle-icon em:before{
	-webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}
.navbar-toggle .navbar-toggle-icon em:after{
	-webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
}
.navbar-toggle.active .navbar-toggle-icon em:before {
	-webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
	width: 35px;
}
.navbar-toggle.active .navbar-toggle-icon em:after {
	-webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
	width: 35px;
}
.navbar-toggle.active .navbar-toggle-icon em {
	background:transparent;
}



/************* Default Navigation ******************/
.navbar-main-nav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:#004754;
	transition: all .3s ease-out;
  	overflow: hidden;
  	opacity: 0;
  	visibility: hidden;
}
.navbar-main-nav .container {
	height:100%;
}
.navbar-main-nav #main-nav {
	width:100%;
	height:100%;
	position:relative;
}

header#masthead.showNav .navbar-main-nav{
	opacity: 1;
    visibility: visible;
	transition: all .3s ease-out;
	
}

#main-nav .navbar-navi{
	padding-top:15%;
	height:100%;
    position: relative;
	list-style:none;
}

#main-nav .navbar-navi li a{
	font-size:22px;
	padding:15px 15px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	color:#fff;
	display:block;
}

#main-nav .navbar-navi li a:hover{
	color:#DF7511;
}

.produkte-nav a{
	border-bottom:none;
	//opacity:.8;
}
.sub-menu {
	display:flex;
}
.sub-menu a{
	border-bottom:none;
	margin: 20px;
}
.gsc-nav a, .gsb-nav a, .gse-nav a,
.gsb-smallnav a, .gsc-smallnav a, .gse-smallnav a{
	position:relative;
	position: relative;
    padding-left: 40px !important;
    text-align: right;
    line-height: 1;
    min-width: 150px;
}
.sub-menu .gsb-nav a, .gsb-smallnav a {
	background-color: #003148;
    background-image: radial-gradient(rgb(9 175 255 / .3), rgb(0 48 71 / .3));
}
.sub-menu .gsc-nav a, .gsc-smallnav a{
	background-color: rgb(39, 69, 53);
    background-image: radial-gradient(rgba(19, 228, 120, 0.3), rgba(35, 61, 47, 0.3));
}
.sub-menu .gse-nav a, .gse-smallnav a {
	background-color: #3D1524;
    background-image: radial-gradient(rgb(215 28 103 / .3), rgb(60 20 36 / .3));
}
.gsb-nav a::before, .gsb-smallnav a::before {
	position:absolute;
	content:'';
	background:url(/wp/wp-content/uploads/2022/07/Fisch-final-min.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	left:-20%;
	top:0;
}
.gsc-nav a::before, .gsc-smallnav a::before {
	position:absolute;
	content:'';
	background:url(/wp/wp-content/uploads/2022/08/Schlange-Composing_GSE-min.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:120%;
	height:120%;
	left:-20%;
	top:0;
	transform:rotate(-15deg);
}
.gse-nav a::before, .gse-smallnav a::before{
	position:absolute;
	content:'';
	background:url(/wp/wp-content/uploads/2025/03/Hornisse_Composing-nav.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:110%;
	height:110%;
	left:-20%;
	top:0;
	transform:rotate(-15deg);
}
.gsb-smallnav a, .gsc-smallnav a, .gse-smallnav a {
	min-width: 200px;
    height: 130px;
    font-size: 24px;
    line-height: 130px;
    padding-right: 15px;
	color:#fff;
}
#main-nav .navbar-navi li.menu-config {
	margin-left:50px;
}
#main-nav .navbar-navi li.menu-config a {
	border-bottom:none;
	background:#DF7511;
	line-height:1;
	text-align:right;
}
#main-nav .navbar-navi li.menu-config a:hover {
	color:#004754;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.btn-default {
	position:relative;
	color:#1A4450;
	text-align:center;
	padding: 5px 30px;
	z-index:1;
	font-weight:600;
	border: 1px solid #1A4450;
	border-radius:2px;
}
.btn-default:hover {
	color:#fff;
}

.btn-default.orange {
	color:white;
	background:var(--orange);
	border: 1px solid var(--orange);
}

._14 {
	font-size:14px;
}
._16 {
	font-size:16px;
}
._18 {
	font-size:18px;
}

.fade-in {
	opacity:0;
	transform:scale(.97);
	transition: all 1.5s ease;
}
.fade-in.in-view {
	opacity:1;
	transform:scale(1);
	transition: all 1.5s ease;
}

.slide-up {
	-webkit-transform: translateY(15%);
    transform: translateY(15%);
    -webkit-transition: all 1.5s;
    transition: all.5s;
    opacity: 0;
}
.slide-up.in-view {
	-webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    opacity: 1;
}
/*--------------------------------------------------------------
# Start
--------------------------------------------------------------*/
.headline-start h1 span.fadeOne,
.headline-start h1 span.fadeTwo,
.headline-start h1 span.fadeThree{
	opacity:0;
}
.headline-start h1 span.fadeOne {
	animation:fadeIt .5s 1.75s ease forwards
}
.headline-start h1 span.fadeTwo {
    animation: fadeIt .5s 2.75s ease forwards;
}

.headline-start h1 span.fadeThree {
    animation: fadeIt .5s 3.75s ease forwards;
	font-weight:600;
}

@keyframes fadeIt {
	from {opacity:0;}
	to {opacity:1;}
}
.viewport {
	position:relative;
	height:50vh;
	animation: blur 3s ease forwards;
}
.viewport::before {
	position:absolute;
	content:'';
	width:100%;
	height:40%;
	top:0;
	left:0;
	background-image:linear-gradient(to bottom, rgba(0,0,0,.6), transparent);
}


.headline-start {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.headline-start h1 {
	font-family:"Kyrial Display", sans-serif;
	font-size:60px;
	font-weight:300;
	text-shadow:0px 2px 8px rgba(0,0,0,.3);
}

.white-row {
	position:relative;
	margin-bottom:200px;
}

.white-row:after {
	position:absolute;
	content:'';
	height:250px;
	width:100%;
	background:#fff;
	top:100%;
	left:0;

}
.bg-visual {
	position:relative;
	height:560px;
}

.bg-visual p a:before {
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:30%;
	z-index:3;
}

.bg-visual.schlange {
	background-color:#274535;
	background-image:radial-gradient(rgba(82,172,86,.5), rgba(39,69,53,.5));
	color:#64C53A;
}
.bg-visual.schlange p,
.bg-visual.schlange a{
	color:#64C53A;
	font-size:24px;
	text-transform:uppercase;
}
.schlange-img {
	position:absolute;
	left:-5%;
	right:-40px;
	bottom:-45px;
	filter:drop-shadow(1px 5px 20px rgba(0,0,0,.5));
}
.bg-visual.fisch {
	background-color:#003047;
	background-image:radial-gradient(rgba(9,175,255,.5), rgba(0,48,71,.5));
	color:#64C53A;
}
.bg-visual.fisch p,
.bg-visual.fisch a{
	color:#2FBFEF;
	font-size:24px;
	text-transform:uppercase;
}
.fisch-img {
	position:absolute;
	left:-30px;
	right:-10px;
	bottom:0;
	filter:drop-shadow(1px 5px 20px rgba(0,0,0,.5));
}
.bg-visual.hornisse {
	background-color:#3C1424;
	background-image:radial-gradient(rgba(215,28,103,.3), rgba(60,20,36,.8));
	color:#64C53A;
}
.bg-visual.hornisse p,
.bg-visual.hornisse a{
	color:#DC3218;
	font-size:24px;
	text-transform:uppercase;
}
.hornisse-img {
	position:absolute;
	left:-30px;
	right:-35%;
	bottom:0;
	filter:drop-shadow(1px 5px 20px rgba(0,0,0,.5));
}

.download a {
	position:relative;
	padding-left:30px;
	font-weight:600;
}

.download a:before {
	position:absolute;
	content:'';
	left:0;
	top:3px;
	width:20px;
	height:20px;
	background:url(/wp/wp-content/uploads/2022/08/download-file.png);
	background-size:contain;
	background-position:center;
	background-color: #fff;
    border-radius: 50%;
}
/*--------------------------------------------------------------
# Produkte
--------------------------------------------------------------*/

.section {
	position:relative;
	color:#fff;
	margin-top:200px;
	margin-bottom:150px;
}
.section h2 {
	text-transform:uppercase;
	font-size:70px;
	color:#fff;
}
.section h4 {
	text-transform:uppercase;
	font-size:20px;
}
.section p {
	color:#fff;
}

.section .spezifikationen {
	position:relative;
	z-index:3;
	background:rgba(0,0,0,.4);
	padding:20px 30px 10px;
}
.section .spezifikationen h5{
	color:#DF7511;
	text-transform:uppercase;
	font-size:24px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,.2);
}
section .spezifikationen table {
	margin-top:15px;
}
section .spezifikationen table td{
	color:#fff;
	padding: 6px 0;
	vertical-align:top;
}
section .spezifikationen table td:first-child{
	opacity:.6;
	min-width:145px;
}
section .spezifikationen table td b,
section .spezifikationen table td strong{
	background:var(--orange);
	border-radius:50%;
	color:var(--white);
	font-size: 10px;
	width: 15px;
	display: inline-block;
	height: 15px;
	text-align: center;
	letter-spacing:-.7px;
	line-height:16px;
	margin-right:10px;
}

/* Schlange */
.section.section-schlange {
	background-color:#274535;
	background-image:radial-gradient(rgba(19,228,120,.3),rgba(35,61,47,.3))
}
.section.section-schlange h4 {
	color:#64C53A;
}
.visual-schlange, .handschuh-schlange {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	left: 5%;
	width: 60%;
	top: -13%;
	max-width: 1050px;
	z-index:2;
}
.visual-schlange img {
	transform:rotate(-10deg);
}
.handschuh-schlange {
	top:7%;
	left:18%;
	z-index:1;
	width:45%;
	margin-left:0;
}

/* Fisch */
.section.section-fisch {
	background-color:#003148;
	background-image:radial-gradient(rgba(9,175,255,.3),rgba(0,48,71,.3))
}
.section.section-fisch h4 {
	color:#2FBFEF;
}
.visual-fisch {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	right: 10%;
	width: 40%;
	top: -13%;
	max-width: 800px;
	z-index:2
}
.handschuh-fisch {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	right: -45px;
	width: 50%;
	top: 15%;
	max-width: 800px;
	z-index:1
}
/* Hornisse */
.section.section-hornisse {
	background-color:#3D1524;
	background-image:radial-gradient(rgba(215,28,103,.3),rgba(60,20,36,.3))
}
.section.section-hornisse h4 {
	color:#DC3218;
}
.visual-hornisse {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	left: 15%;
	width: 45%;
	top: -17%;
	max-width: 800px;
	z-index:2
}
.handschuh-hornisse {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	top:10%;
	left:-60px;
	z-index:1;
	width:45%;
	max-width: 800px;
}


.section-reihe {
	position:relative;
	color:#fff;
}
.section-reihe p {
	color:#fff;
}
.section-reihe hr {
	border-top:1px solid rgba(255,255,255,.4);
}
.section-reihe.gsb {
	background-color:#003148;
	background-image:radial-gradient(rgba(9,175,255,.3),rgba(0,48,71,.3))
}
.section-reihe.gsc {
	background-color:#274535;
	background-image:radial-gradient(rgba(19,228,120,.3),rgba(35,61,47,.3))
}
.section-reihe.gse {
	background-color:#3D1524;
	background-image:radial-gradient(rgba(215,28,103,.3),rgba(60,20,36,.3))
}
.section-reihe h2 {
	font-size:64px;
	font-weight:600;
}
.section-reihe.gsb h2 {
	color:var(--blue);
}
.section-reihe.gsc h2 {
	color:var(--green);
}
.section-reihe.gse h2 {
	color:var(--red);
}
.section-reihe h4 {
	font-size:24px;
	text-transform:uppercase;
	color:var(--orange);
}
.section-reihe h5 {
	font-size:20px;
	text-transform:uppercase;
}
.section-reihe.gsb h5 {
	color:var(--blue);
}
.section-reihe.gsc h5 {
	color:var(--green);
}
.section-reihe.gse h5 {
	color:var(--red);
}


.section-reihe .viewport-head h1 {
	font-size:97px;
	text-transform:uppercase;
	margin-bottom:0;
	line-height:1;
	font-weight:300;
}
.section-reihe .viewport-head h1 strong {
	font-weight:600;
}
.section-reihe.gsb .viewport-head h1 {
	color:var(--blue);
}
.section-reihe.gsc .viewport-head h1 {
	color:var(--green);
}
.section-reihe.gse .viewport-head h1 {
	color:var(--red);
}

.section-reihe .viewport-head h6 {
	font-size:29px;
	font-weight:300;
	color:var(--white);
	text-transform:uppercase;
	margin-bottom:0;
	line-height:1;
}
.section-reihe .viewport-head h3 {
	font-size:29px;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:0;
	line-height:1;
	word-spacing:10px;
}
.section-reihe .viewport-head h3 strong {
	font-weight:600;
}
.section-reihe.gsb .viewport-head h3 {
	color:var(--blue);
}
.section-reihe.gsc .viewport-head h3 {
	color:var(--green);
}
.section-reihe.gse .viewport-head h3 {
	color:var(--red);
}

.visualFisch {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	left: 5%;
	width: 40%;
	top: 15%;
	max-width: 880px;
	z-index:2;
	
	opacity:0;
}
.visualFisch.v00 {
	width: 70%;
	left:-17%;
	top:-13%;
	opacity:.8;
	
}
.visualFisch.v0 {
	width: 68%;
	left:-15%;
	top:-10%;
	opacity:.8;
}
.visualFisch.v00 img {
	opacity:0;
	animation: fadeInScaleSmall 4.5s 2s ease forwards;
} 
.visualFisch.v0 img {
	opacity:0;
	animation: fadeInScaleSmall 4.5s 3s ease forwards;
}
.visualFisch.v1 {
	animation: fadeIn 5s 2s ease forwards;
}
.visualFisch.v2 {
	animation: fadeIn 5s 1.7s ease forwards;
}

.blase1 {
	position:absolute;
	width:100px;
	left:-17%;
	top:27%;
	opacity:0;
	animation: fadeIn 3s 3.5s ease forwards;
}
.blase2 {
	position:absolute;
	width:75px;
	left:-8%;
	top:12%;
	opacity:0;
	animation: fadeIn 3s 3.8s ease forwards;
}
.blase3 {
	position:absolute;
	width:150px;
	left:15%;
	top:0;
	opacity:0;
	animation: fadeIn 3s 3.5s ease forwards;
}
.blase4 {
	position:absolute;
	width:100px;
	left:40%;
	top:55%;
	opacity:0;
	animation: fadeIn 3s 3.8s ease forwards;
}


.visualHornisse {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	left: 0;
	width: 45%;
	top: 5%;
	max-width: 900px;
	z-index:2;
	opacity:0;
}
.visualHornisse.v0 {
	width: 110%;
	top:0%;
	left:-15%;
	opacity:1;
}
.visualHornisse.v0 img {
	opacity:0;
	animation: fadeInScale 5s 1.3s ease forwards;
}
.visualHornisse.v1 {
	animation: fadeIn 5s 1.5s ease forwards;
}
.visualHornisse.v2 {
	animation: fadeIn 5s 2.5s ease forwards;
}
.visualHornisse.v3 {
	animation: fadeIn 5s 1.5s ease forwards;
}

.visualSchlange {
	position:absolute;
	filter:drop-shadow(0px 4px 20px rgba(0,0,0,.5));
	left: 0;
	width: 60%;
	top: 10%;
	max-width: 1000px;
	z-index:2;
	opacity:0;
}
.visualSchlange img {
	transform:rotate(-10deg);
}
.visualSchlange.v0 {
	width:100%;
	left:-20%;
	top:-8%;
	animation: fadeIn 5s 2s ease forwards;
}
.visualSchlange.v1 {
	animation: fadeIn 5s 1.7s ease forwards;
}
.visualSchlange.v1 img {
	opacity:.8;
}
.visualSchlange.v2 {
	top:12%;
	animation: fadeIn 5s 1.5s ease forwards;
}
.tableForm {
	position:relative;
	z-index:1;
} 

.tableForm::before {
	position:absolute;
	content:'';
	z-index:-1;
	top:0;
	width:90vw;
	height:100%;
	background:rgba(0,0,0,.4);
} 

.tableForm.table-left::before {
	left:0;
}
.tableForm.table-right::before {
	right:0;
}

.label-gsb img {
	width:120px;
}
.s02 h2, .s02 h3 {
	margin-bottom:0;
	line-height:1;
}
.s02 h3 {
	font-size:64px;
	font-weight:400;
	color:#fff;
	letter-spacing:1px;
	
}

@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1}
}
@keyframes fadeInScale {
	from {opacity:0;transform:scale(0.7)}
	to {opacity:1; transform:scale(1)}
}
@keyframes fadeInScaleSmall {
	from {opacity:0;transform:scale(0.85)}
	to {opacity:1; transform:scale(1)}
}

/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/

.fact-list-style li{
	list-style:none;
	position:relative;
	
}

.fact-list-style li::before {
	position:absolute;
	content:'';
	width:20px;
	height:20px;
	background:url(/wp/wp-content/uploads/2026/03/check2.png);
	background-size:contain;
	background-position:center;
	left:-30px;
	top:5px;
}

.sow-features-list .sow-features-feature h5 {
	margin-bottom:10px !important;
}
.sow-features-list .sow-features-feature.sow-icon-container-position-right .sow-icon-container {
	margin-right:15px !important;
}

.section-reinigung,
.service-handschuhe{
	position:relative;
}
.section-reinigung::before,
.service-handschuhe::before {
	position:absolute;
	content:'';
	width:37%;
	max-width:600px;
	height:100%;
	background:url(/wp/wp-content/uploads/2026/03/AL-Glove-Handschuh_Reinigung.png);
	background-size:contain;
	background-repeat:no-repeat;
	left:-10%;
	top:12%;
	z-index:3;
}
.service-handschuhe::before {
	top:0;
}
.handschuhe-title {
	font-family:"Kyrial Sans Pro Cond", sans-serif;
	//font-size:32px;
	text-transform:uppercase;
	color:#fff !important;
}
/*--------------------------------------------------------------
# Kontakt
--------------------------------------------------------------*/

.kontakt-box {
	width:100%;
	max-width:900px;
	margin:0 auto;
	margin-bottom:-100px;
	background:rgba(255,255,255,.9);
	box-shadow: 0 2px 20px rgba(0,0,0,.2);
	border-top: 4px solid #DF7511;
}




.wpcf7-form-control-wrap {
	position:relative;
	display:block;
}


.wpcf7-not-valid-tip {
	font-size:14px;
	position:absolute
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border: none !important;
	background:#2D3C4B;
	color:#fff;
	margin:0;
}
label {
	margin-bottom:33px;
	width:100%;
}
label span:first-child {
	font-size:12px;
	background:#fff;
	padding:0 10px;
	position:absolute;
	margin-top:-9px;
	left:25px;
	z-index:1;
	color:#888
}
textarea.form-control {
	max-height:180px;
}
.hint {
	font-size:12px;
	margin-top:-25px;
	margin-bottom:20px;
	line-height:1.2
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus, .form-control:focus{
	outline:0;
	box-shadow:none;
	border: 1px solid #DF7511;
	
}
.form-control {
	margin-bottom:15px;
}
input[type="submit"] {
	border-radius:0;
	background:#004754;
	border:0;
	outline:0;
	box-shadow:none;
	float:right;
	padding:8px 40px;
}
input[type="submit"]:hover {
	background:#DF7511;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

body:not(.theme-preset-active) footer#colophon {
	background:#DF7511;
	padding:10px 0;
	color:#fff;
}

.footer-widget {
	background-color:#11414E;
	background-image:radial-gradient(rgba(255,255,255,.1), rgba(0,0,0,.1));
}
.footer-widget .widget {
	color:#fff;
}

.footer-widget #sow-image-2 {
	margin-top:-5px;
}
.footer-widget #sow-image-3 {
	margin-top:-100px;
}
.footer-widget #sow-image-3 img{
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
footer #menu-footer,
footer #menu-footer-menu-en{
  display:flex;
	list-style:none;
	justify-content:space-between;
	flex-direction:row !important;
	margin-bottom:0;
}
footer #menu-footer a,
footer #menu-footer-menu-en a{
  padding:0 15px;
}
.site-info {
	font-size:12px;
	padding:5px 0;
}


.phone, .fax, .mail {
	position:relative;
	padding-left:35px;
	margin:15px 27px 30px 0;
	color:#fff;
}
.mail {
	margin-right:0;
}
.phone::before, .fax::before, .mail::before {
	position:absolute;
	content:'';
	left:0;
	width:24px;
	height:24px;
	background-size:87px;
	background-image:url(https://glovesys.de/wp/wp-content/uploads/2022/07/css_sprites.png);
}
.phone::before {
	background-position:-28px -1px;
}
.fax::before {
	background-position:-89px -1px;
}
.mail::before {
	background-position:-59px 0px;
}

.kontakt .phone,.kontakt .fax,.kontakt .mail {
	margin:5px 0px ;
	color:#2D3C4B;
}

.linkedin {
	
}
/*--------------------------------------------------------------
# Media queries
--------------------------------------------------------------*/

@media only screen and (min-width:1900px) {
	
}
@media only screen and (max-width:1440px) {
	.visualFisch {
		top: 5%;
	}
	.visualFisch.v00 {
		top:-23%;
	}
	.visualFisch.v0 {
		top:-20%;
	}
	.blase1 {
		top:17%;
	}
	.blase2 {
		top:2%;
	}
	.blase3 {
		top:-10%;
	}
	.blase4 {
		top:45%;
	}
	.visualSchlange {
		top: 0%;
	}
	.visualSchlange.v0 {
		top:-18%;
	}
	.visualSchlange.v2 {
		top:2%;
	}
	.visualHornisse {
		top: 0%;
	}
	.visualHornisse.v0 {
		top:-5%;
	}
}
@media only screen and (min-width:991px) and (max-width:1300px) {
	.glove-gse-1 , .glove-gse-2 {
		max-width:300px !important;
	}
}

@media only screen and (max-width:1024px) {
	.bg-visual {
		margin-bottom:30px;
	}
	/*.schlange-img, .fisch-img, .hornisse-img {
		width:95%;
	}*/
}

@media only screen and (max-width:991px) {

}
@media only screen and (max-width:820px) {
	.section-reihe .viewport-head h1 {
		font-size:56px;
	}
	.section-reihe .viewport-head h3 {
		font-size:22px;
	}
	.section-reihe .viewport-head h6 {
		font-size:22px;
	}
	.section-reihe h2 {
		font-size:34px;
		margin-bottom:15px;
	}
	.s02 h3 {
		font-size:34px;
	}
	.tableForm::before {
		width:100%
	}
	
	.visualFisch {
		width:80%;
		left:0;
		top:-5%;
	}
	.visualSchlange {
		width:100%;
		left:0;
	}
	.visualHornisse {
		width:80%;
		left:5%;
		top:-10%;
	}
	.visualHornisse.v0 {
		top:-10%;
	}
	.section-reinigung::before,
	.service-handschuhe::before,
	.service-reingung::before {
		top:30px;
	}
}
@media only screen and (max-width:767px) {
	
}
@media only screen and (max-width:575px) {
	body {
		overflow-x:hidden;
	}
	h1, h2 {
		font-size:34px;
	}
	h3 {
		font-size:28px;
	}
	.sub-menu {
		flex-direction:column;
	}
	.sub-menu a {
		margin:10px;
	}
	#main-nav .navbar-navi li.menu-config {
		margin-left:0;
	}
	#main-nav .navbar-navi li a {
		padding:10px 15px;
		font-size:16px;
	}
	.gsc-nav a, .gsb-nav a, .gse-nav a {
		max-width:150px;
	}
	.visual-fisch,.visual-schlange, .visual-hornisse {
		top:-60px;
	}
	
	.visual-fisch {
		width:50%;
	}
	.visual-schlange {
		width:90%;
		left:unset;
		right:0;
	}
	.visual-hornisse {
		top:-100px;
		width:60%;
		left:10%;
	}
	.handschuh-schlange {
		left:unset;
		width:55%;
		right:0;
		top:5%;
	}
	.handschuh-fisch {
		top:120px;
		right:0;
	}
	.handschuh-hornisse {
		top:0;
	}
	.section {
		margin-top:100px;
		padding-top:180px !important;
	}
	.section h2 {
		font-size:50px;
	}
	
	.white-row  {
		margin-bottom:100px;
	}
	.white-row:after  {
		height:100px;
	}
	.footer-widget #sow-image-2 {
		width:90px;
	}
	.site-info .col-lg-12 {
		flex-wrap:wrap;
	}
	.service-reinigung::before {
		width:50%;
	}
}