/* Menu for Linth Energie © admotion */ .navbar-toggler { display: none; } /* Hamburger Menu */ #menu-small { position: fixed; right: 10px; top: 60px; transition: .5s ease-in-out; cursor: pointer; z-index: 99999; width: 62px; text-align: center; } #menu-small svg { width: 30px; } .menu-open { transform: rotate(-0.25turn); width: 42px !important; right: 20px !important; transform-origin: center center; } .menu-open .st0 { fill: #fec800;} #menu-text { cursor: pointer; color: #ffffff; text-transform: uppercase; letter-spacing: 0.1em; font-size: 19px; text-align: right; position: fixed; top: 115px; right: 17px; z-index: 99999; padding: 0px 5px 0px 0px; } .hamburger #menu-text { color: #00355f; } .hamburger .st0 { fill: #00355f; } .hamburger .menu-open .st0 { fill: #fec800; } .hamburger .menu-open #menu-text { color: #ffffff !important; } #angebote li.item-110 { display: none; } #angebote li.item-112 { display: none; } #angebote li.item-113 { display: none; } #angebote ul { margin: 0px; padding: 0px; } #angebote li { margin: 18px 0px 0px 0px; text-align: center; font-weight: 600; word-wrap: break-word; list-style: none; } #angebote li.gebaeude { margin: 18px 0px 0px 0px; } #angebote li:last-child { margin: 18px 0px 0px 0px; } #angebote li a { padding: 20px 20px 20px 20px; display: block; color: #00355f; font-size: 19px; } #angebote .elektro { background: #fec800; } #angebote .gebaeude { background: #fec800; } #angebote .sicher { background: #fec800; } #angebote .tele { background: #fec800; } #icons ul { margin: 0px; padding: 0px; } #icons li { margin: 0px; padding: 0px; list-style: none; font-weight: 600; font-size: 19px; } #icons li a { padding: 25px 0px 25px 70px; display: block; color: rgb(255,255,255,0); transition: .3s ease-out; } .item-109 { background: url(../images/Icons/elektro-weiss.svg) no-repeat scroll left center; background-size: 32px 39px; } .item-110 { background: url(../images/Icons/elektrokontrollen-weiss.svg) no-repeat scroll left center; background-size: 32px 33px; } .item-111 { background: url(../images/Icons/gebaeudeautomation-weiss.svg) no-repeat scroll left center; background-size: 32px 30px; } .item-112 { background: url(../images/Icons/photovoltaik-weiss.svg) no-repeat scroll left center; background-size: 32px 27px; } .item-113 { background: url(../images/Icons/e-mobilitaet-weiss.svg) no-repeat scroll left center; background-size: 32px 32px; } .item-114 { background: url(../images/Icons/sicherheitsanlagen-weiss.svg) no-repeat scroll left center; background-size: 32px 31px; } .item-115 { background: url(../images/Icons/telekom-weiss.svg) no-repeat scroll left center; background-size: 32px 31px; } #icons li:hover a { color: rgb(255,255,255,1); } .item-109:hover { background: url(../images/Icons/elektro-gelb.svg) no-repeat scroll left center; background-size: 32px 39px; } .item-110:hover { background: url(../images/Icons/elektrokontrollen-gelb.svg) no-repeat scroll left center; background-size: 32px 33px; } .item-111:hover { background: url(../images/Icons/gebaeudeautomation-gelb.svg) no-repeat scroll left center; background-size: 32px 30px; } .item-112:hover { background: url(../images/Icons/photovoltaik-gelb.svg) no-repeat scroll left center; background-size: 32px 27px; } .item-113:hover { background: url(../images/Icons/e-mobilitaet-gelb.svg) no-repeat scroll left center; background-size: 32px 32px; } .item-114:hover { background: url(../images/Icons/sicherheitsanlagen-gelb.svg) no-repeat scroll left center; background-size: 32px 31px; } .item-115:hover { background: url(../images/Icons/telekom-gelb.svg) no-repeat scroll left center; background-size: 32px 31px; } .item-109.current { background: url(../images/Icons/elektro-gelb.svg) no-repeat scroll left center; background-size: 32px 39px; } .item-110.current { background: url(../images/Icons/elektrokontrollen-gelb.svg) no-repeat scroll left center; background-size: 32px 33px; } .item-111.current { background: url(../images/Icons/gebaeudeautomation-gelb.svg) no-repeat scroll left center; background-size: 32px 30px; } .item-112.current { background: url(../images/Icons/photovoltaik-gelb.svg) no-repeat scroll left center; background-size: 32px 27px; } .item-113.current { background: url(../images/Icons/e-mobilitaet-gelb.svg) no-repeat scroll left center; background-size: 32px 32px; } .item-114.current { background: url(../images/Icons/sicherheitsanlagen-gelb.svg) no-repeat scroll left center; background-size: 32px 31px; } .item-115.current { background: url(../images/Icons/telekom-gelb.svg) no-repeat scroll left center; background-size: 32px 31px; } #menu ul { margin: 0px; padding: 0px; } #menu li { margin: 0px; padding: 0px; list-style: none; text-transform: uppercase; font-size: 19px; letter-spacing: 0.1em; font-weight: 400; } #menu li a { color: #ffffff; border-bottom: 1px solid #ffffff; display: block; padding: 10px 0px; transition: .3s ease-out; } #menu li:hover a { color: #fec800; } #menu li.active a { color: #fec800; } #menu li:hover li a { color: #ffffff; } #menu li.active li a { color: #ffffff; } #menu ul ul { padding: 20px 0px 10px 0px; } #menu li li { text-transform: none; letter-spacing: 0.03em; font-weight: 600; } #menu li li a { border: 0px; padding: 6px 0px 6px 50px; } #menu li li:hover a { color: #fec800; } #menu li li.active a { color: #fec800; } #menu .item-109 { background: url(../images/Icons/elektro-gelb.svg) no-repeat scroll left 3px center; background-size: 15px 29px; } #menu .item-110 { background: url(../images/Icons/elektrokontrollen-gelb.svg) no-repeat scroll left 3px center; background-size: 15px 24px; } #menu .item-111 { background: url(../images/Icons/gebaeudeautomation-gelb.svg) no-repeat scroll left center; background-size: 20px 30px; } #menu .item-112 { background: url(../images/Icons/photovoltaik-gelb.svg) no-repeat scroll left center; background-size: 20px 17px; } #menu .item-113 { background: url(../images/Icons/e-mobilitaet-gelb.svg) no-repeat scroll left center; background-size: 20px 20px; } #menu .item-114 { background: url(../images/Icons/sicherheitsanlagen-gelb.svg) no-repeat scroll left center; background-size: 20px 31px; } #menu .item-115 { background: url(../images/Icons/telekom-gelb.svg) no-repeat scroll left center; background-size: 20px 19px; } @media(min-width:550px) { #menu-small { right: 20px; top: 70px; } #menu-text { top: 125px; right: 27px; } .menu-open { right: 30px !important; } } @media(min-width:1050px) { #menu .item-109 { background: url(../images/Icons/elektro-gelb.svg) no-repeat scroll left center; background-size: 32px 39px; } #menu .item-110 { background: url(../images/Icons/elektrokontrollen-gelb.svg) no-repeat scroll left center; background-size: 32px 33px; } #menu .item-111 { background: url(../images/Icons/gebaeudeautomation-gelb.svg) no-repeat scroll left center; background-size: 32px 30px; } #menu .item-112 { background: url(../images/Icons/photovoltaik-gelb.svg) no-repeat scroll left center; background-size: 32px 27px; } #menu .item-113 { background: url(../images/Icons/e-mobilitaet-gelb.svg) no-repeat scroll left center; background-size: 32px 32px; } #menu .item-114 { background: url(../images/Icons/sicherheitsanlagen-gelb.svg) no-repeat scroll left center; background-size: 32px 31px; } #menu .item-115 { background: url(../images/Icons/telekom-gelb.svg) no-repeat scroll left center; background-size: 32px 31px; } #menu li { float: right; width: 350px; margin: 0px 0px 0px 100px; } #menu li a { padding: 15px 0px; } #menu li:first-child { float: left; margin: 0px; } #menu li li a { border: 0px; padding: 15px 0px 15px 70px; } #menu li li { float: none; width: auto; margin: 0px; } #menu li li:first-child { float: none; } } @media(min-width:1350px) { #menu-small { right: 40px; top: 90px; } #menu-text { top: 145px; right: 47px; } .menu-open { right: 46px !important; } #angebote ul { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; } #angebote li { width: 199px; height: 199px; margin: 18px 18px 0px 0px; float: left; display: flex; width: 199px; height: 199px; } #angebote li:last-child { margin: 18px 0px 0px 0px; } #angebote li a { padding: 115px 20px 0px 20px; width: 100%; } #angebote li.gebaeude { margin: 18px 18px 0px 0px; } #angebote .elektro { background: #fec800 url(../images/Icons/elektro-blau.svg) no-repeat scroll center top 30px; background-size: 57px 70px; } #angebote .gebaeude { background: #fec800 url(../images/Icons/gebaeudeautomation-blau.svg) no-repeat scroll center top 30px; background-size: 75px 70px; } #angebote .sicher { background: #fec800 url(../images/Icons/sicherheitsanlagen-blau.svg) no-repeat scroll center top 30px; background-size: 72px 70px; } #angebote .tele { background: #fec800 url(../images/Icons/telekom-blau.svg) no-repeat scroll center top 30px; background-size: 72px 70px; } } @media(min-width:1650px) { #angebote li a { padding: 135px 20px 0px 20px; } #angebote li { width: 224px; height: 224px; } #angebote .elektro { background: #fec800 url(../images/Icons/elektro-blau.svg) no-repeat scroll center top 30px; background-size: 73px 90px; } #angebote .gebaeude { background: #fec800 url(../images/Icons/gebaeudeautomation-blau.svg) no-repeat scroll center top 30px; background-size: 96px 90px; } #angebote .sicher { background: #fec800 url(../images/Icons/sicherheitsanlagen-blau.svg) no-repeat scroll center top 30px; background-size: 92px 90px; } #angebote .tele { background: #fec800 url(../images/Icons/telekom-blau.svg) no-repeat scroll center top 30px; background-size: 93px 90px; } }