@charset "UTF-8";
/*
 Theme Name:   Webskipper / INQUIS Theme
 Theme URI:    https://generatepress.com
 Description:  based on Default GeneratePress child theme from Tom Usborne
 Author:       Webskipper
 Author URI:   https://webskipper.de
 Template:     generatepress
 Version:      0.1
*/
#login {
  padding: 5% 0 0;
}

body.login #login > h1 a {
  background-image: url("https://inquis.de/wp-content/uploads/2025/10/inquis-logo.svg");
  margin-bottom: 0px;
  overflow: visible;
  padding-bottom: 10px;
  position: relative;
  background-size: 300px;
  height: 260px;
  width: 300px;
}

/* Custom Cursor 
 * -------------------------------------------------------*/
.custom-cursor {
	cursor: url('/wp-content/uploads/2025/12/inquis-cursor-gruen-unten2.png') 16 16, pointer;
	
}

/* Animationen 
 * ------------------------------------------------------*/
.row-animation{
	overflow:hidden;
}
.animation {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	margin-top:-300px;
	&.eins {
      top: -26%;
      left: 0%;
	}	
	&.zwei {
      top: -27%;
      right: -20%;
	}	
	&.drei {
      top: -25%;
      left: 0%;
	}		
    .white.left {
        position: absolute;
        width: 350px;
        height: 350px;
        border-radius: 80px;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
                transform-origin: left bottom;
        z-index: 1;
    }
    .white.right {
        position: absolute;
        width: 350px;
        height: 350px;
        border-radius: 80px;
        background-color: #fff;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
                transform-origin: right bottom;
        z-index: 1;
    }	
    .green {
        position: absolute;
        width: 350px;
        height: 350px;
        border-radius: 80px;
        background-color: #2b8566;
        opacity: .6;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
                transform-origin: left bottom;
        z-index: 2;
        -webkit-transition: -webkit-transform 1.5s ease-out;
        transition: -webkit-transform 1.5s ease-out;
        -o-transition: transform 1.5s ease-out;
        transition: transform 1.5s ease-out;
        transition: transform 1.5s ease-out, -webkit-transform 1.5s ease-out;
    }
	.blue {
        position: absolute;
        width: 350px;
        height: 350px;
        border-radius: 80px;
        background-color: #394f5f;
        opacity: .6;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
                transform-origin: right bottom;
        z-index: 2;
        -webkit-transition: -webkit-transform 1.5s ease-out;
        transition: -webkit-transform 1.5s ease-out;
        -o-transition: transform 1.5s ease-out;
        transition: transform 1.5s ease-out;
        transition: transform 1.5s ease-out, -webkit-transform 1.5s ease-out;
    }
	.arrow {
		background:url(https://inquis.de/wp-content/uploads/2025/10/inquis-cursor-blau-rechts.svg) center center no-repeat;
		position:relative;
		width:50px;
		height:50px;
		top:6%;
		right:-85%;
		-webkit-transform:rotate(-45deg);
		    -ms-transform:rotate(-45deg);
		        transform:rotate(-45deg);
		-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		opacity:0;
		&.left{
			top:6%;
			right:-7%;
			-webkit-transform:rotate(-135deg);
			    -ms-transform:rotate(-135deg);
			        transform:rotate(-135deg);
		}
	}
}
.text-1-box,
.text-2-box,
.text-3-box{
	opacity:0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.pfeil-links-rechts {
	margin-left: 0;
	&::before{
		content:'';
		background:url(https://inquis.de/wp-content/uploads/2025/10/inquis-cursor-blau-rechts.svg) center center no-repeat;
		display:inline-block;
		width:50px;
		height:50px;
		position:relative;
		top:8px;
		margin-right:15px;
	}
	&::after{
		content:'';
		background:url(https://inquis.de/wp-content/uploads/2025/11/inquis-pfeil-links-blau.svg) center center no-repeat;
		display:inline-block;
		width:50px;
		height:50px;
		position:relative;
		top:8px;
		margin-left:20px;
	}	
}
.pfeil-rechts {
	.last::after{
		display:none;
		content:'';
		background:url(https://inquis.de/wp-content/uploads/2025/11/inquis-pfeil-schraeg-blau.svg) center center no-repeat;
		width:30px;
		height:30px;
		position:relative;
		top:-6px;
		margin-left:20px;
	}
}
h2.pfeil-rechts {
	font-size:46px;
}
h2.pfeil-links-rechts{
	line-height:.5em;
}
@media only screen and (min-width:440px){
	.pfeil-rechts {
		.last::after{
			display:inline-block;
		}
	}
}
@media only screen and (min-width:768px) {
	h2.pfeil-rechts{
		font-size: 70px;
	}
	h2.pfeil-links-rechts{
		font-size: 70px;
 		line-height:1.2em; 
	}
	.pfeil-links-rechts {
		margin-left: -65px;
			&::before{
			top:-6px;
		}
		&::after{
			top:-6px;
		}	
	}
	.pfeil-rechts {
		.last::after{
			width:50px;
			height:50px;
		}
	}
}

@media only screen and (min-width:1024px) {
	.row-animation h2,
	h2.gb-text.pfeil-links-rechts {
		font-size: 70px;
	}
	.row-animation{
		padding-top:240px;
	}
	.animation{
		&.eins{
			top:-3%;
		}
		&.zwei{
			top:-1%;
		}
		&.drei{
			top:-1%;
		}
		.arrow{
			right:-80%;
		}
		
	}
}
@media only screen and (min-width:1290px) {
	.row-animation h2 {
		font-size: 90px;
	}
}
@media only screen and (min-width:1400px) {
	.row-animation{
		padding-top:440px;
	}
	.animation {
		&.eins {
			top: -26%;
			left: 0%;
		}	
		&.zwei{
			top:-27%;
		}
		&.drei{
			top:-25%;
		}
		.white.left {
			width: 500px;
			height: 500px;
			border-radius: 100px;
		}
    	.white.right {
			width: 500px;
			height: 500px;
			border-radius: 100px;
	    }	
    	.green {
			width: 500px;
			height: 500px;
	        border-radius: 100px;
	    }
		.blue {
			width: 500px;
			height: 500px;
			border-radius: 100px;
	    }
		.arrow {
					top:6%;
		right:-85%;
		}
	}
	h2.gb-text.pfeil-links-rechts,
	h2.pfeil-rechts{
		font-size: 100px;
	}
}
@media only screen and (min-width:1460px) {
	.row-animation h2 {
		font-size: 100px;
	}
}

/* Foto Effekt 
 * ----------------------------------------------------------*/
.foto-wrap {
    position: relative;
    overflow: visible;
	max-height:570px;
 	img {
      width: 100%;
      height: 100%;
      display: block;
	}
	.foto {
		position:relative;
		width:300px;
	}
	.overlay {
 		display:block; 
		position:relative;
        width: 248px;
        height: 248px;
	    background-color: #a5cfc0;
		opacity:.4;
        overflow: hidden;
        border-radius: 60px;
		-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		&.left {
		    top:-155px;
		    left:-25px;
			-webkit-transform: rotate(-35deg);
			    -ms-transform: rotate(-35deg);
			        transform: rotate(-35deg);
			-webkit-transform-origin:left top;
			    -ms-transform-origin:left top;
			        transform-origin:left top;
		}
		&.right{
			top:-136px;
		    left:75px;
            -webkit-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
                    transform: rotate(60deg);
			-webkit-transform-origin:right top;
			    -ms-transform-origin:right top;
			        transform-origin:right top;			
		}
		&.blau {
    	  background-color: #394f5f;
		  opacity:.2;
		}
	}
	&:hover .overlay.left{
		opacity:0;
		-webkit-transform: rotate(-50deg);
		    -ms-transform: rotate(-50deg);
		        transform: rotate(-50deg);
		-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}		
	&:hover .overlay.right{
		opacity:0;
		-webkit-transform: rotate(40deg);
		    -ms-transform: rotate(40deg);
		        transform: rotate(40deg);
		-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}		
}
@media only screen and (min-width: 440px) {
	.foto-wrap {
		.foto{
			width:325px;			
		}
		.overlay {
			width: 270px;
			height: 270px;
			&.left {
				top:-170px;
				left:-25px;
			}
			&.right{
				top:-160px;
		    	left:80px;
			}
		}
	}
}
@media only screen and (min-width: 768px) {
	.foto-wrap {
		.overlay {
		}
	}
}
@media only screen and (min-width: 1000px) {
	.foto-wrap {
		.foto{
			width:450px;
		}
		.overlay {
        	width: 370px;
        	height: 370px;
			border-radius: 85px;
			&.left {
				top:-234px;
				left:-32px;
			}
			&.right {
				top:-247px;
				left:115px;
			}
		}
	}
}

@media only screen and (min-width: 1400px) {
	.foto-wrap {
		.foto{
			width:100%;
		}
		.overlay {
        	width: 480px;
        	height: 480px;
			border-radius: 110px;
			&.left {
				top:-300px;
				left:-43px;
			}
			&.right{
				top:-275px;
				left:138px;
			}
		}
	}
}

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

/* Dekra Logos im Footer */
.dekra-logos {
    position: absolute;	
    top: 86%;
	width: 300px;
	img {
       max-width: 100px;
	   margin-right: 20px;
    }
}
.dekra-logos.footer {
	top:0;
	width:300px;
}
.dekra-logos.footer img {
    max-width: 86px;
	margin-right: 20px;
}

/* Copyright-Footer ausblenden */
.inside-site-info.grid-container {
    display: none;
}

@media only screen and (min-width:768px) {
	.dekra-logos {
		top: 98%;
	}
}	


/* MISC
 * -------------------------------------------------------------*/
.last {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

a.link-blue {
	color:#fff;
	&:hover {
		color: #394f5f;
		.cls-2 {
			fill: #394f5f;
			-webkit-transition: all .1s ease-in-out;
			-o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
		}
	}
}
a.link-green {
	color:#fff;
	&:hover {
		color:#2b8566;
		.cls-2 {
			fill: #2b8566;
			-webkit-transition: all .1s ease-in-out;
			-o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
		}
	}
}
a.link-white {
	color:#394f5f;
	.cls-2 {
		fill:#394f5f;
	}
	&:hover {
		color:#2b8566;
		.cls-2 {
			fill: #2b8566;
			-webkit-transition: all .1s ease-in-out;
			-o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
		}
	}
}

.hauptlinks {
	span.gb-shape {
		width: 12px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-left: 18px;
		vertical-align:middle;
		position: relative;
	}
}

.leistungen li {
	list-style-type: none;
	&::before {
		content:'- ';
	}
}

 .generate-back-to-top {
    bottom: 405px;
	right:40px;
	.gp-icon svg {
		height: 1.5em;
		width: 1.5em;
		top: -.1em;
		margin-left: 5px;
	}
	span.gp-icon.arrow-up p {
		color: #4e666d;
		line-height: 1;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
	}
} 
@media only screen and (min-width:768px){
	.generate-back-to-top {
    	bottom: 250px;
		right:75px;
	}
}

span.upper {
	text-transform:uppercase;
}

/*
 * Rechtliche Seiten
 * ----------------------------------------------------------*/
.page-id-14,
.page-id-3,
.page-id-41 {
	p {
		margin:0 0 24px;
	}
	h1 {
		margin: 0 0 20px;
	}
	h2 {
		font-size:30px;
		line-height:1em;
		margin:0 0 6px;
	}
}


/* Accordion
 * -------------------------------------------------------------*/
.gb-accordion {
	h3 {
		font-family: 'Assistant', sans-serif;
		font-size:30px;
		font-weight: 700;
		font-style:normal;
		color: #2b8566;
		margin:0 0 6px;
	}
	svg {
    	stroke-width: 0px;
	}
}

/* Navigation
 * -------------------------------------------------------------*/
.main-navigation {
    .mobile-menu-addon {
        display: none;
		-webkit-box-ordinal-group:10;
		    -ms-flex-order:9;
		        order:9;
		color: #fff;
		.verlinkungen {
			line-height: 40px;
			padding-top: 20px;
			padding-bottom: 30px;
		}
		a {
			color:#fff;
		}
    }
}
.main-navigation.toggled {
	 .mobile-menu-addon {
        visibility: visible;
        content-visibility: visible;
		 display: block !important;
	}
}



.menu-toggle,
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: transparent !important;
}
.main-navigation .menu-toggle {
	font-size:30px;
	padding:0;
}
.main-navigation .inside-navigation {
    top: 8px;
}


.mobile-menu-open .site-header {
	position:fixed;
	left:0;
	right:0;
	background-color:#394f5f;
	z-index:99;
	height:100vh;
}
.mobile-menu-open .mobile-menu-control-wrapper .menu-toggle {
   background-color:#394f5f;
}
.mobile-menu-open .main-navigation {
	background-color:#394f5f;
	.main-nav ul li a {
		color:#fff;
		padding-left:0;
	}
}