@charset "utf-8";
/*
Theme Name: zosma
Description: Mobile Definition
Author: Erik Martin
Author URI: http://www.delta-leonis.de
*/


.wrapper {
width:100%;
}

header {
height:140px;
}

#headerBanner {
display:none;
}
#logo {
margin: 10px 80px 0px 10px;
}

#logo p:first-of-type img {
min-width:100px;
}

#logo p:nth-of-type(2) img {
width:100%;
}

nav .headerMenu.wideScreen {
display:none;
}
nav .headerMenu.smallScreen {
display:none;
}

/*------------MAIN----------*/

aside#leftBlock,
aside#rightBlock {
display:none;
}

main {
padding: 160px 0px 80px;
}

#centerBlock {
width:100%;
padding:0px 20px;
}

#centerBlock .moduletable.login {
display:block;
padding:20px 0px 0px 0px;
border-top:1px solid var(--farbe4);
}

/*------------Kacheln Startseite----------*/

.kachelnSVB {
font-size:0.8em;
flex-wrap:wrap;
gap:0px 20px;
}

.kachelnSVB figure{
max-width:45%;
}

/*------------ Editor----------------*/

.containerKombi {
flex-wrap:wrap;
}

/*--------------Navigation---------------*/

nav .headerMenu.smallScreen {
display:block;
position: absolute;
top: 0px;
right:0px;
z-index: 1000;
width: 40px;
height: 40px;
margin: 20px;
background-image: url(../images/buttons/but_menu.svg);
background-repeat: no-repeat;
background-size: 30px;
background-color: var(--farbe2);
background-position: center;
}

nav .headerMenu.smallScreen ul.mod-menu {
display: block;
position: fixed;
top: 0px;
left:0px;
box-sizing:border-box;
width:100%;
padding: 0px 40px;
background-color: white;
transition: all .3s ease-in-out;
margin-left:-200px;
visibility: hidden;
opacity:0;
}

nav .headerMenu.smallScreen:hover ul.mod-menu {
margin-left:0px;
visibility: visible;
opacity:1;
}

nav .headerMenu.smallScreen ul.mod-menu li {
border-bottom: 1px solid var(--farbe5);
}

nav .headerMenu.smallScreen ul.mod-menu li a,
nav .headerMenu.smallScreen ul.mod-menu li span {
color: var(--farbe1);
padding:10px;
height:auto;
}

nav .headerMenu.smallScreen ul.mod-menu li ul.mod-menu__sub {
width:100%;
padding:0px 40px;
height:fit-content;
}

nav .headerMenu.smallScreen ul.mod-menu li ul.mod-menu__sub li ul.mod-menu__sub {
margin:0px 0px -1px 0px;
transition: none;
}

nav .headerMenu.smallScreen ul.mod-menu__sub li:hover > ul.mod-menu__sub {
position:relative;
visibility:visible;
opacity:1;
}