header {
    position: relative;
    height: 70px;
    z-index: 1000;
}

header p {
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
}

header a.start {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
}

header.linksfixed p {
    opacity: 0;
}

header div.logo {
    position: fixed;
    width: 100%;
    height: 70px;
    background: white;
    overflow: hidden;
}

header div.logo div {
    width: 90vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background: white url('fallback/sinner.png') no-repeat right 5px top 0px;
    background-image: url('sinner.svg'), none;
    height: 60px;
    background-size: auto 70px;
    color: #777e88;
    padding: 7px 12px 3px 12px;
}

header.linksfixed div.logo div {
    background-position: right -46px top 0px;
}

nav {
    position: absolute;
    width: 100%;
    background: #222933;
}

nav.links {
    top: 70px;
}

header.linksfixed nav.links {
    position: fixed;
    top: 42px;
}

header.allfixed nav.menu {
    position: fixed;
    top: 76px;
    margin-top: 0;
}

nav.menu {
    top: 104px;
    margin-top: 50vw;
}

.slider {
    background: #333a44;
    height: 50vw;
    margin-top: 34px;
    margin-bottom: 20vw;
}

nav ul {
    width: 90vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
}

nav li {
    display: inline-block;
}

nav a {
    display: block;
    background-repeat: no-repeat;
    color: #aab2bb;
    white-space: nowrap;
    font-size: 3vw;
}

nav a.active, nav a:hover {
    background-color: #2d343e;
    color: white;
}

nav a.big {
    display: none;
}

nav.links ul {
    text-align: right;
}

nav.links a {
    height: 18px;
    text-align: left;
    background-position: 14px center;
    background-size: auto 20px;
    padding: 10px 15px 6px 40px;
}

nav.menu {
    height: 19vw;
}

nav.menu li {
    width: 25%;
}

nav.menu a {
    width: 100%;
    text-align: center;
    height: 4vw;
    background-position: center 2vw;
    background-position: center 2vw, 0 0;
    background-size: auto 9vw;
    padding: 13vw 0px 2vw 0px;
}

nav.menu li a:hover, nav.menu li:last-child a:hover {
    background-size: auto 10vw;
}

.index a {
    background-image: url('fallback/sinner-small.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5he2ZpbGw6Izc3N2U4ODt9PC9zdHlsZT48cG9seWdvbiBwb2ludHM9IjQ2MS40IDE0OS4yIDM3NS43IDE0OS4yIDMwNC40IDQ4NC40IDM5MC4yIDQ4NC40ICIgY2xhc3M9ImEiLz48cGF0aCBkPSJNMjgyLjUgMzMyYzMwIDQyLjYtMS41IDEzMy45LTkxLjYgMTQ5LjkgLTExLjIgMi0yOS45IDIuNS05NC45IDIuNUgyNC44bDE2LjctNzIuN2MwIDAgMTAyLjkgMC42IDExMC0wLjUgMjAuMy0zLjIgNDYuMy0xOC40IDM2LjktNTIuNiAtNC40LTE1LjktODEuOS0xMTYuMy04Ny41LTEzMi41IC04LjItMjMuNy00LjEtNDEuNCA3LjEtNjIuMyA0LjItNy44IDUtOS4xIDguOS0xNS4xbDg2LjggMC42Yy0xNi44IDIzLjMtMjEuOSAzOC42LTQuOCA2Ni4zQzE5OC44IDIxNS42IDI1NyAyOTUuOSAyODIuNSAzMzJMMjgyLjUgMzMyeiIgY2xhc3M9ImEiLz48cG9seWdvbiBwb2ludHM9IjQ4Ny4yIDI3LjYgNDY4LjYgMTE1LjEgMzgyLjkgMTE1LjEgNDAxLjUgMjcuNiAiIGNsYXNzPSJhIi8+PC9zdmc+), none;
}

.index a:hover, .index a.active {
    background-image: url('fallback/sinner-small-high.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5he2ZpbGw6I2ZmZjt9LmJ7ZmlsbDojOTM5O308L3N0eWxlPjxwb2x5Z29uIHBvaW50cz0iNDYxLjQgMTQ5LjIgMzc1LjcgMTQ5LjIgMzA0LjQgNDg0LjQgMzkwLjIgNDg0LjQgIiBjbGFzcz0iYSIvPjxwYXRoIGQ9Ik0yODIuNSAzMzJjMzAgNDIuNi0xLjUgMTMzLjktOTEuNiAxNDkuOSAtMTEuMiAyLTI5LjkgMi41LTk0LjkgMi41SDI0LjhsMTYuNy03Mi43YzAgMCAxMDIuOSAwLjYgMTEwLTAuNSAyMC4zLTMuMiA0Ni4zLTE4LjQgMzYuOS01Mi42IC00LjQtMTUuOS04MS45LTExNi4zLTg3LjUtMTMyLjUgLTguMi0yMy43LTQuMS00MS40IDcuMS02Mi4zIDQuMi03LjggNS05LjEgOC45LTE1LjFsODYuOCAwLjZjLTE2LjggMjMuMy0yMS45IDM4LjYtNC44IDY2LjNDMTk4LjggMjE1LjYgMjU3IDI5NS45IDI4Mi41IDMzMkwyODIuNSAzMzJ6IiBjbGFzcz0iYSIvPjxwb2x5Z29uIHBvaW50cz0iNDg3LjIgMjcuNiA0NjguNiAxMTUuMSAzODIuOSAxMTUuMSA0MDEuNSAyNy42ICIgY2xhc3M9ImIiLz48L3N2Zz4=), none;
}

.food-software a {
    background-image: url('fallback/food.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTQ1Ni41IDQ2NGMtMTAuNyAwLTcyIDAtNzIgMCAtOS41IDEwLTE5IDE3LjUtMzUgMjZoMTA3YzUuMyAwIDE3LTEuMyAxNy0xMkM0NzMuNSA0NzAuMyA0NjcuMiA0NjQgNDU2LjUgNDY0ek0yMDguNSA0NjJjLTIuNSAzLjUtMS41IDAtNiAwaC0xMjJjLTMuNSAwLTE2LTMtMTYtMTR2LTE1N2MwLTExIDMtMTguNSA5LTI5czI1LjItNDcuMiAyOS01NCAxMC0xMSAxMy0xMWg1NWM2LjQgMCA5IDMuNSAxMiA4IDQgNiAyNyA1MS41IDMyIDYwczUgMjEuNSA1IDI4IDIgNiAyIDYgMTYtMTMgMjgtMTRjMC05LTItMjAuNS02LTI4cy0zNS01Mi00MS02MWMxMC0xMCAxNy0xOCAxNy00MHMtMTYuMy0zNi0zNi0zNmgtODJjLTE3IDAtMzUgMTUuNy0zNSAzNyAwIDE1IDcgMzEgMTkgMzkgLTUuNSA5LjUtMjYuNSAzNC41LTM2IDUxIC05LjUgMTYuNS0xNCAxNy0xNCA0M3YxNThjMCAyNiAxNCA0MyA0NSA0M2gxMjVjMTMuNSAwIDkgMC41IDI0LTlDMjI5LjUgNDgyIDIxNi41IDQ3Mi41IDIwOC41IDQ2MnpNMTA2LjUgMTQzaDc2YzguNSAwIDEyIDkuNyAxMiAxOSAwIDcuNS0zIDE1LjUtMTUgMjMgLTMuNSAwLjEtNjYgMC03MCAwIC0xMi44LTgtMTQtMTctMTQtMjNDOTUuNSAxNTIgOTguNSAxNDMgMTA2LjUgMTQzek00NTYuNSAzM2MtMS4zLTctOS0xMi0xNy0xMmgtMTM2Yy04LjcgMC0xMiA2LjctMTMgMTEgMC45LTMuOC0zMSAxMjYuNi0yNCAxODUgMS45IDE2IDE0LjcgNDcgMjIgNTUgNS4zLTkgMTQtMjAgMTctMjQgLTkuMi0xMy41LTEyLjgtMjcuNy0xNC01MSAwIDAgMTQ2LjMgMCAxNjAgMCAtMy43IDU4LjYtMTkgNzcuMS02MyAxMTQgNC4zIDYuNyA5IDEwIDE0IDE5IDQ5LjctMzcuNyA2MS4zLTUzIDcyLTEwNkM0ODUuMSAxNzEuNyA0NDkuMy00LjkgNDU2LjUgMzN6TTI5MS41IDE4NWMyLTQ4IDIyLTE0MCAyMi0xNDBoMTIwYzAgMCA1LjcgMzQuNyA4IDUwczkuNyA3MyAxMCA5MEgyOTEuNXpNNDA0LjUgNDA5YzcuOC01OC42LTIyLjgtMTExLjQtNTktMTE0IC0yMS0xLjUtMjUtNC0yNS00czUuNS04IDgtMTEgOS0xMCA5LTEwbC0xOC0yMmMwIDAtMTIuNSA5LTE4IDE4cy05IDE1LjUtMTUgMjhjLTYtMi41LTE3LTYtNDEgNXMtNTEgMzcuNS01MyA3MGMtMy45IDYyLjggMTkuOSAxMTUuNiA5NiAxMjFDMzUyLjQgNDk0LjYgMzk5LjMgNDQ4LjQgNDA0LjUgNDA5ek0zNjEuNSA0MzdjLTE2LjUgMTkuNS0zMiAyOC02NiAyN3MtNzIuMS0yOC40LTc1LTYxYy0yLjItMjQuNi0xLjUtNDYgMTYtNjQgMTAuOS0xMS4zIDI0LTE4LjUgNDAtMjBzMjAgNSAyMCA1IDE5LjUtNy41IDQxLTFjMTQuNSA0LjQgMzQgMzMgMzggNDlTMzc4IDQxNy41IDM2MS41IDQzN3pNMTk2LjUgMzI1Ljl2MC4xQzE5NS40IDMyOCAxOTUuOSAzMjcgMTk2LjUgMzI1LjljMC04LjEgMC0yOC45IDAtMjguOWgtMTA0djEyOGg5NmMwIDAtMTQuMy00Ny4yLTEtNzdDMjAwLjEgMzIwIDE5Ny45IDMyMy4zIDE5Ni41IDMyNS45eiIgZmlsbD0iIzc3N2U4OCIvPjwvc3ZnPg==), none;
}

.food-software a:hover, .food-software a.active {
    background-image: url('fallback/food-high.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTQ1Ni41IDQ2NGMtMTAuNyAwLTcyIDAtNzIgMCAtOS41IDEwLTE5IDE3LjUtMzUgMjZoMTA3YzUuMyAwIDE3LTEuMyAxNy0xMkM0NzMuNSA0NzAuMyA0NjcuMiA0NjQgNDU2LjUgNDY0ek0yMDguNSA0NjJjLTIuNSAzLjUtMS41IDAtNiAwaC0xMjJjLTMuNSAwLTE2LTMtMTYtMTR2LTE1N2MwLTExIDMtMTguNSA5LTI5czI1LjItNDcuMiAyOS01NCAxMC0xMSAxMy0xMWg1NWM2LjQgMCA5IDMuNSAxMiA4IDQgNiAyNyA1MS41IDMyIDYwczUgMjEuNSA1IDI4IDIgNiAyIDYgMTYtMTMgMjgtMTRjMC05LTItMjAuNS02LTI4cy0zNS01Mi00MS02MWMxMC0xMCAxNy0xOCAxNy00MHMtMTYuMy0zNi0zNi0zNmgtODJjLTE3IDAtMzUgMTUuNy0zNSAzNyAwIDE1IDcgMzEgMTkgMzkgLTUuNSA5LjUtMjYuNSAzNC41LTM2IDUxIC05LjUgMTYuNS0xNCAxNy0xNCA0M3YxNThjMCAyNiAxNCA0MyA0NSA0M2gxMjVjMTMuNSAwIDkgMC41IDI0LTlDMjI5LjUgNDgyIDIxNi41IDQ3Mi41IDIwOC41IDQ2MnpNMTA2LjUgMTQzaDc2YzguNSAwIDEyIDkuNyAxMiAxOSAwIDcuNS0zIDE1LjUtMTUgMjMgLTMuNSAwLjEtNjYgMC03MCAwIC0xMi44LTgtMTQtMTctMTQtMjNDOTUuNSAxNTIgOTguNSAxNDMgMTA2LjUgMTQzek00NTYuNSAzM2MtMS4zLTctOS0xMi0xNy0xMmgtMTM2Yy04LjcgMC0xMiA2LjctMTMgMTEgMC45LTMuOC0zMSAxMjYuNi0yNCAxODUgMS45IDE2IDE0LjcgNDcgMjIgNTUgNS4zLTkgMTQtMjAgMTctMjQgLTkuMi0xMy41LTEyLjgtMjcuNy0xNC01MSAwIDAgMTQ2LjMgMCAxNjAgMCAtMy43IDU4LjYtMTkgNzcuMS02MyAxMTQgNC4zIDYuNyA5IDEwIDE0IDE5IDQ5LjctMzcuNyA2MS4zLTUzIDcyLTEwNkM0ODUuMSAxNzEuNyA0NDkuMy00LjkgNDU2LjUgMzN6TTI5MS41IDE4NWMyLTQ4IDIyLTE0MCAyMi0xNDBoMTIwYzAgMCA1LjcgMzQuNyA4IDUwczkuNyA3MyAxMCA5MEgyOTEuNXpNNDA0LjUgNDA5YzcuOC01OC42LTIyLjgtMTExLjQtNTktMTE0IC0yMS0xLjUtMjUtNC0yNS00czUuNS04IDgtMTEgOS0xMCA5LTEwbC0xOC0yMmMwIDAtMTIuNSA5LTE4IDE4cy05IDE1LjUtMTUgMjhjLTYtMi41LTE3LTYtNDEgNXMtNTEgMzcuNS01MyA3MGMtMy45IDYyLjggMTkuOSAxMTUuNiA5NiAxMjFDMzUyLjQgNDk0LjYgMzk5LjMgNDQ4LjQgNDA0LjUgNDA5ek0zNjEuNSA0MzdjLTE2LjUgMTkuNS0zMiAyOC02NiAyN3MtNzIuMS0yOC40LTc1LTYxYy0yLjItMjQuNi0xLjUtNDYgMTYtNjQgMTAuOS0xMS4zIDI0LTE4LjUgNDAtMjBzMjAgNSAyMCA1IDE5LjUtNy41IDQxLTFjMTQuNSA0LjQgMzQgMzMgMzggNDlTMzc4IDQxNy41IDM2MS41IDQzN3pNMTk2LjUgMzI1Ljl2MC4xQzE5NS40IDMyOCAxOTUuOSAzMjcgMTk2LjUgMzI1LjljMC04LjEgMC0yOC45IDAtMjguOWgtMTA0djEyOGg5NmMwIDAtMTQuMy00Ny4yLTEtNzdDMjAwLjEgMzIwIDE5Ny45IDMyMy4zIDE5Ni41IDMyNS45eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==), none;
}

.standard-software a {
    background-image: url('fallback/file-alt.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTM3MiA0ODUuM0gxNDBjLTMuMyAwLTYgMi43LTYgNiAwIDMuMyAyLjcgNiA2IDZoMjMyYzMuMyAwIDYtMi43IDYtNkMzNzggNDg4IDM3NS4zIDQ4NS4zIDM3MiA0ODUuM3pNMTY1LjYgNDc4LjRIMzQ2LjljLTM0IDAtMzUuNS04My4zLTM1LjUtODMuM0gyMDEuM0MyMDEuMyAzOTUuMSAyMDMuMSA0NzguNCAxNjUuNiA0NzguNHpNMjU2IDQwNi44YzEwLjEgMCAxOC4zIDguMiAxOC4zIDE4LjMgMCAxMC4xLTguMiAxOC4zLTE4LjMgMTguMyAtMTAuMSAwLTE4LjItOC4yLTE4LjItMTguMkMyMzcuNyA0MTUgMjQ1LjkgNDA2LjggMjU2IDQwNi44ek00NjAgMTEwLjNINTJjLTUuNSAwLTEwIDQuNS0xMCAxMFYzNzYuM2MwIDUuNSA0LjUgMTAgMTAgMTBoNDA4YzUuNSAwIDEwLTQuNSAxMC0xMFYxMjAuM0M0NzAgMTE0LjggNDY1LjUgMTEwLjMgNDYwIDExMC4zek00NDEgMzU4LjNINzFWMTM4LjNINDQxVjM1OC4zek0xOTkuMSAxNjkuNUg5NS44djEyaDEwMy4zVjE2OS41ek0xNTkuMSAxOTMuNUg5NS44djEyaDYzLjNWMTkzLjV6TTI0OS4xIDIxOC41SDk1Ljh2MTJoMTUzLjNWMjE4LjV6IiBmaWxsPSIjNzc3ZTg4Ii8+PC9zdmc+DQo=), none;
}

.standard-software a:hover, .standard-software a.active {
    background-image: url('fallback/file-alt-high.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTM3MiA0ODUuM0gxNDBjLTMuMyAwLTYgMi43LTYgNiAwIDMuMyAyLjcgNiA2IDZoMjMyYzMuMyAwIDYtMi43IDYtNkMzNzggNDg4IDM3NS4zIDQ4NS4zIDM3MiA0ODUuM3pNMTY1LjYgNDc4LjRIMzQ2LjljLTM0IDAtMzUuNS04My4zLTM1LjUtODMuM0gyMDEuM0MyMDEuMyAzOTUuMSAyMDMuMSA0NzguNCAxNjUuNiA0NzguNHpNMjU2IDQwNi44YzEwLjEgMCAxOC4zIDguMiAxOC4zIDE4LjMgMCAxMC4xLTguMiAxOC4zLTE4LjMgMTguMyAtMTAuMSAwLTE4LjItOC4yLTE4LjItMTguMkMyMzcuNyA0MTUgMjQ1LjkgNDA2LjggMjU2IDQwNi44ek00NjAgMTEwLjNINTJjLTUuNSAwLTEwIDQuNS0xMCAxMFYzNzYuM2MwIDUuNSA0LjUgMTAgMTAgMTBoNDA4YzUuNSAwIDEwLTQuNSAxMC0xMFYxMjAuM0M0NzAgMTE0LjggNDY1LjUgMTEwLjMgNDYwIDExMC4zek00NDEgMzU4LjNINzFWMTM4LjNINDQxVjM1OC4zek0xOTkuMSAxNjkuNUg5NS44djEyaDEwMy4zVjE2OS41ek0xNTkuMSAxOTMuNUg5NS44djEyaDYzLjNWMTkzLjV6TTI0OS4xIDIxOC41SDk1Ljh2MTJoMTUzLjNWMjE4LjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+DQo=), none;
}

.software-nach-mass a {
    background-image: url('fallback/ruler.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTMxMi4yIDIwLjFjMCAwLTI4MC45IDI4MC45LTI5My43IDI5My43IC0xOC44IDE4LjgtMTguOCA0Ny44IDEuNyA2OC4zIDI2LjUgMjYuNSA5NC44IDk0LjggMTEwLjEgMTEwLjEgMjAuMSAyMC4xIDUyLjUgMTguNCA3MC40IDAuNCAzMS42LTMxLjYgMjY5LjgtMjY5LjggMjkyLjgtMjkyLjggMTcuOS0xNy45IDE5LjItNDcuNCAwLTY2LjYgMCAwLTk3LjMtOTcuMy0xMTctMTE3QzM2Mi4yIDEuOCAzMzIuMyAwLjEgMzEyLjIgMjAuMXpNNDczLjkgMTQ3LjdjMTAgMTAgMTAgMjYuMyAwIDM2LjNsLTI5MC42IDI5MC41Yy0xMCAxMC0yNi4zIDEwLTM2LjMgMGwtMTA5LTEwOWMtMTAtMTAtMTAtMjYuMyAwLTM2LjNsMjcuMi0yNy4yIDc1LjYgNzUuNmMyLjUgMi41IDYuNiAyLjUgOS4xIDBsOS4xLTkuMWMyLjUtMi41IDIuNS02LjYgMC05LjFsLTc1LjYtNzUuNiAzNi4zLTM2LjMgNDkuOSA0OS45YzIuNSAyLjUgNi42IDIuNSA5LjEgMGw5LjEtOS4xYzIuNS0yLjUgMi41LTYuNiAwLTkuMWwtNDkuOS00OS45IDM2LjMtMzYuMyA1OC41IDU4LjVjMi41IDIuNSA2LjYgMi41IDkuMSAwbDkuMS05LjFjMi41LTIuNSAyLjUtNi42IDAtOS4xbC01OC41LTU4LjUgMzYuMy0zNi4zIDQ5LjkgNDkuOWMyLjUgMi41IDYuNiAyLjUgOS4xIDBsOS4xLTkuMWMyLjUtMi41IDIuNS02LjYgMC05LjFsLTQ5LjktNDkuOSAzNi4zLTM2LjMgNzUuNiA3NS42YzIuNSAyLjUgNi42IDIuNSA5LjEgMGw5LjEtOS4xYzIuNS0yLjUgMi41LTYuNiAwLTkuMWwtNzUuNi03NS42IDI3LjItMjcuMmMxMC0xMCAyNi4zLTEwIDM2LjMgMEw0NzMuOSAxNDcuN3oiIGZpbGw9IiM3NzdlODgiLz48L3N2Zz4=), none;
}

.software-nach-mass a:hover, .software-nach-mass a.active {
    background-image: url('fallback/ruler-high.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTMxMi4yIDIwLjFjMCAwLTI4MC45IDI4MC45LTI5My43IDI5My43IC0xOC44IDE4LjgtMTguOCA0Ny44IDEuNyA2OC4zIDI2LjUgMjYuNSA5NC44IDk0LjggMTEwLjEgMTEwLjEgMjAuMSAyMC4xIDUyLjUgMTguNCA3MC40IDAuNCAzMS42LTMxLjYgMjY5LjgtMjY5LjggMjkyLjgtMjkyLjggMTcuOS0xNy45IDE5LjItNDcuNCAwLTY2LjYgMCAwLTk3LjMtOTcuMy0xMTctMTE3QzM2Mi4yIDEuOCAzMzIuMyAwLjEgMzEyLjIgMjAuMXpNNDczLjkgMTQ3LjdjMTAgMTAgMTAgMjYuMyAwIDM2LjNsLTI5MC42IDI5MC41Yy0xMCAxMC0yNi4zIDEwLTM2LjMgMGwtMTA5LTEwOWMtMTAtMTAtMTAtMjYuMyAwLTM2LjNsMjcuMi0yNy4yIDc1LjYgNzUuNmMyLjUgMi41IDYuNiAyLjUgOS4xIDBsOS4xLTkuMWMyLjUtMi41IDIuNS02LjYgMC05LjFsLTc1LjYtNzUuNiAzNi4zLTM2LjMgNDkuOSA0OS45YzIuNSAyLjUgNi42IDIuNSA5LjEgMGw5LjEtOS4xYzIuNS0yLjUgMi41LTYuNiAwLTkuMWwtNDkuOS00OS45IDM2LjMtMzYuMyA1OC41IDU4LjVjMi41IDIuNSA2LjYgMi41IDkuMSAwbDkuMS05LjFjMi41LTIuNSAyLjUtNi42IDAtOS4xbC01OC41LTU4LjUgMzYuMy0zNi4zIDQ5LjkgNDkuOWMyLjUgMi41IDYuNiAyLjUgOS4xIDBsOS4xLTkuMWMyLjUtMi41IDIuNS02LjYgMC05LjFsLTQ5LjktNDkuOSAzNi4zLTM2LjMgNzUuNiA3NS42YzIuNSAyLjUgNi42IDIuNSA5LjEgMGw5LjEtOS4xYzIuNS0yLjUgMi41LTYuNiAwLTkuMWwtNzUuNi03NS42IDI3LjItMjcuMmMxMC0xMCAyNi4zLTEwIDM2LjMgMEw0NzMuOSAxNDcuN3oiIGZpbGw9IiNGRkYiLz48L3N2Zz4=), none;
}

.kontakt a {
    background-image: url('fallback/envelope.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwLjEgLTM1Ni41IDUxMiA1MTIiPjxwYXRoIGQ9Ik00NzYuOS0xNTljMy41LTIuOCA4LjctMC4yIDguNyA0LjJWMjguNWMwIDIzLjgtMTkuMyA0My00MyA0M0g2OS43Yy0yMy44IDAtNDMtMTkuMy00My00M3YtMTgzLjJjMC00LjUgNS4xLTcgOC43LTQuMkM1NS40LTE0My4zIDgyLjEtMTIzLjUgMTczLjUtNTcuMWMxOC45IDEzLjggNTAuOCA0Mi44IDgyLjYgNDIuNyAzMiAwLjMgNjQuNS0yOS40IDgyLjctNDIuN0M0MzAuMy0xMjMuNSA0NTYuOC0xNDMuNCA0NzYuOS0xNTl6TTI1Ni4xLTQzLjJjMjAuOCAwLjQgNTAuNy0yNi4yIDY1LjgtMzcuMSAxMTguOS04Ni4zIDEyOC05My44IDE1NS40LTExNS40IDUuMi00IDguMi0xMC4zIDguMi0xNi45di0xN2MwLTIzLjgtMTkuMy00My00My00M0g2OS43Yy0yMy44IDAtNDMgMTkuMy00MyA0M3YxN2MwIDYuNiAzIDEyLjggOC4yIDE2LjkgMjcuNCAyMS40IDM2LjUgMjkgMTU1LjQgMTE1LjRDMjA1LjQtNjkuNCAyMzUuMy00Mi44IDI1Ni4xLTQzLjJ6IiBmaWxsPSIjNzc3ZTg4Ii8+PC9zdmc+), none;
}

.kontakt a:hover, .kontakt a.active {
    background-image: url('fallback/envelope-high.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwLjEgLTM1Ni41IDUxMiA1MTIiPjxwYXRoIGQ9Ik00NzYuOS0xNTljMy41LTIuOCA4LjctMC4yIDguNyA0LjJWMjguNWMwIDIzLjgtMTkuMyA0My00MyA0M0g2OS43Yy0yMy44IDAtNDMtMTkuMy00My00M3YtMTgzLjJjMC00LjUgNS4xLTcgOC43LTQuMkM1NS40LTE0My4zIDgyLjEtMTIzLjUgMTczLjUtNTcuMWMxOC45IDEzLjggNTAuOCA0Mi44IDgyLjYgNDIuNyAzMiAwLjMgNjQuNS0yOS40IDgyLjctNDIuN0M0MzAuMy0xMjMuNSA0NTYuOC0xNDMuNCA0NzYuOS0xNTl6TTI1Ni4xLTQzLjJjMjAuOCAwLjQgNTAuNy0yNi4yIDY1LjgtMzcuMSAxMTguOS04Ni4zIDEyOC05My44IDE1NS40LTExNS40IDUuMi00IDguMi0xMC4zIDguMi0xNi45di0xN2MwLTIzLjgtMTkuMy00My00My00M0g2OS43Yy0yMy44IDAtNDMgMTkuMy00MyA0M3YxN2MwIDYuNiAzIDEyLjggOC4yIDE2LjkgMjcuNCAyMS40IDM2LjUgMjkgMTU1LjQgMTE1LjRDMjA1LjQtNjkuNCAyMzUuMy00Mi44IDI1Ni4xLTQzLjJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+), none;
}

.login a {
    background-image: url('fallback/login.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwLjEgMTU1LjUgNTEyIDUxMiI+PHBhdGggZD0iTTM4MC41IDU1Ny41aC02NS4zYy01LjEgMC05LjMtNC4yLTkuMy05LjN2LTMxLjFjMC01LjEgNC4yLTkuMyA5LjMtOS4zaDY1LjNjMTMuOCAwIDI0LjktMTEuMSAyNC45LTI0LjlWMzMzLjdjMC0xMy44LTExLjEtMjQuOS0yNC45LTI0LjloLTY1LjNjLTUuMSAwLTkuMy00LjItOS4zLTkuM1YyNjguNGMwLTUuMSA0LjItOS4zIDkuMy05LjNoNjUuM2M0MS4yIDAgNzQuNiAzMy40IDc0LjYgNzQuNlY0ODIuOUM0NTUuMSA1MjQuMSA0MjEuNyA1NTcuNSAzODAuNSA1NTcuNXpNMzQzLjkgNDAxLjNMMjEzLjQgMjcwLjhjLTExLjctMTEuNy0zMS45LTMuNS0zMS45IDEzLjJ2NzQuNkg3NS44Yy0xMC4zIDAtMTguNyA4LjMtMTguNyAxOC43djc0LjZjMCAxMC4zIDguMyAxOC43IDE4LjcgMTguN2gxMDUuN3Y3NC42YzAgMTYuNyAyMC4yIDI0LjkgMzEuOSAxMy4yTDM0My45IDQyNy44QzM1MS4yIDQyMC41IDM1MS4yIDQwOC42IDM0My45IDQwMS4zeiIgZmlsbD0iIzc3N2U4OCIvPjwvc3ZnPg==), none;
}

.login a:hover, .login a.active {
    background-image: url('fallback/login-high.png');
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwLjEgMTU1LjUgNTEyIDUxMiI+PHBhdGggZD0iTTM4MC41IDU1Ny41aC02NS4zYy01LjEgMC05LjMtNC4yLTkuMy05LjN2LTMxLjFjMC01LjEgNC4yLTkuMyA5LjMtOS4zaDY1LjNjMTMuOCAwIDI0LjktMTEuMSAyNC45LTI0LjlWMzMzLjdjMC0xMy44LTExLjEtMjQuOS0yNC45LTI0LjloLTY1LjNjLTUuMSAwLTkuMy00LjItOS4zLTkuM1YyNjguNGMwLTUuMSA0LjItOS4zIDkuMy05LjNoNjUuM2M0MS4yIDAgNzQuNiAzMy40IDc0LjYgNzQuNlY0ODIuOUM0NTUuMSA1MjQuMSA0MjEuNyA1NTcuNSAzODAuNSA1NTcuNXpNMzQzLjkgNDAxLjNMMjEzLjQgMjcwLjhjLTExLjctMTEuNy0zMS45LTMuNS0zMS45IDEzLjJ2NzQuNkg3NS44Yy0xMC4zIDAtMTguNyA4LjMtMTguNyAxOC43djc0LjZjMCAxMC4zIDguMyAxOC43IDE4LjcgMTguN2gxMDUuN3Y3NC42YzAgMTYuNyAyMC4yIDI0LjkgMzEuOSAxMy4yTDM0My45IDQyNy44QzM1MS4yIDQyMC41IDM1MS4yIDQwOC42IDM0My45IDQwMS4zeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==), none;
}

@media screen and (min-width: 831px) {
    header {
        height: 126px;
    }
    header div.logo {
        height: 126px;
    }
    header div.logo div {
        background-position: right 0px top 10px;
        background-size: 326px 116px;
        padding: 63px 12px 3px 12px;
    }
    header.linksfixed div.logo div {
        background-position: right -80px top 0px;
    }
    .slider {
        height: 400px;
    }
    nav.links {
        top: 126px;
    }
    nav.menu {
        top: 160px;
        margin-top: 400px;
    }
    header.linksfixed nav.links {
        top: 70px;
    }
    header.allfixed nav.menu {
        top: 104px;
    }
}

@media screen and (min-width: 600px) {
    .slider {
        margin-bottom: 106px;
    }
    nav.menu li a:hover, nav.menu li:last-child a:hover {
        background-size: auto 50px;
    }
    nav a {
        font-size: 11px;
    }
    nav a.big {
        display: block;
    }
    nav a.small {
        display: none;
    }
    nav.menu {
        height: 94px;
    }
    nav.menu a {
        height: 20px;
        background-position: center 10px;
        background-position: center 10px, 0 0;
        background-size: auto 47px;
        padding: 67px 0px 7px 0px;
    }
}

@media screen and (min-width: 432px) {
    header p {
        opacity: 1;
    }
}

@media screen and (max-width: 300px) {
    .slider {
        margin-bottom: 16vw;
    }
    nav.menu {
        height: 15vw;
    }
    nav.menu a {
        height: 0;
    }
    nav.menu a span {
        display: none;
    }
}