:root {
--blau1: #047CB1;
--blau2: #009FE3;
--dunkelbraun: #41403E;
--mittelbraun: #9B7D4F;
--hellbraun: #F9F5EF;
--weiss: #FFF;
--schwarz: #000;
--taupe: #655D50;
--rot: #FF0000;
--mw: 1400px;
}

* { box-sizing: border-box; }

html { margin: 0; padding: 0; scroll-behavior: smooth;  }

body { margin: 0 auto; padding: 0; width: 100%; max-width: 1920px; background: var(--farbe-hell); color: var(--farbe-text); font-family: 'Figtree', Arial, sans-serif; font-size: 18px; line-height: 30px; }

header { position: relative; width: 100%; text-align: center; height: auto; z-index: 99999999; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; max-width: 1920px; background-image: url('../../img/maske_bogen_weiss.png'); margin: 0px; background-size: cover;  background-repeat: no-repeat; background-position: bottom center; min-height: 170px; }







#header_inner { position: relative; display: block; margin: 0 auto; text-align: center; padding: 35px 40px 0 40px; max-width: 1280px; box-sizing: border-box; z-index: 99999999}

#click_menu, #click_menu.aktiv { position: relative; float: left; position: relative; cursor: pointer; display: inline-block; height: 40px; color: #004C9B; line-height: 40px; font-size: 18px; text-align: left; background-image : url('../../img/nav_toogle_icon.png'); background-repeat : no-repeat; background-position : left center; background-size: 40px; font-weight: 700; padding-left: 50px; z-index: 99999999 }
#click_menu:hover { background-image : url('../../img/nav_toogle_icon_hover.png'); }
#click_menu.aktiv { background-image : url('../../img/menu_aktiv.png') !important; }


#logo { position: absolute; display: inline-block; width: 180px; height: 180px; box-sizing: border-box; background-image: url('../../img/azv_logo_header.png'); margin: 0px; background-size: contain;  background-repeat: no-repeat; background-position: center; -moz-transition: height 0.4s ease; -webkit-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; vertical-align: top; margin: -55px 0 30px 0; z-index: 99999999 }

#block_rechts { display: inline-block; float: right; }
#block_rechts label { font-size: 0; }

#suche { position: relative; display: inline-block; width: 300px; background-image: url('../../img/icon_lupe.png'); margin: 0px; background-size: auto 24px;  background-repeat: no-repeat; background-position: right 6px center ; padding-right: 35px; color: #00885C; font-weight: 700; font-size: 17px; z-index: 99999999; vertical-align: top; }
#suche::placeholder { color: transparent; }
#suche:focus { background-color: #fff; border: 2px solid #00885C; }
#suche:hover::placeholder { color: #004C9B !important; opacity: 1 !important; }


#kundenportal { position: absolute; display: inline-block; width: auto; background-image: url('../../img/kundenportal_azv_icon_zweifarbig.png'); margin: 0px; background-size: auto 25px;  background-repeat: no-repeat; background-position: right 6px center ; padding-right: 35px; color: #004C9B; font-weight: 700; font-size: 0; z-index: 99999999; vertical-align: top; padding: 10px 25px; right: 0; }

#kundenportal:hover { font-size: 17px; padding-right: 50px; }
#block_rechts .versteckt { opacity: 0; }

#menu_master { display: none; position: fixed; top: 0; left: 0; width: 100%; min-height: 100vh; text-align: left; background-color: #004C9B; z-index: 99999; background-image: url('../../img/back_menu.png'); margin: 0px; background-size: contain;  background-repeat: no-repeat; background-position: top center; text-align: left; height: 100vh; overflow-y: scroll;  }

#menu_master.menu_aktiv { display: block !important; }



#menu_master_outer { display: block; min-height: 100vh; margin: auto; text-align: center; padding: 0 40px; box-sizing: border-box; background-image: url('../../img/maske_bogen_weiss.png'); margin: 0px; background-size: contain;  background-repeat: no-repeat; background-position: top center;  }

#menu_master_inner { display: block; margin: auto; max-width: 1400px; text-align: left; padding-top: 140px;  }
#menu_master_inner a { color: #fff; }

#menu_master_inner ul.first { display: block; margin: 0; position: relative; width: 100%; float: left; padding: 0 45px; box-sizing: border-box; }
#menu_master_inner ul.first li  { display: block; margin: 0; padding: 0; vertical-align: top; margin: 0;    }
#menu_master_inner ul li A { display: block; color: #fff; font-weight: 400; font-size: 22px; margin: 0; padding: 15px 0; font-weight: 600; width: 33%; border-bottom: 2px solid #fff; }
#menu_master_inner ul li.aktiv:before { display: inline-block; width: 40px; height: 30px; content: '';  background-image: url('../../img/pfeile_weiss.png'); margin: 0; background-size: auto 20px;  background-repeat: no-repeat; background-position: left center; position: absolute; margin-left: -40px; }


#menu_master_inner ul.second { display: block; width: 66%; padding: 0 45px; position: absolute;  margin-left: 33%; margin-top: -60px; box-sizing: border-box; opacity: 0; }
#menu_master_inner ul.second li  { display: block; margin: 0; padding: 0;  margin: 0; border: 0; width: 100% }
#menu_master_inner ul.second li a  { display: block; border-bottom: 1px solid #fff !important; width: 49%; font-weight: 400; margin-bottom: 1px }
#menu_master_inner ul.second li:hover a.sub2:before { display: inline-block; width: 40px; height: 30px; content: '';  background-image: url('../../img/pfeile_weiss.png'); margin: 0; background-size: auto 20px;  background-repeat: no-repeat; background-position: left center; position: absolute; margin-left: -30px; }



#menu_master_inner ul.third { display: block; width: 33%; padding: 0 45px; position: absolute;  margin-left: 49%;  margin-top: -50px; box-sizing: border-box;  opacity: 0;  }
#menu_master_inner ul.third li  { display: block; margin: 0; padding: 0; margin: 0; border: 0; }
#menu_master_inner ul.third li a { display: block; width: 100%; border-bottom: 1px solid transparent !important; font-size: 20px; padding: 5px 0 !important; }
#menu_master_inner ul.third li a:hover { border-bottom: 1px solid #fff !important; }




#wrapper { position: relative; max-width: 1920px; margin: 0 auto; display: block; text-align: center; margin-top: 0; box-sizing: border-box; }

.plus { background-image: url('../../img/slidernav.png'); margin: 0; background-size: auto 20px;  background-repeat: no-repeat; background-position: right center; }





#menu_icons { position: fixed; right: -2px; top: 50%; margin-top: -105px; width: 104px; z-index: 99999999; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-size: 0; float: right; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;  }

#menu_icons #opener { position: absolute; margin-left: -28px; margin-top: 89px; display: inline-block; background-color: #004C9B; vertical-align: top; border: 1px solid #fff; font-size: 18px; text-transform: uppercase; transform: rotate(-90deg); color: #fff; font-weight: 700; padding: 5px 15px; width: 220px; box-sizing: border-box; background-size: auto 14px; background-position: right 12px center; background-repeat: no-repeat; background-image: url('../../img/icon_schnellzugriff.png'); float: left; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}


#menu_icons_inner { display: block; vertical-align: top; border: 1px solid #fff; width: 0; margin-left: 52px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; overflow: hidden; float: right; }
#menu_icons_inner A { display: block; height: 50px; line-height: 50px; margin: 0; background-color: #004C9B; font-size: 17px; background-size: 20px auto; background-position: left 20px center; background-repeat: no-repeat; box-sizing: border-box; color: #fff; padding-left: 55px; font-weight: 400; }
#link_30-3000 { background-image: url('../../img/icon_tonne_weiss.png'); }
#link_30-3001 { background-image: url('../../img/icon_kalender_weiss.png'); }
#link_30-3002 { background-image: url('../../img/icon_sperrmuell_weiss.png'); }
#link_30-3003 { background-image: url('../../img/icon_abfall_abc_weiss.png'); }
#link_30-3004 { background-image: url('../../img/icon_gebuehren_weiss.png'); }
#link_30-3005 { background-image: url('../../img/icon_anrufen_ weiss.png'); }
#link_30-3006 { background-image: url('../../img/icon_mail_weiss.png'); }
#link_30-3007 { background-image: url('../../img/icon_ratsinfosystem_weiss.png'); }
#link_30-3008 { background-image: url('../../img/icon_abfall_navi_weiss.png'); }
#link_30-3009 { background-image: url('../../img/kundenportal_azv_icon_einfarbig.png'); background-size: 26px auto !important; background-position: left 13px center !important; }
#menu_icons_inner A:hover { background-color: #00885C; }






 #menu_icons:hover #opener, #menu_icons:focus-within #opener  { margin-left: -278px; background-color: #00885C; }
 #menu_icons:hover #menu_icons_inner, #menu_icons:focus-within #menu_icons_inner { display: block; width: 250px; }


 #menu_master.menu_aktiv #menu_icons { display: none !important; }



.weiter { position: absolute; display: block; text-align: center; margin-top: -140px; z-index: 99999; width: 100%;  }
.weiter A { display: block; width: 90px; height: 60px; margin: 0 auto; background-image: url('../../img/scroll_down_icon.png'); background-repeat: no-repeat; background-position: center; background-size: 50px auto; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.weiter A:hover { background-size: 85px auto; }




#master_content 	{ display: block; text-align: left; }
.content_inner, .content_inner_pic { display: block; width: 100%; box-sizing: border-box;  }
.content_inner2 { display: block; width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 80px 40px; }



.content_inner2 .teiler { width: 100%; display: inline-block; vertical-align: top; padding: 0; box-sizing: border-box; }

.xcontent_inner2 ul { display: block; padding: 0; margin: 0; }
.xcontent_inner2 ul li { display: flex; padding: 0; margin: 0 0 20px 0; background-image: url('../../img/button_arrows_white_bg2.png'); background-size: auto 16px; background-repeat: no-repeat; background-position: left top 7px; padding-left: 35px; font-weight: 700; letter-spacing: 0.5px }


a.galerie { width: 30%; display: inline-block; height: 220px;  vertical-align: top; background-size: cover; overflow: hidden; background-position: center; margin: 10px; text-align: center; }
a.galerie img { display: block; opacity: 0.9; object-fit: cover; width: 60px; object-position: center; margin: 80px auto; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
a.galerie:hover img { opacity: 1; width: 80px; margin: 70px auto;}


#master_anfrage { display: block; }
#anfrage_inner {  text-align: left; box-sizing: border-box;  }
#anfrage_inner .teiler { display: inline-block; vertical-align: top; width: 49%; text-align: left; padding: 0 20px 20px 0; box-sizing: border-box; }
#anfrage_inner .teiler p { margin: 0; }

















.bg_blau1 			{ background-color: #047CB1; }
.bg_blau2			{ background-color: #009FE3; }
.bg_dunkelbraun		{ background-color: #41403E; }
.bg_mittelbraun 	{ background-color: #9B7D4F; }
.bg_hellbraun 		{ background-color: #F9F5EF; }
.bg_weiss 			{ background-color: #FFF;    }
.bg_schwarz 		{ background-color: #000;    }
.bg_taupe 			{ background-color: #655D50; }

.schwung { background-position: right center; background-size: 50% auto; background-repeat: no-repeat; background-attachment: fixed; }
img { max-width: 100%; height: auto; vertical-align: middle; }

.bg_blau1.schwung, .bg_blau2.schwung { background-image: url('../../img/Relax_LogoSchwung_AufDunkelblau.svg'); }
.bg_taupe.schwung { background-image: url('../../img/Relax_LogoSchwung_AufDunkelbraun.svg'); background-position: left center; }
.bg_hellbraun.schwung { background-image: url('../../img/Relax_LogoSchwung_aufHell.svg'); background-position: left center; }




a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
:focus-visible { outline: 3px solid var(--rot); outline-offset: 5px; }

h1, h2, h3, h4, p, ul, ol { margin: 0 0 20px; }
h1, h2 { font-family: 'Allison', cursive; font-size: 64px; line-height: 70px; font-weight: 400; }
h3, h4 { font-size: 22px; line-height: 29px; font-weight: 700; }
strong { font-weight: 700; }

.scrollicon { width: 50px; height: 50px; position: fixed; bottom: 30px; right: 30px; display: none; background-image: url('../../img/Icon_ScrollUp.svg'); z-index: 999999; background-position: center; background-size: auto 100%;
background-repeat: no-repeat; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.scrollicon:hover { transform: scale(1.1) }

footer { display: block; position: relative; text-align: center; background-color: var(--blau2); color: var(--weiss); }
footer .footer_inner { display: flex; position: relative; text-align: center; width: 100%; align-items: center; max-width: var(--mw); margin: auto; }
footer .footer_links, footer .footer_rechts { width: 50%; padding: 20px; box-sizing: border-box; }
footer .footer_links { text-align: left; }
footer .footer_rechts { text-align: right; }
footer .menu_unten_inner { display: block; }
footer .menu_unten_inner ul { display: inline-block; padding: 0; margin: 0; }
footer .menu_unten_inner ul li { display: inline-block; vertical-align: middle; padding: 5px; }
footer .menu_unten_inner ul li A { display: block; text-decoration: none; font-weight: 400; }
footer .menu_unten_inner ul li A:hover { text-decoration: underline; }




#menu_icons { position: fixed; right: 0; top: 50%; margin-top: -80px; z-index: 9999999; padding-right: 0px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; display: block; }
#menu_icons ul { display: block; margin: 0; padding: 0; }
#menu_icons li  { display: block; margin: 30px 0; padding: 0; text-align: right; font-size: 0; line-height: 0; height: 50px; }
#menu_icons li A { display: inline-block; width: 50px; height: 60px; background-size: 25px auto; background-position: center; background-repeat: no-repeat; line-height: 50px; transition: width 0.4s ease-in-out; box-sizing: border-box; background-color: var(--default); background-color: var(--blau2); border-top-left-radius: 13px; border-bottom-left-radius: 13px; }

#menu_icons li A:hover { background-color: var(--blau1); }

#link_9-900 { background-image: url('../../img/Icon_Phone.svg'); }
#link_9-901 { background-image: url('../../img/Icon_Mail.svg'); }