/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

@import url('https://fonts.googleapis.com/css2?family=Island+Moments&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');


li#menu-item-2713 span.avia-menu-fx{
	display:none;
}
li#menu-item-2722 span.avia-menu-fx{
	display:none;
}

strong, b {
	color: #6dad6e !important;
}

.av-special-heading-tag {
	
	font-family: "Lato", sans-serif !important;
	font-size: 3rem;
	color: #013328 !important;
}

#after_section_1 .av-special-heading-tag {
	font-size: 5rem !important;
}

.wpcf7-not-valid-tip{
	font-weight:bold;
	color:red;
}

.fontstyle0 {
	font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  
  font-size: 1.1rem;
}

h2.av-special-heading-tag {
font-family: "Lato", sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: 2rem;
color: #cc8b65;

}

#after_full_slider_1 h1 {
	font-size: 4rem;
	margin-bottom: -1rem;
}

#after_full_slider_1 h2.av-special-heading-tag {
	font-size: 36px !important;
   
    font-family: "Lato", sans-serif !important;
    color: #6dad6e !important;
    text-transform: inherit !important;
    margin-top: -16px;
}

.flex_cell_inner h2.av-special-heading-tag {
	font-size: 28px !important;
	margin-top: -4rem;
	    font-family: "Lato", sans-serif !important;
		    color: #cc8b65 !important;
}

h3.av-special-heading-tag {
	
	font-family: "Lato", sans-serif !important;
	font-size: 2rem;
	color: #013328 !important;
	font-weight: 300;
	text-align: center;
}

h4.av-special-heading-tag {
	
	font-family: "Lato", sans-serif !important;
	font-size: 3rem;
	color: #cc8b65 !important;
	font-weight: 300;
	text-align: center;
}

h5.av-special-heading-tag {
	
	font-family: "Lato", sans-serif !important;
	color: #013328 !important;
	font-weight: 300;
text-align: center;
}

.container h3 {
	font-weight: 600 !important;
}

.fontstyle2 {
font-weight: bold;
font-family: "Lato", sans-serif !important;
font-style: normal;
font-size: 1.1rem;
color: #cc8b65;
}

.has-text-align-center {
	font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
	
}

.fontstyle3 {
	font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;

}

.fontstyle4 {
font-weight: bold;
font-family: "Lato", sans-serif !important;
font-style: normal;
color: #cc8b65;
}

.special-heading-border {
	display: none;
}

.av-special-heading .av-special-heading-tag {
	float: none !important;
}

#avia3-menu .avia-menu-text {
font-family: "Lato", sans-serif !important;
font-style: normal;
color: #cc8b65;
font-size: 1rem;
}

#header_main .avia-menu-text {
font-family: "Lato", sans-serif !important;
font-style: normal;
color: #e3dcd2;
font-size: 0.9rem;
font-weight: normal !important;
}

#header_main {
    
    padding: 12px;
}


.copyright {
font-family: "Lato", sans-serif !important;
font-style: normal;
font-size: 1rem;
}

.av_header_glassy.av_header_transparency {
	background: #07363c !important;
}

.header_bg {
	background: #fff !important;
	opacity: 1 !important;
}



.logo, .logo a {
width: 100%;
height: 100%;
}

.stretch_full container_wrap alternate_color light_bg_color title_container {
	display: none !important;
	background: #07363c !important; 
}

.wpcf7-list-item-label {
	font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 1.0rem !important;
}

.wpcf7-form init {
	font-family: "Lato", sans-serif !important;

}

.avia_iconbox_title {
	font-family: "Lato", sans-serif !important;
	font-size: 1.0rem !important;

}

.sub-menu .avia-menu-text {
	color: #07363c !important;
}



#top #wrap_all .av-inherit-size .av-special-heading-tag {
	font-size: 2rem !important;
}

.social-icons {
    margin-left: 50px; /* Schiebt die Icons nach rechts */
    display: flex;
	
}

#menu-item-2713 .avia-menu-text {
    border-left: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#menu-item-2722 .avia-menu-text {
    border-left: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#after_full_slider_2 h1 {
	font-size: 5rem !important;
}

#top #wrap_all .all_colors h1 {
	font-weight: normal !important;
	font-family: "Lato", sans-serif !important;
	font-weight: 300 !important;
	font-size: 2.5rem !important;
	text-transform: inherit !important;
	    margin-bottom: 0.5rem;
}



.site-header-img {
    background-position: center -50px; /* Hier kannst du den Wert anpassen */
    background-size: cover;
}

#top .av-video-slide video {
    width: 100vw !important;  /* Volle Breite des Viewports */
   /* height: 100vh !important; /* Volle Höhe des Viewports */
    object-fit: cover;  /* Schneidet das Video passend zu */
    position: absolute;
    top: 0;
    left: 0;
}

input[type="checkbox"] {
    width: 30px;
    height: 30px;
  }
  
  input[type="date"] {
    width: 200px; /* Breite anpassen */
    height: 40px; /* Höhe anpassen */
    font-size: 16px; /* Schriftgröße erhöhen */
    padding: 5px; /* Innenabstand hinzufügen */
	    margin-bottom: 2rem;
}

#top label {
    font-weight: bold;
    font-size: 1.2em;
}

.inner-container {
    position: unset;
    
}

#header_main .avia-menu-text {
    font-family: "Lato", sans-serif !important;
    font-style: normal;
   color: #218a2d !important;
    font-size: 1.1rem !important;
    font-weight: normal !important;
    letter-spacing: 1px !important;;
	
}


#willkommenh1 .av-special-heading .av-special-heading-h1 .custom-color-heading .blockquote .modern-quote .modern-centered  .avia-builder-el-1  .el_after_av_slideshow_full  .el_before_av_heading  .avia-builder-el-first  .h1-font  {
	font-family: "Lato", sans-serif !important;
}

.greenline {
	background-color: #6dad6e;
    height: 2px; /* Höhe der Linie */
    width: 50%; /* Halb so breit wie die Überschrift */
    margin: 0 auto; /* Zentriert die Linie */
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  


}

@media only screen and (max-width: 768px) {
    #av-burger-menu-ul .avia-menu-text {
        color: #07363c !important; /* Hier die gewünschte Farbe einfügen */
    }
}

@media only screen and (max-width: 768px) {
    #av-layout-grid-9 .flex_cell  {
        display: flex; /* Aktiviert Flexbox */
        flex-direction: column; /* Stapelt die Inhalte vertikal */
        justify-content: center; /* Zentriert Inhalte vertikal (falls erforderlich) */
        align-items: center; /* Zentriert Inhalte horizontal */
        width: 100%; /* Sorgt dafür, dass das Element die volle Breite einnimmt */
        margin-bottom: 20px; /* Fügt einen Abstand zwischen den Elementen ein */
    }

    #av-layout-grid-9 .flex_cell_inner  {
        display: flex; /* Stellt sicher, dass der innere Container ebenfalls Flexbox nutzt */
        justify-content: center; /* Zentriert den Inhalt horizontal */
        align-items: center; /* Zentriert den Inhalt vertikal */
        width: auto; /* Verhindert, dass das Element zu breit wird */
    }

   #av-layout-grid-9 .flex_cell .av_font_icon {
        margin: 0 auto; /* Zentriert das Icon in der Mitte */
    }
}

@media only screen and (max-width: 768px) {
    #av-layout-grid-1 .flex_cell  {
        display: flex; /* Aktiviert Flexbox */
        flex-direction: column; /* Stapelt die Inhalte vertikal */
        justify-content: center; /* Zentriert Inhalte vertikal (falls erforderlich) */
        align-items: center; /* Zentriert Inhalte horizontal */
        width: 100%; /* Sorgt dafür, dass das Element die volle Breite einnimmt */
        margin-bottom: 20px; /* Fügt einen Abstand zwischen den Elementen ein */
    }

    #av-layout-grid-1 .flex_cell_inner  {
        display: flex; /* Stellt sicher, dass der innere Container ebenfalls Flexbox nutzt */
        justify-content: center; /* Zentriert den Inhalt horizontal */
        align-items: center; /* Zentriert den Inhalt vertikal */
        width: auto; /* Verhindert, dass das Element zu breit wird */
    }

   #av-layout-grid-1 .flex_cell .av_font_icon {
        margin: 0 auto; /* Zentriert das Icon in der Mitte */
    }
	
	#after_full_slider_1 h1 {
	        font-size: 3rem;
        line-height: 0.9;
        margin-bottom: -3rem;
	
}

#after_full_slider_1 h2.av-special-heading-tag {
	font-size: 1.2rem !important;
	margin-top: 2rem;
	   font-family: "Lato", sans-serif !important;
		    color: #cc8b65 !important;
			text-transform: uppercase !important;
}

.social-icons, .social-icons2 {
        background: #07363c;
        width: 100%;
        display: flex; /* Flexbox verwenden */
        justify-content: center; /* Zentriert die Icons horizontal */
        align-items: center; /* Zentriert die Icons vertikal */
        margin: 0 auto; /* Optional: Zentriert das gesamte Element */
    }

    .social-icons a, .social-icons2 a {
        display: inline-flex;
        align-items: center;
    }
	
	
	
	
}