@font-face {font-family: 'Conv_MEDUSA__';src: url('http://www.cafe-1900-goerlitz.de/fonts/MEDUSA__.eot');src: local(' â?ş'), url('http://www.cafe-1900-goerlitz.de/fonts/MEDUSA__.woff') format('woff'), url('http://www.cafe-1900-goerlitz.de/fonts/MEDUSA__.ttf') format('truetype'), url('http://www.cafe-1900-goerlitz.de/fonts/MEDUSA__.svg') format('svg');font-weight: normal;font-style: normal;} * { margin: 0px; padding: 0px; border: 0; outline: 0; } ul li {list-style: none;} //html {background: linear-gradient(to bottom, rgba(255,255,255,0.1),rgba(255,255,255,1)), url(http://www.cafe-1900-goerlitz.de/images/h1.png) repeat scroll left 50px;background-size: 10px;overflow:hidden;overflow-y:auto;} html {background: url(http://www.cafe-1900-goerlitz.de/images/h1.png) repeat scroll left 50px;background-size: 10px;overflow:hidden;} body.cafe {font-family:'Conv_MEDUSA__',Sans-Serif;font-size: 11px;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;overflow:hidden;background-color:transparent;height: 100%; width: 100%;margin: 0;padding: 0;} .p {font-family: 'Conv_MEDUSA__',Sans-Serif;} h1 {color: #346267;font-size: 16px;} h2{color: #346267;font-size: 14px;} h3 {color: #346267;font-size: 13px;} h4 {color: #346267;font-size: 11px;} a {color: #ffffff;text-decoration: none;} a:hover {} blockquote {background: url(/images/quote5.png) no-repeat left 8px;padding-left: 19px;color: black;} .clear {clear: both;} .header-wrapper {float:top; background-color: #514240; //#514240;; //#57474A; //#734B4A; //40E0D0#63C0CF;display:none;padding-left:10px;} #header {float:top;width:1000px;margin:0 auto;display:none;} #wrapper {width:1000px;margin: 0 auto;display:none;} #Q1 {width:100%;height:100px;background:#514240;;display:none;} #Q2 {width:1000px;height:100px;background:#514240;;display:none;} #Q3 {width:1000px;height:20px;background:#514240;;display:none;} #wrapper_m {float:top;width:100%;margin: 0 auto;display:none;background:transparent;} //#514240 #Q1m {position:fixed;float:top;width:100%;height:50px;background:#514240; transparent;background-attachment: fixed;display:none;} #Q2m {position:relative;float:top;width:100%;height:auto;top:50px;overflow:hidden;display:none;} #pie {display: none;} #body-menu {width:100%;background-color:#630033;float:top;height:0px;color:white;position:fixed;z-index:999;top:100;display:none; left:0;margin:0 auto;padding-left:60px;padding-right:60px;padding-left:0px;padding-right:0px;} .header_menu1 {display:none;} #menu {background:transparent url(http://www.cafe-1900-goerlitz.de/images/menubar.png) no-repeat scroll left bottom;float: left;width: 964px;font-size: 11px;background: none;padding-top: 10px;} #menu li {float: left;padding: 7px 0px 8px 0px;} #menu li a {color: #fff;text-decoration: none;padding: 7px;} #pagemenu {float: right;margin-left: 5px;} #pagemenu a {font-weight: bold;} #pagemenu a:hover {background-color: #5C75AA;} #menu.new #pagemenu a:hover {background-color: transparent;} #pagemenu ul {position: absolute;border: 1px solid #63c0cf;display: none;} div#menu ul#pagemenu li:hover ul, div#menu ul#pagemenu li:hover ul:hover {display: block;} #pagemenu ul li {float: none;background-color: #fff;} #pagemenu ul li a {color: #63c0cf;font-weight: normal;display: block;} #pagemenu ul li a:hover {color: #fff;} #menu #more {float: right;} #menu.new #more {width: 800px;border: 0px transparent;border-bottom: none;background: transparent;width:475px;} #moremenu {float: right;} #moremenu li {margin-right: 5px; } #moremenu li a:hover {background-color: #5C75AA; } #moremenu ul {position: absolute;border: 1px solid #3B5998;background: #fff;margin-top: 5px;display: none; } div#menu div#more ul#moremenu li:hover ul {display: block; } #sidebarleft {float: left;width: 220px;margin-top: 0px;background: url(http://www.cafe-1900-goerlitz.de/images/fondo1.png); } #sidebarright {float: right;width: 220px;margin-top: 0px; } #content {width: 560px;margin-left: 220px;margin-top: 0px; } #kastenm {width: 188px;margin-left: 186px;margin-top: 0px;height: 80px;background-image: url(http://www.cafe-1900-goerlitz.de/images/obens1b.png); background-size: 100% 100%; background-repeat: no-repeat; } #kastenl {float: left;width: 186px;margin-top: 0px;height: 80px;background-image: url(http://www.cafe-1900-goerlitz.de/images/obens1b.png); background-size: 100% 100%; background-repeat: no-repeat; } #kastenr {float: right;width: 186px;margin-top: 0px;height: 80px;background-image: url(http://www.cafe-1900-goerlitz.de/images/obens1b.png); background-size: 100% 100%; background-repeat: no-repeat; } #kasten_l0 {float: left;width: 220px;margin-top: 0px;height: 80px;background-image: url(http://www.cafe-1900-goerlitz.de/images/obens1d.png); background-size: 100% 100%; background-repeat: no-repeat; } #kasten_l1 {float: left;width: 220px;margin-top: 0px;height: 80px;background-image: url(http://www.cafe-1900-goerlitz.de/images/obens1b.png); background-size: 100% 100%; background-repeat: no-repeat; } #kasten_r0 {float: right;width: 220px;margin-top: 0px;height: 80px;background-image: url(http://www.cafe-1900-goerlitz.de/images/obens1d.png); background-size: 100% 100%; background-repeat: no-repeat; } #kasten_r1 {float: right;width: 220px;margin-top: 0px;height: 80px;background-image: url(http://www.cafe-1900-goerlitz.de/images/obens1b.png); background-size: 100% 100%; background-repeat: no-repeat; } #seite_r {float: top;margin-top: 160px;width: 100%;height: 500px;background-image: url(http://www.cafe-1900-goerlitz.de/images/TUERMR1.png); background-size: 100% 100%; background-repeat: no-repeat; } #seite_l {float: top;margin-top: 160px;width: 100%;height: 500px;background-image: url(http://www.cafe-1900-goerlitz.de/images/TUERMR2g.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .widget li {margin-top: 5px; } .navigation {width: 96%; } label { display: block; //background-color:#808080; padding: 5px; font-weight: normal; width: 100%;-ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } input[type=checkbox] {display: none;} input[type=checkbox]:checked ~ .nav_menu-1 {margin-left: 10px; margin-top: 5px;height: auto; visibility: visible;} .nav_menu-1 {float: top; border: 0px transparent; width: 98%; margin-left: 10px; margin-top: 5px; height: auto; //0px; visibility: visible; //hidden; } input[type=checkbox]:checked ~ .nav_menu-2 {margin-left: 10px; margin-top: 5px;height: auto; visibility: visible;} .nav_menu-2 {float: top; border: 0px transparent; width: 98%; margin-left: 10px; margin-top: 5px; height: auto; //0px; visibility: visible; //hidden; } input[type=checkbox]:checked ~ .nav_menu-3 {margin-left: 10px; margin-top: 5px;height: auto; visibility: visible;} .nav_menu-3 {float: top; border: 0px transparent; width: 98%; margin-left: 10px; margin-top: 5px; height: auto; //0px; visibility: visible; //hidden; } input[type=checkbox]:checked ~ .nav_menu-fahnen {margin-left: 10px; margin-top: 5px;height: auto; visibility: visible;} .nav_menu-fahnen {float: top; border: 0px transparent; width: 98%; margin-left: 10px; margin-top: 5px; height: 0px; visibility: hidden; } input[type=checkbox]:checked ~ .nav_menu-video {margin-left: 10px; margin-top: 5px;height: auto; visibility: visible;} .nav_menu-video {float: top; border: 0px transparent; width: 98%; margin-left: 10px; margin-top: 5px; height: auto; //0px; visibility: visible; //hidden; } .karte_menu { height: 100%; width: 100%; height: 100%; // margin: 50% auto; font-family:'Conv_MEDUSA__',Sans-Serif; // background-image: url(../assets/images/tafmen2.png); background-attachment: fixed;background-size: 100% 100%; } .karte_menu > li > a { width: 100%; height: 1.75em; background-color: transparent;//#514240;; // #57474A; //#31BC86; line-height: 1.75em; text-indent: 1.75em; display: block; position: relative; font-family:'Conv_MEDUSA__',Sans-Serif; font-size: 12px; // font-weight: 600; color: rgb(134,88,77); text-shadow:-1px 2px 2px yellow; } .karte_menu ul li a { background: #000 transparent; // border-bottom: 1px solid #efeff0; width: 100%; height: 1.75em; line-height: 1.75em; text-indent: 1.75em; display: block; position: relative; font-family:'Conv_MEDUSA__',Sans-Serif; // font-size: 0.923em; // font-weight: 400; color: #000; text-shadow: 0px 1px 0px rgba(0,0,0,.5); } .karte_menu ul li:last-child a { // border-bottom: 1px solid #33373d; } .karte_menu > li > a:hover, .karte_menu > li > a.active { //background-color: #31BD9A; } .karte_menu > li > a.active { //border-top: 1px solid red; } .karte_menu > li > a:before { font-family: Arial, Helvetica, Verdana; content: ''; // background-image: url(../images/sprite.png); // background-repeat: no-repeat; // font-size: 36px; height: 1em; width: 1em; position: absolute; left: 0; top: 50%; margin: -.5em 0 0 0; } .karte_item > a:before { background-position: 0 0; } .karte_subitem { background: transparent;//#57474A; //#FFFFCE; margin: -.5em 0 0 0; } .karte_menu > li > a span { // font-size: 0.857em; display: inline-block; position: absolute; right: 1em; top: 50%; background: #48515c; line-height: 1em; height: 1em; padding: .4em .6em; margin: -.8em 0 0 0; color: #000; text-indent: 0; text-align: center; -webkit-border-radius: .769em; -moz-border-radius: .769em; border-radius: .769em; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); text-shadow: 0px 1px 0px rgba(0,0,0,.5); // font-weight: 500; } .karte_menu > li > a:hover span, .karte_menu > li a.active span { background: #2173a1; } .karte_menu > li > ul li a:before{ //font-family: Arial, Helvetica, Verdana; content: '-' // font-size: 8px; color: #bcbcbf; position: absolute; width: 1em; height: 1em; top: 0; left: -1.7em; } .karte_menu > li > ul li:hover a, .karte_menu > li > ul li:hover a span, .karte_menu > li > ul li:hover a:before { color: #31BD9A; } .karte_menu ul > li > a span { // font-size: 0.857em; display: inline-block; position: absolute; right: 1em; top: 50%; background: #31BC86; border: 1px solid #d0d0d3; line-height: 1em; height: 1em; padding: .4em .7em; margin: -.9em 0 0 0; color: #878d95; text-indent: 0; text-align: center; -webkit-border-radius: .769em; -moz-border-radius: 769em; border-radius: 769em; text-shadow: 0px 0px 0px rgba(255,255,255,.01)); } .rechts_menu { height: 100%; width: 100%; height: 100%; margin-left: 20px; } .vorspzeile1,vorspzeile2{font-size: 1.5em;color: #FFFFFF;line-height: 1.5em; text-align:center;text-shadow:-2px 2px 2px #3A3A3A; } //.hauptmaske_betrag {position: relative;top: 0px;border: 0px transparent #CCC;width: 40px;height: 60px;background-color:transparent;background-image: url("../images/euro.svg");background-position: center;background-repeat: no-repeat;background-size: contain; //} .hauptmaske_betrag {position: relative;top: 0px;border: 0px transparent #CCC;width: 40px;height: 60px;background-color:transparent;background-image: url("../images/euro2.svg");background-position: center;background-repeat: no-repeat;background-size: contain; } .maske_betrag {position: absolute;left: -7px;top: 15px;width: auto;height: 10px;margin: 0px;font-family: Conv_MEDUSA__',Sans-Serif;font-size: 24px;color: #ffffff;text-align: center;line-height: 10px;padding-right:10px; } .calendario1 {position: relative;top: 0px;border: 0px solid #CCC;width: 74px;height: 80px;background-color:transparent; } .calendario1_diasemana {position: absolute;left: 0px;top: 6px;width: 74px;height: 14px;text-align: center;margin: 0px;font-family: Arial,sans-serif;font-size: 12px;line-height: 14px;color: #3f3331; } .calendario1_dia {position: absolute;left: 0px;top: 23px;width: 74px;height: 28px;text-align: center;margin: 0px;font-family: Verdana,sans-serif;font-size: 28px;line-height: 28px;color: #FFFFFF;font-weight: bold;text-align: center; } .calendario1_mesano {position: absolute;left: 0px;top: 58px;width: 74px;height: 10px;margin: 0px;font-family: Verdana,sans-serif;font-size: 10px;color: #3f3331;text-align: center;line-height: 10px; } .scaling-svg { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .menuedesktop { font-family:Conv_MEDUSA__; margin:0 auto; font-size:14px; border:1px transparent #542437; border-radius:10px; width:100%; padding:0 auto; background:transparent; z-index:-1; } .menuedesktop ul { list-style:none; margin:0; padding:0; } .menuedesktop li { margin:0; padding:0; } .menuedesktop [type=radio], .menuedesktop [type=checkbox] { display:none; } .menuedesktop label { display:block; font-size:16px; line-height:10px; background:transparent; border:1px transparent #542437; color:#542437; text-shadow:1px 1px 1px rgba(255,255,255,0.3); font-weight:700; cursor:pointer; //text-transform:uppercase; } .menuedesktop ul li label:hover, .menuedesktop [type=radio]:checked ~ label, .menuedesktop [type=checkbox]:checked ~ label { background:transparent; color:red; text-shadow:1px 1px 1px rgba(0,0,0,0.5) } .menuedesktop .content { padding:0 10px; overflow:hidden; border:1px transparent #fff; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } .menuedesktop p { color:#333; margin:0 0 10px; } .menuedesktop h3 { color:#542437; padding:0; margin:10px 0; } .menuemobil { font-family:Conv_MEDUSA__; // margin:0 auto; font-size:14px; border:1px transparent #542437; border-radius:10px; width:100%; //padding:0 auto; background:transparent; z-index:-1; } .menuemobil ul { list-style:none; margin:0; padding:0; } .menuemobil li { margin:0; padding:0; } .menuemobil [type=radio], .menuemobil [type=checkbox] { display:none; } .menuemobil label { display:block; font-size:16px; line-height:16px; background:transparent; border:1px transparent #542437; //color:#542437; text-shadow:1px 1px 1px rgba(255,255,255,0.3); font-weight:700; cursor:pointer; //text-transform:uppercase; } .menuemobil ul li label:hover, .menuemobil [type=radio]:checked ~ label, .menuemobil [type=checkbox]:checked ~ label { background:transparent; color:red; text-shadow:1px 1px 1px rgba(0,0,0,0.5) } .menuemobil .content { padding:0 10px; overflow:hidden; border:1px transparent #fff; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } .menuemobil p { color:#333; margin:0 0 10px; } .menuemobil h3 { color:#542437; padding:0; margin:10px 0; } .vertical ul li { overflow:hidden; margin:0 0 1px; } .vertical ul li label { padding:10px; } .vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; } .vertical ul li label:hover { border:1px transparent #542437; } .vertical ul li .content { height:0px; border-top:0; transition: all .5s ease-out; } .vertical [type=checkbox]:checked ~ label ~ .content { height:auto; border:1px transparent #542437; } .object-fit_fill { object-fit: fill } .object-fit_contain { object-fit: contain } .object-fit_cover { object-fit: cover } .object-fit_none { object-fit: none } .object-fit_scale-down { object-fit: scale-down } img[class] { width: 100%; height: 90%; } .image { float: top; width: 100%; height: 100%; } /* Outer */ .popup { width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75); overflow: hidden; z-index:1; } /* Inner */ .popup-inner { max-width:900px; width:70%; padding:40px; max-height:700px; height:auto; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:3px; background:#514240; font-size: 10pt; } /* Close Button */ .popup-close { width:30px; height:30px; //padding-top:4px; display:inline-block; position:absolute; top:30px; right:30px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%); //border: 2px solid #FFFFFF; border-radius:50%; background:transparent; //rgba(0,0,0,.2); font-size:20px; //text-align:center; //line-height:100%; color:#FFFFFF; text-decoration:none; } .popup-close:hover { -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background:rgba(0,0,0,.2); text-decoration:none; } .bandera { width:50px; height:50px; float:left; background-color:transparent; padding-left:0px; margin:3px; background-repeat:no-repeat; background-position:left top; background-size: 100% 100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; //opacity: 0.9; filter: alpha(opacity=90); }