* {margin:0;padding:0;} body{height:100%;background-image:url('moehne/bilder/wabe_hell.webp');} html{height:100%;overflow-y:scroll;} p, td, li{font:0.9em Arial, Verdana, sans-serif;color:#808000;hyphens:auto;} h4, h5, h6{color:#808000;} a{color:#808000;text-decoration:none} a:focus{outline:0;} img{border:0;} /*HKS 13 = #f82523 ROT*/ _ .hellgelb{color:#ffffcc;} #container{max-width:800px;height:800px;position:relative;margin:0 auto} #buehnenbild{width:100%;height:202px;position:relative;margin:0;z-index:1;} #text_buehnenbild{margin:-58px 0 0 198px;} /* #orden{display:block;position:absolute;margin:190px 0 0 -6px;text-align:center;z-index:900;} #orden img{width:220px;height:auto;} #orden_events{position:absolute;margin:0 0 0 13px;text-align:center;z-index:900;} #orden_events img{width:120px;height:auto;} #orden_events img:hover{width:120px;height:auto;opacity:1;transform:none;} */ /*Ordensdarstellung nach Session oben rechts auf der Website*/ #orden{display:block;width:100%;height:170px;position:absolute;margin:-40px 0 0 -40px;text-align:right;z-index:702;} #orden img{width:auto;height:220px;} #orden img:hover{transform:none;} #mottoballon{display:block;position:absolute;font:0.8em Arial, Verdana, sans-serif;color:red;width:200px;height:auto;margin:50px 0 0 0;text-align:center;transform: rotate(-16deg);z-index:910;} #mottoballon img{width:160px;height:auto;} #motto{display:block;position:absolute;font:0.8em Arial, Verdana, sans-serif;color:red;width:200px;height:auto;margin:10px 0 0 0px;text-align:center;transform: rotate(-6deg);z-index:910;} #motto img{width:220px;height:auto;} #SaveTheDate{display:block;position:absolute;font:0.8em Arial, Verdana, sans-serif;color:red;width:150px;height:auto;margin:70px 0 0 -6px;text-align:center;transform: rotate(-6deg);z-index:910;} #SaveTheDate img{width:150px;height:auto;} #indexbild{width:160px;height:auto;position:relative;margin:-690px 0 0 104px;z-index:710;} #indexbild img{width:100%;height:auto;} #moehne_nav{width:506px;height:22px;font:0.9em Arial, Verdana, sans-serif;text-align:center;position:relative;margin:-8px auto;padding:0;background-color:#f82523;z-index:500;} #moehne_nav a{color:yellow;display:inline;padding:0 1%;;background-color:#f82523;} #titelbild{width:360px;height:auto;position:relative;margin:10px 0 0 150px;z-index:490;} #titelbild img{width:100%;} #titelbildindex{display:none;} #eventbild {width:200px;height:auto;position:relative;margin:-140px 0 0 18px;z-index:1600;} #eventbild img {width:100%;height:auto;} #eventbild img:hover{transform:none;} #eventbild_weihnachtsgruss {width:240px;height:auto;position:relative;margin:90px 0 0 270px;z-index:1500;} #eventbild_weihnachtsgruss img {width:240px;height:auto;} #eventbild_ballonkreis {width:240px;height:auto;position:relative;margin:90px 0 0 270px;z-index:1500;} #eventbild_ballonkreis img {width:240px;height:auto;} #eventbild_ballonkreis img:hover {transform: rotate(360deg); transition: 1s;} #eventbildindex {display:none;} .termine_uhrzeit{font-size:0.8em;background-color:#FEFEE2;padding:0 8px;} /* img:hover{opacity:1;-moz-transform:scale(1.4);-ms-transform:scale(1.4);-o-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4); -moz-transition:all 300ms;-ms-transition:all 300ms; -o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms;} #eventbild {width:300px;height:auto;position:relative;margin:-30px 0 0 220px;padding:10px 10px 10px 6px;border:1px solid red;text-align:center;box-shadow:2px 2px 10px #800000; color:#fff;background:url('/honigsmoehne/moehne/bilder/wabe_hellhell.gif');z-index:480; -moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);-o-transform: rotate(-6deg);-webkit-transform: rotate(-6deg);transform: rotate(-6deg);} #eventbild img {width:370px;height:auto;padding:10px;} #eventbild img:hover{opacity:1;-moz-transform:scale(1.9);-ms-transform:scale(1.9);-o-transform:scale(1.9);-webkit-transform:scale(1.9);transform:scale(1.9); -moz-transition:all 300ms;-ms-transition:all 300ms; -o-transition:all 300ms;-webkit-transition:all 300ms;transition:all 300ms;} */ /* 1111feier #eventbild {width:400px;height:auto;position:relative;margin:-110px 0 0 -20px;z-index:500;} #eventbild img {width:400px;height:auto;} */ /* allgemein #eventbild {width:500px;height:auto;position:relative;margin:-80px 0 0 0px;padding:10px 10px 10px 6px;z-index:1000;;} #eventbild img {width:500px;height:auto;padding:10px;} */ .tdright{text-align:left;width:180px;} .tdleft{text-align:right;width:180px;} #kartenvorverkauf{display:none;} #mobilaktuelles{display:none;} #event-aktuelles{font:0.9em arial,sans-serif;color:#f82523;width:140px;height:340px;position:absolute;margin:60px 0 0 586px;padding:6px;background-color:#ffffcc;border:1px solid red;text-align:center;z-index:1000;} #event-aktuelles a{color:#f82523;} #event-aktuelles p{line-height:20px;} #savetheday{display:none;} #event-legende{font:0.9em arial,sans-serif;color:#f82523;width:140px;height:130px;position:absolute;margin:420px 0 0 586px;padding:6px;background-color:#ffffcc;border:1px solid red;text-align:center;z-index:1000;} #event-legende a{color:#f82523;} #event-legende p{line-height:20px;} #event-legende img:hover{transform:none;} /* events ist eine leere Seite, damit event-aktuelles und event-legende im mobile nicht stören */ #events{display:block;} #event-sichtbar{display:none} #biene{width:40px;height:37px;position:absolute;top:299px;left:700px;background-image:url("moehne/bilder/biene_alt.gif");z-index:1000;} #biene2021{width:30px;height:50px;position:absolute;top:316px;left:734px;background-size:30px;background-repeat:no-repeat;background-image:url("moehne/bilder/biene2021.png");transform: rotate(-50deg);z-index:1000;} #footer{font:0.9em Arial,Sans-serif;color:#808000;width:170px;height:404px;position:absolute;margin:264px 0 0 570px;padding:6px;background-color:#ffffcc;border:1px solid red;text-align:center;z-index:600;} #footer ul li{list-style-type:none;} #contentarchiv{width:100%;position:absolute;margin-top:210px;text-align:center;background-color:#ffffcc;z-index:10;} #contentarchiv p{font-size:1em;line-height:1.4em;} .seitennav{text-align:right;} .seitennav a{font-size:0.8em;color:#808000;padding:0 2px;} #jubiheft{font-size:0.9em;width:104px;height:144px;padding-left:12px;position:absolute;margin-left:30px;margin-top:352px; background:#fffff2;border-right:2px solid #9f6;border-bottom:2px solid #9f6;z-index:90;} #logo_bienenkorb_sub a{width:300px;height:300px;position:absolute;margin-left:23px;margin-top:276px;background-image:url('moehne/bilder/logo_bienenkorb_web_soft.png');background-repeat:no-repeat;z-index:90;} #logo_bienenkorb a{width:10px;position:absolute;margin-left:23px;margin-top:276px;z-index:100;background-image:url('moehne/bilder/leer.png');background-repeat:no-repeat;} #logo_bienenkorb a:hover{width:300px;height:300px;position:absolute;margin-left:23px;margin-top:276px; background-image:url('moehne/bilder/logo_bienenkorb_web.png');background-repeat:no-repeat;} #bghorizontal{width:798.4px;height:305.6px;position:absolute;left:1.6px;top:350.4px;background-image:url('moehne/bilder/wabe_hell.gif');z-index:2;} #bgvertical{width:505.6px;height:435.2px;position:absolute;left:147.2px;top:204.8px;background-image:url('moehne/bilder/wabe_hell.gif');z-index:3;} #seitenkopf_lio{width:150.4px;height:150.4px;position:absolute;left:4px;top:204.8px;z-index:4;} #seitenkopf_reo{width:150.4px;height:150.4px;position:absolute;left:646px;top:204.8px;z-index:4;} #geb{text-align:center;width:240px;height:190px;position:absolute;left:70px;top:-1px;background-image:url('geb_kuchen.png');z-index:2000;} #geb p{font-size:1.1em;width:290px;height:144px;padding:0 0 0 4%;color:yellow;line-height:140%;display: table-cell;vertical-align: middle;} #index_orden{width:130px;height:220px;position:absolute;left:4090px;top:510px;z-index:300;} #sitzu2020{width:170px;height:auto;position:absolute;right:0;text-align:center;margin:100px 8px 0 0;padding:4px;background:red;z-index:700;border:3px dotted white;} #sitzu2020 a{color:yellow;} #ballons_rot_weiss{width:130px;height:900px;position:absolute;left:690px;top:168px;z-index:100;} #ballons_rot_weiss_kreis_1{width:180px;height:auto;position:relative;margin:-352px 0 0 -30px;z-index:700;} #ballons_rot_weiss_kreis_1 img{width:100%;height:auto;} #ballons_rot_weiss_kreis_2{width:160px;height:230px;position:absolute;left:-20px;top:370px;z-index:250;} #ballons_rot_weiss_kreis_3{width:160px;height:230px;position:absolute;left:74px;top:520px;z-index:250;} .rotate p {width:108px;color:white;font-size:0.9em;font-weight:bold;text-align:center;padding:2px;background:red;} .rotate {position:relative;margin:-50px 0 0 -23px;transform:rotate(30deg);z-index:350;} #ballon_fa{width:176px;height:192px;position:absolute;left:-64px;top:80px;z-index:28;} #ballon_hm{width:176px;height:192px;position:absolute;left:672px;top:128px;z-index:28;} #luftschlangen_b1{width:10px;height:16px;position:absolute;left:140px;top:0;z-index:260;} #luftschlangen_b2{width:10px;height:16px;position:absolute;left:230px;top:610px;z-index:26;} #luftschlangen_b3{width:10px;height:16px;position:absolute;left:580px;top:270px;z-index:26;} #luftschlangen_g1{width:10px;height:16px;position:absolute;left:170px;top:480px;z-index:260;} #luftschlangen_g2{width:10px;height:16px;position:absolute;left:270px;top:650px;z-index:26;} #luftschlangen_g3{width:10px;height:16px;position:absolute;left:560px;top:252px;z-index:26;} #luftschlange_biene{position:absolute;right:23%;top:84px;text-align:right;padding-right:10px;z-index:3000;} #hefte{width:190px;height:200px;position:relative;margin:-122px 0 0 60px;text-align:center;z-index:200;} #titel{font:1em arial,helvetica,verdana,sans-serif;color:yellow;width:800px;height:32px;position:absolute;left:0;top:216px;text-align:center;z-index:90;} #titel span{background-color:#f82523 !important;padding:0 4px;border-top:2px solid white;} #textcontent{width:440px;position:absolute;margin:60px 0 0 154px;padding:20px;text-align:justify;background-color:#ffffcc;border:1px solid #808000;z-index:10;} #textcontent p{line-height:1.4em;} .seitennav a {font-weight:bold;text-align:right;background:white;} .textabsatz{margin-bottom:12px;text-align:left;hyphens:none;} .textabsatz_sub{font-size:0.7em;text-align:left;margin:0;} .textabsatz_presse{font-size:0.7em;color:gray;text-align:left;margin:0;} .texthead{padding-top:0;font-weight:600;text-align:center;} .textsub{font-size:0.8em;text-align:center;margin:0 0 16px 0;} #textcontent_centerbox {width:500px;height:auto;position:absolute;margin:60px 0 0 155px;padding:10px 0;text-align:center;background-color:#ffffcc;border:1px solid #808000;z-index:10;} #textcontent_centerbox p {display:inline-block;vertical-align:top;width:90px;height:auto;padding:0;margin:4px;background:#ffc;box-shadow:2px 2px 2px #D2B48C;} #textcontent_centerbox img {width:100%;height:auto;margin-bottom:0;padding:0;} #textcontent_extorden_centerbox {width:440px;position:absolute;margin:60px 0 0 157px;padding:24px;text-align:center;background:#ffc;border:1px solid #808000;z-index:10;} #textcontent_extorden_centerbox p {font-size:0.8em;display:inline-block;vertical-align:top;width:134px;height:250px;line-height:100%;text-align:center;padding:0;margin:0 0 4px 0;background-image:url('moehne/bilder/extorden_bg.png');box-shadow:2px 2px 2px #D2B48C;} #textcontent_extorden_centerbox img {width:100%;height:auto;margin-bottom:0;padding:0;} .galleriebilder{width:130px;font-size:0.8em;} #textcontent_aktuelles {width:340px;height:400px;position:absolute;left:220px;top:244.8px;text-align:center;overflow:auto;background-color:#ffffcc;border:1px solid #808000;z-index:10;} .textstil {font:1em arial,helvetica,verdana,sans-serif;color:#808000;padding:20.8px;padding-right:17.6px;line-height:140%;margin-top:19.2px;text-align:justify;} /*#gallerycontent{color:#007e72;width:100%;max-width:524px;height:auto;position:relative;margin:50px auto;padding:2px 0;text-align:center;background:#303030;z-index:10;} .gallery a img {display:inline-box;text-align:center;width: auto;height: 140px;padding:1px;z-index:10;} .gallery a:hover img {z-index: 25;} */ #galleriecontent {width:480px;position:absolute;margin:60px 0 0 157px;padding:0;text-align:center;z-index:10;} #galleriecontent img {max-width:100%;margin-bottom:12px;} #content_foto{margin-top:1%;padding:0;text-align:center;} #content_foto img{width:100%;} #content_foto ul{list-style: none;padding: 0;} #content_foto ul > li{margin-top: 10px;text-align: center;} #content_foto ul > li > img{display: inline-block;} /* lightbox vom 1.7.22 */ #gallery1 {width:480px;position:absolute;margin:60px 0 0 157px;padding:0;text-align:center;z-index:10;background:#800000;border:0;} figcaption { background-color: #fff; font:0.9em Arial, Verdana, sans-serif;color:#808000; padding: 4px; text-align: center; } .photos { position: relative; display: block; box-sizing: border-box; width: 700px; max-width: 100%; margin: 40px auto; padding: 10px; border: 1px solid #aaa; text-align: center; font-size: 0; } .magnifier { position: relative; box-sizing: border-box; display: inline-block; vertical-align: middle; width: calc(50% - 8px); margin: 4px; } .magnifier img { position: relative; display: inline-block; width: 100%; height: auto; } #seitennavi{font: 0.9em arial, helvetica,sans-serif;color:yellow;width:136px;position:absolute;left:0;top:380px;text-align:right;padding:6px 10px 6px 0;background-color:#f82523; border-top:1px solid orange;border-right:1px solid orange;border-left:1px solid #808000;border-bottom:1px solid #808000;z-index:200;} #seitennavi a{color:yellow;text-decoration:none;} #seitennavi a:hover{background:yellow;color:red;} .seitennavi{display:none;} /*auf smartphone seiten*/ #seitennavi_video{width:150px;position:relative;margin-left:770px;top:140px;z-index:90;} #seitennavi_heft{font:14.4px arial, helvetica,sans-serif;color:#808000;position:relative;left:114px;top:234px;z-index:91;} #fotos{font-size:12.8px;position:absolute;right:200px;top:618px;z-index:100;} #memorycontent{width:640px;height:400px;position:relative;margin:40px auto 0 auto;padding:0;z-index:10;} #flashcontent{width:640px;height:480px;position:absolute;left:150px;top:250px;background-color:black;z-index:23;} #video{width:480px;position:relative;margin:60px auto 0 auto;z-index:200;} #inhalt_video{width:100%;max-width:480px;height:auto;margin:60px auto 0 auto;text-align:center;position:relative;z-index:82;} .responsive-video{max-width:100%;height:auto;outline:0;} #flashcontent_h-264{width:480px;height:360px;position:relative;margin:80px auto 0 auto;z-index:82;} object{outline:none;} #gallery{width:480px;position:relative;left:150px;top:250px;text-align:center;background-image:url('moehne/bilder/wabe_hell.gif');z-index:23;} #gallery img{width:360px;padding:2px;} #fotocontent{width:480px;position:relative;margin:0 auto 0 auto;padding-top:250px;text-align:center;z-index:23;} #fotocontent img{max-width:480px;max-height:480px;padding-top:2px;} #fotocontent_mobil img{max-height:300px;padding-top:2px;} #events_foto_11{position:absolute;margin-left:88px;z-index:20;} #events_video_11{position:absolute;margin-left:238px;} #sessionsheft_online{width:720px;height:600px;position:absolute;left:10px;top:20px;background-color:black;z-index:210;} #suchlinks{font:14.4px arial, helvetica, sans-serif;color:red;} .input{height:12px;background:#ff6;} .orden{font-size:0.9em;color:yellow;position:absolute;padding-left:2px;background:#e3000b;} #orden_frei_prg{width:208px;height:300px;position:absolute;left:560px;top:418px;z-index:23;background:yellow;} #seitenkopf_liu{width:150.4px;height:150.4px;position:absolute;left:0;top:540px;z-index:4;} #seitenkopf_reuli{width:150.4px;height:150.4px;position:absolute;left:528px;top:656px;z-index:4;} #seitenkopf_reu{width:150.4px;height:150.4px;position:absolute;left:646px;top:656px;z-index:5;} #klaaf{width:300px;height:395px;position:absolute;left:588px;margin-top:270px;z-index:7;} #datum{font:0.8em arial,sans-serif;color:#808000;position:absolute;padding:0 3px 0 4px;left:73px;margin-top:210px;background:#fff;z-index:23;} #termine{font:0.9em arial,sans-serif;color:#808000;width:180px;height:520px;position:absolute;left:48px;top:272px;padding-top:0;padding-left:3.2px;background-color:#ffffcc;border:1px solid #808000; text-align:center;opacity: 0.7;overflow:auto;z-index:7;} #fuss_li{width:27.2px;height:80px;position:absolute;left:305.6px;top:184px;z-index:21;} #vorverkauf{font:bold 1em arial, helvetica,sans-serif;color:yellow;padding:8px;border-left:2px solid #808000;border-bottom:2px solid #808000;position:absolute;left:584px;top:-26px;background:red;text-align:center;z-index:99;} #vorverkauf a{color:yellow;} footer{margin:-140px 0 0 -20px;font-size:0.7em;text-align:center} @media (max-width: 767.98px){ body{background-image:url('moehne/bilder/wabe_hell.webp');} #container{width:100%;height:auto;position:relative;text-align:center;} #buehnenbild{width:auto;height:130px;position:relative;background:url('/honigsmoehne/logo_bienenkorb_mobil.png') center 2px no-repeat;} /* KARNEVAL--> height:170px; UND background:url('/honigsmoehne/logo_bienenkorb_mobil.png') center 2px no-repeat;*/ #buehnenbild img{display:none;} #text_buehnenbild{display:none;} #moehne_nav{width:100%;height:auto;font:0.9em Arial, Verdana, sans-serif;text-align:center;margin:0;padding:1% 0;background-color:#f82523;} #moehne_nav a{color:#ffd700;display:inline;padding:0 2%;margin:0;background-color:#f82523;} #mobilaktuelles{display:block;text-align:center;margin:0;padding:0;} #luftschlange_biene{position:absolute;top:0;right:10px;text-align:right;padding-right:10px;z-index:3000;} #event-aktuelles{display:block;font:1em arial,sans-serif;color:#f82523;width:99%;height:600px;margin:270px 0 0 0;padding:6px 0;background-color:#ffffcc;border:0;text-align:center;z-index:1000;} #event-aktuelles a{color:#f82523;} #event-aktuelles p{font-size:1.2em;line-height:160%;} .eventbild-img:hover{transform:none;} #event-legende{display:block;font:0.9em arial,sans-serif;color:#f82523;width:99%;height:200px;margin:830px 0 0 0;padding:6px 0;background-color:#ffffcc;border:0;text-align:center;z-index:1000;} #event-legende a{color:#f82523;} #event-legende p{font-size:1.2em;line-height:120%;} /* events ist eine leere Seite, damit event-aktuelles und event-legende im mobile nicht stören */ #events{display:none;} #events-none{display:none;} #event-sichtbar{display:block} #biene2021{display:none;} #titelbild{display:none;} #titelbild_u_eventbild{display:none;} #titelbildindex{display:block;width:76%;max-width:500px;height:auto;position:relative;margin:6% auto -40px auto;} #titelbildindex img{width:100%;} #eventbild {display:none;} #eventbild_ballonkreis {display:none;} #eventbild_weihnachtsgruss {display:none;} #eventbild_ballonkreis_mobil {width:80px;height:auto;position:relative;margin:90px 0 0 0;z-index:1500;} #eventbild_ballonkreis_mobil img {width:100px;height:auto;} #eventbild_ballonkreis_mobil img:hover {transform: rotate(360deg); transition: 1s;} #ballons_rot_weiss_kreis_1{width:140px;height:auto;margin:0;left:0;top:0;position:absolute;} #ballons_rot_weiss_kreis_1 img{width:100%;} #mottoballon{color:white;position:absolute;margin:-8px 0 0 -10px;transform: rotate(-6deg);text-align:center;z-index:703;} #mottoballon img{width:110px;height:auto;} #motto{color:white;position:absolute;margin:-20px 0 0 -26px;transform: rotate(-6deg);text-align:center;z-index:703;} #motto img{width:150px;height:auto;} #orden{display:block;width:100%;height:170px;position:absolute;margin:-30px 0 0 -6px;text-align:right;z-index:702;} #orden img{width:auto;height:170px;} #orden img:hover{transform:none;} #ordensband{display:none;} #indexbild{width:30%;height:auto;position:relative;margin:-40px 0 0 2%;z-index:710;} #indexbild img{width:100%;height:auto;} #bghorizontal{display:none;} #bgvertical{display:none;} #seitenkopf_lio{display:none;} #seitenkopf_reo{display:none;} #seitenkopf_liu{display:none;} #seitenkopf_reuli{display:none;} #seitenkopf_reu{display:none;} #tafel{display:none;} #tafelzwei{margin:-34px auto 0 auto;} #kartenvorverkauf{display:block;background:red;position:absolute;margin:6px 0 0 0;padding:0 4px;z-index:600;} #kartenvorverkauf a{color:white;font-size:0.9em;line-height:160%;} #bienenpatenschaft{width:100px;height:auto;position:absolute;margin:0 0 0 20px;} #bienenpatenschaft img{width:100%;} #biene_eva{display:none;} #biene{display:none;} #bienebp{display:none;} #geb{color:yellow;text-align:center;width:140px;height:110px;position:absolute;left:0;top:20px;background-image:url('geb_kuchen.png');background-size:100%;background-repeat:no-repeat;z-index:1100;} #geb p{font-size:0.7em;font-weight:bold;width:290px;height:80px;padding:0 0 0 5%;color:yellow;line-height:140%;display: table-cell;vertical-align: middle;} #titel{font:1em arial,helvetica,verdana,sans-serif;color:yellow;width:100%;height:20px;position:relative;top:6px;margin:6px auto 0 auto;padding:0;text-align:center;} #titel span{background-color:#f82523;padding:0 4px;} #textcontent{width:96%;max-width:440px;position:relative;margin:40px auto 0 auto;text-align:justify;background-color:#ffffcc;border:1px solid #808000;z-index:10;} #textcontent p{line-height:1.4em;padding:0 6px;hyphens: none} #textcontent img{width:100%;} #textcontent_centerbox {width:100%;position:relative;text-align:center;margin:0;padding:0;} #textcontent_centerbox p {display:inline-block;vertical-align:top;width:90px;height:auto;padding:4px;margin-bottom:4px;background-image:url('moehne/bilder/extorden_bg.png');box-shadow:2px 2px 2px #D2B48C;} #textcontent_centerbox img {width:100%;height:auto;margin-bottom:0;padding:0;} #textcontent_centerbox a {font-size:0.8em;} .texthead{padding-top:40px;} #textcontent_aktuelles {width:340px;height:400px;position:absolute;left:220px;top:244.8px;text-align:center;overflow:auto;background-color:#ffffcc;border:1px solid #808000;z-index:10;} .textstil {font:1em arial,helvetica,verdana,sans-serif;color:#808000;padding:20.8px;padding-right:17.6px;line-height:140%;margin-top:19.2px;text-align:justify;} #galleriecontent {width:100%;position:relative;margin:20px 0;padding:0;text-align:center;z-index:10;} #galleriecontent p {margin-right:4px;} #galleriecontent img {max-width:100%;height:auto;margin-bottom:12px;} #content_foto{margin-top:1%;padding:0;text-align:center;} #content_foto img{width:100%;} #content_foto ul{list-style: none;padding: 0;} #content_foto ul > li{margin-top: 10px;text-align: center;} #content_foto ul > li > img{display: inline-block;} #gallery1 {width:100%;position:relative;margin:20px 0;padding:0;text-align:center;z-index:10;} .seitennavi{display:block;font-size:0.8em;position:relative;padding:30px 4px 0 0;text-align:right !important;} /*auf smartphone seiten*/ .seitennavi a{font-weight:bold;color:white;padding:1px 3px;background:#f82523;} #seitennavi{display:none;} #seitennavi_video{width:150px;position:relative;margin-left:770px;top:140px;z-index:90;} #seitennavi_heft{font:14.4px arial, helvetica,sans-serif;color:#808000;position:relative;left:114px;top:234px;z-index:91;} #footer{display:none;} #flashcontent_h-264{width:100%;height:auto;margin:0 auto;z-index:82;} object{outline:none;} .responsive-video{max-width:100%;height:auto;outline:0;} #inhalt_video{width:100%;max-width:480px;height:auto;margin:0 auto 0 auto;text-align:center;position:relative;z-index:82;} } @media (max-width: 575.98px){ #logo_bienenkorb{width:70px;height:auto;position:relative;margin:0 auto;text-align:center;} #logo_bienenkorb img{display:block;width:100%;height:auto;} #titelbildindex{display:block;width:97%;position:relative;margin:0 auto 0 auto;} #eventbild {width:200px;margin:0;} #ballons_rot_weiss_kreis_1{width:130px;height:auto;margin:0;position:absolute;} #mottoballon{color:white;position:absolute;margin:-4px 0 0 -30px;transform: rotate(-6deg);text-align:center;} #mottoballon img{width:auto;height:146px;} #motto{color:white;position:absolute;margin:0px 0 0 -30px;transform: rotate(0deg);text-align:center;z-index:703;} #motto img{width:155px;height:auto;} #SaveTheDate{display:block;position:relative;font:0.8em Arial, Verdana, sans-serif;color:red;width:170px;height:auto;margin:14px auto;text-align:center;transform: rotate(-6deg);z-index:910;} #SaveTheDate img{width:200px;height:auto;} #event-sichtbar{display:block} #textcontent{width:96%;max-width:440px;position:relative;margin:20px auto 0 auto;padding:20px 4px;text-align:left} #textcontent p{max-width:440px;line-height:1.4em;padding:0 6px} #footer{display:none;} #sitzu2020{display:none;} #bienenpatenschaft{width:66px;height:auto;position:absolute;margin:0 0 0 10px;} #bienenpatenschaft img{width:100%;} #tafelzwei{display:none;} footer{margin:0;font-size:0.7em;text-align:center;} }