/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.caption{max-width:100%}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* Slimbox v1.8, (c) 2007-2009 Christophe Beyls , MIT-style license */ #lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}.lbLoading{background:#fff url("../../assets/mootools/slimbox/1.8/images/loading.gif") no-repeat center}#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:0}#lbPrevLink{left:0}#lbPrevLink:hover{background:transparent url("../../assets/mootools/slimbox/1.8/images/prevlabel.gif") no-repeat 0 15%}#lbNextLink{right:0}#lbNextLink:hover{background:transparent url("../../assets/mootools/slimbox/1.8/images/nextlabel.gif") no-repeat 100% 15%}#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url("../../assets/mootools/slimbox/1.8/images/closelabel.gif") no-repeat center;margin:5px 0;outline:0}#lbCaption,#lbNumber{margin-right:71px}#lbCaption{font-weight:bold} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.caption{max-width:100%}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b} /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* Slimbox v1.8, (c) 2007-2009 Christophe Beyls , MIT-style license */ #lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}.lbLoading{background:#fff url("../../files/assets/mootools/slimbox/1.8/images/loading.gif") no-repeat center}#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:0}#lbPrevLink{left:0}#lbPrevLink:hover{background:transparent url("../../files/assets/mootools/slimbox/1.8/images/prevlabel.gif") no-repeat 0 15%}#lbNextLink{right:0}#lbNextLink:hover{background:transparent url("../../files/assets/mootools/slimbox/1.8/images/nextlabel.gif") no-repeat 100% 15%}#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url("../../files/assets/mootools/slimbox/1.8/images/closelabel.gif") no-repeat center;margin:5px 0;outline:0}#lbCaption,#lbNumber{margin-right:71px}#lbCaption{font-weight:bold} @charset "utf-8"; @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600); html { overflow-y: scroll; } body { font: 100.01% 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; color: #635949; text-align: center; background-color: #e5e0da; } b, strong { font-weight: 600; } li { list-style-type: none; list-style-image: none; } /* ---------- Wrapper ---------- */ #wrapper { width: 100%; margin: 0 auto; } /* ---------- Header ---------- */ #header { width: 100%; border-bottom: 5px solid #fff; } #header .inside { width: 960px; margin: 5em auto 1.5em; } /* #################### Container #################### */ #container { width: 100%; background-color: #fff; border-top: none; border-bottom: 1px solid #a8919b; font-size: 0.75em; } #container .inside { width: 960px; margin: 0 auto; text-align: left; } .home #container .inside { background: url("http://www.initiative-regenbogen.de/files/regenbogen/themes/regenbogen_bckgr.jpg") no-repeat center 8em; /*23em* mit fixed*/ } /* ---------- Hauptavigation ---------- */ #main .mod_navigation { margin: 0; } #main .mod_navigation ul { float: left; width: auto; height: 2.2em; margin: 0; } #main .mod_navigation li { width: 112px; float: left; text-transform: uppercase; text-align: center; font-size: 12px; margin-right: 9px; z-index: 300; } #main .mod_navigation li .sind { background-color: #b40032; } #main .mod_navigation li .bieten { background-color: #fb9615; } #main .mod_navigation li .infos { background-color: #ffcc00; } #main .mod_navigation li .medien { background-color: #87911e; } #main .mod_navigation li .gesetze { background-color: #64b4d2; } #main .mod_navigation li .shop { background-color: #0064aa; } #main .mod_navigation li .kontakt { background-color: #695a78; } #main .mod_navigation a, #main .mod_navigation span { display: block; padding: 3px 5px 4px; color: #fff; text-decoration: none; } #main .mod_navigation a:hover, #main .mod_navigation a:focus { color: #fff; text-decoration: none; } /* Formatierung aktueller Link */ /** * ATTENTION! ABSOLUTE URLS! * Contao css combiner makes mistakes with relative urls that begin with ../../. So each time the css is generate it MAY be the wrong path. */ #main .mod_navigation .active .sind, #main .mod_navigation .trail .sind { background: #b40032 url("http://www.initiative-regenbogen.de/files/regenbogen/themes/navbckgr_sind.png") no-repeat top left; height: 27px; } #main .mod_navigation .active .bieten, #main .mod_navigation .trail .bieten { background: #fb9615 url("http://www.initiative-regenbogen.de/files/regenbogen/themes/navbckgr_bieten.png") no-repeat top left; height: 27px; } #main .mod_navigation .active .infos, #main .mod_navigation .trail .infos { background: #ffcc00 url("http://www.initiative-regenbogen.de/files/regenbogen/themes/navbckgr_infos.png") no-repeat top left; height: 27px; } #main .mod_navigation .active .medien, #main .mod_navigation .trail .medien { background: #87911e url("http://www.initiative-regenbogen.de/files/regenbogen/themes/navbckgr_medien.png") no-repeat top left; height: 27px; } #main .mod_navigation .active .gesetze, #main .mod_navigation .trail .gesetze { background: #64b4d2 url("http://www.initiative-regenbogen.de/files/regenbogen/themes/navbckgr_gesetze.png") no-repeat top left; height: 27px; } #main .mod_navigation .active .shop, #main .mod_navigation .trail .shop { background: #0064aa url("http://www.initiative-regenbogen.de/files/regenbogen/themes/navbckgr_shop.png") no-repeat top left; height: 27px; } #main .mod_navigation .active .kontakt, #main .mod_navigation .trail .kontakt { background: #695a78 url("http://www.initiative-regenbogen.de/files/regenbogen/themes/navbckgr_kontakt.png") no-repeat top left; height: 27px; } /* zweite Navigationsebene */ #main .mod_navigation .level_2 { position: absolute; left: -9999px; top: -9999px; overflow: hidden; display: inline; width: 0; height: 0; padding: 6px 3px 12px 0; } #main .mod_navigation .level_2 ul { padding-left: 0; } #main .mod_navigation .level_2 li { clear: both; width: 175px; padding-left: 0; margin: 0.813em 0 0 0; } #main .mod_navigation li:hover .level_2 { left: auto; top: auto; overflow: auto; display: block; width: auto; min-width: 175px; height: auto; background: #fff; z-index: 1000; } #main .mod_navigation li.sind:hover .level_2 { left: 0; } #main .mod_navigation li.bieten:hover .level_2 { left: 121px; } #main .mod_navigation li.infos:hover .level_2 { left: 242px; } #main .mod_navigation li.medien:hover .level_2 { left: 363px; } #main .mod_navigation li.gesetze:hover .level_2 { left: 484px; } #main .mod_navigation li.shop:hover .level_2 { left: 605px; } #main .mod_navigation li.kontakt:hover .level_2 { left: 726px; } #main .mod_navigation .level_2 a, #main .mod_navigation .level_2 span { text-align: left; font-size: 0.9em; line-height: 120%; font-weight: 400; font-variant: normal; text-transform: none; color: #635949; background: #fff; } /* Submenu des aktuellen Links ausblenden */ #main .mod_navigation .level_2 .sibling, #main .mod_navigation .level_2 .active { display: none; } /* ---------- Sidebarnavigation ---------- */ #left { width: 233px; top: 60px; font-size: 0.9em; } #left .inside { width: 232px; background-image: none; } #left p, #left li { padding-bottom: 0.813em; } #left a { text-decoration: none; } #left a:link, #left a:visited { color: #635949; } #left a:focus, #left a:hover, #left a:active { color: #a8919b; } /* ---------- Inhalt ---------- */ #main .mod_article { width: 718px; float: right; margin: 1.5em 0 1.5em 242px; min-height: 465px; height: auto; line-height: 130%; -moz-hyphens: auto; -epub-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-y: auto; } #main .mod_article p { margin-bottom: 1em; padding-right: 100px; } #main .mod_article img { border: 1px solid #a8919b; } /* Überschriften */ h1 { text-transform: uppercase; font-weight: 400; font-size: 2em; } h2 { font-weight: 400; font-size: 1.3em; margin: 0 0 1em; padding: 0.125em 0; } h3 { font-weight: 400; font-size: 1.3em; margin: 0 0 1em; padding: 0.125em 0; } hr { height: 1px; color: #fff; background-color: #fff; border: none; border-top: 2px dotted #a8919b; padding: 5px 0; } body.sind h1, body.sind h2 { color: #b40032; } body.bieten h1, body.bieten h2 { color: #fb9615; } body.infos h1, body.infos h2 { color: #ffcc00; } body.medien h1, body.medien h2 { color: #87911e; } body.gesetze h1, body.gesetze h2 { color: #64b4d2; } body.shop h1, body.shop h2 { color: #0064aa; } body.kontakt h1, body.kontakt h2 { color: #695a78; } .ce_headline { border-top: 1px solid #a8919b; border-bottom: 1px solid #a8919b; margin: 0 0 0.9em; padding: 10px 0 15px; line-height: 1.2em; } .ce_text { margin-bottom: 1.5em; } /* Text-Links */ #main .mod_article a:link, #main .mod_article a:visited { color: #635949; text-decoration: underline; } #main .mod_article a:hover, #main .mod_article a:active { color: #a8919b; text-decoration: none; } /* Aufzählungen */ #main .mod_article ul { margin: 0 0 0.938em 0; line-height: 120%; list-style-type: square; } #main .mod_article li { margin: 0.188em 0; } /* ---------- Servicenavigation ---------- */ .service { width: 960px; margin: 1em auto 2em; text-align: center; font-size: 0.875em; } .service ul { display: inline; margin-left: 0; padding-left: 0; white-space: nowrap; list-style-type: none; } .service li { display: inline; border-right: 1px solid #a8919b; padding: 3px 8px; } .service li:last-child { border-right: none; } .service a { text-decoration: none; } .service a:link, .service a:visited { color: #635949; } .service a:focus, .service a:hover, .service a:active { color: #a8919b; } /* Facebook-Link */ a[href="https://de-de.facebook.com/pages/Initiative-Regenbogen-Gl%C3%BCcklose-Schwangerschaft-eV-Unterst%C3%BCtzerseite/326609140780413"] { background: url("../../files/files/regenbogen/themes/facebook.jpg") no-repeat center left; padding-left: 20px; } /* ---------- Footer ---------- */ #footer { width: 100%; height: 10em; background-color: #b6b0ac; border-top: 5px solid #fff; } #footer .inside { width: 960px; margin: 2em auto 0; padding-bottom: 9em; font-size: 0.625em; } /* #################### Sonstige Formatierungen #################### */ /* ---------- Formulare allgemein ---------- */ .mod_article input.submit { min-width: 100px; width: auto !important; padding: 4px 6px; color: #635949; background-color: #fff; background-image: none; text-decoration: none; border: 1px solid #a8919b; cursor: pointer; font-size: 0.750em; font-weight: 400; text-transform: uppercase; margin-top: 0; margin-right: 20px; border-radius: none !important; } .mod_article input[type="text"], .mod_article input[type="tel"], .mod_article input[type="email"], .mod_article input[type="search"], .mod_article input[type="password"], .mod_article select, .mod_article textarea { width: 400px; padding: 0.25em; color: #635949; border: 1px solid #a8919b; min-height: 20px; border-radius: none !important; } #main p.error { color: #F30; } /* Formulare Kontaktvermittlung, Mitgliedsantrag, Direktbestellung */ form#kontaktvermittlung, form#mitgliedsantrag, form#direktbestellung { width: 650px; border: 1px dotted #a8919b; padding: 0 1em 1em; } #kontaktvermittlung fieldset, #mitgliedsantrag fieldset, #direktbestellung fieldset { margin: 2em 1em 1em; padding: 1em; border: 1px dotted #a8919b; } #kontaktvermittlung fieldset .radio_container, #kontaktvermittlung fieldset .checkbox_container, #mitgliedsantrag fieldset .radio_container, #mitgliedsantrag fieldset .checkbox_container, #direktbestellung fieldset .radio_container, #direktbestellung fieldset .checkbox_container { margin: 0; padding: 0; border: none; } #kontaktvermittlung legend, #mitgliedsantrag legend, #direktbestellung legend { margin-top: 1.5em; font-weight: 600; } #kontaktvermittlung .radio_container legend, #kontaktvermittlung .checkbox_container legend, #mitgliedsantrag .radio_container legend, #mitgliedsantrag .checkbox_container legend, #direktbestellung .radio_container legend, #direktbestellung .checkbox_container legend { margin-top: 1em; font-weight: 400; } #kontaktvermittlung label, #mitgliedsantrag label, #direktbestellung label { display: block; cursor: pointer; margin: 1em 0 0.25em 0; } #kontaktvermittlung .checkbox_container label, #kontaktvermittlung .radio_container label, #mitgliedsantrag .checkbox_container label, #mitgliedsantrag .radio_container label, #direktbestellung .checkbox_container label, #direktbestellung .radio_container label { display: inline; margin-right: 1em; } #kontaktvermittlung .checkbox_container, #kontaktvermittlung .radio_container, #mitgliedsantrag .checkbox_container, #mitgliedsantrag .radio_container, #direktbestellung .checkbox_container, #direktbestellung .radio_container { margin: 1.5em 0 1em; } label.anzahl, input[type="text"].anzahl { width: 50px; } label.anzahl { font-size: 0.8em; } .artikel { margin: -15px 0 0 70px; } .captcha { margin-bottom: 2em; } /* ----- Suchformular mit Lupe ----- */ #main div.mod_form { position: absolute; right: 0; top: 0; bottom: 0; padding: 0; z-index: 100; } #main form.suchformular { margin: 0; } #main .suchformular .suchfeld { width: 112px; height: 25px; padding: 1px 25px 1px 5px; border: 1px solid #a8919b; margin: 0; color: #635949; font-size: 0.813em; } #main .suchformular .lupe { position: absolute; width: 16px; right: 8px; top: 4px; padding: 0; margin: 0; border: none; } /* ---------- Suchseite ---------- */ /* Suchformular */ #main .mod_search input.text { padding: 3px; color: #635949; } #main .mod_search .radio_container { margin: 15px 0; border: none; } #main .mod_search .radio_container label { margin-right: 10px; } /* Anzahl Treffer */ #main .mod_search p.header { border-bottom: 1px solid #a8919b; padding: 6px; margin-top: 20px; } /* Ergebnis-Überschrift */ #main .mod_search h3 { font-size: 1.063em; margin-top: 6px; } .mod_search h3 .relevance { font-size: 0.813em; font-weight: 400; } /* Textauszug, Suchbegriffe usw. */ .mod_search p.context { margin: 0; } .mod_search .highlight { font-weight: 600; } .mod_search p.url { font-style: italic; font-size: 0.813em; } .mod_search .even, .mod_search .odd { padding: 6px; border-bottom: 1px dashed #a8919b; } /* ---------- Sitemap ---------- */ .mod_sitemap ul ul { margin: 0; } .mod_sitemap li li { padding: 0 0 0 0.5em; } .mod_sitemap .level_1 a { font-weight: 400; text-decoration: none !important; } .mod_sitemap .level_2 a { font-weight: 400; text-decoration: none !important; } /* ---------- Bilder im Inhaltsbereich ---------- */ .ce_text img { margin-right: 12px; } .contentbild { width: 184px; float: left; } .contenttext { width: 530px; float: right; } /* Galerie */ .ce_gallery li { padding: 0 25px 25px 0; } .ce_gallery .col_last { padding-right: 0; } /* Lightbox */ #mbOverlay, #mbOverlay.mbOverlayFF, #mbCenter, #mbCenter.mbLoading { background-color: #635949; } #mbImage { background-color: #635949; } #mbBottom { background-color: #635949; font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } #mbPrevLink, #mbNextLink, #mbTitle { color: #fff; } /* Accordeon und darin enthaltene Tabellen */ .ce_accordion .toggler { cursor: pointer; padding: 0.25em 0.5em 0.5em 0; outline: none; font-weight: 600; } .ce_accordion .toggler { background: url("http://www.initiative-regenbogen.de/files/regenbogen/themes/plus.png") no-repeat left center; padding: 0.25em 0.5em 0.25em 1.5em; } .ce_accordion .toggler.active { background: url("http://www.initiative-regenbogen.de/files/regenbogen/themes/minus.png") no-repeat left center; } .erstes .toggler { background: none !important; } .ce_table table { width: 700px; border-collapse: collapse; border: none; margin-bottom: 1em; } .ce_table td, .ce_table th { padding: 0.5em 1em; } .ce_table tr { border-bottom: 1px dotted #a8919b; } .ce_table tr:last-child { border-bottom: none; } #graeberfelder .col_0 { width: 120px; } #graeberfelder .col_1 { width: 200px; } #graeberfelder .col_2 { width: 380px; } #regionalvertreter-und-gruppen .col_0 { width: 150px; } #regionalvertreter-und-gruppen .col_1 { width: 150px; } #regionalvertreter-und-gruppen .col_3 { width: 350px; } #regionalvertreter-und-gruppen .col_3 { width: 50px; } /* ---------- Sonstiges ---------- */ /* Startseite */ .intro { font-size: 1.3em; font-weight: 400; line-height: 150%; margin-top: 3em; } #mobile-menu-toggle{ display: none; } .mobile-menu-toggle-checkbox{ display: none; } .mod_customnav.service #mobile-menu-toggle{ display: none; } /* #################### Media Queries #################### */ @media only screen and (max-width: 980px) { /* Submenu des aktuellen Links einblenden */ #main .mod_navigation .level_2 .sibling, #main .mod_navigation .level_2 .active, #main .mod_navigation .level_2 .active span.active{ display: block; background-image: none!important; background-color: #fff; text-align: center; } #main .mod_navigation .level_2 .active span.active{ font-size: 1.5em; } #main .mod_navigation .trail span{ height: auto!important; } #main .mod_navigation .active a, #main .mod_navigation .trail a{ /*background-color:#fff!important;*/ } #wrapper { width: 100%; } #container .inside{ width: 100%; } #header .inside{ width: 100%; margin-top: 0; margin-bottom: 3em; } #header .inside a{ display: block; background: url("http://www.initiative-regenbogen.de/files/regenbogen/themes/regenbogen-logo.jpg") no-repeat center center; height: 100px; background-size: contain; width: 100%; } #header .inside a img{ display: none; } #main .mod_article{ margin: auto; float: left; width: 95%; padding: 2.5%; } .service{ width: 100%; } #main .mod_article p{ padding-right: 0; } #left { display: none; /* width: 233px; */ /* top: 60px; */ /* font-size: 0.9em; */ top: auto; position: relative; width: 100%; background-color: #fff; } #left a:link, #left a:visited, #left span.active { color: #635949; width: 100%; text-align: center; display: block; font-size: 1.5em; padding: 6px; } #left span.active{ border-left: 5px solid green; } #main .mod_navigation li:hover ul.level_2{ left: 0!important; width: 100%; box-shadow: 0px 0px 15px -5px #000; } #main .mod_navigation .level_2 li{ width: 100%; } #main .mod_navigation .level_2 li a{ text-align: center; font-size: 1.5em; } #main div.mod_form { position: absolute; right: 10px; left: 10px; top: -50px; bottom: auto; padding: 0; z-index: 100; } #main .suchformular .suchfeld{ width: 100%; height: 35px; font-size: 1.3em; padding: 1px 30px 1px 5px; } #main .suchformular .lupe{ width: 23px; top: 6px; } #footer{ height: 4em; } #footer .inside{ width: 100%; padding-bottom: 0; } .ce_table table{ width: 100%; } } @media only screen and (max-width: 980px){ #main .mod_navigation ul{ display: flex; justify-content: space-around; flex-direction: row; float: none; } #main .mod_navigation li{ float: none; } } /*iPhone X*/ @media screen and (max-width: 980px), screen and (max-width : 812px) and (-webkit-device-pixel-ratio : 3){ #main div.mod_form{ position: absolute; right: 0; left: 0; top: -50px; bottom: auto; padding: 0px; z-index: 100; background-color: #fff; height: 44px; padding-top: 10px; } #mobile-menu-toggle{ display: block; right: 0; position: absolute; width: 40px; height: 49px; padding-right: 9px; margin-right: 0; background: #FFF; font-size: 26px; top: -57px; } .line { display: block; width: 100%; height: 5px; margin-top: 3px; opacity: 1; transition: .2s; } .line.first{ margin-top: 6px; background-color: #c22246; } .line.second{ background-color: #f2a943; } .line.third{ background-color: #90a13c; } .line.fourth{ background-color: #3675ad; } .line.last{ background-color: #7d6e89; } /* Mobile Menu Button Animation*/ input[type=checkbox]:checked ~ #mobile-menu-toggle > .line.first{ margin-top: 0; background-color: #7d6e89; transform: rotate(45deg); position: absolute; top: 21px; } input[type=checkbox]:checked ~ #mobile-menu-toggle > .line.second, input[type=checkbox]:checked ~ #mobile-menu-toggle > .line.third, input[type=checkbox]:checked ~ #mobile-menu-toggle > .line.fourth{ opacity: 0; } input[type=checkbox]:checked ~ #mobile-menu-toggle > .line.last{ background-color: #7d6e89; transform: rotate(-45deg); position: absolute; top: 18px; } /* Mobile Menu Button Animation End*/ .mobile-menu-toggle-checkbox{ display: none; } #main .mod_navigation li:hover .level_2{ display: none; } .submenu-toggle-label{ } .submenu-toggle-label:before{ content: "+"; position: absolute; right: 4px; top: 4px; width: 40px; font-size: 1.5em; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; font-size: 30px; transition: .2s; color: transparent; text-shadow: 0 0 0 #fff; } ul.level_2{ display: none; } /*input[type=checkbox]:checked ~ #main .mod_navigation ul.level_2{*/ /* display: block!important;*/ /*}*/ input[type=checkbox]:checked ~ .submenu-toggle-label:before{ transform: rotate(45deg); } #main .suchformular .suchfeld{ width: 82%; margin-left: 2%; } #main .suchformular .lupe{ right: 16%; top: 15px; margin-right: 5px; } input[type=checkbox]:checked ~ ul, input[type=checkbox]:checked ~ ul.level_2{ display: block!important; height: auto!important; } input[type=checkbox]:checked ~ ul.level_2{ top: auto!important; left: auto!important; overflow: visible!important; width: 100%!important; } #header .inside a{ background: url("http://www.initiative-regenbogen.de/files/regenbogen/themes/regenbogen-logo-mobile.jpg") no-repeat center center; height: 118px; background-size: contain; } #main .mod_navigation{ overflow: initial; height: auto; width: 100%; position: absolute; top: 10px; z-index: 110; } #main .mod_navigation ul{ display: none; float: left; height: auto; width: 100%; background: #FFF; } #main .mod_navigation li{ width: 100%; display: block; float: left; margin-bottom: 2px; } #main .mod_navigation li a, #main .mod_navigation li span{ height: 49px!important; padding: 0; line-height: 49px; } #main .mod_navigation .level_2{ position: relative; height: 0; padding: 0; } .level_1 .submenu{ position: relative; } .submenu_toggle{ display: none; } #main .mod_navigation .level_2 li{ height: 49px; margin: 0; margin-bottom: 2px; margin-left: 5%; margin-right: 5%; width: 90%; } #main .mod_navigation .level_2 li a{ border-left: 5px solid; padding-left: 5px; line-height: 49px; font-size: 1.2em; } #main .mod_navigation .trail{ line-height: 49px!important; font-size: 1.2em!important; } #main .mod_navigation .active, #main .mod_navigation .trail{ background-image: none!important; height: auto; line-height: 49px; } #main .mod_navigation .level_2 .sibling, #main .mod_navigation .level_2 .active{ display: block; text-align: center; height: 49px; line-height: 49px; } #main .mod_navigation .level_2 .active{ border-left: 5px solid; } span.active.sind{ height: 49px; line-height: 49px; } #main .mod_navigation .active li span.active, #main .mod_navigation .trail li span.active, #main .mod_navigation .active li a.sibling, #main .mod_navigation .trail li a.sibling{ background: #fff!important; font-size: 1.2em!important; } #main .mod_navigation .level_2 .sind a{ border-color: #c22246; } #main .mod_navigation .level_2 .bieten a{ border-color: #fb9615; } #main .mod_navigation .level_2 .infos a{ border-color: #ffcc00; } #main .mod_navigation .level_2 .medien a{ border-color: #87911e; } #main .mod_navigation .level_2 .gesetze a{ border-color: #64b4d2; } #main .mod_navigation .level_2 .shop a{ border-color: #0064aa; } #main .mod_navigation .level_2 .kontakt a{ border-color: #695a78; } } @media only screen and (max-width: 420px) { figure.image_container.float_left{ float: none!important; /*width: 50%;*/ margin-left: auto!important; margin-bottom: 6px!important; margin-right: auto!important; } /*#main .mod_article img{*/ /* width: 100%;*/ /*}*/ .service li{ display: inline-block; float: left; } } /* SHOP ONLY*/ @media only screen and (max-width: 590px){ #kontaktvermittlung fieldset, #mitgliedsantrag fieldset, #direktbestellung fieldset{ border: none; margin: 0; padding: 0; } .mod_article input[type="text"], .mod_article input[type="tel"], .mod_article input[type="email"], .mod_article input[type="search"], .mod_article input[type="password"], .mod_article select, .mod_article textarea{ width: 100%; } form#kontaktvermittlung, form#mitgliedsantrag, form#direktbestellung{ padding: 0; margin: 0; border: none; width: 100%; } .anzahl { width: 50px!important; } .artikel { margin: -25px 0 0 70px!important; } } .level_2 pre{ /*display: block!important;*/ position: fixed; top: 0; left: 0; right: 0; background-color: #3e3535de; color: #3fff3f; text-align: left; line-height: initial; font-size: 10pt; }