/* linearization for column module */
.linearize-level-1,
.linearize-level-1 > div.ym-col1,
.linearize-level-1 > div.ym-col2,
.linearize-level-1 > div.ym-col3 {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    clear: none;
    width: 100% !important;
}


/* reset defined gutter values */
.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: visible;
    padding: 0;
    margin: 0;
}

/* menu column */
.linearize-level-1 > [class="ym-col1"] {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 40px;
    width: 100%;
}

/* content */
.linearize-level-1 > [class="ym-col3"] {
    margin-top: 40px;
    padding: 1em;
}


/* menu */
.linearize-level-1 hlist {
    position: fixed;
    top: 0;
    left: 0;
}
/* hide side bar and other content */
.linearize-level-1 .sidebar, .linearize-level-1 #nav_helper, .linearize-level-1 img#phone, #logo, img.divider {
    display: none;
}


nav {
    width: 100%;
    overflow: hidden;
    height: calc(100vh - 40px);
    overflow-y: scroll;
}

input[type=checkbox]:checked +  nav{
    display: block;
}

label {
    display: inline-block;
}

input[type=checkbox] + nav{
    display: none;
}

div#mobile_header {
    background-color: #990000;
    color: white;
    padding: 0;
    display: block;
    font-size: 125%;
    width: 100% !important;
    display: block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

div#mobile_header .fa-phone {
    font-size: 150%;
}

div#mobile_header a,
div#mobile_header a:hover,
div#mobile_header a:active,
div#mobile_header a:visited
{
    color: #ffffff;
    text-decoration: none;
}

nav > ul {
    background-color: #990000;
    margin: 0;
    border-bottom: 1px solid #990000;
    border-right: 1px solid #444444;
    font-size: 125%;
    width: 12em;
}

nav ul li {
    list-style-type: none;
}

nav ul, nav li {
    margin: 0;
    padding: 0;
}

nav li span {
    color: white;
}

li.menuitem1 {
    border-top: solid 1px #d3d3d3;
    background-color: #990000;
    font-size: 112%;
}

ul.active li.menuitem1, ul.active li.menuitem1 span {
    background-color: #ffffff;
    color: #990000;
}

li.menuitem1 > a > span {
    padding-left: .5em;
    display: inline-block;
    width: 100%; /* 100% to make the whole width clickable */
}

/* Menu level 1 hover effect */

li.menuitem1:hover {
    background-color: #ffffff;
}
li.menuitem1:hover > a > span {
    color: #990000;
}

li.menuitem1 > a:hover {
    text-decoration: none;
    font-weight: bold;
}

/* Level 1 Active Menu Item */
li[class="menuitem1 active"] {
    background-color: #ffffff;
}

li[class="menuitem1 active"] > a > span {
    color: #990000;
    font-weight: bold;
}

/*
li[class="menuitem1 active"]:hover {
    background-color: #990000;
}

li[class="menuitem1 active"]:hover > a > span {
    color: #ffffff;
}
*/

li.menuitem2 {
    background-color: #ffffff;
    padding-left: .5em;
/*    border-top: solid 1px #990000; */
}

li.menuitem2 > a:hover {
    text-decoration: none;
}

li.menuitem2 > a:hover > span {
    font-weight: bold;
}

li.menuitem2 > a > span {
    color: #990000;
    display: inline-block;
    width: 100%;
    padding-left: .5em;
}


/*
li.menuitem1 {
    font-size: 112%;
    list-style-type: none;
    border-top: solid 1px #d3d3d3;
    font-weight: bold;
    background: none;
}

li.menuitem1 a:hover {
    text-decoration: none;
}


li.menuitem1 a span.menuitem1_linktitle {
    color: white;
    font-weight: bold;
    margin: 0;
    position:relative;
    background-color: #0f0;
    width: 100%;
    padding: 0;
}

li.menuitem1 a span.active {
    color: #990000;
    background-color: white;
    width: 100%;
}

li.menuitem1 > a:hover > span.menuitem1_linktitle {
    background-color: #a9a9a9;
    color: black;
    display: inline-block;
    width: 100%;
}

li.menuitem1 a span.menuitem1_linktitle span.rtl,
li.menuitem1 a span.menuitem1_linktitle span.rtr,
li.menuitem1 a span.menuitem1_linktitle span.rbl,
li.menuitem1 a span.menuitem1_linktitle span.rbr
{
    visibility: hidden;
    display: inline-block;
}

li.menuitem1 a:hover span.menuitem1_linktitle span.rtl,
li.menuitem1 a:hover span.menuitem1_linktitle span.rtr,
li.menuitem1 a:hover span.menuitem1_linktitle span.rbl,
li.menuitem1 a:hover span.menuitem1_linktitle span.rbr
{
    visibility: hidden;
    display: inline-block;
}

li.menuitem2 > a > span.menuitem2_linktitle {
    color: #990000;
    background-color: white;
    padding: 0;
    margin: 0;
    padding-left: 1em;
    margin-left: 1em;
    width: 100%;
    font-weight: normal;
    border-top: 1px solid #d3d3d3;
    display: inline-block;
}


li.menuitem2 {
    list-style-type: none;
    background-color: transparent;
    margin-left: 0;
    padding-left: .5em;
}

li.menuitem2 > a:hover > span.menuitem2_linktitle {
    background-color: #a9a9a9;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

ul { line-height: 1.5em; margin: 0 0 1em 1em; }

*/
#header {
    display: none;
}

body {
    background-image: none;
}
.ym-wrapper { min-width: 0px; max-width: 80em; background: transparent;}

#main {
    padding: 0;
}

div.hlist {
    padding: 0;
}

#mobile_header .ym-col1 { width: 20%; }
#mobile_header .ym-cbox-left { padding: 0; padding-left: 5px; height: 40px;}

#mobile_header .ym-col2 { width: 20%; }
#mobile_header .ym-cbox-right { padding: 0; padding-right: 5px; text-align: right; height: 40px;}

#mobile_header .ym-col3 { margin: 0 20%; }
#mobile_header .ym-cbox { padding: 0; text-align: center; height: 40px; font-size: 125%; overflow: hidden;}
.ym-cbox div.content { margin-top: 40px; padding: 10px;}

/*  img.posRight, img.posLeft, img.posLeftTop {float: none;}*/


a.anchor {
  display: block; position: relative; top: -50px; visibility: hidden;
}

div.tdin.empty {
    display: none;
    i
}

div.tdin {
    display: inline-block;
    width: auto;
    padding: 1em;
}

div.tr {
    display: inline;
}

div#teamphotos, div#teamphotos2 {
    display: block;
    border: none;
}

img#tza {
    display: none;
}

div#maplink {
}

#footer {
    color: black;
}

#footer div {
    color: white;
    background-color: #990000;
    border-top: 2px solid #444444;
    padding: .5em;
}

/*#footer:before {
content: "RedTeam Pentesting \2022  Seeing your network from the attacker's perspective";
}
*/

#footer div span:after {
    content:"\000A";
    white-space: pre;
}

#footer div + div {
float: right;
}

nav#sitenav div a img.langimg {
    display: none;
}

nav#sitenav div a#langswitch:hover {
text-decoration: none;
}

nav#sitenav div.langswitch {
font-size: 125%;
background-color: white;
color: #444444;
width: 11.5em;
display: inline-block;
font-weight: normal;
padding-left: .5em;
padding-top: .25em;
padding-bottom: .25em;
border-bottom: 1px solid #444444;
border-right: 1px solid #444444;
}

nav#sitenav div.langswitch a#langswitch{
background-color: white;
color: #444444;
}

nav#sitenav div a#langswitch:lang(de):before {
    content: "English Version";
}

nav#sitenav div a#langswitch:lang(en):before {
    content: "Deutsche Version";
}