@charset "UTF-8";
/*//////////////////////////////////////////////=============================
   PIZZATAINMENT.DE     //////////     © 2022 BITENOTBARK, Tim Gloystein
=============================//////////////////////////////////////////////*/

/*//////////////////////////////////////////////=============================
     NAVIGATION
=============================//////////////////////////////////////////////*/
header nav .navbar-nav {
 align-items: center;
}
header nav .navbar-nav > .nav-item a.nav-link {
 padding: .8rem 1.2rem;
 line-height: 1.1;
}
nav .nav-item {
 letter-spacing: 0.05em;
 transition: background .2s linear;
}
nav .nav-link {
 font-size: 1.0rem;
 color: var(--purple);
 font-weight: 400;
}
nav .nav-item:hover {
 background-color: var(--purple);
}
nav .nav-item:hover a {
 color: #fff;
 text-decoration: none !important; 
}
nav .active {
 background-color: var(--purple);
}  
nav .active a {
 color: #fff;
}
.navbar {
 position: fixed;
 top:40px;
 right: 0;
 left: inherit;
 height: 2.6rem;
 background: #ffffff;
 z-index: 10;
 text-transform: uppercase;
 color: #fff;
 transition: all 0.4s;
 border-radius : 12px 0 0 12px;
}
/*header.fixed .navbar {
 top: 0;
 width: 100%;
 background: #ffffff;
 transition: all 0.4s;
}
header.fixed ul.navbar-nav ul {
 top: 35px;
}
header.fixed #navigation {
 height: 35px;
}*/
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     SUBNAVIGATION
=============================//////////////////////////////////////////////*/
ul.navbar-nav .nav-item:hover ul {
 visibility: visible;
 opacity: 1;
}
ul.navbar-nav .nav-item:hover ul {
 display:list-item;
 column-count: 2;
 padding-right: 500px;
 min-height: 200px;
}
ul.navbar-nav ul {
 position: absolute;
 background: rgba(255,255,255,0.95);
 color: var(--purple);
 width: 100%;
 max-width: 1168px;
/* height: 200px;*/
 left: 0;
 right:0;
 top: 50px;
 margin-left: auto;
 margin-right: auto;
 padding: 2rem;
 visibility: hidden;
 opacity: 0;
 transition: visibility 0s, opacity 0.2s linear;
 -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2); 
 box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
}
ul.navbar-nav ul a {
 color: var(--purple);
 text-transform: none;
}
ul.navbar-nav ul a:hover {
 color: var(--purple);
 text-transform: none;
}
ul.navbar-nav ul li.active {
 background-color: transparent;
}
ul.navbar-nav ul .nav-item:hover {
 background-color: transparent;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     HAMBURGER
=============================//////////////////////////////////////////////*/
.mobile-navbar-toggle {
 background: var(--orange);
 color: #fff;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
 position: fixed;
 top: 20px;
 right: 0;
 z-index: 1000;
 width: 75px;
 height: 40px;
 cursor: pointer;
}
.mobile-navbar-toggle .hamburger-inner {
 top: 18px;
 left: 22px;
}
.mobile-navbar-toggle .hamburger-inner,
.mobile-navbar-toggle .hamburger-inner:after,
.mobile-navbar-toggle .hamburger-inner:before {
 position: absolute;
 width: 33px;
 height: 3px;
 background-color: #fff;
}
.mobile-navbar-toggle .hamburger-inner:after,
.mobile-navbar-toggle .hamburger-inner:before {
 display: block;
 content: "";
 left: 0;
}
.mobile-navbar-toggle .hamburger-inner:before {
 top: -10px;
}
.mobile-navbar-toggle .hamburger-inner:after {
 top: 10px;
}
/*==========================/////////////////////==========================*/


/*//////////////////////////////////////////////=============================
     SIDR MOBILE NAVIGATION
=============================//////////////////////////////////////////////*/
.sidr-class-mobileNavHeader {
 position: fixed;
 right: -100%;
 left: 100%;
 top: 0;
 width: 100%;
 height: 70px;
 color: #fff;
 padding: 10px 15px;
 font-size: 20px;
 background: var(--orange);
}
.sidr-class-mobileLogo {
 display: none;
}
.sidr-class-mobileLogo img {
 background: #fff;
 padding: 0.3rem;
}
.sidr-class-mobileClose {
 position: absolute;
 right: 20px;
 top: 15px;
 width: 40px;
 height: 40px;
 font-size: 3rem;
 line-height: 45px;
 text-align: center;
 cursor: pointer;
 background: url("/img/close.svg") no-repeat center center;
 background-size: 20px;
 transition: background .2s ease;
}
.sidr-class-mobileClose:hover {
 background-size: 30px;
}
.sidr {
 display: block;
 position: fixed;
 top: 0;
 height: 100%;
 z-index: 999999;
 width: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 background: var(--orange);
 color: #fff;
}
.sidr .sidr-inner {
 margin-top: 80px;
 padding: 0 0 15px;
}
.sidr.right {
 left: auto;
 right: -100%;
}
.sidr.left {
 left: -100%;
 right: auto;
}
.sidr ul {
 display: block;
 margin: 0 0 15px;
 padding: 0;
}
.sidr ul li {
 display: block;
 margin: 0;
 font-size: 1.1rem;
 line-height: 3;
}
.sidr ul li:hover > a,
.sidr ul li:hover > span, .sidr ul li.active > a,
.sidr ul li.active > span,
.sidr ul li.sidr-class-active > span {
 color: #fff;
}
.sidr ul li a,
.sidr ul li span {
 padding: 0 0 0 45px;
 display: block;
 text-decoration: none;
 color: #fff;
}
.sidr ul li.sidr-class-active > a,
.sidr ul li li.sidr-class-active > a {
 text-decoration: underline;
}
.sidr ul li ul {
 border-bottom: 0;
 margin: 0;
}
.sidr ul li ul li:hover > a {
 text-decoration: underline;
}
.sidr ul li ul {
 margin: 0;
 position: absolute;
 top: 0;
 right: -100%;
 background: #005C93;
 width: 100%;
 min-height: 100%;
 z-index: 5;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
 color: #fff;
 padding-left: 50px;
}
.sidr-inner > ul {
 margin: 0 0 60px;
}
.sidr-inner > ul > li > a {
 text-transform: uppercase;
}
.sidr-inner > ul > li > a:after {
 content: ' ';
 width: 15px;
 height: 15px;
 background: url(/img/chevron-right.svg) no-repeat center center;
 color: #fff;
 margin-left: 1rem;
 margin: 0 0 -1px 1rem;
 display: inline-block;
 transition: margin .2s ease;
}
.sidr-inner > ul > li > a:hover:after {
 margin-left: 1.5rem;
}
.sidr-class-mobileSubpageClose {
 display: block;
 width: 40px;
 height: 40px;
 background: url(/img/chevron-left.svg) no-repeat center center;
 position: absolute;
 top: 83px;
 left: 5px;
 cursor: pointer;
 transition: background .2s ease;
}
.sidr-class-mobileSubpageClose:hover {
 background-position-x: 0;
}
.sidr-class-mobileSubpageCloseX {
 display: block;
 width: 40px;
 height: 40px;
 background: url(/img/close.svg) no-repeat center center;
 position: absolute;
 top: 15px;
 right: 20px;
 cursor: pointer;
 background-size: 20px;
 transition: background .2s ease;
}
.sidr-class-mobileSubpageCloseX:hover {
 background-size: 30px;
}
.sidr ul li.sidr-class-mobileNavHeaderPage {
 margin-top: 80px;
}
.sidr ul li.sidr-class-mobileNavHeaderPage a {
 text-transform: uppercase;
 padding-left: 0;
 margin-left: 50px;
}
.sidr-class-mobileNavFooter {
 padding: 10px 45px 20px;
 position: fixed;
 right: -100%;
 left: 100%;
 bottom: 0;
 width: 100%;
 background: var(--orange);
}
.sidr-class-mobileNavFooter form {
 display: flex;
}
.sidr-class-searchinput {
 background: #fff;
 margin: 0;
 width: 100%;
 max-width: 300px;
 border-radius: 3px;
 border: 0;
 padding: 5px 10px 2px;
}
.sidr-class-searchbtn {
 background: transparent;
 border: 0;
 color: #fff;
 width: 40px;
 margin-left: 10px;
 font-size: 1.3rem;
 line-height: 1;
}
.sidr-class-searchbtn i {
 font-family: "Font Awesome 6 Pro";
 font-weight: 900;
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 display: inline-block;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 line-height: 1;
}
.sidr-class-searchbtn i::before {
 content: "\f002";
}