/*
 Theme Name:   HT-Theme
 Description:  HT-Theme
 Author:       Internetagentur SEO Lausitz
 Author URI:   https://www.seo-lausitz.de
 Template:     twentytwentythree
 Version:      1.0
 Text Domain:  twentytwentythree-child
*/



@font-face {
    font-family: 'ssp_r';
    src: url('fonts/SourceSansPro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'ssp_b';
    src: url('fonts/SourceSansPro-Bold.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'ssp_l';
    src: url('fonts/SourceSansPro-Light.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

html {
    scroll-behavior: smooth;
}

body {
    background-color: white;
    font-family: 'ssp_r';
    overflow-x: hidden;
    scroll-behavior: smooth !important;
}


body > .wp-site-blocks {padding:0em 0em 0em 0em;}


header {
    position: fixed;
    width:100%;
    background:rgba(255,255,255,0.99);
    z-index:999;
    top:0;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    
}


[id]::before {
    content: '';
    display: block;
    height:      200px;
    margin-top: -200px;
    visibility: hidden;
  }


h2 {
    font-weight: bold;
}


main {
    margin-top:200px;
}

.promise div {
    border-radius:10px;
    background-color: white;
    border: 1px solid grey;
    padding: 1em;
    box-sizing: border-box;
    text-align: center;

}



.promise_wrapper {
    position: relative;
}

.promise_wrapper::after {
    position: absolute;
    left: 0;
    top:0;
    background-image: url('https://hochzeitsfotograf-tegernsee.de/wp-content/uploads/2023/09/St-Qurinus-Kirche-Tegernsee-Luftaufnahme.jpg');
    content:'';
    width:100%;
    height: 100%;
    background-size: cover;
    z-index:-1;
    background-position: bottom;
    opacity: 0.2;

}


















.steps {
    z-index: 0;
    position: relative;
    background-color: rgb(231, 231, 231);
    padding:2em 0;
}


.steps_bg {       
    padding:1em !important;    
    width:70%;
    border-radius:10px;
    text-align: center;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  
color:rgb(68, 68, 68);
background:white !important;
position: relative !important;
}


.steps_bg h2 {
font-size:2em;
}

.steps_bg::after {
    position: absolute;
    height:calc(100% + 2em);
    top:12%; 
    width:80%;
    content:'';    
    border-radius:20px;
    z-index: -100;    
}



.steps_l {
    left:1em !important;
}

.steps_r {
    right:1em !important;
}


.steps_r::after {
border-right:3px #00aff0 dotted;
border-bottom:3px #00aff0 dotted;
border-top:3px #00aff0 dotted;
}

.steps_l::after {    
    border-left:3px #00aff0 dotted;
    border-bottom:3px #00aff0 dotted;
    border-top:3px #00aff0 dotted;
}

.steps_l::after {
    left:-3em;
}


.steps_r::after {
    right:-3em;
}



.steps_bg a {
    position: relative;
    
}



.tleftiright {
    position: relative;
    width:90% !important;
    margin:auto;
  
}


.tleftiright > div {
    position: relative;
}


.tleftiright img {
    position: absolute;
    object-fit: cover;
    height:100%;
    width:100%;


}




.advgb-accordion-header {
    background-color: #fcb90020 !important;
    border-radius: 10px !important;
}


/* CF */
input, textarea {
    width:100%;
    font-family: 'ssp_r';
    font-size:18px;
    border-radius: 5px;
    padding:0.5em 1em;
    margin: auto;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 1px solid rgb(255, 255, 255);
    
}

input[type=submit] {
    background-color: #fcb900;
    border:0;
    color: black;
    width:80%;
    margin: auto;
}





footer {
    margin:0 !important;
text-align: center !important;
}

footer a {
    color: white;
}



.ti-widget * {
    color:black !important;
}


.ti-widget.ti-goog .ti-widget-container .ti-date,  {color:black !important; opacity: 1 !important;}
.ti-read-more-active {background-color:#fcb900 !important; opacity: 1 !important; padding:3px 5px; border-radius: 3px;}