@font-face { font-family: 'Noto Sans'; src: local('NotoSans-VariableFont_wdth,wght'), local('NotoSans-VariableFont_wdth,wght'), url('NotoSans-VariableFont_wdth,wght.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: local('NotoSans-VariableFont_wdth,wght'), local('NotoSans-VariableFont_wdth,wght'), url('NotoSans-VariableFont_wdth,wght.ttf') format('truetype-variations'); font-weight: 100 900; font-style: normal; } body{margin:0; padding:0; font-family: Noto Sans, Constantia; color:#000; font-size:15px; text-align:justify; line-height :1.3em; background-color:#0e2c8f;} table { text-align:justify;} td { font-size:15px; line-height : 1.3em; } h1 {font-family: Noto Sans; font-size:45px; line-height: 50px; text-align:center; color:#8F190E; margin-top:25px; font-weight:bold;} h2 {font-family: Noto Sans, Constantia; font-size:22px; text-align:left; color:#fff; margin-bottom:0px; font-weight:bold; background:#8F190E; padding:10px;} h3 {font-family: Noto Sans, Constantia; font-size:19px; color:#8F190E; margin:0px; text-align:left; margin-right:20px; margin-top:15px; margin-bottom:5px; font-weight:bold;} h4{font-family: Noto Sans, Constantia; font-size:18px; color:#8F190E; margin:0px; font-weight:normal;} h6{font-family: Noto Sans, Constantia; font-size:15px; margin-top:8px; margin-bottom:0px; font-weight:normal;} a { color:#8F190E; text-decoration:none;} a:visited { color:#8F190E; text-decoration:none;} a:hover { color:#700; text-decoration:underline;} a:active { color:#8F190E; text-decoration:none;} hr {color:#8F190E; background-color:#8F190E; margin-top:-2px; margin-bottom:7px; height:1px; border:none;} .sub-hr{color:#c4c4c4; background-color:#c4c4c4;} p {margin-top:5px;} blockquote { font-style: italic;} li{display: list-item; list-style-image: url('../images/liste.gif'); line-height : 1.3em; margin-left:10px; margin-top: 5px; margin-bottom: 1px; text-align:justify} img{max-width:100%;} .header{ position:relative; border: none; margin: 0px; padding: 0px; z-index:20; display: flex; justify-content: center; background-color:#8F190E;} .kopf{ display:block; position:relative; top:0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; width:1200px; } .kopf-mobil{display:none; position:relative; top:0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; width:100%;} .bildbalken{padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; position: relative; left: 0; right: 0; margin: 0 auto; background-color:#e5ebff; width:100%; display: flex; align-items: center; justify-content: center; flex-direction: column;} .menubalken{padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; position: relative; left: 0; right: 0; margin: 0 auto; background-color: #e5ebff; width:100%; display: flex; align-items: center; justify-content: center; flex-direction: column;} .bild_menu{ position: relative; width:1200px; } .mitte{ position: relative; padding: 0px; background-color: #e5ebff; border: none; clear: both; display: flex; align-items: center; justify-content: center; } .inhalt{ padding-top: 0px; padding-bottom: 25px; padding-left: 120px; padding-right: 120px; background-color:#fff; width:960px; text-align:justify; position:relative; z-index:3; } .spalte {width:62%; } .spalte_gruppen {width:750px; float:right;} .footer{ position: relative; color:#fff; min-height: 120px; height: 15%; width: 100%; border: none; margin: 0px; z-index:10; display: flex; align-items: center; justify-content: center; } .footerinhalt{ padding-left: 0px; padding-right: 0px; width:1200px; display: flex; justify-content: space-between; } .footerinhalt div{padding:40px;} .footer a { color:#e3e3e3; text-decoration:none;} .footer a:visited { color:#e3e3e3; text-decoration:none;} .footer a:hover { color:#fff; text-decoration:underline;} .footer a:active { color:#e3e3e3; text-decoration:none;} .slider { position:relative; top:0px; width: 1200px; height: 400px; padding: 0; margin: 0; z-index: 3; } .slider img { width: 100%; height: auto; top: 0; left: 0 } .pic {padding: 2px; margin-top:-2px; margin-bottom:-5px; margin-right:-2px; border:0px;} .pic:hover { background-color:#ddd; } .right{float:right; margin-left:-290px; margin-bottom:10px; margin-top:0px; position: relative; left:320px} .spalte_gruppen div img.right{float:right; margin-left:20px; margin-bottom:10px; margin-top:10px; position: relative; left:0px} .left{float:left; margin-right:20px; margin-bottom:5px;} .menu_mobil{display:none} .menu_mobil_seite{display:none} [id^=drop] {display:none;} .menu2 {margin:0; height:auto; width:1100px; background-color:#8F190E; position:relative; list-style-type:none; padding-left:100px; padding-top:0; padding-bottom:0; z-index:100;} .menu2 li.top {display:block; float:left; position:relative; line-height : 1em; margin-left:0px; margin-top: 0px; margin-bottom: 0px; text-align:left} .menu2 li a.top_link {display:block; height:40px; line-height:39px; color:#fff; font-family: Noto Sans, Constantia; text-decoration:none; font-weight:bold; font-size:17px; padding-left:10px; padding-right:6px; cursor:pointer;} .menu2 li a.top_link span {float:left; display:block; padding-left:10px; padding-right:15px; height:40px;} .menu2 li a.top_link span.down {float:left; display:block; height:40px; background:url('../images/up.gif') no-repeat right top; padding-left:10px; padding-right:24px; padding-top:0; padding-bottom:0} .menu2 li a.top_link:hover {color:#fff; background: #5c211c;} .menu2 li:hover > a.top_link {color:#fff; background: #5c211c} .menu2 li a.top_link_aktuell {display:block; height:40px; line-height:39px; color:#8F190E; font-family: Noto Sans, Constantia; text-decoration:none; font-size:17px; font-weight:bold; padding-left:8px; padding-right:6px; cursor:pointer; color:#fff; background: #5c211c;} .menu2 li a.top_link_aktuell span.down {background:url('../images/up.gif') no-repeat right top;} .menu2 a:hover {visibility:visible;} .menu2 li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ .menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul {display:none; position:absolute; width:0; height:0; margin:0; padding:0; list-style:none;} @media only screen and (min-width : 650px) { .menu2 :hover ul.sub {display:block; left:0px; bottom:40px; padding: 0; border:1px solid #8F190E; white-space:nowrap; width:auto; height:auto;} .menu2 :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:100%; line-height : 1em; margin-left:0px; margin-top: 0px; margin-bottom: 0px; text-align:left} .menu2 :hover ul.sub li a { background: rgba(255,255,255,0.75); display:block; font-size:14px; height:30px; width:100%; line-height:29px; text-indent:7px; margin-right:7px; color:#000; text-decoration:none; } .menu2 :hover ul.sub li a.fly {background:rgba(255,255,255,0.75) url('../images/arrow.gif') no-repeat 122px 10px;} .menu2 :hover ul.sub li a:hover {background:rgba(192,0,0,0.9); color:#fff;} .menu2 :hover ul.sub li a.fly:hover {background:rgba(192,0,0,0.9) url('../images/arrow_over.gif') no-repeat 122px 10px; color:#fff} .menu2 :hover ul li:hover > a.fly {background:rgba(192,0,0,0.9) url('../images/arrow_over.gif') no-repeat 122px 10px; color:#fff} .menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:100px; top:-4px; background: #fff; padding:3px 0; border:1px solid #c00; white-space:nowrap; width:103px; z-index:200; height:auto;} } /*Kalender*/ .kalender {list-style-type:none; position:relative; top:0px; padding:0; margin:0; display: flex;} .wochentage {display:block; list-style-type:none; float:left; position:relative; width:125px; height:18px; background:#8F190E; border: 1px solid #8F190E; padding: 5px; margin:0; } h5 { font-size:15px; text-align:left; color:#fff; margin-top:0px; margin-bottom:0px;} .heute{margin:0; padding:0; display:block;} .heute a {display:block; float:left; position:relative; width:125px; height:102px; background:#ffb9b3; border: 1px solid #fff; padding: 5px; text-decoration:none; text-align:left; } .normal{margin:0; padding:0; display:block;} .normal a:link, .normal a:visited{display:block; float:left; position:relative; width:125px; height:102px; background:#ffe8e5; border: 1px solid #fff; padding: 5px; text-decoration:none; text-align:left; } .normal a:hover {background:#ffb9b3; } .inaktiv{margin:0; padding:0; display:block;} .inaktiv a{display:block; float:left; position:relative; width:125px; height:102px; background:#f1f1f1; border: 1px solid #fff; padding: 5px; text-decoration:none; text-align:left; } /*Kalender dropdown*/ .monatsauswahl {list-style-type:none; padding:0; margin:5px 0; } .monatsauswahl li{ display:block; margin:0; padding:0; line-height : 1.3em; font-size: 14px; } .monatsauswahl li a { background:#f1f1f1; display:block; position:relative; width:120px; height:20px; border: 1px solid #aaa; margin:0; padding:5px; text-decoration:none; text-align:center; color:#444;} .monatsauswahl li a:hover{background:#e3e3e3; margin:0;} .monatsauswahl li ul {display:none; z-index:200; width:240px; height:150px; border: 1px solid #aaa; padding:0;} .monatsauswahl li:hover {position:relative; z-index:200; } .monatsauswahl li:hover ul {display:block; list-style-type:none; position:absolute; left:-55px; top:0px; z-index:200; width:240px; height:150px; border: 1px solid #aaa; padding:0; background:#f1f1f1;} .monatsauswahl ul li {position:relative; float:left; margin:0; padding:0; display:block; line-height : 1.3em; text-align:left} .monatsauswahl ul li a:link, .monatsauswahl ul li a:visited{display:block; float:left; position:relative; width:68px; height:18px; background:#f1f1f1; border:0; margin-right:0px; padding: 5px; text-decoration:none; text-align:center; color:#444; border: 1px solid #f1f1f1;} .monatsauswahl ul li a:hover {background:#e3e3e3; border: 1px solid #ccc;} .monatsauswahl ul li.heute_dropdown a {display:block; float:left; position:relative; width:68px; height:18px; background:#bbb; border:0; padding: 5px; text-decoration:none; text-align:center; color:#000; border: 1px solid #aaa;} .balken-anf{width:130px; height:15px; position:relative; left:-5px; padding-left:5px; margin-top:2px;} .balken{width:132px; height:15px; position:relative; left:-7px; padding-left:5px; margin-top:2px;} .kalendertext{font-size:14px; line-height : 1.25em; position:absolute; top:25px;} @media only screen and (max-width : 650px) { .kalender{flex-direction: column;} .wochentage {display:none;} .heute a {pointer-events: none; cursor: pointer; display:block; float:left; position:relative; width:98%; height:40px; padding: 5px; text-decoration:none; text-align:left; } .normal a:link, .normal a:visited{pointer-events: none; cursor: pointer; display:block; float:left; position:relative; width:98%; height:40px; padding: 5px; text-decoration:none; text-align:left;} .inaktiv{display:none;} .balken-anf{width:10px; height:47px; position:relative; right:5px; left: -7px; top:-25px; float:right; padding-left:5px; margin-right:3px; pointer-events: auto } .balken{width:10px; height:52px; position:relative; right:5px; top:-30px; float:right; padding-left:5px; margin-right:3px; pointer-events: auto } } /*(Gruppen-) Auswahl dropdown*/ .auswahl {list-style-type:none; padding:0; margin: 8px 0; z-index:200; position:relative; top:0px; left:0px; width: 187px;} .auswahl li {position:relative; display:block; line-height : 1.3em; margin-left:0px; margin-top: 0px; margin-bottom: 0px; text-align:left} .auswahl li a {pointer-events: none; cursor: pointer; background:#f1f1f1; display:block; width:164px; height:20px; border: 1px solid #aaa; margin:0; padding:5px; text-decoration:none; text-align:center; color:#444;} .auswahl li a:hover{color:#fff; background:#8F190E; border: 1px solid #8F190E;} .auswahl li:hover > a{color:#fff; background:#8F190E; border: 1px solid #8F190E;} .auswahl li ul {display:none; z-index:200; width:174px; border: 1px solid #aaa; padding:0;} .auswahl li:hover ul {display:block; list-style-type:none; position:absolute; left:0px; top:31px; z-index:200; padding:0; background:#f1f1f1;} .auswahl ul li { position:relative; float:left; margin:0; padding:0; display:block; line-height : 1.3em; text-align:left} .auswahl ul li a:link, .auswahl ul li a:visited{pointer-events: auto; display:block; width:164px; height:auto; background:#f1f1f1; border:0; margin-right:0px; padding: 5px; text-decoration:none; text-align:left; color:#444;} .auswahl ul li a:hover {background:#e3e3e3; color:#8F190E;} /*Seitenmenu (Die Jugend erklärt den Glauben)*/ .seitenmenu{list-style-type:none; width:180px; margin-top:0px; padding:0px; border: 1px solid #aaa; vertical-align:top; background: #f1f1f1; float:right;} .seitenmenu li {position:relative; display:block; line-height : 1em; margin-left:0px; margin-top: 0px; margin-bottom: 0px; text-align:left} .seitenmenu li a {list-style-type:none; position:relative; height:auto; background:#e3e3e3; margin:0px; padding:7px; } .seitenmenu li a:link, .seitenmenu li a:visited {display: block; color:#000; font-size:16px; text-decoration:none; line-height:19px;} .seitenmenu li a:hover {color:#fff; background: #8F190E;} .seitenmenu li.aktiv a{color:#fff; background:#8F190E; } .seitenmenu li:hover > a{color:#fff; background:#8F190E;} .seitenmenu li ul{display:none; margin:0; padding:0; list-style:none;} .seitenmenu li:hover {position:relative; z-index:300; } .seitenmenu li:hover ul {display:block; position:absolute; left:180px; top:0px; z-index:300; border:1px solid #aaa; max-height:400px; overflow-y:auto; overflow-x:hidden;} .seitenmenu ul li {display:block; position:relative; float:left; line-height : 1em; margin-left:0px; margin-top: 0px; margin-bottom: 0px; text-align:left} .seitenmenu ul li a:link, .seitenmenu ul li a:visited{background:#f1f1f1; padding:5px; display:block; font-size:15px; height:auto; width:165px; color:#444; text-decoration:none; text-align:left;} .seitenmenu ul li a:hover {background:#e3e3e3; color:#8F190E;} .seitenmenu li.aktiv ul {display:inline-block; position:relative; z-index:300; background: #f1f1f1;} .seitenmenu li.aktiv:hover ul {display:inline-block; left:0; position:relative; border:none; max-height:none; overflow-y:auto;} .seitenmenu li.aktiv ul li { position:relative; float:left;} .seitenmenu li.aktiv ul li a:link, .seitenmenu li.aktiv ul li a:visited {background:#f1f1f1; padding:5px; padding-left:10px; font-size:15px; height:auto; width:165px; color:#444; text-decoration:none; text-align:left;} .seitenmenu li.aktiv ul li a:hover {background:#e3e3e3; color:#8F190E;} .seitenmenu li.aktiv:hover > a{color:#fff; background:#8F190E;} .seitenmenu li.aktiv ul li.aktiv a{border-left: 5px solid #8F190E; padding-left:5px;} /*Seitenmenu (Gruppen)*/ .seitenmenu_gruppen{list-style-type:none; width:180px; margin-top:15px; padding:0px; border: 1px solid #aaa; vertical-align:top; background: #f1f1f1; float:left;} .seitenmenu_gruppen li {position:relative; display:block; line-height : 1em; margin-left:0px; margin-top: 0px; margin-bottom: 0px; text-align:left} .seitenmenu_gruppen li a {list-style-type:none; position:relative; height:auto; background:#e3e3e3; margin:0px; padding:7px; } .seitenmenu_gruppen li a:link, .seitenmenu_gruppen li a:visited {display: block; color:#000; font-size:16px; text-decoration:none; line-height:19px;} .seitenmenu_gruppen li a:hover {color:#fff; background: #8F190E;} .seitenmenu_gruppen li.aktiv a{color:#fff; background:#8F190E; } .seitenmenu_gruppen li:hover > a{color:#fff; background:#8F190E;} .seitenmenu_gruppen li ul{display:none; margin:0; padding:0; list-style:none;} .seitenmenu_gruppen li:hover {position:relative; z-index:300; } .seitenmenu_gruppen li:hover ul {display:block; position:absolute; left:180px; top:0px; z-index:300; border:1px solid #aaa; max-height:400px; overflow-y:auto; overflow-x:hidden;} .seitenmenu_gruppen ul li {display:block; position:relative; float:left; line-height : 1em; margin-left:0px; margin-top: 0px; margin-bottom: 0px; text-align:left} .seitenmenu_gruppen ul li a:link, .seitenmenu_gruppen ul li a:visited{background:#f1f1f1; padding:5px; display:block; font-size:15px; height:auto; width:165px; color:#444; text-decoration:none; text-align:left;} .seitenmenu_gruppen ul li a:hover {background:#e3e3e3; color:#8F190E;} .seitenmenu_gruppen li.aktiv ul {display:inline-block; position:relative; z-index:300; background: #f1f1f1;} .seitenmenu_gruppen li.aktiv:hover ul {display:inline-block; left:0; position:relative; border:none; max-height:none; overflow-y:auto;} .seitenmenu_gruppen li.aktiv ul li { position:relative; float:left;} .seitenmenu_gruppen li.aktiv ul li a:link, .seitenmenu_gruppen li.aktiv ul li a:visited {background:#f1f1f1; padding:5px; padding-left:10px; font-size:15px; height:auto; width:165px; color:#444; text-decoration:none; text-align:left;} .seitenmenu_gruppen li.aktiv ul li a:hover {background:#e3e3e3; color:#8F190E;} .seitenmenu_gruppen li.aktiv:hover > a{color:#fff; background:#8F190E;} .seitenmenu_gruppen li.aktiv ul li.aktiv a{border-left: 5px solid #8F190E; padding-left:5px;} /*Abschnitte einblenden*/ .accordion1 { border-bottom: solid 1px #c4c4c4; } .accordion1 div.oben { background: url(../images/arrow-square-down.gif) no-repeat right 5px; padding: 10px; padding-top:8px; padding-bottom:6px; margin: 0px; border-top: solid 1px #c4c4c4; text-align:left; /* border-bottom: none;*/ cursor: pointer; position:relative;/*zur Positionierung des übergangs*/ } .oben h3{margin-top:1px; margin-bottom:2px;} .accordion1 div.oben:hover { background: #e3e3e3 url(../images/arrow-square-down-mouseover.gif) no-repeat right 5px; } .accordion1 div.oben.active { background: #eaeaea url(../images/arrow-square-up.gif) no-repeat right 5px; } .accordion1 div.oben.active:hover { background: #eaeaea url(../images/arrow-square-up-mouseover.gif) no-repeat right 5px; } .accordion1 div.unten { margin: 0; padding: 15px; padding-top:0px; padding-bottom:7px; display: none; background-color:#eaeaea; text-align:justify; } .accordion2 { border-bottom: solid 1px #c4c4c4; } .accordion2 div.oben { background: url(../images/arrow-square-down.gif) no-repeat right 5px; padding-top: 8px; padding-bottom:0; padding-left: 1px; margin: 0px; border-top: solid 1px #c4c4c4; text-align:left; /* border-bottom: none;*/ cursor: pointer; position:relative;/*zur Positionierung des übergangs*/ } .accordion2 div.oben:hover { background: #e3e3e3 url(../images/arrow-square-down-mouseover.gif) no-repeat right 5px; } .accordion2 div.oben.active { background: #eaeaea url(../images/arrow-square-up.gif) no-repeat right 5px; } .accordion2 div.oben.active:hover { background: #eaeaea url(../images/arrow-square-up-mouseover.gif) no-repeat right 5px; } .accordion2 div.oben img.uebergang{ height: 70px; width:100%; position: absolute; bottom:0px; } .accordion2 div.oben.active img.uebergang{ display: none; } .accordion2 div.unten { margin: 0; padding: 0; padding-left: 1px; background: #eaeaea; display: none; } .medien {max-width:480px; min-height:210px; display:inline-block; overflow:hidden;} .medien a:hover table{background-color:#e3e3e3;} .medien a table {padding-left:5px; padding-right:5px; padding-top:5px; color:#444;} .medien a:hover { text-decoration:none; } .termine-index { width:100%; display:block; overflow:hidden;} .termine-index a:hover table{background-color:#e3e3e3; border-bottom: solid 1px #c4c4c4;} .termine-index a table {padding-left:5px; padding-right:5px; padding-top:0px; color:#444; border-bottom: solid 1px #c4c4c4;} .termine-index a:hover { text-decoration:none; } .kontakt {position:relative; margin:1px; margin-top:-4px; display:inline-block;} .kontakt a div{display:none} .kontakt a:hover div{display:block;} .formular { width:250px; border: 1px solid #aaa; padding:4px; margin-top:5px; font-family: Gadugi, Constantia; font-size:15px;} .suchfeld{height:24px; width:150px; border: 1px solid #aaa; padding:3px; float:right; position:relative; top:0; right:0px; font-family: Gadugi, Constantia; font-size:15px;} .absenden{padding:4px; margin-top:5px; font-family: Gadugi, Constantia; font-size:15px;} .loeschen{display:inline-block; margin-left:5px; background:url('../images/loeschen.png') no-repeat; width:16px; height:16px;} .loeschen:hover{background:url('../images/loeschen-mouseover.png') no-repeat;} .bearbeiten{display:inline-block; margin-left:5px; background:url('../images/bearbeiten.png') no-repeat; width:16px; height:16px;} .bearbeiten:hover{background:url('../images/bearbeiten-mouseover.png') no-repeat;} .calendar{display:inline-block; margin-left:0px; margin-right:-9px; background:url('../images/kalender.png') no-repeat; width:16px; height:16px;} .calendar:hover{background:url('../images/kalender-mouseover.png') no-repeat;} .blaettern{padding:5px; display:inline-block; width:20px; height:20px; border-radius:50%; background-color:#8e190e; margin:2px; color:#fff;} .blaettern:hover{background-color:#5c211c; text-decoration:none; color:#fff;} .blaettern:visited{color:#fff;} .blaettern_aktiv{padding:5px; display:inline-block; width:20px; height:20px; border-radius:50%; background-color:#5c211c; color:#fff; margin:2px;} .blaettern_aktiv:hover{text-decoration:none; cursor:default; color:#fff;} .blaettern_aktiv:visited{color:#fff;} /* antispam: honeypot */ form .hpot { display: none; } @media only screen and (max-width : 1200px) { .inhalt{padding-left: 120px; padding-right: 120px; width:100%; box-sizing: border-box; } .bild_menu{ position: relative; width:100%; } .menu2 {width:100%; padding-left:0px; } .slider {width: 100%; height: auto;} .right{float:right; margin-left:-290px; margin-bottom:10px; position: relative; left:320px; max-width:80%; height:auto !important;} .footerinhalt{width:100%;} .footerinhalt div {padding: 40px 20px 0px 0px; text-align: left;} } @media only screen and (max-width : 890px) { .inhalt{padding-left: 80px; padding-right: 80px;} .spalte {width:auto;} .spalte_gruppen {width:auto;} .right{margin-left:-20px; left:40px;} } @media only screen and (max-width : 700px) { h1 {font-size:35px; line-height: 40px; margin-top:25px;} .kopf{display:none;} .kopf-mobil{display:block;} .inhalt{padding-left: 10px; padding-right: 10px;} .footerinhalt{flex-direction: column;} .footerinhalt div {padding: 0px 0px 20px 60px;} .bildbalken{overflow:hidden;} .bild_menu {width: 150%;} .right{ max-width:100%; float:right; margin-left:15px; margin-bottom:10px; position: relative; left:0px;} .verweis a{float:right; position:relative; right:0px; top:0px;} .verweis a:hover{float:right; position:relative; right:0px; top:0px;} /*menu links*/ .menubalken{} .menu_mobil{position:fixed; top:0px; right:0px; width:58px; height:45px; display: block; background:#8F190E url('../images/menu-mobil.png') no-repeat; background-size: 40px; background-position: 10px 10px; z-index: 100; color:#fff; text-decoration:none; font-variant:small-caps; font-size:25px; font-weight:bold;} input[type=checkbox]:checked + label div.menu_mobil{background:#8F190E url('../images/menu-mobil-close.png') no-repeat; background-size: 40px; background-position: 10px 10px;} .menu2{display:none; position:fixed; top:45px; bottom:0px; left:0; list-style-type:none; width:100%; height:auto; margin:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0; clear: left; overflow:auto;} .menu2 li.top {margin-top: 0px; position:relative; width:100%; clear: left;} .aufklapp a{pointer-events: none; cursor: pointer;} .menu2 li a.top_link_aktuell {width:100%;} .menu2 li a.top_link {width:100%;} .menu2 li a.top_link span.down {background:url('../images/down.gif') no-repeat right top;} .menu2 li a.top_link_aktuell span.down {background:url('../images/down.gif') no-repeat right top;} .menu2 li ul{display:none; position:relative; background: rgba(255,255,255,0.9); width:100%; height:auto;} [id^=drop]:checked ~ ul { display: inline-block; } [id^=drop] {display:none;} .menu2 ul.sub li {position:relative; top:0; float:left; width:100%; padding:0px; margin:0;} .menu2 li ul.sub li a {display:block; font-size:17px; height:33px; width:100%; line-height:29px; text-indent:7px; margin-right:7px; font-weight:normal; font-variant:normal; color:#000; text-decoration:none; pointer-events: auto; cursor: pointer;} .menu2 ul.sub li a:hover {background:rgba(192,0,0,0.9); color:#fff;} .menu_mobil_seite{position:absolute; top:100px; left:0px; width:10px; bottom:50px; display: block; border: 1px solid #aaa; vertical-align:top; background: #8F190E url('../images/right.gif'); padding-top:10px; padding-left:10px; color:#fff; text-decoration:none; font-variant:small-caps; font-size:25px; font-weight:bold; z-index: 90;} input[type=checkbox]:checked + label div.menu_mobil_seite{background:#8F190E url('../images/left.gif');} .seitenmenu{display:none; position: fixed; top:0px; bottom:0; left:20px; height:auto; z-index: 200; overflow: auto; margin-top:45px; margin-bottom:0px;} .kontakt a div{display:block} }