/* 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;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 2.5rem;
  /* padding: 0% 20% 0% 20%;
    display: block;
	text-align: justify; */
}

.fontstyle01 {
	font-family: "Lato", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 2.5rem;
   padding: 0% 20% 0% 20%;
    display: block;
	text-align: justify; 
}





.fontstyle0h1 {
	text-transform: uppercase;
}

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

}

#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: #6dad6e !important;
}



h4.av-special-heading-tag {
	
	font-family: "Lato", sans-serif !important;
	font-size: 3rem;
	color: #6dad6e !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;
}

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


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

.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: #6dad6e;
}

.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: #6dad6e;
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: 0.8rem !important;
  line-height: 2rem;
}

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

}

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

}

#av_section_1 .avia_iconbox_title {
	
	color: #fff !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: 3.0rem !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: #6dad6e !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: #218a2d;
    height: 2px; /* Höhe der Linie */
    width: 50%; /* Halb so breit wie die Überschrift */
    margin: 0 auto; /* Zentriert die Linie */
}

.greenline2 {
	background-color: #218a2d;
    height: 2px; /* Höhe der Linie */
    width: 25%; /* Halb so breit wie die Überschrift */
   
}

#fewo-container {
    display: flex;           /* Aktiviert Flexbox */
    justify-content: center; /* Zentriert die Bilder horizontal */
    align-items: center;     /* Optional, um die Bilder vertikal zu zentrieren */
    gap: 0;  
	margin-bottom: 20rem;
	margin-top: 10rem;
	padding: 0;   /* Kein Innenabstand im Container */
}

#fewo1 #fewo2 {
    max-width: 50%; /* Setzt die Breite der Bilder auf 50% (gibt Platz für beide) */
    width: auto;
	margin: 0; /* Entfernt den Abstand zwischen den Bildern */
	
}



#top .no_margin.av_one_half {
    width: 30% !important;
}

#verdrat    {
	background: #f5f5f5 !important;
}

#winter-sommer-container   {
	background: #f5f5f5 !important;
	
	
}

#av-layout-grid-1 {
	background: #f5f5f5 !important;
}

#av-layout-grid-1-white-bg {
	background: #ffffff !important;
}

#av-layout-grid-5 {
	background: #f5f5f5 !important;
}

#willkommenh3 h3.av-special-heading-tag  {
font-size: 1.8rem !important;
    font-weight: 300 !important;
    font-family: "Lato", sans-serif !important;
    
    text-transform: inherit !important;
    margin-top: -16px;	
}

#willkommenh3 .av-special-heading-tag  .av-small-font-size-overwrite .av-small-font-size-50 .av-mini-font-size-overwrite .av-mini-font-size-50    {
font-size: 1.8rem;
    font-weight: 300 !important;
    font-family: "Lato", sans-serif !important;
    
    text-transform: inherit !important;
    margin-top: -16px;	
}

#rahmen-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: -55rem;
    margin-top: 4rem;
    padding: 0;
    position: relative; /* Damit z-index funktioniert */
    z-index: 10; /* Höherer Wert sorgt dafür, dass der Container oben liegt */
	background-color: transparent;
}

#fewobutton {
	z-index: 20; /* Höherer Wert, um den Button/Text vor dem rahmen-container anzuzeigen */
}

#fewobutton-container {
	display: flex;           /* Aktiviert Flexbox */
    justify-content: center; /* Zentriert die Bilder horizontal */
    align-items: center;     /* Optional, um die Bilder vertikal zu zentrieren */
    gap: 0;  
	margin-bottom: -20rem;
	margin-top: -22rem;
	padding: 0;   /* Kein Innenabstand im Container */
	z-index: 21; /* Höherer Wert, um den Button/Text vor dem rahmen-container anzuzeigen */
	background-color: transparent;
}

.main_color .primary-background, .main_color .primary-background a, div .main_color .button, .main_color #submit, .main_color input[type='submit'], .main_color .small-preview:hover, .main_color .avia-menu-fx, .main_color .avia-menu-fx .avia-arrow, .main_color.iconbox_top .iconbox_icon, .main_color .iconbox_top a.iconbox_icon:hover, .main_color .avia-data-table th.avia-highlight-col, .main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover, .main_color .image-overlay .image-overlay-inside:before, .main_color .comment-count, .main_color .av_dropcap2, .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .main_color .av-open-submenu.av-subnav-menu li > ul a:hover {
	background-color: #6dad6e !important;
}

#ausblenden {
	display: none;
}

.text-winter-abstand {
	margin-bottom: 3rem;
}

.responsive .container {
    max-width: 2187px !important;
}



#abutton-abstand3 {
     padding-left: 0%; 
	 margin-bottom: 0%;
}

div {
    border-color: transparent !important;
}

#abutton-abstand {
        
	    position: relative;
    display: flex
;
    justify-content: center;
    margin-bottom: -180px;
    z-index: 2;
	gap: 390px;
    }

    #abutton-abstand1, 
    #abutton-abstand2 {
        position: relative;
    width: 500px;
    height: 250px;
    display: flex
;
    justify-content: center;
    align-items: center;
	flex-shrink: 0; /* <- verhindert Verkleinern */
    }
	
	
    .mobilebackground  {
		background-color: #f5f5f5 !important;
    }
	
	.abstandheader {
		margin-top: 5%;
	}
	
	.saison-h {
		color: #6dad6e !important;
		
		
	}

#after_submenu_6 {
	display: none !important;
} 

/*
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_submenu_6 {
	display: block !important;
} 

#after_full_slider_1 h2.av-special-heading-tag {
	font-size: 1.7rem !important;
	margin-top: 2rem;
	   font-family: "Lato", sans-serif !important;
		    color: #6dad6e !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;
    }
	

    .responsive #top #wrap_all .av-flex-cells .no_margin {
        display: contents;
        
    }
	
	
    .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
        
        margin-bottom: 0px;
        
    }
	
	.hintergrundfarbe {
		background-color: #f5f5f5;
	}
	
	#top #wrap_all .all_colors h1 {
    line-height: 4rem;
}

#willkommenh3 h3.av-special-heading-tag {
    line-height: 3rem;
	margin-top: 50px;	
	
}

#saison-h-margin .content, .sidebar {
    padding-top: 0px;
    padding-bottom: 0px;
    
}

 
	
	.freiraumfarbe {
		background-color: #f5f5f5;
	}
	
	.fontstyle0 {
		font-size: 14px;
	}
	
	.fontstyle01 {
	
   padding: 0% 0% 0% 0%;
    display: block;
	text-align: justify; 
}
	
	#winter-sommer-container {
		padding: 0 30px 0 30px;
	}
	
	#after_section_5 .main_color .av_default_container_wrap .container_wrap .fullsize {
		display: none;
	}
	
	
	.fontstyle0 {
		padding: 0% 0% 0% 0%;
   
	text-align: justify;
	}
}
	
	@media only screen and (max-width: 1400px) {
	
	#abutton-abstand {
        
	    flex-direction: column;
        align-items: center;
        gap: 40px;
    }
        
  
  

	
	
}