body,form,figure{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}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;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}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline} :root{--text:#222;--form-border:#aaa;--form-bg:#fff;--chosen-bg:#eee;--chosen-border:#bbb;--chosen-highlighted:#3997fe}html[data-color-scheme=dark]{color-scheme:dark;--text:#ddd;--form-border:#44464b;--form-bg:#151619;--chosen-bg:#27292f;--chosen-border:#464853;--chosen-highlighted:#1b325f}select.chzn-select{visibility:hidden;height:28px!important;min-height:28px!important}.chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1;margin:1px 0;background-color:var(--form-bg)}.chzn-container .chzn-drop{background:var(--form-bg);border:1px solid var(--form-border);border-top:0;position:absolute;top:29px;left:0;box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:999;box-sizing:border-box;border-radius:0 0 2px 2px}.chzn-container-single .chzn-single{border-radius:2px;border:1px solid var(--form-border);display:block;overflow:hidden;white-space:nowrap;position:relative;height:28px;line-height:28px;padding:0 6px;color:var(--text);text-decoration:none}.chzn-container-single .chzn-single>span{margin-right:18px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem}.chzn-container-single .chzn-single div{position:absolute;right:0;top:0;display:block;height:100%;width:24px}.chzn-container-single .chzn-single div b{background:url(../../assets/chosen/images/down.svg) no-repeat center;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;margin:0;white-space:nowrap}.chzn-container-single .chzn-search input{background:var(--form-bg) url(../../assets/chosen/images/magnify.svg) no-repeat right 5px center;margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid var(--form-border);border-radius:2px;box-sizing:border-box}.chzn-container-single .chzn-drop{border-radius:0 0 2px 2px}.chzn-container-multi .chzn-choices{background-color:var(--form-bg);border:1px solid var(--form-border);margin:0;cursor:text;height:auto;position:relative;max-height:102px;padding:1px 0;overflow-x:hidden;overflow-y:auto;border-radius:2px}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:0 0!important;border:0!important;padding:5px;margin:1px 0;outline:0;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{border-radius:3px;background-color:var(--chosen-bg);color:var(--text);border:1px solid var(--chosen-border);line-height:16px;padding:2px 19px 3px 6px;margin:2px 0 2px 5px;position:relative;top:1px}.chzn-container-multi .chzn-choices .search-choice span{cursor:default}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:5px;top:2px;color:var(--text);font-size:12px}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:right -9px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:right -9px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:190px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.chzn-container-multi .chzn-results{margin:0;padding:0}.chzn-container .chzn-results li{line-height:16px;padding:1px 7px 2px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer}.chzn-container .chzn-results .highlighted{background:var(--chosen-highlighted);color:#fff}.chzn-container .chzn-results li em{font-style:normal}.chzn-container .chzn-results .highlighted em{background:0 0}.chzn-container .chzn-results .group-result{cursor:default;color:var(--text);font-weight:600}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.chzn-container .chzn-results .group-result{font-weight:500}}.chzn-container .chzn-results .group-option{padding-left:20px;white-space:nowrap}.chzn-container-multi .chzn-drop .result-selected{display:none}@media (-webkit-min-device-pixel-ratio:0){.chzn-container-active .chzn-single{outline:-webkit-focus-ring-color auto 5px}}.chzn-container-active .chzn-single-with-drop{border:1px solid var(--form-border);border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active .chzn-single-with-drop div{background:0 0;border-left:none}.chzn-container-active .chzn-single-with-drop div b{background:url(../../assets/chosen/images/up.svg) no-repeat center}.chzn-container-active .chzn-choices{border-radius:2px 2px 0 0}.chzn-rtl{direction:rtl;text-align:right}.chzn-rtl .chzn-single{padding-left:0;padding-right:8px}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0}.chzn-rtl .chzn-single div{left:0;right:auto;border-left:none;border-right:1px solid var(--form-border);border-radius:2px 0 0 2px}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 6px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:5px;right:auto;background-position:right top}.chzn-rtl.chzn-container-single .chzn-results{margin-left:4px;margin-right:0;padding-left:0;padding-right:4px}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:20px}.chzn-rtl.chzn-container-active .chzn-single-with-drop div{border-right:none}.chzn-rtl .chzn-search input{background:var(--form-bg) url(../../assets/chosen/images/magnify.svg) no-repeat left 5px center;padding:4px 5px 4px 20px} table.sortable thead th{background-image:url(../../assets/tablesort/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th a.pointer{display:block;margin-right:9px;cursor:pointer}table.sortable thead th.unsortable{background-image:none}table.sortable thead th.asc{background-image:url(../../assets/tablesort/images/asc.svg)}table.sortable thead th.desc{background-image:url(../../assets/tablesort/images/desc.svg)} /* NYMPHENSITTICHE blau 276d9f grau 002137 schrift hellgrau c1c1c1 linien hellgrau f2f2f2 hintergrund orange c45d34 Links, Icons, Rahmen orange FAF0EA Hintergrund grün 68AF2E Icons und Rahmen grün F1F8EC Hintergrund gelb DAA50A Icons und Rahmen gelb FCF7E9 Hintergrund */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2016 */ /* carrois-gothic-regular - latin */ @font-face { font-family: 'Carrois Gothic'; font-style: normal; font-weight: 400; src: url('../../files/wegweiser/layout/carrois-gothic-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Carrois Gothic Regular'), local('CarroisGothic-Regular'), url('../../files/wegweiser/layout/carrois-gothic-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/wegweiser/layout/carrois-gothic-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/wegweiser/layout/carrois-gothic-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/wegweiser/layout/carrois-gothic-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/wegweiser/layout/carrois-gothic-v7-latin-regular.svg#CarroisGothic') format('svg'); /* Legacy iOS */ font-display: swap; } * { border: none; margin: 0; padding: 0; text-decoration: none; } .clearer { clear: both; } .table { display: table; width: 100%; } .table .row { display: table-row; } .table .cell { display: table-cell; } body { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; color: #494949; background: url(../../files/wegweiser/layout/body_bg.jpg) top left repeat-x #f2f2f2; text-align: center; line-height: 140%; margin: 0 !important; } body.startseite { background: url(../../files/wegweiser/layout/startseite_body_bg.jpg) top left repeat-x #f2f2f2; } body.content { margin: 0 !important; } #wrapper { background: url(../../files/wegweiser/layout/footer_bg.jpg) bottom left repeat-x transparent; text-align: center; } #container { width: 940px; height: auto; margin: 0 auto 30px auto; text-align: left; } body.content #container { background: url(../../files/wegweiser/layout/top_line.png) repeat-x 0 0 transparent; } #header { width: 940px; height: 134px; position: relative; margin: 0 auto; } #header #logo { position: absolute; top: 45px; } #header .mod_search { position: absolute; top: 25px; right: 0; display:block; width: 215px; height: 30px; } #header .mod_search form { position: relative; } #header .mod_search input { position: absolute; top: 0; right: 0; } #header .mod_search input.text { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #e6e6e6; padding-right: 30px; width: 180px; height: 25px; color: #a2a2a2; font-style: italic; font-size: 0.8em; } #header .mod_search .widget button { background: url(../../files/wegweiser/layout/icon-search.png) center center no-repeat transparent; background-color: #fff; font-size: 1px; color: #FFF; text-align: right; display: block; width: 26px; height: 24px; margin-left: 7px; margin-bottom: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #e6e6e6; } /*============ ALLGEMEINE ANGABEN ================*/ input.text, input.captcha { border: 1px solid #c1c1c1; padding: 3px; margin-bottom: 5px; } textarea { border: 1px solid #c1c1c1; padding: 3px; margin-bottom: 5px; } /*==================== NAVIGATION ==================*/ #header .mod_navigation { font-size: 1.1em; margin-top: 70px; float:right; } #header .mod_navigation ul { list-style: none; font-family: 'Carrois Gothic'; text-transform: uppercase; } #header .mod_navigation ul.level_2, #header .mod_navigation ul.level_3, #header .mod_navigation ul.level_4 { -webkit-box-shadow: 1px 3px 6px 0px #747474; box-shadow: 1px 3px 6px 0px #747474; font-size: 1em; text-transform: none; } #header .mod_navigation li { float:left; } #header .mod_navigation li a, #header .mod_navigation li strong { display:block; height: 12px; padding: 6px 10px 14px 10px; color: #002137; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus, /* #header .mod_navigation li.trail, */ #header .mod_navigation li a.trail, #header .mod_navigation li.active strong, #header .mod_navigation ul.level_1 li:hover > a, #header .mod_navigation li.forward strong.forward { background-color: #276d9f; color: #fff; text-shadow: 1px 1px #333; } /*#header .mod_navigation li.active.startseite strong.active:hover */ #header .mod_navigation li:active > a, #header .mod_navigation li:hover > a, #header .mod_navigation li:hover strong, #header .mod_navigation li.active strong.active, #header .mod_navigation li.forward strong.forward, #header .mod_navigation li.submenu a.trail, #header .mod_navigation li a.trail { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 2px; } #header .mod_navigation li.active strong.active, #header .mod_navigation li.forward strong.forward { font-weight: normal; } #header .mod_navigation li.submenu strong:hover, #header .mod_navigation li.submenu.active, #header .mod_navigation li.submenu.active li strong:hover, #header .mod_navigation li.submenu a:hover, #header .mod_navigation li.submenu:hover strong, #header .mod_navigation li.submenu:hover a.trail { -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } #header .mod_navigation ul.level_2 > li.active strong.active, #header .mod_navigation ul.level_2 > li:hover a.trail, #header .mod_navigation ul.level_2 > li a.trail, #header .mod_navigation ul.level_2:hover, #header .mod_navigation ul.level_2 > li.trail a.trail, #header .mod_navigation ul.level_2 > li.trail > li.actice, #header .mod_navigation ul.level_2 > li.trail > li.actice > strong.active, #header .mod_navigation ul.level_3 > li.trail a.trail, #header .mod_navigation ul.level_3 > li.active strong.active, #header .mod_navigation ul.level_4 > li.active strong.active { -webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-right-radius: 0px; border-topleft-radius: 0px; } #header .mod_navigation ul.level_1 li ul.level_2 { display:none; height:auto; position:absolute; width:200px; z-index:200; } #header .mod_navigation ul.level_1 li:hover ul.level_2 { display:block; } #header .mod_navigation ul.level_1 li ul.level_2 li { display:block; float:none; width:200px; background-color: #fff; border-bottom: 1px solid #c1c1c1; } #header .mod_navigation ul.level_1 li ul.level_2 a { display:block; font-style:normal; } #header .mod_navigation ul.level_1 li ul.level_2 a:hover, #header .mod_navigation ul.level_1 li ul.level_2 li:hover > a, #header .mod_navigation ul.level_1 li ul.level_2 a.active, #header .mod_navigation ul.level_1 li ul.level_2 li.active > a { color:#fff; background: #276d9f; border-radius: 0; } #header .mod_navigation ul.level_3 { display: none; z-index: 250; } #header .mod_navigation ul.level_2 li { position: relative; text-align: left; } #header .mod_navigation ul.level_2 li:hover > ul.level_3 { display: block; position: absolute; right: -200px; top: 0; } #header .mod_navigation ul.level_4 { display: none; z-index: 250; } #header .mod_navigation ul.level_3 li { position: relative; } #header .mod_navigation ul.level_3 li:hover > ul.level_4 { display: block; position: absolute; right: -200px; top: 0; } /*================== RIGHT ========================*/ #right { width: 218px; height: auto; float: right; margin-top: 200px; position: relative; margin-right: 0 !important; } #right img { display: inherit; } #right .content-text, #right .ce_form, #right .box_right, #right .mod_catalogfilter, #right .subnav, #right .ce_metamodels_frontendfilter { width: 100%; height: auto; background-color: #f7f7f7; /* float: left; */ margin: 0 20px 20px 0; padding: 15px; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } #right .content-text { width: 90%; } #right .ce_metamodels_frontendfilter { width: 92%; } #right .ce_metamodels_frontendfilter .widget.mm_tags .checkbox_container { max-height: 300px; overflow-y: scroll; } #right #article-388 .ce_metamodels_frontendfilter .widget.mm_tags .checkbox_container, /*Zimmerpflanzen */ #right #article-292 .ce_metamodels_frontendfilter .widget.mm_tags .checkbox_container, /* Bastelanleitungen */ #right #article-255 .ce_metamodels_frontendfilter .widget.mm_tags .checkbox_container /* Futterbausteine */ { max-height: none; } #right .subnav h3 { margin-bottom: 10px; } #right .subnav ul { margin-left: 15px; } #right .subnav a.active { color: #494949; text-decoration: none; } #right .content-text.anzeige { text-align: center; } #right h3, #right .ce_metamodels_frontendfilter legend { border-bottom: 1px dotted #494949; text-transform: uppercase; font-weight: 100; font-size: 1.2em; margin-bottom: 20px; padding-bottom: 5px; font-family: 'Carrois Gothic'; } #right .mod_catalogfilter h3 { text-transform: uppercase; font-weight: normal; font-family: 'Carrois Gothic'; font-size: 1.3em; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #494949; } #right .clearall { font-size: 0.9em; margin-bottom: 25px; } #right .mod_catalogfilter .radio_container { margin-bottom: 20px; } #right .mod_catalogfilter label { font-size: 0.9em; } #right .styled_select { width: 190px; border: 1px solid #E6E6E6; font-size: 0.9em; padding: 3px; } #right .mod_catalogfilter #ctrl_filter_field_symptome { font-size: 0.9em; } #right .mod_catalogfilter .widget { margin-bottom: 20px; } #right ul, #right ol { margin: 0 0 20px 16px; list-style: disc; } #right .content_hline { background: url(../../files/wegweiser/layout/line.png) repeat-x center center transparent; clear: both; display: inline-block; font-family: 'Carrois Gothic'; margin: 10px 0; width: 100%; text-transform: uppercase; } #right .content_hline strong { background: #F2F2F2; float: left; margin-left: 0px; padding: 0 10px 0 0; font-weight: normal; font-size: 1.25em; } #right .content_hline span { color: #276D9F; } #right .content-text p { font-size: 0.95em; line-height: 1.25em; padding-bottom: 10px; } #right .content-text.add a { display: block; } #right .content-text.add img { margin: 0 auto; } #right input.text, #right input.captcha, #right textarea { width: 175px; font-size: 12px; font-family: Arial; } #right input.submit { background-color: #276D9F; color: #FFFFFF; margin-top: 5px; padding: 2px 5px; } #right span { font-size: 0.95em; } #right .ce_form select { font-size: 0.9em; padding: 3px; border: 1px solid #e6e6e6; width: 185px; } #right .ce_form span { display: block; } #right .ce_form .headline { padding: 5px 0; } #right .ce_form .radio_container { padding: 5px 0; } #right .ce_form .checkbox_container, #right .ce_form .captcha_text { font-size: 0.8em; } #right .mod_article li { margin-top: 0px; } #right .mod_article .mod_newsmenu li { margin-top: 0px; } /*======================== MAIN =========================*/ .startseite #main, .wide #main { width: 940px; height: auto; padding-bottom: 20px; } /* Bilder */ body.content #main figure { background: transparent; border-image: none; border: none; } /* Galerien */ #main .content-gallery ul { margin: 0; } body.content #main .content-gallery table td { vertical-align: top; text-align: center; } body.content #main .content-gallery table { width: 100%; } body.content #main .content-gallery figure img { display: table; padding: 0; } /*Bilder im Text */ body.content #main .mod_article figure, body.content #main .content-gallery figure { padding: 7px; margin: 0 20px 5px 5px; background-color: #fff; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } body.content #main .mod_article .media--below figure { margin: 0px 20px 5px 136px; } body.content #main .content-gallery figure { margin: 0 1px 5px 5px; } body.content #main .media--left figure { margin: 0 15px 5px 0; } body.content #main .media--right figure { margin: 0 0 15px 5px; } body.content #main .media--below figure { width: 100%; margin-right: 5px; } body.content #main .noborder.content-image figure, body.content #main .content-youtube figure, body.content #main .content-player figure, /* body.content #main .layout_full .file .image_container, *//* Metamodel Listen */ body.content #main .ce_metamodel_content .file figure /* Metamodel Listen */ { border: none; margin: 0; padding: 0; background-color: unset; } /* Videos */ /* selbst gehostet */ #main .content-player video { position: relative; overflow: hidden; } * html video { margin-bottom: 45px; margin-bot\tom: 0; } video { position: absolute; left: 0; top: 0; } .vierzudrei { padding-bottom: 75%; } .goldenerschnitt { padding-bottom: 61,35%; } .kontrollabstand-null { padding-top: 0px; } .kontrollabstand-fuenf { padding-top: 5px; } .kontrollabstand-fuenfundzwanzig { padding-top: 25px; } .kontrollabstand-fuenfunddreissig { padding-top: 35px; } /* eigene videos ende */ #linkicons { position: absolute; top: 155px; right: 0; } #main { width: 700px; height: auto; float: left; position: relative; } #main h1 { font-family: 'Carrois Gothic'; text-transform: uppercase; font-size: 1.8em; font-weight: 100; margin-bottom: 30px; padding-top: 1px; line-height: 1.2em; } #main h2 { font-family: 'Carrois Gothic'; text-transform: uppercase; font-size: 1.3em; font-weight: 500; margin: 25px 0 20px 0; line-height: 1.3em; } #main h3 { font-family: 'Carrois Gothic'; text-transform: uppercase; font-weight: 900; margin-top: 10px; margin-bottom: 5px; line-height: 1.2em } #main h4 { font-family: "Carrois Gothic"; font-weight: 900; margin-bottom: 5px; margin-top: 10px; text-transform: uppercase; } #main p #right p { margin-bottom: 20px; } #main a, #right a { color: #c45d34; text-decoration: underline; font-family: Arial,Helvetica,sans-serif; } #main a[href^='http']:not([href^='http://www.nymphensittich-wegweiser.net']):not([href^='https://www.nymphensittich-wegweiser.net']):after, #right a[href^='http']:not([href^='http://www.nymphensittich-wegweiser.net']):not([href^='https://www.nymphensittich-wegweiser.net']):after, #footer a[href^='http']:not([href^='http://www.nymphensittich-wegweiser.net']):not([href^='https://www.nymphensittich-wegweiser.net']):after { content: "\f08e"; display: inline-block; font-family: FontAwesome !important; font-size: 0.95em !important; font-weight: normal !important; font-style: normal !important; margin-left: 0.2em; vertical-align: -0.1em; } #main ul li.icon-double-angle-right a[href^="http"]:not([href^="http://www.nymphensittich-wegweiser.net"]):not([href^="https://www.nymphensittich-wegweiser.net"])::after { margin-left: 0.8em; } #main ul, #main ol { margin: 20px 0 20px 30px; } .content #main .mod_article { padding-top: 205px; position: relative; } #main .content-image { display: table; } #main .content_hline { background: url(../../files/wegweiser/layout/line.png) repeat-x center center transparent; clear: both; display: inline-block; margin: 55px 0 20px 0; width: 100%; text-transform: uppercase; } #main .content_hline strong { background: #F2F2F2; float: left; margin-left: 50px; padding: 0 10px; font-weight: normal; font-size: 1.25em; } #main .content_hline span { color: #276D9F; } #main .widget h3 { background: url(../../files/wegweiser/layout/line.png) repeat-x center center transparent; width: 100%; margin-top: 20px !important; margin-bottom: 20px !important; } #main .ce_metamodels_frontendfilter a.doNotFilter { background: #276D9F; color: white; } body.content { margin: 0; } body { color: #494949; font-family: Arial,Helvetica,sans-serif; font-size: 0.95em; line-height: 140%; margin: 0; text-align: center; } body { font-size: 100.01%; } body, form, figure { margin: 0; padding: 0; } * { border: medium none; margin: 0; padding: 0; text-decoration: none; } #main .mod_catalogreader .item { background: transparent none repeat scroll 0 0; } #main .ce_metamodel_content .item { background: white none repeat scroll 0 0; display: table-row; } #main .ce_metamodel_content.block { margin-bottom: 20px; } #main .mod_catalogreader .item { border-collapse: collapse; display: block; } * { border: medium none; margin: 0; padding: 0; text-decoration: none; } #main .ce_metamodel_content .layout_full { border-collapse: collapse; margin-bottom: 25px; } #container { text-align: left; } #wrapper { text-align: center; } body { color: #494949; font-family: Arial,Helvetica,sans-serif; font-size: 0.95em; line-height: 140%; text-align: center; } body { font-size: 100.01%; } #main .filter_group label, #main .search_group label, #main .sort_group label { background: #F2F2F2; margin-left: 10px; padding: 0 10px; } #main content.gallery ul li figure { background-color: #fff; marging: 5px; } #main figure .small { background-color: #fff; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } body.content #main .image_container { margin: 0 15px 15px 0; } /* kein Abstand der Bilder in metamodel Listen */ body.content #main .layout_full .image_container { margin: 0; } #main figure .wide { background-color: #fff; border-style: solid; border-width: 0 0 11px 0; -moz-border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; background-clip: padding-box; } #main .media--above { margin-bottom: 15px; } #right .ce_toplink { height: 31px; width: 200px; background: url(../../files/wegweiser/layout/arrow_top_31x31.png) center right no-repeat; text-transform: uppercase; font-size: 1.2em; } #main .ce_toplink a, #right .ce_toplink a { display: block; width: auto; height: 21px; text-decoration: none; text-align: right; padding: 5px 40px 5px 0; } /* artikelnavigation */ #main .mod_booknav { clear: both; margin-top: 10px; margin-bottom: 25px; border-top: 2px solid #c1c1c1; padding-top: 20px; } #main .mod_booknav ul { list-style: none; margin: 0; } #main .mod_booknav ul li.previous, #main .mod_booknav ul li.next, #main .content-hyperlink.back, #main .mod_article p.back, #main .mod_newsreader p.back, #main .mod_eventreader p.back { height: 31px; text-transform: uppercase; font-size: 1.2em; position: relative; z-index: 100; } #main .mod_booknav li.previous, #main .mod_catalogreader p.back, #main .mod_newsreader p.back a, #main .content-hyperlink.back a, #main .mod_eventreader p.back a, #main .mod_article p.back a { float: left; background: url(../../files/wegweiser/layout/arrow_left_31x31.png) center left no-repeat; } #main .mod_booknav li.previous a, #main .mod_newsreader p.back a, #main .mod_catalogreader p.back a, #main .mod_eventreader p.back a, #main .mod_article p.back a { padding-left: 40px; } #main .mod_article p.back a { padding-top: 20px; padding-bottom: 20px; } #main .mod_catalogreader p.back, #main .mod_newsreader p.back a, #main .mod_eventreader p.back a { margin-top: 20px; margin-bottom: 20px; clear: both; } #main .mod_catalogreader p.back a { display: block; width: auto; height: 21px; text-decoration: none; padding: 5px 40px; font-size: 1.2em; text-transform: uppercase; } #main .mod_newsreader p.back a, #main .mod_eventreader p.back a { display: block; width: auto; height: 21px; text-decoration: none; padding: 5px 40px; font-size: 1em; text-transform: uppercase; } #main .mod_booknav li.next { float: right; background: url(../../files/wegweiser/layout/arrow_right_31x31.png) center right no-repeat; } #main .mod_booknav li.next a { padding-right: 40px; } #main .mod_booknav li a, #main .content-hyperlink.back a { display: block; width: auto; height: 21px; text-decoration: none; padding: 5px 0; } #main .content-hyperlink.back a { padding-left: 40px; } #main .content-hyperlink.back { margin-bottom: 30px; } #main a.print img { float: right; } /* ueberschrift blauer hg */ /*#main h1.ce_headline,*/ #main .headline { display: table; background: url(../../files/wegweiser/layout/ce_headline.png) repeat-x center center transparent; height: 120px; line-height: 120px; color: #fff; text-shadow: 1px 1px #333; margin: 0 0 0 40px; padding: 0 10px; font-size: 2.4em; position: absolute; top: 0; left: 0; white-space: nowrap; } #main .headline { font-family: 'Carrois Gothic'; text-transform: uppercase; font-weight: 100; } #main .headline p { margin: 0 !important; } #main .col_660 { width: 660px; margin-bottom: 20px; } #main .col_460 { width: 460px; float: left; } #main .col_300 { width: 300px; float: left; margin-bottom: 20px; } #main .col_420 { width: 410px; float: left; margin-bottom: 20px; } body.content #main .col_100 { width: 96%; } #main .content_hline.col_460 { clear: none; margin: 0 0 20px 0; } #main .content_hline.col_460:nth-child(2n+1) { margin-right: 20px; } #main .col_300.wbox, #main .col_420.wbox { margin-top: 20px; margin-right: 5px; margin-left: 5px; } /*body.content #main .image_container, */ #main img.border, body.content #main .border img, #main .mod_catalogreader li img { padding: 7px; background-color: #FFF; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; display: inline-block; } body.content #main .border.media--left figure img, body.content #main .border.media--right figure img { border: none; padding: 0; margin: 0; } #main .mod_catalogreader .catalog_leser_details_einstreu li img, #main .mod_catalogreader .catalog_leser_details_farben .steckbrief li img, #main .mod_catalogreader .catalog_leser_details_rezepte .main li img { float: right; margin: 0 0 0 10px; } body.content #main .content-text.border .image_container.media--left img, body.content #main .content-text.border .image_container.media--right img, body.content #main .layout_latest.border .image_container img, body.content #main .layout_full.border .image_container.media--left img, body.content #main .layout_full.border .image_container.media--right img { padding: 0px; border: none; } body.content #main figure figcaption { font-size: 0.8em; clear: both; padding: 7px; } body.content #main .image_container.media--left { margin-right: 20px; } body.content #main .image_container.media--right { margin-left: 20px; } #main .content-text p { margin-bottom: 20px; } #main .content-text.autor { font-size: 0.8em; margin-bottom: 20px; } #main .content-text ul { margin-left: 15px; } #main .content-text li, #main .mod_catalogreader li { margin: 3px 0 3px 0; list-style-type: disc; } #main .mod_catalogreader .galerie li { display: inline-block; } #main .content-text ol li, #main .mod_catalogreader ol li { list-style-type: decimal; } #main .mod_cataloglist .item { float: left; } #main .mod_cataloglist .item div { padding: 3px; } #main .content-text ul li.icon-double-angle-right a { margin-left: 5px; } #start .content-text ul li.icon-double-angle-right:before { content: "\f101"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; color: #c45d34; padding-bottom: 0.2em; } #main .content-text ol { margin-top: 20px; } #main .content-text ol[type="a"] li { content: normal; list-style-type: lower-alpha; display: list-item; } #main .content-text ol[type="a"] li:before { content: normal; } #main .content-text ol li { margin-bottom: 20px; } #main .wbox { padding: 20px; margin: 15px 0 15px 0; background-color: #FFF; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } #main .wbox strong, #main .wbox h4 { text-transform: uppercase; } #main .ce_metamodel_content .wbox ul { margin: 10px 0 10px 15px; } #main .ce_metamodel_content .wbox ul li { list-style: disc; } #main .videos { margin: 20px 0; } #main .videos object { padding: 7px; background-color: #FFF; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; margin-top: 10px; } body.content #main .videobox .image_container { background: transparent; border: none; margin: -10px 5px 0 0; padding: 0; } body.content #main .videobox { overflow: visible; } /* #main .content-youtube .yt_wrapper { position: relative; padding-bottom: 56%; padding-top: 0px; height: 0px; overflow: hidden; cursor: pointer } #main .content-youtube .yt_wrapper figure img,.content-youtube .yt_wrapper iframe,.content-youtube .yt_wrapper object,.content-youtube .yt_wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } */ .content-youtube figure { position: relative; aspect-ratio: 4 / 3; width: 100%; height: auto; } .content-youtube iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; } #main .layout_mini .titel { float: left; padding-left: 5px; padding-right: 5px; padding-top: 5px; } #main .layout_mini .name a { display: block; padding-right: 5px; padding-bottom: 2px; width: 218px; text-decoration: none; } #main .rechts { float: right; padding-left: 5px; width: 210px } #main .content-image links { float: left; padding-right: 5px; width: 210px } #main .fa-green { font-size: 1.2em; color: #68AF2E; } #main .fa-yellow { font-size: 1.2em; color: #DAA50A !important; } #main .fa-orange { font-size: 1.2em; color: #c45d34; } #main .fa-grey { font-size: 1.2em; color: #CFCFCF; } /*================== CE ACCORDION ================*/ #main .ce_accordion .toggler { color: #C45D34; margin-bottom: 10px; cursor: pointer; } #main .ce_accordion .toggler:before { content: "\f054\00a0"; text-decoration: inherit; list-style: none outside none; font-family: FontAwesome; } #main .ce_accordion .toggler.active:before { content: "\f078\00a0"; } #main .ce_accordion .accordion div { padding-bottom: 10px; } /*================== CONTENT ACCORDION ================*/ #main .content-accordion { margin: 0 0 15px 0; } #main .content-accordion h2 { font-size: 1.1em; margin: 10px 0 10px 0; } #main .content-accordion .handorgel__header__button { color: #C45D34; padding: 15px 15px; } #main .content-accordion .handorgel__header__button:before { content: "\f054\00a0"; text-decoration: inherit; list-style: none outside none; font-family: FontAwesome; } #main .content-accordion .handorgel__header--open .handorgel__header__button:before { content: "\f078\00a0"; } /*================== CE TABLE ================*/ #main .content-table { margin-bottom: 20px; overflow-x: scroll; } #main .content-table table, #main .mod_cataloglist table, #main .mod_catalogrelated table { display: block; width: 100%; border-collapse: collapse; } #main .content-table table caption { display: none; } #main .content-table th, #main .mod_cataloglist th, #main .mod_catalogrelated th, #main .content-table tfoot tr { background: #276D9F; color: #FFFFFF; font-weight: normal; padding: 3px 8px; width: 10%; } #main .mod_cataloglist th.unterseite, #main .mod_cataloglist td.unterseite, #main .mod_catalogrelated th.unterseite, #main .mod_catalogrelated td.unterseite { display: none; } #main .content-table td, #main .mod_cataloglist td, #main .mod_catalogrelated td { border-top: 5px solid #F2F2F2; padding: 8px; font-size: 0.95em; } #main .content-table td p, #main .mod_cataloglist td p, #main .mod_catalogrelated td p { font-size: 0.95em; } #main .content-table tr:nth-child(odd), #main .mod_cataloglist tr:nth-child(odd), #main .mod_catalogrelated tr:nth-child(odd) { background: #f7f7f7; } #main .content-table tr:nth-child(even), #main .mod_cataloglist tr:nth-child(even), #main .mod_catalogrelated tr:nth-child(even) { background: #ffffff; } #main .mod_catalogrelated h4 { margin-bottom: 20px; } /* Tabelle Farben im Lebensraum */ #main .farben td:first-child, #main .farben th:first-child { width: 1%; } #main .farben td:nth-child(1) { color: white; font-weight: bold; text-align: center; vertical-align: middle; } #main .farben tr:nth-child(1) td:nth-child(1) { background-color: #E61C1C; } #main .farben tr:nth-child(2) td:nth-child(1) { background-color: #F06C0E; } #main .farben tr:nth-child(3) td:nth-child(1) { background-color: #F7F74D; color: black; } #main .farben tr:nth-child(4) td:nth-child(1) { background-color: #28E317; } #main .farben tr:nth-child(5) td:nth-child(1) { background-color: #0A43C9; } #main .farben tr:nth-child(6) td:nth-child(1) { background-color: #860AC9; } #main .farben tr:nth-child(7) td:nth-child(1) { background-color: #E625DF; } /* Tabelle Farben im Lebensraum Ende */ /* Tabelle Farblichttherapie */ #main .farben2 td:nth-child(1) { color: white; font-weight: bold; text-align: center; vertical-align: middle; } #main .farben2 td:first-child, #main .farben2 th:first-child { width: 1%; } #main .farben2 tr:nth-child(1) td:nth-child(1) { background-color: #E61C1C; } #main .farben2 tr:nth-child(2) td:nth-child(1) { background-color: #F06C0E; } #main .farben2 tr:nth-child(3) td:nth-child(1) { background-color: #F7F74D; color: black; } #main .farben2 tr:nth-child(4) td:nth-child(1) { background-color: #28E317; } #main .farben2 tr:nth-child(5) td:nth-child(1) { background-color: #0A43C9; } #main .farben2 tr:nth-child(6) td:nth-child(1) { background-color: #4b0082; } #main .farben2 tr:nth-child(7) td:nth-child(1) { background-color: #a809a8; } #main .farben2 tr:nth-child(8) td:nth-child(1) { background-color: #E625DF; } #main .ce_toplink { display: none; } #table_4133 th, #table_4133 td, #table_4209 th, #table_4209 td, #main .content-table.kosten th.head_1, #main .content-table.kosten td.col_1, #main .content-table.kosten td.foot_1 { text-align: right; } #main .content-table.kosten th.head_1, #main .content-table.kosten td.col_1, #main .content-table.kosten td.foot_1 { padding-right: 200px; } #table_4133 th.head_0, #table_4133 td.col_0, #table_4209 th.head_0, #table_4209 td.col_0 { text-align: left; } #table_1608 td.col_0 { font-weight: bold; } #main .content-text.klein { font-size: 0.8em; } #main .mod_catalogreader .item { border-collapse: collapse; display: block; } #main .mod_catalogreader .field { display: table-row; background: #ffffff; } #main .mod_catalogreader .label, #main .mod_catalogreader .value { border-bottom: 5px solid #F2F2F2; display: table-cell; padding: 5px; vertical-align: top; } #main .mod_catalogreader .label { width: 270px; } #main .mod_catalogreader .value { width: 645px; } #main .mod_catalogreader div.field:nth-child(odd) { background: #f7f7f7; } #main .aufbewahrung td:first-child, #main .aufbewahrung th:first-child { vertical-align: middle; } /* Futteraufbwahrung Tabelle, zweite bis 5te Spalte formatieren und Spalte 6 Bemerkung breiter*/ #main .aufbewahrung td:nth-child(n+2):nth-child(-n+5) { width: 40pt; text-align: center; vertical-align: middle; } #main .aufbewahrung th:nth-child(6), #main .aufbewahrung td:nth-child(6) { width: 175pt; } /* Futteraufbwahrung Tabelle */ #main .mod_cataloglist th.foto, #main .mod_cataloglist td.foto { width: 5%; } #main .mod_cataloglist th.foto img, #main .mod_cataloglist td.foto img { float: left; } #main .mod_cataloglist th.freitext, #main .mod_cataloglist td.freitext { width: 95%; } /*================== CE TEASER ================*/ .content-teaser { width: 45%; background-color: #fff; padding: 8px; margin: 5px; float: left; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } .content-teaser h1 { color: #fff; z-index: auto; position: absolute; padding: 5px 5px 5px 5px; inline-size: min-content; } /*#main .content-text p { margin-bottom: 8px; } */ /*================== SLIDER STARTSEITE Neu ================*/ #main #start .content-swiper { width: 945px; height: 430px; position: relative; text-align: right; color: #fff; } #main . { bottom: 45px; height: 23px; position: absolute; right: 15px; width: 145px; z-index: 80; } #main .slider-control a { display: none; } #main .ce_slider_item .swiper-button-prev, #main .ce_slider_item .swiper-button-next { font-size: 1px; width: 23px; height: 23px; margin-top: 154px; z-index: 30; } #main .ce_slider_item .swiper-button-prev:hover, #main .ce_slider_item .swiper-button-next:hover { opacity: 0.5; } #main .swiper-button-prev::after, #main .swiper-rtl .swiper-button-next::after, #main .swiper-button-next::after, #main .swiper-rtl .swiper-button-prev::after, #main .swiper-navigation-icon { display: none; } .swiper-wrapper img { margin-top: 3px; } #main .ce_slider_item .swiper-button-prev { background: url(../../files/wegweiser/layout/arrow_prev.png) no-repeat center center transparent; margin-left: 775px !important; } #main .ce_slider_item .swiper-button-next { background: url(../../files/wegweiser/layout/arrow_next.png) no-repeat center center transparent; } #main .content-swiper h1 { position: absolute; top: 100px; left: 530px; text-transform: none; width: 400px; font-size: 1.8em; line-height: 120%; margin: 0; text-align: right; text-transform: uppercase; } #main .content-swiper p { position: absolute; top: 195px; left: 530px; width: 400px; font-size: 1.2em; } #main .swiper-pagination-horizontal { bottom: 38px; height: 26px; right: 15px; left: 12px; z-index: 10; padding-left: 375px; } #main .swiper-pagination .swiper-pagination-bullet { margin: 0 1px; font-size: 0; } #main .swiper-pagination .swiper-pagination-bullet { background: url(../../files/wegweiser/layout/numbtn.png) no-repeat center center transparent; border: none; height: 23px; margin: 0; padding: 0; width: 23px; } #main .swiper-pagination .swiper-pagination-bullet-active { background: url(../../files/wegweiser/layout/numbtn_active.png) no-repeat center center transparent; } /*========== STARTSEITE ==========*/ .startseite #main .content-headline { font-family: 'Carrois Gothic'; text-transform: uppercase; font-size: 1.8em; font-weight: 100; padding-top: 1px; line-height: 1.2em; display: block; height: 134px; line-height: 134px; padding: 0; margin-bottom: 0; color: #333; text-shadow: none; text-align: center; font-size: 2.15em; background: transparent; position: relative; } .startseite .icon.content-text { width: 233px; height: 169px; float: left; text-align: center; color: #fff; } .startseite #main figure { margin-right: 0px; } .startseite #main .media--left > figure { padding-right: 15px; } .startseite #main .icon { margin-top: 20px; } .startseite #main .rte { margin-top: 15px; } .startseite #main .icon.content-text .rte h2 { font-size: 1.5em; margin: -10px 0 0 0; } .startseite .icon.content-text p { font-size: 0.85em; margin: 0; } .startseite .icon.content-text img { border: none; } .startseite .icon.content-text a:hover img { opacity: 0.5; } .startseite .ce_toplink { display: none; } .startseite #main .mod_breadcrumb { display: none; } .startseite #right { display: none; } #main .mod_newslist { margin-right: 20px; } .startseite #main .mod_newslist .info { margin-left: -50px; margin-top: 6px; } #main .weblinks strong { display: block; padding-bottom: 10px; font-family: 'Carrois Gothic'; font-size: 1.2em; } #main .weblinks ul { margin-bottom: 10px; padding-left: 0.5em; text-indent: -0.5em; } #main .weblinks ul li { display: block; } /*============ BREAD CRUMB ==============*/ #main .mod_breadcrumb { position: absolute; top: 135px; z-index: 100; margin-left: -28px; } /* ===== Breadcrumb ===== */ .mod_breadcrumb nav, .mod_breadcrumb { display: block; font-size: 0.95em; } /* Liste horizontal anordnen */ .mod_breadcrumb ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; } /* Abstände zwischen Elementen */ .mod_breadcrumb li { display: flex; align-items: center; } /* Trenner ">" zwischen Einträgen */ .mod_breadcrumb li + li::before { content: ">"; /* Alternativ: ">" oder "/" */ margin: 0 0.4em; color: #888; } /* Links */ .mod_breadcrumb a { text-decoration: none; color: var(--link-color, #0066cc); transition: color 0.2s ease; } /* Hover-Effekt */ .mod_breadcrumb a:hover { text-decoration: underline; } /* Aktive Seite */ .mod_breadcrumb .active { color: var(--text-color, #000); pointer-events: none; } /*=================== WEISSE BOXEN ==================*/ #main .box_small { width: 300px; height: auto; background-color: #fff; float: left; margin: 0 20px 20px 0; padding: 20px; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_small_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } #main .box_middle { width: 430px; height: auto; float: left; margin: 0 24px 20px 0; padding: 14px; background-color: #fff; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_middle_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_middle_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_middle_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_middle_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } #main .button, #footer .button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 0.85em; padding: 3px 8px; text-decoration: none; color: #FFF; background: #e5966e; background: -moz-linear-gradient(top, #e5966e 0%, #d37049 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5966e), color-stop(100%,#d37049)); background: -webkit-linear-gradient(top, #e5966e 0%,#d37049 100%); background: -o-linear-gradient(top, #e5966e 0%,#d37049 100%); background: -ms-linear-gradient(top, #e5966e 0%,#d37049 100%); background: linear-gradient(to bottom, #e5966e 0%,#d37049 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5966e', endColorstr='#d37049',GradientType=0 ); } #footer .button { margin-right: 10px; } #main .button:hover, #footer .button:hover { opacity: 0.5; } #main .box_middle .image_container { margin-right: 20px; } #main .box_middle .image_container img { border: none; float: left; } #main .box_middle h3 { font-size: 1.4em; margin-top: 15px; } #main .box_middle p { font-size: 0.95em; line-height: 1.1em; padding-right: 10px; padding-bottom: 10px; } #main .box_wide, #main .infobox { width: 96%; height: auto; background-color: #fff; margin: 0 20px 20px 0; padding: 20px; border-style: solid; border-width: 0 0 11px 0; -moz-border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; border-image: url(../../files/wegweiser/layout/box_wide_bottom.png) 0 0 11 0 stretch; background-clip: padding-box; } #main .icon_achtung:before, #main .icon_hinweis:before, #main .icon_ok:before { content: ""; display: block; width: 50px; height: 30px; margin: 15px; float: left; font-family: FontAwesome; } #main .icon_achtung:before { content: "\f071"; color: #c45d34; font-size: 2.6em; } #main .icon_hinweis::before { content: "\f06a"; color: #DAA50A; font-size: 3em; } #main .icon_ok:before { content: "\f058"; color: #68AF2E; font-size: 2.6em; } body.content #main .content-text.infobox .image_container img, body.content #main .content-text.wbox .image_container img { padding: 0; border: none; } body.wide #main .infobox { float: none; } body.wide #main .farbeninfo { width: 535px; margin-bottom: 20px; } #main .mod_catalogreader .infobox { width: 92%; } body.content #main .infobox .image_container { border-image: none; border: none; } #main .box_small h3, #main .box_middle h3, #main .box_wide h3 { color: #276d9f; } #main .box_middle:nth-child(odd) { margin-right: 0; } /*================= RESPONSE ====================*/ #response { background: url(../../files/wegweiser/layout/blue_light.png) top left repeat transparent; border-top: 2px solid #b9c9d4; border-bottom: 2px solid #b9c9d4; text-align:center; font-family: 'Georgia',serif; font-size: 1.6em; line-height: 1.2em; padding: 35px 0 20px 0; margin: 30px 0 60px 0; } #response small { font-size: 0.5em; } #response a { font-family: 'Georgia',serif; text-decoration: none; } /*================= NEWS ====================*/ #main .mod_newsarchive .layout_latest { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c1c1c1; } #main .mod_newsarchive .block:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } #main .mod_newsarchive .info, #main .mod_newsreader .info { font-size: 0.8em; margin-bottom: 10px; } #main .mod_newsarchive h3, #main .mod_newsreader h3 { font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-top: 3px; margin-bottom: 0px; } #main .mod_newsreader h2 { margin-bottom: 0px; } #main .mod_newsarchive .more { clear: both; } #main .mod_newsarchive .caption { display: none; } #main .mod_newsarchive .more a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 0.85em; padding: 3px 8px; text-decoration: none; color: #FFF; background: #e5966e; background: -moz-linear-gradient(top, #e5966e 0%, #d37049 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5966e), color-stop(100%,#d37049)); background: -webkit-linear-gradient(top, #e5966e 0%,#d37049 100%); background: -o-linear-gradient(top, #e5966e 0%,#d37049 100%); background: -ms-linear-gradient(top, #e5966e 0%,#d37049 100%); background: linear-gradient(to bottom, #e5966e 0%,#d37049 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5966e', endColorstr='#d37049',GradientType=0 ); } #main .mod_newsarchive .more:hover a { opacity: 0.5; } #main .mod_newslist .layout_latest { margin-bottom: 30px; position: relative; } #main .mod_newslist .info { display: block; left: 0; position:absolute; text-align: center; top: 0; width: 40px; font-family: 'Carrois Gothic'; } #main .mod_newslist .month { font-size: 0.9em; position: relative; top: -2px; } #main .mod_newslist .date { font-size: 1.9em; position: relative; top: 0px; } #main .mod_newslist .more { display: block; font-size: 0.8em; padding: 5px 0 0 50px; } #main .mod_newslist h3 { color: #276D9F; margin-bottom: 10px; } #main .mod_newslist h3, #main .mod_newslist p { padding-left: 50px; } /*================= EVENTS ====================*/ #main .event.layout_teaser { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c1c1c1; } #main .event.layout_full.block:last-child, #main .event.layout_teaser:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } #main .mod_eventlist .info { font-size: 1.1em; margin-bottom: 10px; } #main .mod_eventlist h1 { margin-bottom: 15px; } #main .mod_eventlist h2 { font-size: 1.8em; font-weight: normal; line-height: 1.1em; margin-top: 3px; margin-bottom: 15px; } #main .mod_eventlist .more { clear: both; } #main .mod_eventlist .more a{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 0.85em; padding: 3px 8px; text-decoration: none; color: #FFF; background: #e5966e; background: -moz-linear-gradient(top, #e5966e 0%, #d37049 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5966e), color-stop(100%,#d37049)); background: -webkit-linear-gradient(top, #e5966e 0%,#d37049 100%); background: -o-linear-gradient(top, #e5966e 0%,#d37049 100%); background: -ms-linear-gradient(top, #e5966e 0%,#d37049 100%); background: linear-gradient(to bottom, #e5966e 0%,#d37049 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5966e', endColorstr='#d37049',GradientType=0 ); } #main .mod_eventlist .more:hover a { opacity: 0.5; } #main .mod_eventlist .more { padding-top: 20px; } #main .event.layout_teaser { margin-bottom: 30px; } #main .mod_eventlist h2 { margin-bottom: 0px; } #main .mod_eventlist .info { display: block; left: 0; /* position:absolute; */ text-align: center; top: 0; width: 40px; font-family: 'Carrois Gothic'; } #main .mod_eventlist .month { font-size: 0.9em; position: relative; top: -2px; } #main .mod_eventlist .date { font-size: 1.9em; position: relative; top: 0px; } #main .mod_eventlist h3 { color: #276D9F; margin-bottom: 10px; } #main .mod_eventlist h3, #main .mod_eventlist p { padding-left: 50px; } .mod_eventlist.col_460.block h1 { display: none; } /*================= CATALOG ====================*/ #main .label { display: none; } #main .mod_catalogfilter .filter_sort { margin-bottom: 10px; } #main .mod_catalogfilter select { font-size: 0.9em; padding: 3px; } #main .farbeninfo { width: 320px; } #main .ueberschrift { background-color: #276D9F; border-top: 5px solid #F2F2F2; color: #FFFFFF; font-weight: bold; margin-top: 5px; padding: 3px 7px; } #main .mod_catalogreader .zeile_label_dunkel { background: #f7f7f7; border-top: 5px solid #F2F2F2; float: left; padding-bottom: 3px; padding-left: 5px; padding-top: 3px; width: 40%; } #main .zeile_wert_dunkel { background: #f7f7f7; border-top: 5px solid #F2F2F2; margin-left: 39%; padding-bottom: 3px; padding-right: 5px; padding-top: 3px; text-align: right; width: 60%; } #main .mod_catalogreader .zeile_label_hell { background-color: #ffffff; border-top: 5px solid #F2F2F2; float: left; padding-bottom: 3px; padding-left: 5px; padding-top: 3px; width: 40%; } #main .zeile_wert_hell { background-color: #ffffff; border-top: 5px solid #F2F2F2; margin-left: 39%; padding-bottom: 3px; padding-right: 5px; padding-top: 3px; text-align: right; width: 60%; } #main .mod_catalogreader .rechts { float: right; width: 200px; padding: 10px; margin-left: 20px; display: inline-block; background-color: #FFF; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } #main .mod_catalogreader .rechts ul { margin-top: 20px; margin-left: 20px; margin-bottom: 20px; } #main .mod_catalogreader .ueberschrift3 { border-bottom: 1px dotted #494949; text-transform: uppercase; font-weight: 100; font-size: 1.2em; padding-top: 15px; padding-bottom: 5px; margin-bottom: 20px; font-family: 'Carrois Gothic'; } #main .mod_catalogreader .erlaeuterungen, #main .mod_catalogreader .bildueb { padding-top: 15px; } #main .mod_catalogreader .titel, #main .mod_catalogreader .info { font-family: 'Carrois Gothic'; font-size: 1.8em; font-weight: 100; line-height: 1.2em; margin-bottom: 30px; padding-top: 1px; text-transform: uppercase; } #main .mod_catalogreader .image, #main .mod_catalogreader .images { display: inline-block; padding: 7px; background-color: #FFF; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; } #main .ce_metamodels_frontendfilter .search { width: 100%; } #main .file .even, #main .file .odd { margin: 0; } #main .mod_catalogreader .farbenbilder .image, #main .galerie .image, #main .zubereitung .image, #main .erlaeuterungen .images, #main .foto_pflanze .image { margin: 0 10px 5px 0; } #main .mod_catalogreader .farbenbilder li { display: inline-block; } #main .mod_catalogreader .file li { list-style: none; margin-right: 1px; } #main .mod_catalogreader .aufz li, #main .mod_catalogreader .listen li { list-style: disc; margin-left: 5px; } #main .mod_catalogreader .steckbrief _image, #main .mod_catalogreader .foto _image { float: right; margin-left: 15px; } #main .catalog_leser_details_basteln .foto .image { float: none; margin-bottom: 20px; margin-left: 0; } #main .mod_catalogrelated table, #main .mod_cataloglist table { margin-bottom: 20px; } #main .mod_catalogreader .systematik .image { padding: 0; border: none; margin: 0; } #main .mod_catalogreader .systematik { float: right; display: inline-block; width: 325px; padding: 7px; background-color: #FFF; border-style: solid; border-width: 0 0 10px 0; -moz-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -webkit-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; -o-border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; border-image: url(../../files/wegweiser/layout/box_right_bottom.png) 0 0 10 0 stretch; background-clip: padding-box; margin-left: 20px; margin-bottom: 20px; margin-top: 10px; font-size: 0.8em; clear: both; } #main .mod_catalogreader .systematik ul, #main .mod_catalogreader .systematik li, #main .mod_catalogreader .file { margin: 0 !important; } #main .mod_catalogreader .catalog_leser_details_video .foto { float: right; } #main .mod_catalogreader .systematik li img { background: transparent !important; border: none; padding: 0; } _:-o-prefocus, #main .mod_catalogreader .systematik { width: 330px; } #main .mod_catalogreader .naehrstoffgehalt { font-size: 1em; font-weight: bold; margin-bottom: 30px; } .checkblock { min-height: 230px } .check { font-size: 1em; font-weight: bold; margin-right: auto; margin-top: 10px; padding-left: 26px; text-indent: -12px; } .infoblock .einweichzeit, .infoblock .fuetterungsart { font-size: 1em; padding-left: 25px; } #main .mod_catalogreader .anzeige_banner { clear: both; } #main .mod_catalogreader .foto_pflanze, #main .mod_catalogreader .catalog_leser_details_krank .foto { display: block; float: right; list-style-type: none; margin-bottom: 25px; margin-left: 10px; width: 340px; } #main .mod_catalogreader .catalog_leser_details_krank .wrap::after { content: ""; display: table; clear: both; } #main .mod_catalogreader p { margin-bottom: 20px; } .naehrstoffe, .steckbriefueb { background-color: #276D9F; border-bottom: 3px solid #F2F2F2; color: #FFFFFF; font-weight: bold; padding: 5px 10px; } .naehrstoffe a { color: #FFFFFF !important; } .naehrstoffe { width: 284px; } .mod_catalogreader .detailinfo .fett, .mod_catalogreader .detailinfo .proteine, .mod_catalogreader .calcium, .mod_catalogreader .natrium, .mod_catalogreader .methionin, .mod_catalogreader .lysin { background-color: #F7F7F7; float: left; padding-left: 5px; width: 130px; } .kohlenhydrate_wert, .posphor_wert, .cystein_wert, .magnesium_wert { background-color: #FFF; margin-left: 90px; padding-right: 40px; text-align: right; width: 174px; } .fett_wert, .proteine_wert, .calcium_wert, .natrium_wert, .methionin_wert, .lysin_wert { background-color: #F7F7F7; margin-left: 90px; padding-right: 40px; text-align: right; width: 174px; } .mod_catalogreader .detailinfo .kohlenhydrate, .mod_catalogreader .posphor, .mod_catalogreader .magnesium, .mod_catalogreader .cystein { background-color: #FFF; float: left; padding-left: 5px; width: 130px; } .mineralstoffe, .aminosaeuren { background-color: #1781C4; border-bottom: 3px solid #F2F2F2; color: #FFFFFF; font-weight: bold; margin-top: 15px; padding: 2px; width: 300px; } .mineralstoffe a, .aminosaeuren a { color: #FFFFFF !important; } .hinweis_detail { font-size: 0.9em; font-style: italic; padding: 25px 20px 25px 5px; text-align: left; } .ungiftig_l, .ungiftig_n, .ungiftig_g { font-size: 1em; font-weight: bold; margin-top: 15px; } .field .verletzungsgefahr, .mod_catalogreader .verletzungsgefahr { font-size: 1em; font-weight: bold; margin-top: 15px; } .gefahren { color: #494949; font-size: 1.1em; font-weight: bold; margin-top: 25px; padding: 2px 2px 2px 0; } .hinweis_tab { font-size: 0.9em; font-style: italic; padding-top: 10px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; text-align: center; } #main .mod_catalogfilter .widget { margin-bottom: 20px; } /*================= METAMODEL ====================*/ #main .ce_metamodel_content .layout_full { display: table; border-collapse:collapse; width: 100%; } #main .ce_metamodel_content .item { display: table-row; background: white; } #main .ce_metamodel_content > .item { background: transparent; } #main .mod_catalogreader .item { background: transparent !important; } #main .mod_catalogreader .main { width: 70%; } body.wide #main .mod_catalogreader .main { width: 100%; } #main .ce_metamodel_content .item:nth-child(even) { background: #f7f7f7; } #main .ce_metamodel_content .col { display: table-cell; vertical-align: middle; padding: 8px; border-top: 5px solid #F2F2F2; } #main .ce_metamodel_content .col.header, #main .ce_metamodel_content .col.header a { background: #276D9F; color: #FFFFFF; font-weight: normal; padding: 3px 8px; } #main .ce_metamodel_content .col ul { margin: 0; list-style: none; } #main .layout_mini { margin: -10px 0 30px 0; } #main .ce_metamodel_content .col:first-child { /*max-width: 250px !important;*/ } #right .ce_metamodels_frontendfilter span { display: block; } /* #right .ce_metamodels_frontendfilter legend { display: none; } */ #right .ce_metamodels_frontendfilter .widget > label { display: block; text-transform: uppercase; font-weight: normal; font-family: 'Carrois Gothic'; font-size: 1.2em; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #494949; } #right .ce_metamodels_frontendfilter fieldset { margin-bottom: 20px; } #main .ce_metamodels_frontendfilter .widget { clear: both; background: url(../../files/wegweiser/layout/line.png) repeat-x center center transparent; padding-top: 28px; margin-top: -20px; } #main .ce_metamodels_frontendfilter .widget.search label::after { content: "\A"; white-space: pre; } #main .ce_metamodels_frontendfilter label { background: #f2f2f2; font-family: 'Carrois Gothic'; text-transform: uppercase; font-size: 1.2em; font-weight: 900; display: inline; margin-left: 10px; padding: 0 10px; width: 100%; margin-top: 20px !important; margin-bottom: 20px !important; line-height: 3em; } .ce_metamodels_frontendfilter .widget.mm_radio legend { display: none; } .flexheader { display: flex; background-color: #276d9f; border-top: 5px solid #f2f2f2; color: #ffffff; font-weight: bold; margin-top: 5px; padding: 3px 7px; max-width:504px; } .flexed { display: flex; max-width:518px; } .light { background: #ffffff; } .dark { background-color: #f7f7f7; } .flexitem:nth-child(1n) { width: 42%; } .flexitem:nth-child(2n) { width: 58%; } .flexitem { padding: 5px 3px 3px 5px; border-top: 5px solid #f2f2f2; } .mod_catalogreader .catalog_leser_details_farben .bilder { float: right; } #main .ce_metamodel_content .info { background-color: #FAF0EA; border: solid 1px; border-color: #c45d34; color: #c45d34; padding: 10px; } #main .ce_metamodel_content .info::before { content: "\f071"; display: inline-block; font-family: FontAwesome; color: #c45d34; font-size: 1em; padding-right: 5px; } /*=================== CE COMMENTS ===================*/ #main .ce_comments { margin-top: 40px; } #main .ce_comments .comment_default { margin-bottom: 20px; padding: 20px; } #main .ce_comments .comment_default:nth-child(odd) { background: #f7f7f7; } #main .ce_comments .comment_default:nth-child(even) { background: #ffffff; } #main .ce_comments .form { margin-bottom: 20px; } #main .ce_comments input.text { width: 64%; } #main .ce_comments input.captcha { width: 64%; } #main button.submit, #main .ce_comments .submit { background-color: #276D9F; padding: 5px; color: #FFF; font-size: 1em; } #main .ce_comments label { display: block; } .ce_comments .widget-checkbox { display: none; } #main .ce_comments div.col-md-12 label { display: inline; } #main .ce_comments textarea { width: 98.9%; height: 150px; } #main .ce_comments .info { font-size: 0.8em; margin-bottom: 5px; } #main #ctrl_notify { display: none; } /*=================== PAGINATION ===================*/ #main .pagination { text-align: center; margin-top: 5px; } #main .pagination p { font-size: 0.8em; } #main .pagination ul { margin: 0; line-height: 2em; margin-top: 10px; } #main .pagination li { list-style: none; display: inline; } #main .pagination a { text-decoration: none; background: white; border: 1px solid #E6E6E6; font-size: 0.9em; padding: 5px 6px; margin-right: 5px; } #main .pagination .active { text-decoration: none; background: #276D9F; border: 1px solid #276D9F; font-size: 0.9em; padding: 5px 6px; color: white; } /*=================== FILTER ===================*/ #right .widget.mm_select { margin: 0 30px 25px 0; } #right .ce_metamodels_frontendfilter .widget.mm_tags .opt_1 { display: none; } #main .ce_metamodels_frontendfilter { text-align: left; } #main .ce_metamodels_frontendfilter ul { margin: 0 0 30px 0; display: block; clear: both; height: 25px; } #main .ce_metamodels_frontendfilter li { list-style: none; float: left; height: 25px; padding: 1px; margin-bottom: 5px; } #main .ce_metamodels_frontendfilter li.active a { background: #C45D34; color: white; border-color: #C45D34; } #main .ce_metamodels_frontendfilter a { text-decoration: none; background: white; margin-right: 2px; padding: 5px 6px; border: 1px solid #e6e6e6; font-size: 0.9em; } #main .ce_metamodels_frontendfilter .list_0 a { background: #276D9F; color: white; } #main .ce_metamodels_frontendfilter p { display: inline; font-size: 0.9em; margin-right: 2px; } #main .ce_metamodels_frontendfilter .active p { background: white; padding: 5px 8px; border: 1px solid #e6e6e6; } #main .ce_metamodels_frontendfilter .mm_select ul { margin-bottom: 0; } #main .clearall { padding-top: 10px; margin: 0 0 25px 0; } #main #suche h3 { margin: 20px 0; } #main #suche p.url { font-size: 0.8em; } #main .search { position: relative; display:block; width: 215px; height: auto; margin-bottom: 30px; } #main .search form { position: relative; } #main .search input { position: absolute; top: 0; right: 0; } #main .search input.text { border-color: #e6e6e6; padding-right: 30px; width: 180px; height: 20px; color: #333; font-size: 0.8em; } #main .search input.submit { background: url(../../files/wegweiser/layout/icon-search.png) center center no-repeat transparent; font-size: 1px; color: #FFF; text-align: right; display: block; width: 30px; height: 28px; } #main .search input.text { background: url(../../files/wegweiser/layout/icon-search.png) center right no-repeat white; position: relative; right: auto; left: auto; } #main .sort select { font-size: 0.9em; padding: 3px; border: 1px solid #e6e6e6; } /*=================== CE FORM ===================*/ #main .ce_form label { width: 160px; display: block; float: left; } #main .ce_form .checkbox { float: left; margin-top: 3px; margin-right: 10px; } #main .checkbox_container label { width: 70%; font-size: 0.8em; } #main .ce_form textarea { width: 98.5%; } #main .ce_form td { padding-top: 10px; vertical-align: top; } #main .ce_form select { font-size: 0.9em; padding: 3px; border: 1px solid #e6e6e6; } #main .ce_form input, #main .ce_form textarea { border-color: #e6e6e6; width: 75%; } #main .ce_form .widget-textarea { margin: 5px 0 0 0; } #main .ce_form .checkbox { width: auto; margin-left: 163px; } #main .ce_form .checkbox label{ float: left; } #main .ce_form .submit { background-color: #276D9F; color: #FFFFFF; padding: 3px 5px; margin: 10px 0px 15px 160px; } #main .error , #right .error { color: red; font-size: 0.9em; padding-bottom: 5px; } /*=================== FOOTER ===================*/ #footer { width: 945px; height: 247px; color: #fff; margin: 0 auto; text-align: left; } #footer table { width: 100%; } #footer td { vertical-align: top; } #footer a { display: block; color: #FFF; font-size: 13px; padding: 2px; } #footer h4 { display: block; font-family: 'Carrois Gothic'; font-size: 1.3em; margin: 20px 0 10px 0; } #footer .copyright { text-align: center; font-size: 0.8em; padding: 35px 0 0 0; line-height: 1.3em; } body.startseite #footer .ce_toplink { display: none; } #footer .ce_toplink { height: 31px; background: url(../../files/wegweiser/layout/arrow_top_31x31.png) center right no-repeat; text-transform: uppercase; font-size: 1.2em; position: absolute; top: -43px; right: 0; } #footer .ce_toplink a { color: #C45D34; display: block; height: 31px; line-height: 31px; width: 220px; font-size: 1em; text-align: center; } /*================== SONSTIGES ==============*/ .clear { clear: both; } /* CookieBar*/ cms-cookie-bar > cms-container cms-container.disclaimer > *:nth-child(1), cms-accept-tags > cms-container cms-container.disclaimer > *:nth-child(1) { margin-bottom: 5px; } cms-cookie-bar > cms-container form cms-buttons cms-button[value="accept"]:nth-last-of-type(1) > span:before, cms-accept-tags > cms-container form cms-buttons cms-button[value="accept"]:nth-last-of-type(1) > span:before { background: #68AF2E !important; } cms-cookie-bar > cms-container form cms-buttons cms-button[value="reject"] > span:before, cms-cookie-bar > cms-container form cms-buttons cms-button[value="accept"]:nth-of-type(1) > span:before, cms-accept-tags > cms-container form cms-buttons cms-button[value="reject"] > span:before, cms-accept-tags > cms-container form cms-buttons cms-button[value="accept"]:nth-of-type(1) > span:before { background: #68AF2E !important; } cms-accept-tags > cms-container form cms-taglist cms-taggroup cms-taggroup-header input:checked + label { background: #68AF2E !important; } .cookiebar__button { margin: 5px 0 0 0; border-radius: 5px; background-color: #ca5c14; background-image: linear-gradient(#ca5c14, #eda47c); border-color: #ca5c14; color: #fff; text-shadow: 0 1px 0 transparent; font-weight: bold; } .cookiebar__button:hover { opacity: 0.8; } .cookiebar { background-color: #07436D; opacity: 0.9; } /*Marketig Suite*/ .mod_cms_accept_tags form > .tags > div .head input:checked + label { background: #68AF2E !important; } .mod_cms_accept_tags a { color: #c45d34; text-decoration: underline; font-family: Arial,Helvetica,sans-serif; } .mod_cms_accept_tags button, .mod_cms_cookie_bar button { cursor: pointer; } .mod_cms_accept_tags .info { margin-bottom: 10px; } @media print { /* Style sheet print */ .pdfonly{border-bottom:3px solid #cccccc;font-weight:bold;font-style:italic;font-size:1.8em;display:block;} #header,.ce_slider,.content-text.icon,#footer,#right,h1.content-headline,.content-text.autor,.mod_booknav,.pagination,.col_300.wbox,.mod_catalogfilter,#right,.mod_breadcrumb,.pdf_link,#main .headline{display:none;} .content #main .mod_article {padding-top: 0;} #main .mod_catalogreader .info{font-size:26px;margin:15px 0;font-weight:bold;} .box_middle,#response{display:block;width:100%;clear:both;float:none;} #main{font-family:arial;} #main, table {width: 100%} #main .content-table td{border:1px solid black;padding:5px;} #main .box_middle .image_container{margin-right:20px;} #main img{margin: 0 20px;} #main .accordion{display: block !important;overflow: visible !important;height: auto !important;} #main .mod_catalogreader .titel,#main .mod_catalogreader .info{font-family: arial;font-size: 1.8em;font-weight: 100;line-height: 1.2em;margin: 20px 0;padding-top: 1px;text-transform: uppercase;} #main .mod_newsarchive .block{clear:both;display:block;margin-bottom:20px;} body.content #main .image_container .figcaption{padding-bottom:20px;} #main .accordion {height: auto !important;opacity: 1 !important;visibility: visible !important;overflow: visible !important;} } @media only screen and (max-width: 940px) { #main .mod_breadcrumb { line-height: 1.3em; font-size: 11px; margin-left: -8px; } img { display: block; } body.startseite { background-image: none; } #header, #container, #footer, .startseite #main, .wide #main { width: 100%; } #container .inside { margin: 0; } #header .inside { margin: 0 20px; } .startseite #main .content-text.icon { width: 25%; height: 170px; background: #276DA1; border-top: 2px solid #18527A; border-bottom: 2px solid #18527A; } .startseite #main .content-text.icon figure { margin: 15px 0; } .startseite #main .content-text.icon figure img { margin: 0 auto; } .startseite #main .media--left > figure { padding-right: 0px; } #main .box_middle, #main .box_middle:nth-child(2n+1), #main .col_460 { width: 43%; margin-right: 1%; margin-left: 1%; } #main .box_middle { height: 220px; } #header .mod_navigation, #header .mod_search { display: none; } #main .box_middle figure, #main .box_middle h3 { width: 50%; float: left; margin: 10px 0; } #main .box_middle figure img { width: 90%; } body.content #main .mod_article .media--below figure { margin: 0 20px 8px -7px; width: fit-content; } #main .box_middle p { font-size: 0.9em; line-height: 1.2em; padding: 0px; width: 50%; float: left; } #main .infobox { margin: 0 20px 20px -10px; } #main .content_hline.col_460 { display: none; } #main .content-swiper { height: auto; } #main #start .content-swiper { width: 100%; } #main .content-swiper h1, #main .content-swiper p { right: 5%; left: auto; } #main .ce_slider_item .swiper-button-prev { margin-top: 14%; padding-top: 4%; margin-left: 75% !important; } #main .ce_slider_item .swiper-button-next { margin-top: 14%; padding-top: 4%; padding-left: 7%; } #main .swiper-pagination-horizontal { padding-left: 36%; bottom: 11%; } .startseite #main .content-headline { margin: 35px 10px 10px 10px; width: auto; font-size: 1.8em; line-height: 1.2em; white-space: normal; height: auto; } body.content #main { width: 70%; } body.content.wide #main { width: 100%; } body.content #main .inside { margin-left: 20px; margin-right: 20px; } body.content #right { width: 30%; } body.content #right .inside { margin-right: 20px; } .content #main .mod_article { overflow: visible; } #main .pdf_link { display: none; } #footer .inside { margin: 0 20px; } #main .mod_catalogreader .main, #main .mod_catalogreader .rechts, #main .wbox { width: 100% !important; float: none; padding: 0; margin-left: 0; margin-right: 0; } #main .mod_catalogreader .rechts > div { padding: 10px 20px; } #main .wbox > * { padding: 20px 0 0 20px; } #main .wbox h4 { padding-top: 25px; } #main .wbox .rte { padding-top: 0; } /* Mobile Menu */ .mobile_menu input.text { height: 35px !important; } .mobile_menu .invisible { display:none; } .mod_mobile_menu { position: absolute; top: 45px; right: 20px; font-size: 2.5em; cursor: pointer; } .mobile_menu .submit { display: none; } .mobile_menu input.text { margin: 0; width: 95%; } .mobile_menu .inner { background: #276DA1; color: white; font-size: 1.2em; text-align: left; } .mobile_menu ul { border-top: 1px solid #18527A; } .mobile_menu ul.level_2, .mobile_menu ul.level_3, .mobile_menu ul.level_4 { margin: 0; } .mobile_menu li { list-style: none; height: auto; font-weight: 100; border-bottom: 1px solid #18527A; position: relative; padding: 0; } .mobile_menu li.last { border: none; } .mobile_menu ul.level_2 li { background: #2c7dbb !important; } .mobile_menu ul.level_3 li { background: #3c8fce !important; } .mobile_menu ul.level_4 li { background: #489dde !important; } .mobile_menu li.active { background: #07436D !important; } .mobile_menu li.submenu_hide:after, .mobile_menu li.submenu_show:after { font-family: FontAwesome; display: block; width: 10px; height: 10px; position: absolute; right: 20px; top: 11px; z-index: 0; } .mobile_menu li.submenu_hide:after { content: "\f107"; } .mobile_menu li.submenu_show:after { content: "\f106"; } .mobile_menu a, .mobile_menu strong { color: white; display: block; position: relative; z-index: 10; padding: 10px 20px; } .mobile_menu strong.active { background: #07436D; } /* mobile Menue Ende */ .flexed { max-width: 348px; } .flexheader { max-width: 333px; } .content-teaser.content-text.block { max-width: 100%; float: none; } .content-teaser.content-text.block { width: 75%; } } @media only screen and (max-width: 800px) { #main .ce_form label { float: none; } #main .ce_form select { width: 76%; } #main .ce_form .checkbox { margin-left: 3px; } #main .ce_form .submit { margin: 10px 0px 15px 3px; } #main .mod_catalogreader .systematik { width: 100%; padding: 5px 0; margin: 0 0 20px 0; text-align: center; } #main .swiper_wrapper img { max-width: 100%; height: auto; } #main .ce_slider_item h1 { top: 15%; } #main .ce_slider_item p { top: 40%; font-size: 1em; } #main #start .content-swiper { height: fit-content; } #main .ce_metamodel_content .col.header { display: none; } #main .ce_metamodel_content .item, #main .ce_metamodel_content .col { display: block; } #main .ce_metamodel_content .layout_mini .item { min-height: 0%; } #main .krankheiten_symptome .ce_metamodel_content .item { min-height: 160px; } #main .innenvoliere_zimmervoliere_kaufen .ce_metamodel_content .item { min-height: 720px; } #main .ce_metamodel_content .item { border-bottom: 5px solid #F2F2F2; width: 100%; /* min-height: 370px; */ float: left; padding: 5px 0; } #main .ce_metamodel_content .infoblock { height: auto; } #main .mod_catalogreader .file li { margin-right: 6px; } #main .mod_catalogreader .foto_pflanze, #main .mod_catalogreader .catalog_leser_details_krank .foto, #main .ce_metamodel_content .detailinfo { float: none; width: 100%; max-width: 100%; } #main .rezepte_detail .ce_metamodel_content .item, #main .kranheiten_detail .ce_metamodel_content .item { width: 100%; } #main .ce_metamodel_content .col { border-top: 0; padding: 2px 8px; } #main .ce_metamodel_content img { width: 96%; margin-bottom: 5px; } #main .ce_metamodel_content img { max-width: 100% !important; } #main .rezepte_detail .ce_metamodel_content img, #main .koernerfutter_kaufen_detail .ce_metamodel_content img { max-width: 300px !important; } #main .ce_metamodel_content .col:first-child { max-width: 100% !important; } #main .ce_metamodel_content .item .label { display: block; padding: 2px 8px; float: left; } #main .mejs-overlay .mejs-layer { width: 100%; height: 100%; } #main .mejs-overlay .mejs-layer .mejs-overlay-play { width: 100%; height: 100%; } .content-player video { padding: 0 0 0 15px; } #main .content-text ul { margin-top: 0px; } #main .wbox > { padding: 10px 20px 0 10px; } } @media only screen and (max-width: 665px) { body.content #main .media--right figure { margin: 0 0 0px 46px; } #main .box_middle, #main .box_middle:nth-child(2n+1), #main .col_460 { width: 100%; margin-left: 0; } #main .box_middle { height: auto; } #main .box_middle figure { width: auto; margin: 0 20px 0 0; } #main .box_middle figure img { width: auto; } #main .mod_newslist .layout_latest, #main .weblinks .inside { margin: 20px; } body.content #main, body.content #right { width: 100%; } body.content #right { margin-top: 0; } body.content #right .inside { margin-left: 20px; } #main .ce_comments input.text, #main .ce_comments input.captcha, #main .ce_comments textarea { width: 98%; } #main .swiper-pagination-horizontal { padding-left: 35%; bottom: 10%; } footer { height: 100% !important; background: #276DA1; border-top: 2px solid #18527A; } #footer .cell { display: block; padding: 0; width: 50%; float: left; } #footer .copyright { padding: 20px 0; margin: 0 -20px; background: #343434; } } @media only screen and (max-width: 570px) { #main .swiper-pagination-horizontal, #main .swiper-pagination .swiper-pagination-bullet, #main .ce_slider_item .swiper-button-prev, #main .ce_slider_item .swiper-button-next, #main .ce_slider_item h1, #main .ce_slider_item p { display: none; } .startseite #main .content-text.icon { width: 50%; margin-bottom: 10px; } #main .content-text figure { float: none; } #response p { padding: 0 20px; } #main h1.content-headline, #main .headline { margin-left: 0; } #main .headline p { font-size: 0.75em; } #main .mod_catalogreader .image, #main .mod_catalogreader .images { width: 94%; } #main .mod_booknav li a { font-size: 0; } .ce_metamodel_content .detailinfo { max-width: 62%; } #main .flexed, #main .flexheader { width: 70%; } #main .content-teaser { width: 85%; } } @media only screen and (max-width: 420px) { #header #logo { width: 60%; } #main .mod_breadcrumb ul{ margin: 15px 0px 15px 0px; } #main .mod_breadcrumb li { padding: 3px; } #main .mod_article { margin-left: -8px; } #main .box_middle, #main .box_middle figure, #main .box_middle h3, #main .box_middle p { width: 95%; padding: 2%; text-align: center; } #main .box_middle figure img { margin: 10px auto; float: none; } body.content #main .media--right figure { float: right; } body.content #main .media--left figure { float: left; } body.content #main .media--right p, body.content #main .media--left p { clear: both; } #main .infobox { margin: 0 20px 20px -15px; } .startseite #main .content-text.icon { width: 100%; } #main .ce_metamodel_content .item { width: 100%; } #main .einstreu_detail .ce_metamodel_content .item, #main .farbschlagsdetails .ce_metamodel_content .item { width: 50%; } #main .phytotherapie_anwendung .rechts { width: 130px; } .flexheader { max-width: 300px; } .flexed { max-width: 313px; } #footer .cell { display: block; width: 100%; float: none; } .content-teaser.content-text.block { width: 95%; } .content-player video { max-width: 93%; height: auto; padding-left: 10px; } }