/*
Theme Name: Stoz
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.2-k.de
Template: enfold
*/



/*Add your own styles here:*/

/*Fonts*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 26, 2024 */



@font-face {
    font-family: 'titillium_webblack';
    src: url('font/titilliumweb-black-webfont.woff2') format('woff2'),
         url('font/titilliumweb-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webbold';
    src: url('font/titilliumweb-bold-webfont.woff2') format('woff2'),
         url('font/titilliumweb-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webbold_italic';
    src: url('font/titilliumweb-bolditalic-webfont.woff2') format('woff2'),
         url('font/titilliumweb-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webextralight';
    src: url('font/titilliumweb-extralight-webfont.woff2') format('woff2'),
         url('font/titilliumweb-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_weblight';
    src: url('font/titilliumweb-light-webfont.woff2') format('woff2'),
         url('font/titilliumweb-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_weblight_italic';
    src: url('font/titilliumweb-lightitalic-webfont.woff2') format('woff2'),
         url('font/titilliumweb-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webregular';
    src: url('font/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('font/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_websemibold';
    src: url('font/titilliumweb-semibold-webfont.woff2') format('woff2'),
         url('font/titilliumweb-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_websemibold_italic';
    src: url('font/titilliumweb-semibolditalic-webfont.woff2') format('woff2'),
         url('font/titilliumweb-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Inter';
    src: url('font/Inter-Regular.eot');
    src: url('font/Inter-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/Inter-Regular.woff2') format('woff2'),
         url('font/Inter-Regular.woff') format('woff'),
         url('font/Inter-Regular.ttf')  format('truetype'),
         url('font/Inter-Regular.svg#Inter') format('svg');
}

@font-face {
    font-family: 'Inter Semi Bold';
    src: url('font/Inter-SemiBold.eot');
    src: url('font/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('font/Inter-SemiBold.woff2') format('woff2'),
         url('font/Inter-SemiBold.woff') format('woff'),
         url('font/Inter-SemiBold.ttf')  format('truetype'),
         url('font/Inter-SemiBold.svg#Inter Semi Bold') format('svg');
}

/*Titillium 400*/

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 h1, h2, h3, h4{
  font-family: 'titillium_webregular';
  line-height: 1;
  letter-spacing: -.02em;
 }



.nav__link--main, .menu-item a {
  font-family: 'titillium_webregular';
  font-size: 1.3rem;
  line-height: 1;
  text-transform: uppercase;
  color: hsla(0,0%,100%,.75);
  white-space: nowrap;
  cursor: pointer;
}

.heading__subheading--default > *,
.numeration--default > *{
    font-family: 'titillium_websemibold';
}

.contact__link--overlay{
  font-family: 'titillium_webregular';

}

@supports (-webkit-appearance: none) {
  .nav__link--main, .menu-item a {
    font-family: 'titillium_websemibold' !important;
    font-weight: 400 !important; /* Nur in Safari */
  }
}

header{
margin:25px 0;
}

#top .av_header_transparency .avia-menu-fx {
  bottom: 0;
}

/*Menu*/

#top #header .av-main-nav > li > a .avia-menu-text{
  color:rgba(255, 255, 255, 0.75);
}

.av-main-nav li:hover{
  color:#ffffff ;
}


nav.main_menu {
width: 90%;
border-top:1px solid rgba(255,255,255,.15);
border-bottom: 1px solid rgba(255,255,255,.15);
}

.main_menu .avia-menu{
width:70%;
float:right;
}


.main_menu .avia-menu #menu-item-63{
float:right;
}

.main_menu .avia-menu #menu-item-63 a .avia-menu-text{
padding:.5rem 2.4rem;
}

.main_menu .avia-menu #menu-item-63 a .avia-menu-text::before{
font-family: 'entypo-fontello';
content:"\e879";
  line-height: 40px;
margin-right:2rem;
}

.container.av-logo-container:before{
margin-top:50px;
border: 1px solid black;
}



/*Subheading Style*/


.heading__subheading--default{
display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 240px;
  height: 27px;
  border: 1px solid #06c5cb !important;
  border-radius: 13.5px;
  padding: 0 1.6rem;
  transition: background-color .3s ease-in-out;
}

.heading__subheading--default > *{
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #06c5cb !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .3s ease-in-out;

}


.heading__subheading--default:before{
display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #06c5cb;
  margin-right: 1.2rem;
}

/*Subheading Footer*/

.hintergrund_verlauf #heading__subheading--nosquare p{
    font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #06c5cb !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hintergrund_verlauf #heading__subheading--nosquare{
  margin-bottom:16px;
}


/*Body Background*/


.hintergrund_verlauf{

background: transparent radial-gradient(circle farthest-corner at 50% 100%,#1a5a60 0,#171717 100%) 0 0 no-repeat padding-box;

background-attachment: fixed;
}


/*Hintergrund weiß*/

.hintergrund_weiss h2.av-special-heading-tag {
color: #171717 !important;


}

/*Kontaktbutton*/

#header_main .widget *{
padding:0;
margin:0;
float:right;
}

/*Text Anpassung*/
.hintergrund_verlauf p{
color:#ddd;
}

/*Auflistung mit Icons*/

.list_noaccordeon .list_copy{
color:#333;
}

.list_noaccordeon .number{
	width: 5.2%;
}

.list_noaccordeon .list_copy{
	width: 30.2%;
}

.list_noaccordeon .list_copy p{
	margin:0; 
}

.list_noaccordeon .flex_column_table{
	padding: 20px 0;
	border-top: 1px solid #ddd;
}


/*Numeration Style*/

.numeration--default {
  background-color: transparent;
  border-color: #06c5cb !important;
}

 .numeration--default {
    height: 23px;
    border-radius: 11.5px;
  }

.numeration--default {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  padding: 0 1.2rem;
  transition: all .3s ease-in-out;
}

.numeration--default > * {
  color: #06c5cb;
}


/*Link Kontakt Overlay*/


.contact__link--overlay p{

font-size: 1.7rem !important;
}

.contact__link--overlay{
  width: 100%;
  height: 100%;
  display: block;
  font-size:17px;
}

/*Footer*/
/*ab hier inter*/

.footer-menu, 
.footer-menu p,
.footer-menu a{
  font-size: 15px;
  line-height: 1.4 !important;
  color: #aaa;
}

.footer-menu ul{
list-style-type: none; 
}

.footer-menu #to-top-button{
  text-transform: uppercase;
  float: right;
}

#to-top-link{
flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #06c5cb;
  border-radius: 50%;
  transition: background-color .3s ease-in-out;
}

#to-top-link:hover{
  background-color: #fff;
}

#to-top-link .av_font_icon a:hover{
  color: #06c5cb;
}

#top-button{
  width:5.5%;
  margin-left: 0px;
}

#top-link{
  width:35.5%;
}

#scroll-top-link{
  display: none;
}