/*
Theme Name: Tagez Theme
Theme URI: http://georgluif.at
Author: Georg Luif
Author URI: http://georgluif.at
Description: Tagez Theme
Version: 1.0
*/


/* VARIABLES */

:root {
    --text-color: #2d2e34;
    --bgColorLight: #8f8f8f;
    --bgColorDark: #c6c6c6;
    --bgColorLisa: #f8efeb; 
    --bgFooter:#3c3c3c;

    --text-color-lisa:#dfbfb4;
    --text-color-wolfgang:#dfbfb4;     

}

/* FONTS */

body, button, input, select, optgroup, textarea {
    font-family: 'Raleway', sans-serif;
    color:var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    color:var(--text-color);
    text-align:center;
    font-weight: 500;
}

a{
font-weight:400;
}

h2{
margin-bottom: 0.9em;
}

body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400; /* Normal weight */
}

strong, b {
    font-weight: 700; /* Bold weight */
}


/* BODY FADE IN */

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

body {
    opacity: 0; /* Start with body hidden */
    animation-name: fadeIn;
    animation-duration: 1s; /* Duration of the fade-in effect */
    animation-fill-mode: forwards; /* Keep the body visible after animation */
    overflow-x: hidden;
}






/* HEADER */

.headerLogoRow{
margin-bottom:100px;
}

a.headingLogoTextObject{
text-decoration:none;
transition:0.2s;
}

a.headingLogoTextObject:hover{
transform:scale(1.01);
} 


.logoIcon{
width:100px;
transition:0.2s;
}

.logoTexts{
text-transform:uppercase;
margin-bottom: 0em;
transition:0.2s;
}

.logoTexts:hover, .logoIcon:hover{
transform:scale(1.01);
}

.logoTexts h1, .logoTexts h2{
margin-bottom: 0em;
text-align:start;
    letter-spacing:-0.05em;

}

.logoTexts h2{
font-weight: 400;
}

header{
margin-bottom:6em;
}

.wp-block-lazyblock-header-unterseite header{
margin-bottom:1em;
}

.headingLogoTextObject{
margin-bottom: 2em;
}

.wp-block-lazyblock-header-unterseite{
margin-top:100px;
}
.wp-block-lazyblock-header-unterseite .navRow{
margin-top:4em;
}
.wp-block-lazyblock-header-unterseite .navRow a, .headingLogoTextObject a{
text-decoration:none;
color:var(--text-color);
transition:0.2s;
}

.wp-block-lazyblock-header-unterseite .navRow a{
font-weight: 500;
}


.navRow .col-2{
transition:0.2s;
}

.navRow .col-2:hover, .headingLogoTextObject a:hover {
  transform:scale(1.01);
}

.navRow .col-2:hover{
transform:scale(1.1);
}


/* CONTENT */

.fullWidthImageContainer{
    padding:0 !important;
}


.fullWidthTextBG{
  
}


.wp-block-lazyblock-heading-and-text-block, .wp-block-lazyblock-image-block, .wp-block-lazyblock-kontakt-block, .wp-block-lazyblock-footer-block{
position:relative;
padding-top: 4em;
  padding-bottom: 4em;
}

.fullWidthTextBG{
position:absolute;
top:0;
bottom:0;
height:100%;
width:100%;
}

.fullWidthTextBG.hasBG{
background-color:var(--bgColorLight);
z-index: -1;
  opacity: 0.08;
}

.image-gallery{
 margin-bottom:2em; 
}

.image-gallery img{
transition:0.2s;
}
.image-gallery img:hover{
transform:scale(1.01);
cursor:pointer;
}


.tagezButton, .forminator-button{
	background:var(--bgColorDark);
padding-top:0.8em !important;
padding-bottom:0.8em !important; 


}

.forminator-button{
	padding-right:2em !important;
padding-left:2em !important;
border-radius: 0.3em !important;
}

.tagezButton a, .forminator-button{
 text-decoration:none;
color: white;
font-weight: bolder;
font-size:1.2em;
}


.wp-block-lazyblock-text-bild-2-spaltig .textCol{

}

.centered-cover {
    object-fit: cover;
    object-position: center;
	height: 32vw;
  max-height: 500px;
}

.imageCol{
overflow:hidden;
}
.imageCol img{
transition:0.2s;
cursor:pointer;
}

.imageCol img:hover{
transform:scale(1.01); 
}

.wp-block-lazyblock-text-bild-2-spaltig{

}


/* CARDS  */


.cardBlock{

margin-top:3em;
}

.card-image {
    text-align: center; /* Centers the image within the div */
    padding: 10px; /* Optional: adds some space around the image */
}

.card-image img {
    max-width: 100px; /* Sets the maximum width of the image */
    height: auto; /* Keeps the image aspect ratio intact */
    display: inline-block; /* Enables text-align center to work on the image */
}

.card-title{
margin-top: 1em;
}

.card-title p{
font-weight:500;
}

.card{
border:none;
min-height: 380px;
transition:0.2s;
}

.card:hover{
transform:scale(1.05);
}

.card-body{
border-radius: 5px;
cursor:pointer;
-webkit-user-select: none;  /* Chrome, Safari, and Opera */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* Internet Explorer/Edge */
    user-select: none; 
}





/* PREIS  */

.wp-block-lazyblock-preis-block, .wp-block-lazyblock-fliesstext-und-bild, .wp-block-lazyblock-left-and-right-text{
    padding-top:4em;
}


.table {
    width: 100%;
    border-collapse: collapse;
}


.table tr {
    border-bottom: 1px solid whitesmoke; 
    text-align: center;
}


.table thead tr {
    border-bottom: 5px solid var(--bgColorLisa); 
}


.leftRightTextColumn{
border-right: 5px solid var(--bgColorLisa);
text-align:right;
}

/* DECORATIONS  */


.my-custom-background-image, .my-custom-background-image2, .my-custom-background-image3, .my-custom-background-image4 {
  position: absolute;
  left: 0;
  top: 198vh;
  transform: translate(-20vw, 0);
  z-index: -1; 
  width: 31vw;
  opacity: 0.5;
} 

.my-custom-background-image2{
left: auto;
  right: -41vh;
  transform: rotate(180deg);
  top: 270vh;
  z-index: 2;
}

.my-custom-background-image3{
  top: 358vh;
  z-index: 2;
  left: -10vh;
}

.my-custom-background-image4{
  right: -27vw;
  transform: rotate(215deg);
  top: 455vh;
  z-index: 2;
  left: auto;
}


 

/* FOOTER */

.wp-block-lazyblock-footer-block{
	background:var(--bgFooter);
margin-top:5em;
}

.footerLink, .copyright p{
	color:white;
text-decoration:none;
}
footer{
overflow: hidden;
}

.footerLink{
transition:0.2s;
}

.footerLink:hover{
transform:scale(1.1); 

}