@import url('print.css') print; /*** reset css ***/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} body{ font-family: Source Sans Pro, Arial; font-size: 0.938em; color: #333333; overflow: scroll; line-height: 20px; background-image: url("../images/news-line.png"); background-repeat: repeat-x; background-position: center 842px; } /*If OCE is active*/ body[cz-shortcut-listen="true"] { background-position: center 878px; } body[style="margin-top: 84px;"] { background-position: center 924px; } /**/ h1, h2, h3, h4 { line-height: 120%; } h2 { color: #86846b; } p { color: #333333; font-size: 14px; } i, em { font-style: italic; } b,strong { font-weight: 700; } #content a:hover { color: #003560; } #container-inner ul, #container-inner ol { display: table; } p.rule, div.trenner { border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 20px; line-height: 1px; height: 1px; clear: both; } a:focus { text-decoration: none; } a.more { background: url("../images/link.png") no-repeat scroll right center rgba(0, 0, 0, 0); padding-right: 14px; } .strong { display: inline; font-size: 1.5em !important; font-weight: bold; } #content .teaserfont { border: 0 none; color: #86846b !important; font-size: 112% !important; font-weight: 500 !important; margin-bottom: 4px; text-transform: uppercase; } #content img { display: block; height: auto; max-width: 100%; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { color:#000; } th { font-weight: bold; } /* ##################### ###### HEADER ####### ##################### */ #header { background: #e3e2d4; padding: 0; height: 401px; } .unterseite #header { height: auto; } #header .navigation { margin-top: 8px; position: relative; } #header .logo { left: 4px; position: absolute; top: -8px; z-index: 4; width: auto; } .navbar-header { display: none; } /* .unterseite #header .logo img { box-shadow: 0px 0px 7px gray; } */ /*metanavi*/ #header .meta-navi { height: 32px; margin-bottom: 10px; margin-left: 27px; padding-top: 12px; } #header .meta-navi ul { float: right; } #header .meta-navi ul li { float: left; margin-left: 10px; } #header .meta-navi ul li a { display: block; color: #000; font-size: 14px; line-height: 22px; } #header .meta-navi ul li a.navlink_de, #header .meta-navi ul li a.navlink_en, #header .meta-navi ul li a.activelink { display: inline; } .header__metanavigation .meta-navi li a.activelink:hover, #header .meta-navi ul li a.activelink:hover { text-decoration: none; cursor: default; } .header__metanavigation .meta-navi li a.activelink, #header .meta-navi ul li a.activelink { font-weight: 600; } /*Searchbar*/ #header .search { padding: 0; margin-top: 3px; width: 22%; float:right; } #header .search form { float: right; margin-top: 4px; margin-bottom: 15px; } #header .search input[type=text] { background-color: transparent; border: 1px solid #0D70B1; border-right-width: 0; height: 30px; padding: 6px 5px 6px 10px; border-radius: 6px 0 0 6px; width: 170px; font-size: 13.3333px; color: #000000; } #header .search input[type=text]:focus { outline: 0; border-color: rgb(240, 124, 0); } #header .search button[type=submit] { border: 1px solid #0D70B1; border-radius: 0 6px 6px 0; background-color: #0D70B1; color: #fff; width: 30px; height: 30px; cursor: pointer; } #header .search button:hover { background-color: rgb(240, 124, 0); } #header .search button svg { width: 14px; fill: #fff; top: 2px; position: relative; } /*Searchbar mobile*/ #header .search-mobile { float: right; margin-top: 0px; padding: 0; height: auto; z-index: 20; } #header .search-mobile .fa-search { color: #fff; font-size: 20px; } #header .search-mobile form { margin: 0; } #header .search-mobile form { float: right; margin-top: 0; width: 100%; padding-top: 22px; background: #0068B4; } #header .search-mobile input[type=text] { background: #fff; border: 1px solid #0D70B1; height: 36px; padding: 2px 6px; border-radius: 4px 0 0 4px; width: 90%; float: left; } #header .search-mobile .btn { border: medium none; border-radius: 0 4px 4px 0; color: transparent; cursor: pointer; float: left; height: 34px; margin-left: -1px; margin-top: 1px; padding: 6px 11px; position: absolute; width: 40px; background: darkgray; } #header .search-mobile .form-group { float: left; width: 100%; } /*---main-navi----*/ #header .main-navi, .navbar { background: none repeat scroll 0 0 #006cb2; padding-right: 0; border-radius: inherit; height: 42px!important; } #header .main-navi ul { float: right; } #header .main-navi ul li { float: left; height: 54px; position: relative; z-index: 2; } .unterseite #header .main-navi ul li {} #header .main-navi ul li .submenu li { padding-bottom: 0; } .unterseite #header .main-navi .submenu li{ background: none; } #header .main-navi .submenu-wrapper { background: none; display: block; margin-top: 11px; position: absolute; top: -12px; width: 100%; height: 60px; } #header .main-navi ul li a { background: #0068b4 none repeat scroll 0 0; border-right: 1px solid #e3e2d4; color: #fff; display: table-cell; font-size: 1.02em; height: 42px; line-height: 16px !important; margin-bottom: auto; margin-top: auto; padding: 0 30px 3px; text-align: center; vertical-align: middle; width: 152px; } #header .main-navi ul li:first-child a { } #header .main-navi ul li:nth-child(5) a { background: none repeat scroll 0 0 #ef7c00; } #header .main-navi ul li:nth-child(5):hover a { background: none repeat scroll 0 0 #B76000; } #header .main-navi ul li:nth-child(5) a { border: none; } #header .main-navi ul li ul li:last-child a { border-right: medium none; border-top: 1px solid white; } #header ul.submenu li:last-child a { border-top: 1px solid white !important; } /* #header .main-navi ul li a.active { text-decoration: none; background: none repeat scroll 0 0 #ef7c00; } #header .main-navi ul li a.active:hover { background: none repeat scroll 0 0 #ef7c00; }*/ #header .main-navi ul li a:hover { background: none repeat scroll 0 0 #003664; text-decoration: none; } #header .main-navi ul li:hover a { background: none repeat scroll 0 0 #003664; text-decoration: none; } #header .main-navi ul li:hover .submenu a { background: none; } /*submenu*/ #header .main-navi ul li .submenu { background: none repeat scroll 0 0 #fff; box-shadow: 0px 0px 5px 2px #bfbfbf; left: -251px; min-height: 250px; height: auto; min-width: 740px; position: absolute; top: 54px; z-index: 3; line-height: 120%; } #header .main-navi ul li .submenu li { height: auto; } #header .main-navi ul li .submenu:after { border-bottom: 9px solid #ffffff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; left: 43%; position: absolute; top: -7px; z-index: 3; width: 20px; height: 10px } #header .main-navi ul li .submenu { display: none; } #header .main-navi ul li:hover .submenu { display: block; } /* #header .main-navi ul li .menu-wrapper { height: 500px; position: absolute; width: 100%; }*/ #header .main-navi ul li .submenu li { float: left; } #header .main-navi ul li ul li a { border-top: 1px solid white; background: none; min-width: 143px; border-right: none; max-width: 246px; text-align: left; width: inherit; padding-left: 22px; height: 38px; font-size: 0.9em; } /* #header .main-navi ul li:hover a, #header .main-navi ul li a:hover { background: #EF7C00!important; }*/ #header .main-navi ul li ul li a:hover { background: none; } #header .main-navi ul li ul li a:first-child { padding-top: 0; border-top: 1px solid white !important; } /*sub-submenu*/ /*erste Navi Box*/ #header .main-navi ul li ul .first-navi-box { width: 250px; } #header .main-navi ul li ul .first-navi-box span { color: #0068B4; display: block; font-weight: 600; font-size: 14px; margin-bottom: 9px; font-family: Source Sans Pro,Arial; } #header .main-navi ul li ul .first-navi-box ul { width: 250px; height: 50px; } #header .main-navi ul li ul .first-navi-box ul li { height: 115px; } #header .main-navi ul li ul .first-navi-box ul li .nav-image { float: left; width: 102px; margin-right: 9px; height: 67px; overflow: hidden; } #header .main-navi ul li ul .first-navi-box ul li .nav-image img { width: 100%; } #header .main-navi ul li ul .first-navi-box ul li .nav-image a { padding: 0; min-width: inherit; } #header .main-navi ul li ul .first-navi-box ul li .nav-text { float: right; width: 136px; overflow: hidden; height: 70px; } #header .main-navi li + li + li + li .submenu { left: -390px; } #header .main-navi li + li + li + li .submenu:after { left: 62%; } #header .main-navi li + li + li + li + li .submenu { left: -489px; } #header .main-navi li + li + li + li + li .submenu:after { left: 75%; } .unterseite #header .main-navi ul li ul .first-navi-box ul li .nav-text p { line-height: 1.2!important; } #header .main-navi ul li ul .first-navi-box ul li .nav-text a { border: medium none; display: inline; padding: 0; } /*zweite Navi Box*/ #header .main-navi ul li ul .second-navi-box { width: 200px; margin-left: 23px; } #header .main-navi ul li ul .second-navi-box ul { width: 200px; height: auto; } #header .main-navi ul li ul .second-navi-box ul span, #header .main-navi ul li ul .third-navi-box ul span { color: #86846b; font-size: 106%; font-weight: 500; height: 19px; margin-bottom: 10px; text-transform: uppercase; display: block; padding-left: 8px; } #header .main-navi ul li ul .second-navi-box ul li, #header .main-navi ul li ul .third-navi-box ul li { width: 100%; } #header .main-navi ul li ul .second-navi-box ul li a, #header .main-navi ul li ul .third-navi-box ul li a { padding: 0; height: auto; border-bottom: 2px solid #f1f1e9; padding: 4px 0 5px 8px; font-size: 1.02em; max-width: inherit; width: auto; } #header .main-navi ul li ul .second-navi-box ul li a:hover, #header .main-navi ul li ul .third-navi-box ul li a:hover { background: #0168b5; color: #fff; } /*dritte Navi Box*/ #header .main-navi ul li ul .third-navi-box { margin-right: 0; margin-left: 25px; } #header .main-navi ul li ul .third-navi-box { width: 200px; } #header .main-navi ul li ul .third-navi-box ul { width: 200px; height: auto; } /**/ #header .main-navi ul li ul li ul { background: none; position: inherit; box-shadow: inherit; } #header .main-navi ul li ul.submenu { padding: 19px; } #header .main-navi ul li ul li ul:after { border: none; content: inherit; position: inherit; } #header .main-navi ul li ul li ul li { } #header .main-navi ul li ul li ul li a { color: #0068B4; } #header .main-navi ul li ul li { position: relative; } #header .main-navi ul li .submenu { left: 20px; top: 53px; z-index: 2; border: 1px solid #ccc; } #header .main-navi ul li .submenu:after { left: 7%; } #header .main-navi ul li + li .submenu { left: -132px; } #header .main-navi li + li .submenu:after { left: 27%; } #header .main-navi ul li + li +li .submenu { left: -284px; } #header .main-navi ul li + li +li .submenu:after { left: 48%; } #header .main-navi ul li + li + li + li .submenu { left: -436px; } #header .main-navi li + li + li + li .submenu:after { left: 68%; } #header .main-navi ul li + li + li + li + li .submenu { left: -588px; } #header .main-navi li + li + li + li + li .submenu:after { left: 89%; } /*NEW Startcontent*/ .startseite .ui-tabs { min-height: 420px; } .startseite .news { margin-top: 0; margin-bottom: 0; } #content .small-column .donate input { width: 75% !important; } .startseite .third { width: 100%; } .startseite .download-box { margin-left: 20px !important; } .startseite #sudoslider-third ul li { max-width: 232.533px !important; } .startseite .float-box .text { padding: 20px; height: auto; margin-bottom: 40px; } .startseite .news .big-column { margin-top: 30px; } .startseite .news .small-column { margin-top: 30px; } .startseite .small-column { margin-top: 71px; } .startseite .big-column { margin-top: 20px; } .startseite .box.yellow-box, .startseite .box.blue-box { width: 48.5%; } #content .simple-teaser { margin-bottom: 30px; clear: both; } #content .simple-teaser .teaser-box { margin-left: 0; } #content .small-column h2 { border: 0 none; color: #86846b; font-size: 112%; font-weight: 500; margin-bottom: 4px; text-transform: uppercase; padding-bottom: 9px; } /**/ /*Content Tabs*/ #content .tabs-content { min-height: 50px!important; margin-bottom: 20px; font-family: Source Sans Pro,Arial; } #content .tabs-content .ui-tabs-panel { border-bottom: 1px solid #dadbd1; border-left: medium none; border-radius: 0; border-right: medium none; } #content .tabs-content ul { margin-bottom: 0; } .unterseite #content .big-column .tabs-content ul li { background: none; padding-left: 16px; } #content .tabs-content .ui-tabs-nav .ui-state-default a { font-weight: normal; } .unterseite #content .big-column .tabs-content ul li:hover { background: #86846B; } #content .big-column .tabs-content ul .ui-tabs-active:hover { background: #fff; } #content .tabs-content .ui-tabs-panel { border-top: 1px solid #0068b4; } #content .tabs-content .ui-widget-header { background: none; clear: both; font-weight: normal; border: none; } #content .tabs-content .ui-tabs-nav li.ui-tabs-active { border-color: #0068b4 #0068b4 #fff; border-style: solid; border-width: 1px 1px 2px; color: #0068b4; margin-bottom: -1px; z-index: 1; } #content .tabs-content { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; margin-bottom: 20px; min-height: 50px !important; } #content .tabs-content p { font-weight: normal; } #content .tabs-content .ui-corner-top { border-top-left-radius: 8px; border-top-right-radius: 8px; } #content .ui-state-active, #content .ui-widget-content .ui-state-active, #content .ui-widget-header .ui-state-active { font-weight: normal; } #content .tabs-content .ui-widget-content { background: #fff; } #content .tabs-content .ui-tabs .ui-tabs-nav li a { font-weight: normal; } .unterseite #content .big-column .ui-tabs-panel ul li { background: rgba(0, 0, 0, 0) url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto; border: medium none; display: block; float: none; height: auto; list-style: outside none disc; padding: 0; padding-bottom: 1px; padding-left: 19px; position: inherit; color: #000; } .unterseite #content .big-column .ui-tabs-panel ul li:hover { background: rgba(0, 0, 0, 0) url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto; } /**/ /*--CONTENT--*/ #content { clear: both; height: auto; margin-bottom: 30px; overflow: hidden; padding: 0 0 30px 0; min-height: 500px; } #content a { color: #0068B4; } #content ul li, #content ol li { list-style: none; font-size: 15px; white-space: unset!important; } .big-column ul li, .big-column ol li { background: url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto rgba(0, 0, 0, 0); padding-left: 19px; padding-bottom: 1px; } #content .slider-second ul li { background: none; padding-left:0; padding-bottom:0; } #content ul, #content ol { margin-bottom: 20px; } .big-column { padding: 0 22px 0 0; } .small-column { padding-right: 0; } .tooltip.forge-tooltip-window { left: 0!important; } .tooltip.top .tooltip-arrow { left: 12px; } /*Slider*/ .slider { clear: both; display: block; height: 298px; overflow: hidden; padding: 0; position: relative; top: 0; z-index: 0; } .slider.slider-nonav { height: 400px; } .slider.slider-nonav .controls a { top: 172px; } @media screen and (min-width: 980px) { .nocontrols + .controls { display: none !important; } } .slider.slider-nonav .image { background-size: auto 400px!important; height: 400px!important; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; position: relative; height: 402px; } .slider div.text { bottom: 128px; height: 34%; left: 0; padding-left: 116px; position: absolute; width: 100%; top: 127px; } .slider .h1 { color: #fff; font-size: 2.4em; font-weight: 700; } .slider .h1 a { color: #fff; font-weight: 700; } #header .slider .h1 a:hover { text-decoration: none; } .slider li:first-child { position: relative; display: block; float: left; } #header .rslides .image { height: 298px; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .slider .rslides1_nav { background: none repeat scroll 0 0 #fff; color: #0068b4; font-family: 'Trebuchet MS'; font-size: 1.4em; font-weight: 700; height: 30px; line-height: 26px; padding: 2px 9px; position: absolute; top: 106px; z-index: 2; } .slider .rslides1_nav:hover { text-decoration: none; } .slider .rslides1_nav:focus { text-decoration: none; } .slider .prev { left: 0; border-radius: 0 5px 5px 0; } .slider .next { right: 0; border-radius: 5px 0px 0px 5px; } /*startseite*/ .news{ clear: both; min-height: 420px; overflow: hidden; margin-top: 30px; margin-bottom: 20px; } /*Startseiten TABs*/ #tabs .ui-tabs-panel { margin-left: -7px; } #tabs2 .ui-tabs-panel { padding-left:0; } .ui-tabs-anchor img { display: block; height: 37px!important; margin: 0 auto; padding-top: 7px; } .sudoslider .column { margin-bottom: 5px; padding: 0; border-right: 14px solid white; background: none; } .sudoslider .column h2 { font-size: 15px!important; margin-bottom: 4px!important; margin-top: 7px!important; font-weight: bold!important; list-style: none; } .sudoslider .column .image { /*background: url("../images/news-arrow.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); */ position: relative; } .sudoslider .column .image:after { content: ''; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #FFFFFF; position: absolute; bottom: 0; left: 13px; } .sudoslider .column .image img { display: block; height: auto; max-width: 102%; width: 100%; z-index:-1; position:relative; } .sudoslider .column .text-s { margin-top: 17px; } .sudoslider .column .text-s { margin-top: 7px; } .sudoslider .rslides { overflow:inherit; } .sudoslider + .controls { clear: both; display: block; height: 33px; padding-right: 5px; width: 100%; margin-bottom: 20px; } #tabs-1 .sudoslider + .controls { position:absolute!important; padding-right: 5px; bottom: 19px; height: inherit; clear: inherit; display: inline; margin-bottom: 0; } .sudoslider + .controls a { background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; font-family: 'Trebuchet MS'; font-size: 1.1em; font-weight: 500; height: 30px; left: 15px; line-height: 24px; margin-left: 0; padding: 2px 9px; } #tabs-1 .sudoslider + .controls a { background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; font-family: 'Trebuchet MS'; font-size: 1.1em; font-weight: 500; height: 30px; left: 15px; line-height: 24px; margin-left: 0; padding: 2px 9px; position: relative; margin-top: 23px; } /* .sudoslider .column { max-width: 227px; min-width: 227px; } */ .sudoslider ul li { background: none!important; padding-left: 0!important; } .sudoslider + .controls a:hover { text-decoration: none; } .sudoslider + .controls .prevBtn { border-radius: 5px 0 0 5px; } .sudoslider + .controls .nextBtn { border-radius: 0px 5px 5px 0px; } /*später löschen*/ #sudoslider .column { margin-bottom: 5px; padding: 0; border-right: 18px solid white; background: none; } #sudoslider .column h2 { font-size: 15px!important; margin-bottom: 4px!important; margin-top: 7px!important; font-weight: bold!important; list-style: none; } #sudoslider .column .image { /*background: url("../images/news-arrow.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); */ position: relative; } #sudoslider .column .image:after { content: ''; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #FFFFFF; position: absolute; bottom: 0; left: 13px; } #sudoslider .column .image img { display: block; height: auto; max-width: 102%; width: 100%; z-index:-1; position:relative; } #sudoslider .column .text-s { margin-top: 17px; } #sudoslider .column .text-s { margin-top: 7px; } #sudoslider .rslides { overflow:inherit; } .sudoslider + .controls { clear: inherit; display: inline; height: inherit; margin-bottom: 34px; padding-right: 5px; width: 11% !important; } .sudoslider + .controls + .btn{ background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; font-size: 12px; height: 30px; left: 0; margin-top: 23px; position: relative; margin-bottom: 34px; } #tabs-1 #sudoslider + .controls { position:absolute!important; padding-right: 5px; bottom: 19px; height: inherit; clear: inherit; display: inline; margin-bottom: 0; } .startseite .ui-tabs { position: relative; } #sudoslider + .controls a { background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; font-family: 'Trebuchet MS'; font-size: 1.1em; font-weight: 500; height: 30px; left: 15px; line-height: 24px; margin-left: 0; padding: 2px 9px; } #tabs-1 #sudoslider + .controls a { background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; font-family: 'Trebuchet MS'; font-size: 1.1em; font-weight: 500; height: 30px; left: 15px; line-height: 24px; margin-left: 0; padding: 2px 9px; position: relative; margin-top: 23px; } #tabs-6 .sudoslider .column .image { height: 107px; overflow: hidden; } #content #tabs-6 .btn { bottom: -44px; left: 8px; } #content #tabs-6 .sudoslider + .controls { bottom: -34px; } #sudoslider + .controls a:hover { text-decoration: none; } #sudoslider + .controls .prevBtn { border-radius: 5px 0 0 5px; } #sudoslider + .controls .nextBtn { border-radius: 0px 5px 5px 0px; } /*mobile Slider*/ #sudoslider-top-mobil, .mobilslider.slider { height: auto!important; } #sudoslider-top-mobil img { height: auto; max-width: 100%; } /**/ #tabs-1 .btn{ background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; font-size: 12px; height: 30px; left: 0; top: -9px; position: relative; margin-top: 23px; line-height: 2; } /* #tabs-1 #sudoslider + .controls { bottom: -76px; clear: inherit; display: inline; height: inherit; left: -8px; margin-bottom: 0; padding-right: 5px; position: absolute !important; } */ #tabs-1 .btn:hover{ background: none repeat scroll 0 0 #0068b4; color: #fff; } #tabs-1 .controls a:hover { background: none repeat scroll 0 0 #0068b4!important; color: #fff!Important; } #tabs-6 .btn, #tabs-5 .btn{ background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; bottom: 28px; color: #0068b4; display: block; float: left; font-size: 12px; height: 30px; left: 0; margin-bottom: 10px; position: absolute; } .startseite.logo-einzeilig #tabs-6 .btn, .startseite.logo-einzeilig #tabs-5 .btn { bottom: 6px; } .startseite.logo-einzeilig #tabs-6 .sudoslider + .controls, .startseite.logo-einzeilig #tabs-5 .sudoslider + .controls { bottom: 16px; } #tabs-6 .sudoslider + .controls, #tabs-5 .sudoslider + .controls { bottom: 38px; clear: inherit; display: inline; height: inherit; left: 126px; margin-bottom: 0; padding-right: 5px; position: absolute !important; } #tabs-6 .btn:hover, #tabs-5 .btn:hover{ background: none repeat scroll 0 0 #0068b4; color: #fff; } #tabs-6 .controls a:hover, #tabs-5 .controls a:hover { background: none repeat scroll 0 0 #0068b4!important; color: #fff!Important; } .ui-state-default:hover { background: #86846b; color: #fff; border-left: 1px solid #86846b!important; border-right: 1px solid #86846b!important; border-top: 1px solid #86846b!important; } .ui-state-active:hover{ background: #fff!important; border-left: 1px solid #0068b4!important; border-right: 1px solid #0068b4!important; border-top: 1px solid #0068b4!important; } #content .ui-state-default:hover a{ color: #fff!important; } #content .ui-state-active:hover a{ color: #0068b4!important; } .ui-tabs-nav { padding: 0!important; } .ui-helper-clearfix: before, .ui-helper-clearfix:after { border-collapse: collapse; content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix: before, .ui-helper-clearfix:after { border-collapse: collapse; content: ""; display: table; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-widget-header { border: 1px solid #aaaaaa; color: #222222; font-weight: bold; } .ui-helper-clearfix { min-height: 0; } .ui-helper-reset { border: 0 none; font-size: 100%; line-height: 1.3; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; text-decoration: none; } .ui-tabs .ui-tabs-nav li { border-bottom: 1px solid #0068b4; float: left; height: 46px; list-style: none outside none; margin: 0; padding: 7px; position: relative; top: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; border-top: 1px solid #0068B4; border-right: 1px solid #0068B4; border-left: 1px solid #0068B4; border-bottom: 2px solid #fff; color: #0068B4; z-index: 1; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { border-collapse: collapse; content: ""; display: table; } #content .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #0068B4; margin-bottom:-1px; } #content .ui-tabs .ui-tabs-nav li.ui-tabs-active a:focus { text-decoration:none; } #content .ui-tabs .ui-tabs-nav .ui-state-default a { color: #86846B; font-size: 18px; } .startseite.logo-einzeilig #tabs-1 #sudoslider + .controls { bottom: -2px; } .startseite.logo-einzeilig #tabs-1 .btn { top: 12px; } .icon-bar { background-color: #ffffff; } .icon-bar { height: 3px; } /*FONTAWESOME ICONS*/ .ui-tabs-nav .fa { display: block; } #content .fa-arrow-right.fa-arrow2-right{ padding-right: 5px; } .fa { font-weight: normal; font-style: normal; } .ui-tabs-nav .fa-twitter { display: block; font-size: 194%; padding-top: 5px; text-align: center; font-family: 'FontAwesome'; } .ui-tabs-nav .fa-facebook { display: block; font-size: 195%; padding-top: 6px; text-align: center; font-family: 'FontAwesome'; } .ui-tabs-nav .fa-youtube { display: block; font-size: 186%; padding-top: 6px; text-align: center; font-family: 'FontAwesome'; } .ui-tabs-nav .fa-users { display: block; font-size: 184%; padding-top: 6px; text-align: center; font-family: 'FontAwesome'; } .btn .fa-pencil { margin-left: -21px; margin-right: 8px; font-size: 117%; } .unterseite .dropdown-toggle .fa-bars { color: #fff; position: absolute; right: 7%; line-height: 19px; font-size: 14px; line-height: 22px; } .donate .btn .fa-arrow-right { font-size: 90%; } .donate .btn .fa-arrow-right { margin-right: 3px; } .content-navi .fa-arrow-right { position: absolute; top: 33%; } .fa-phone { color: #0068b4; } .fa-envelope-o { color: #0068b4; } .fa-file-pdf-o { margin-right: 3px; } #tabs .ui-tabs-nav .ui-state-default:first-child { width: auto; padding: 7px 19px; } #tabs .ui-tabs-nav .ui-state-default{ width: 69px; padding:0; background-image: none; } .ui-tabs .ui-tabs-nav li { border-bottom: 1px solid #0068B4; float: left; list-style: none outside none; margin: 0; position: relative; top: 0; white-space: nowrap; padding: 7px 15px; height: 44px; background-image: none; } .ui-tabs .ui-tabs-nav li a { text-transform: uppercase; line-height: 33px; } .ui-tabs .ui-tabs-nav li a:hover { text-decoration: none; } .ui-tabs .ui-tabs-nav li a:focus { border: none!important; } .ui-tabs .ui-tabs-nav li a img:focus { border: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; color: #212121; font-weight: normal; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; color: #212121; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; color: #555555; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; color: #555555; font-weight: normal; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 8px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 8px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; color: #212121; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; color: #555555; font-weight: normal; } .ui-tabs-panel { border-top: 1px solid #0068b4; margin-top: -1px; padding: 20px 0 10px 7px; } #tabs2 .ui-tabs-panel, #tabs3 .ui-tabs-panel { margin-top: -21px; padding-left: 15px !important; padding-right: 8px !important; } #tabs .ui-tabs-panel { margin-top: -21px; padding-right: 0px !important; padding-left: 7px !important; } /* ##################### ##### CONTENT ####### ##################### */ /*aktionen und projekte startseite*/ #content .projects > h2, #content .participate > h2 { color: #86846b!important; text-transform: uppercase!important; margin-bottom: 33px!important; font-weight: 500!important; font-size: 18px!important; height: 19px!important; border: none!important; } #content .projects > h4, #content .participate > h4 { color: #86846b; text-transform: uppercase; margin-bottom: 33px; font-weight: 500; font-size: 18px; height: 19px; border: none; clear: both; } .projects { margin-bottom: 10px; /* overflow: hidden;*/ } .projects .article { padding: 0; margin-bottom: 20px; overflow: hidden; } .projects .article img { float: left; display: block; height: auto; max-width: 100%; } .projects .article .image { padding:0; width: 49%; } .projects .article .text { float: left; padding-left: 22px; border-top: 1px solid #86846b; min-height: 228px; } .projects .article .text p { font-size: 14px; } #content .projects .article .text h4 { margin-bottom: 10px; margin-top: 5px; color: #86846b; /*text-transform: uppercase;*/ font-size: 13pt; /* 80% */ font-weight: 700; } .projects .article .text h4 a { color: #86846b!important; } #content .projects .article .text h3 { color: #0068b4!important; margin-bottom: 5px; font-size: 20px!important; font-weight: 700; margin-top: 14px; } /*Mitmachen Startseite*/ .participate { padding: 0; } .participate h2 { margin-bottom: 22px; } .yellow-box { background: #ffcc00; padding: 22px; color: #816300; } .actions .participate .box+.box { margin-left: 20px; } .actions .participate box { margin-left: 0px; } .actions .participate div.col-xs-6 { width: 48%; } /*spenden startseite*/ .donate-col { float: right; } .actions .donate-help { padding-top: 0px; } .actions .donate-help h3 { display: flex; display: flexbox; display: box; display: -ms-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; } /*tipps startseite*/ .blue-box { background: #6f9ed4; padding: 22px; color: #fff; margin-bottom: 20px; } .actions .tips { padding: 28px 0 0 0; } .tips h2 { margin-bottom:15px; } .tips .blue-box{ margin-bottom: 30px; } .donate-help .orange-box img, .tips .orange-box img { width: 98px; } /*Image boxen unterseite*/ .image-box-blue { padding: 0; background: #0068b4; margin-bottom: 20px; } .image-box-blue h1, .image-box-blue h2, .image-box-blue h3, .image-box-blue p { color: #fff; } .image-box-blue .text { float: left; width: 55%; padding: 22px; } .image-box-blue img { float: right; } /* ##################### ###### FOOTER ####### ##################### */ #footer { background: #0068b4; clear: both; } .footer-navigation { float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 10px; } .footer-content .footer-navigation ul { } .footer-content .footer-navigation ul li { float: left; margin-right: 10px; } .footer-content .footer-navigation ul li a { color: #bccdeb; } .footer-navigation ul li.union-jack img { width: 40px; } .footer-rebrush .footer-navigation ul li.union-jack { margin-top: 1rem; } .footer-content { min-height: 200px; padding:0; } .footer-content a { color: #fff; } .footer-content a:hover { color: #BCCDEB; } .footer-content .footer-column { margin-top: 50px; margin-bottom:10px; } .footer-content .footer-column h3 { color: #bccdeb; margin-bottom: 8px; font-size: 110%; font-weight: 700; } .footer-content .footer-column p { color: #fff; margin-bottom: 14px; font-size: 14px; } /* ##################### #### UNTERSEITE ##### ##################### */ .oberteil .karte iframe { } .oberteil .karte { width: 70%; } .oberteil .statistik { width: 30%; } /*Verwandte Themen-Box*/ .related-topics { clear: both; overflow: hidden; width: 100%; margin-bottom: 20px; } .related-topics .col-xs-3 { width: 22%; } .related-topics .col-xs-8 { width: 74.667%; } .related-topics .related-content { min-height: 87px; width: 100%; clear: both; margin-bottom: 22px; } .related-topics .left { float: left; padding: 0; margin-right: 17px; } .related-topics .right { float: left; padding: 0; border-bottom: 1px solid #a19f88; min-height: 93px; margin-bottom: 20px; } .related-topics .right span { color: #0070ba; font-size: 1.05em; font-weight: 600; margin-bottom: 4px; display: block; } /**/ .box .btn { width: auto; } .box + .box { margin-left: 18px; } #content .box { margin-bottom: 20px; } .unterseite img[title=mehr] { display: inline; } .date-text { float: left; margin-right: 3px; } .unterseite { background: #fff; } .unterseite .big-column { padding: 20px 22px 0 0; } .unterseite .small-column { padding: 0 0 0 14px; } .unterseite.template2 .related-topics .col-xs-3 { width: 15%; } /* rechte Spalte */ .unterseite #content .small-column h2 { color: #86846b; font-size: 112%; font-weight: 500; margin-bottom: 4px; text-transform: uppercase; border: 0; } .unterseite #content h1 { color: #0068b4; font-size: 23pt; font-weight: 700; margin-bottom: 5px; margin-top: 28px; clear: both; } .unterseite #content h2, .speicherwald #content .sudoslider h2 { color: #86846b; font-size: 19pt; font-weight: 700; margin-bottom: 20px; padding-bottom: 9px; margin-top: 16px; clear: both; } .unterseite #content h3 { margin-bottom: 19px; color: #0068b4; font-size: 16pt; font-weight: 700; } .unterseite #content h4.gray-font, .speicherwald #content h4.gray-font { margin-bottom: 17px; color: #86846b; font-size: 13pt; font-weight: 700; } .unterseite #content h5 { margin-bottom: 13px; color: #86846b; font-size: 11pt; font-weight: 700; } .unterseite #content p { margin-bottom: 20px; color: #000; } .unterseite #content .small-column h3 { border: none; padding-bottom: 0; margin-bottom: 0!important; } .unterseite #content .small-column .donate h3 { margin-bottom: 6px!important; } .unterseite p { font-size: 100%; font-weight: normal; color: #222222; line-height: 20px; } .unterseite .teaser-text p { line-height: 28px; } #content .tabs-content p { font-size: 14px; } /*Vorschautext*/ .unterseite .teaser-text { font-size: 131.5%; line-height: 130%; } #content .teaser-box h3 { color: #0068b4; font-size: 14px; margin-bottom: 4px; margin-top: 28px; } .unterseite #content .teaser-box h3 { font-size: 15pt; margin-top: 0; } /*Zitat*/ .unterseite blockquote { color: #86846b; font-weight: 600; margin-bottom: 20px; clear: both; overflow: hidden; } .unterseite #content blockquote p { color: #86846b!important; font-size: 129%; line-height: 130%; margin-bottom:1px!important; clear: both; } .unterseite blockquote .quote-text p { display: inline-block; } .fa-angle-double-right { } .fa-angle-double-left { bottom: 0; right: 0; } .quote-text { position: relative; } .fa-angle-double-right, .fa-angle-double-left { font-size: 152%; position: absolute; } .unterseite blockquote .quote-text p { /* background: url("../images/zitat1.jpg") no-repeat scroll left 5px, url("../images/zitat2.jpg") no-repeat scroll right bottom;*/ background-origin: padding-box, content-box; padding-left: 22px; padding-right: 22px; text-align: justify; } .unterseite blockquote .author { float: left; font-size: 80%; margin-right: 5px; font-style: italic; margin-left: 22px; } .unterseite blockquote .author p { font-weight: 600; } .unterseite blockquote .date { font-size: 80%; font-weight: normal; font-style: italic; float: left; } /*Tabelle*/ table { font-size: 14px; margin-bottom: 20px; } .table-responsive > .table { margin-bottom: 20px; } .table-responsive { border: none; } .table-responsive thead th { border-top: none!important; } .table-bordered { border: none; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 4px; border-color: #a1a29a; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { line-height: 110%; } .table tr:last-child td { border-bottom: none; } .table tr td:first-child { border-left: none; } .table tr td:last-child { border-right: none; } .table tr th:first-child { border-left: none; } .table tr th:last-child { border-right: none; } /*Zebra Tabelle*/ .zebra { } .zebra tr:nth-child(even) {background: #e3e4d6;} .zebra tr:nth-child(odd) {background: #FFF;} /*Bilder im Text*/ .image-right { float: right; margin: 0 0 23px 25px; padding: 0; } .imagebig { margin-bottom: 24px; } .landingpage-wrapper .imagebig img { width: 100%; } .image-right img { display: block; height: auto; max-width: 100%; } .image-left img { display: block; height: auto; max-width: 100%; } .imagehoch { /* height: 340px !important;*/ max-height: 100%; max-width: 227px !important; } .imagehoch img { max-height: 100%; width: auto; } .caption { color: #86846b; margin-top: 4px; display: block; } .landingpage-wrapper .caption { background: rgba(0, 104, 180, 1) none repeat scroll 0 0; margin: 0; width: 100%; padding: 1.25rem; } .landingpage-wrapper #content .caption p { color: #fff!important; margin: 0!important; } #content .caption p { margin-bottom: 0!important; color: #86846b!important; margin-top: 3px; } .image-left { float: left; margin: 0 24px 16px 0; display: block; height: auto; max-width: 100%; padding: 0; } /*Breadcrumb*/ .crumb { float: right; width: 100%; height: 44px; } .crumb a { font-size: 12px; } .breadcrumb { background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important; border-bottom: 1px solid #828064; border-radius: 0; float: right; font-size: 12px; padding-left: 0; padding-top: 7px; width: 79%; padding-bottom: 6px; } .breadcrumb .home img { cursor: pointer; } /*Formular*/ form { margin-bottom: 24px; } form select { max-width: 48%!important; } form#region select { max-width: 100% !important; } form .btn { background: #0068B4; color: #fff; border: none; padding: 4px 19px; margin-right: 10px; } form .btn[type=reset] { background: #fff; border:1px solid #c3c3c1; color: darkgray; } form .btn[type=reset]:hover { background: #fff; border:1px solid #c3c3c1; color: darkgray; } .form-group { margin-bottom: 6px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-top: 2px; } form .btn:hover { background: #00508c; color: #fff; border: none; } .has-error .form-control { border-color: #dc042d; box-shadow: none; } form .btn[type=reset]:hover { background: #86846b; color: #fff; } #content .checkbox { margin-bottom: 8px; } .form-horizontal .control-label { text-align: left; } .col-sm-offset-2 { margin: 0; } .form-control { margin-bottom: 8px; } .form-control:focus { box-shadow: none; } #ui-datepicker-div { width: 12%; } .ui-datepicker .ui-widget-header { border: 1px solid #0068B4; background: #0068B4 50% 50% repeat-x; padding-bottom: 5px; padding-top: 5px; } .ui-datepicker-next.ui-corner-all, .ui-datepicker-prev.ui-corner-all { position: absolute; top: 8px; cursor: pointer; } .ui-datepicker-next.ui-corner-all { right: 5px; } .ui-datepicker-prev.ui-corner-all { left: 5px; } .ui-datepicker-title { text-align: center; font-family: Source Sans Pro, Arial; } .ui-datepicker-prev.ui-state-hover .ui-icon-circle-triangle-e { background-image: url('https://www.nabu.de/modules/formulargenerator/images/ui-icons_ffffff_256x240.png'); background-position: -80px -192px; } .ui-datepicker-next.ui-state-hover .ui-icon-circle-triangle-e { background-image: url('https://www.nabu.de/modules/formulargenerator/images/ui-icons_ffffff_256x240.png'); background-position: -48px -192px; } .ui-datepicker-calendar { width: 100%; background: #E3E2D4; } .ui-datepicker.ui-widget-content { background: #E3E2D4; } .ui-datepicker th { padding: 5px; } .ui-datepicker a.ui-state-default { border: 0; background: none; color: #0068B4; display: block; text-align: center; } .ui-datepicker td { border: 0; padding: 5px; } .ui-datepicker td:hover { border: 0!important; } .ui-datepicker a.ui-state-highlight { background: #0068B4; color: #fff; } #ui-datepicker-div a.ui-state-hover{ background: #0068B4; color: #fff; border: 0!important; } /*Unterseite Boxen*/ #content .image-box { display: block; float: right; margin-left: 20px; padding: 0; margin-bottom: 38px; z-index: 0; } .unterseite #content .image-box.yellow .btn { background: #c09100; } #content .image-box .btn { font-size: 12px; padding: 3px 10px 3px 32px; } #content .image-box.yellow .btn { width: auto; padding: 3px 10px 3px 10px; } #content .image-box .text { float: left; padding: 15px 18px; } #content .image-box .text { float: left; padding: 15px 18px; } #content .image-box .text h3 { border-bottom: 0 none; font-size: 126%; margin-bottom: 9px; margin-top: 0; padding-bottom: 0; text-decoration: none; } #content .image-box .image { display: block; padding: 0; } #content .image-box .image img { display: block; height: auto; max-width: 100%; position: relative; z-index: 0; } /*publikationen*/ #content .image-box.gray .btn { background: url("../images/blue-arrow.jpg") no-repeat scroll 6px center #fff; color: #000; } #content .image-box.gray { background: #e3e2d4; padding-bottom: 12px; } #content .image-box.gray .text .publication-head { display: block; font-weight: 700; margin-top: 16px; } #content .image-box.gray .text .publication-head:first-child { margin-top: 0; } #content .image-box.gray .text .publication { display: block; color: #0068b4; } #content .image-box.gray .text p, #content .image-box.gray .text h3 { color: #000; } #content .image-box.gray .image { /*background: url('../images/arrrow-gray.png') no-repeat scroll 15% bottom rgba(0, 0, 0, 0);*/ position: relative; } #content .image-box.gray .image:after { content: ''; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #E3E2D4; position: absolute; bottom: 0; left: 26px; } /*publikationen Content*/ #content .publication-box.gray-box { background: #e3e2d4; padding: 10px 14px 10px 16px; margin-bottom: 20px; overflow: hidden; } #content .publication-box.gray-box + .publication-box.gray-box { margin-top: -27px; } #content .publication-box.gray-box .publication-head { display: block; font-weight: 700; margin-top: 16px; } #content .publication-box.gray-box .publication-head:first-child { margin-top: 0; } #content .publication-box.gray-box .publication { display: block; color: #0068b4; } #content .publication-box.gray-box .text p, #content .publication-box.gray-box .text h3 { color: #000; } /*Mitmachen gelb*/ #content .image-box.yellow { background: #ffcc00; padding-bottom: 12px; } #content .image-box.yellow a:hover { text-decoration: none; } #content .image-box.yellow .btn { background:#c09100; color: #fff; } #content .image-box.yellow .btn:hover { background:#816300; } #content .image-box.yellow .text p, #content .image-box.yellow .text h3 { color: #816300; } #content .image-box.yellow .image { /*background: url('../images/arrrow-yellow.png') no-repeat scroll 15% bottom rgba(0, 0, 0, 0);*/ position: relative; } #content .image-box.yellow .image:after { content: ''; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #FFCC00; position: absolute; bottom: 0; left: 26px; } /*Mitmachen blau*/ #content .image-box.blue { background: #6F9ED4; padding-bottom: 12px; } #content .image-box.blue .btn { background: #0068b4; color: #fff; padding-left: 10px; width: auto; } #content .image-box.blue a:hover { text-decoration: none; } #content .image-box.blue .btn:hover { background: #00508C; } #content .image-box.blue .text p, #content .image-box.blue .text h3 { color: #fff; } #content .image-box.blue .image { position: relative; } #content .image-box.blue .image:after { content: ''; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #6F9ED4; position: absolute; bottom: 0; left: 26px; } /*Mitmachen gruen*/ #content .image-box.green { background: #86BC43; padding-bottom: 12px; } #content .image-box.green .btn { background: #58891F; color: #fff; padding-left: 10px; width: auto; } #content .image-box.green a:hover { text-decoration: none; } #content .image-box.green .btn:hover { background: #4A721A; } #content .image-box.green .text p, #content .image-box.green .text h3 { color: #fff; } #content .image-box.green .image { position: relative; } #content .image-box.green .image:after { content: ''; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #86BC43; position: absolute; bottom: 0; left: 26px; } /*Ansprechpartner*/ .contact-box { padding: 0; margin-bottom: 38px; } .contact-box .image { padding: 0; } .contact-box .image img { height: auto; max-width: 100%; display: block; } .contact-box .text { margin-top: 2px; min-height: 70px; padding: 0; } .contact-box .text .name { font-weight: 700; } .contact-box .text .email { display: block; word-wrap: break-word; } .contact-box .text .tel { display: block; word-wrap: break-word; } /*Link Box*/ .link-box { border: 1px solid #c2c3bb; border-radius: 4px; margin-bottom: 38px; padding: 0; } #content .link-box ul { margin-bottom: 0; } #content .link-box li { list-style: none; } .link-box li a:hover { background: #e3e4d6; } #content .link-box li:first-child a { border:none; } #content .link-box li a:hover { text-decoration: none; color: #000; } #content .link-box a { display: block; padding: 10px 20px 10px 20px; border-top: 1px solid #c2c3bb; color: #000; } #content .link-box a.active { background: #0168b5; color: #fff; } #content .link-box a.active:hover { background: #0168b5; color: #fff; } /*Termine Box (später löschen)*/ .dates { margin-bottom: 38px; } .dates .dates-wrapper { margin-bottom: 14px; } .dates .date { display: block; color: #0168b5; } .dates .headline { display: block; font-weight: 700; } .dates .address { display: block; } /*Termine Box*/ #content #termindb_list { margin-bottom: 38px; } #termindb_list .termin_thema { font-weight: 600; } #content #termindb_list p { margin-bottom: 0; } #content #termindb_list .box { margin-left: 0; margin-bottom: 12px; } #content #termindb_list .dates-wrapper { margin-bottom: 14px; } #content #termindb_list h3 a { display: block; color: #0168b5; font-size: 15px; font-weight: 500; } #content #termindb_list h3{ line-height: 20px; } #content #calendar-container .calendar { background: none; padding: 0; font-family: Source Sans Pro,Arial; } #content #calendar-container .calendar td { font-family: Source Sans Pro,Arial; } #content #calendar-container .calendar thead .headrow { background: none; font-size: 16px; font-weight: normal; } #content #calendar-container .calendar tbody td { font-family: Source Sans Pro,Arial; font-size: 14px; font-weight: normal; } #content #calendar-container .calendar .nav { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: block; font-size: 23px; font-weight: bold; height: 20px; position: relative; top: -17px; } /*Content Navigation*/ .navi-col { float: right!important; } #content .content-navi { margin-top: -9px; padding: 0; } .unterseite .dropdown-toggle .fa-chevron-up { color: #828064; position: absolute; right: 7%; } .unterseite .small-column .content-navi .dropdown-toggle { background: #0068B4; border-radius: 0; border: none; height: 38px; padding-left: 18px; margin-bottom: 32px; color: #fff; font-size: 13px; } .unterseite .small-column .content-navi .dropdown-toggle i { } .unterseite .small-column .open .dropdown-toggle { margin-bottom: 0; } .content-navi .btn-default:hover, .content-navi .btn-default:focus, .content-navi .btn-default:active, .content-navi .btn-default.active, .content-navi .open .dropdown-toggle.btn-default { background: #e3e4d6; box-shadow: none; outline: none!important; } #content .content-navi .dropdown-menu { position:relative; border-radius: 0; box-shadow: none; margin-top: 0; margin-bottom: 37px; min-width: inherit; border-top: none; height: 100%; padding: 0; } #content .content-navi .btn { margin: 0; } #content .content-navi .dropdown-menu li:first-child { border: none; } #content .content-navi .dropdown-menu li { list-style: none; border-top: 1px solid #ccc; padding-left: 14px; color: #CDCEC4; position: relative; } #content .content-navi .dropdown-menu span { padding-left: 16px; display: block; height: 32px; line-height: 26px; } #content .content-navi .dropdown-menu span a:hover { text-decoration: none; background: none; } .unterseite .content-navi .dropdown-menu li a { padding: 10px 0 10px 18px; display: block; white-space: normal; } .unterseite .content-navi .dropdown-menu li a:hover { background:none; } /*Info-Box*/ .unterseite #content .info-box h4{ margin-bottom: 8px; } .unterseite #content .info-box .text-background{ border-left: 4px solid #e1072a; display: block; padding-left: 17px; } /*Grauer Hintergrund*/ .gray-background { background: #e3e4d6; border-left: 4px solid #0068B4; padding: 18px; margin-bottom: 20px; } .gray-background table { margin: 0; } /*download Box*/ .download-box { margin-bottom: 20px; padding: 0; margin-right: 10px; width: 48.5%; } .unterseite #content .download-boxtitel { border: 0 none; color: #86846b; font-size: 112%; font-weight: 500; margin-bottom: 4px; text-transform: uppercase; clear: both; padding-bottom: 9px; } .download-box .image a { display: block; cursor: pointer; } .download-box .image a:hover { background: url('../images/download.png') no-repeat center center rgba(0, 0, 0, 0.6); } #content .download-box .btn { background: none repeat scroll 0 0 #fff; border: 1px solid #a9a691; bottom: 11px; color: #86846b; float: right; height: 28px; margin-top: -4px; padding-bottom: 25px; padding-top: 4px; position: absolute; right: 0; } #content .download-box .btn:hover { color: #fff; background: #86846b; } /* .download-box.col-sm-6:nth-child(even) { margin-left: 20px; } .download-box.col-sm-6:nth-child(odd) { margin-left: 0!important; } */ br + .download-box { margin-left: 0!important; } .float-box + .download-box { margin-left: 0!important; } .float-box + .download-box + .download-box { margin-left: 20px!important; } .publication-box + .download-box { margin-left: 0!important; } .publication-box + .download-box + .download-box { margin-left: 20px!important; } .publication-box + .download-box + .download-box + .download-box, .publication-box + .download-box + .download-box + .download-box + .download-box + .download-box { margin-left: 0px!important; } .download-box + h3, .download-box + h4, .download-box + p { clear: both; } .download-box.single + h3, .download-box.single + h4, .download-box.single + p { clear: inherit; } .download-box.single { margin-right: 30px; } .download-box .image { } #content .download-box .image img { height: auto; display: block; position: relative; z-index: -1; margin: 0 auto; } #content .download-box.vertical .image img { height: 220px; width: auto; } .download-box .text { border-bottom: 5px solid #a9a691; padding-bottom: 10px; padding-top: 13px; color: #A9A691; overflow: hidden; } #content .download-box .text p { color: #a9a691; display: block; float: left; width: 86%; margin-bottom: 0; } /*Video player*/ .fp-ratio { padding-top: 56.6%!important; } /*Video Player skin*/ .flowplayer { width: 100%; background-color: #222; background-size: cover; max-width: 800px; margin-bottom: 20px;} .flowplayer .fp-controls { background-color: #00355F!important} .flowplayer .fp-timeline { background-color: rgba(0, 104, 184, 1)} .flowplayer .fp-progress { background-color: rgba(255, 255, 255, 1)} .flowplayer .fp-buffer { background-color: #0168B5;} .youtube_video_single .youtube_play { background: rgba(0, 0, 0, 0) url("/css_nabu/2014/images/play.png") no-repeat scroll center center / 12% auto; } .video_right .youtube_play, .video_left .youtube_play { background: rgba(0, 0, 0, 0) url("/css_nabu/2014/images/play.png") no-repeat scroll center center / 22% auto; } .video-box .youtube_play { background: rgba(0, 0, 0, 0) url("/css_nabu/2014/images/play.png") no-repeat scroll center center / 18% auto; } .flowplayer.is-mouseover .fp-controls, .flowplayer.fixed-controls .fp-controls { height: 30px; } .flowplayer .fp-play { height: 30px; } .fp-volume { margin-top: 4px; } .fp-time { bottom: 6px; position: absolute; font-weight: normal!important; } .play-button.flowplayer .fp-timeline { margin-top: 4px; border-radius: 2px; } .flowplayer .fp-volumeslider { width: 82px!important; background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 2px; height: 8px; margin-left: 3px; } .flowplayer .fp-volumelevel { border-radius: 2px; } .flowplayer .fp-mute { background: url("/css_nabu/2014/mediaplayer/controls.svg") no-repeat scroll -16px -16px transparent!important; width: 17px !important; } .flowplayer > a { background-image: url("/css_nabu/2014/images/logo.jpg") !important; background-size: 106px auto; background-repeat: no-repeat; height: 91px !important; top: -5px; width: 106px !important; } .video_left { margin-right: 16px !important; } .video_right { margin-left: 16px !important; } .video_left .flowplayer > a, .video_right .flowplayer > a { background-size: 73px auto; height: 62px !important; width: 74px !important; } .no-logo .flowplayer > a { display: none!important; } .flowplayer.is-splash .fp-controls, .flowplayer.is-poster .fp-controls, .flowplayer.is-splash .fp-fullscreen, .flowplayer.is-poster .fp-fullscreen, .flowplayer.is-splash .fp-unload, .flowplayer.is-poster .fp-unload, .flowplayer.is-splash .fp-time, .flowplayer.is-poster .fp-time, .flowplayer.is-splash .fp-embed, .flowplayer.is-poster .fp-embed { display: block !important; } .is-splash.flowplayer .fp-ui, .is-paused.flowplayer .fp-ui { background: url("../images/bigplay.fw.png") no-repeat scroll center center / 12% auto rgba(0, 0, 0, 0) !important; } .is-splash.flowplayer .fp-ui:hover, .is-paused.flowplayer .fp-ui:hover { background: url("../images/play_white-hover.png") no-repeat scroll center center / 12% auto rgba(0, 0, 0, 0) !important; } .flowplayer .fp-fullscreen:hover, .flowplayer .fp-unload:hover, .flowplayer .fp-mute:hover, .flowplayer .fp-embed:hover, .flowplayer .fp-close:hover, .flowplayer .fp-play:hover { opacity: 0.7!important; } audio, canvas, progress, video { display: inherit; } .landingpage-video .youtube_video_single.rs_preserve { margin: 0; float: left; width: 100%; } .landingpage-video { clear: both; margin-bottom: 40px; } .landingpage-video .video_play { background: rgba(0, 0, 0, 0.07) none repeat scroll 0 0; border: 0.4em solid #fff; border-radius: 2.5em; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); display: block; height: 5em; margin: 2em auto auto; position: relative; width: 5em; z-index: 1; } .landingpage-video .youtube_video_single .youtube_play { left: 0; margin: 0 auto; top: 40%; } /*Audio Player*/ .audioplayer { background: #00355F; border: none; box-shadow: none; text-shadow: none; height: 2.1em; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-width: 0.4em medium 0.4em 0.7em; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover { border-color: transparent -moz-use-text-color transparent #B2C2CF; } .audioplayer:not(.audioplayer-mini) .audioplayer-playpause { border: none; } .audioplayer-bar-loaded { background: #0168B5; } .audioplayer-bar { background: #0168B5; } .audioplayer-bar-played { background: #fff; } .audioplayer-volume-adjust div div, .audioplayer-bar-played { box-shadow: none; } .audioplayer-bar, .audioplayer-volume-adjust > div { box-shadow: none; } .audioplayer-volume:hover .audioplayer-volume-adjust { opacity: 1; } .audioplayer-volume-adjust { top: -94px; border-radius: 0; } .audioplayer-volume-adjust > div { width: 30%; } .audio-box { position: relative; } .audioplayer-time { top: 0px; font-size: 13px; } .audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div { border-radius: 2px; } .audioplayer-playpause:hover, .audioplayer-playpause:focus { background-color: #00355F; color: #0168B5; } .audioplayer-volume:hover, .audioplayer-volume:focus { background-color: #00355F; } .audioplayer-volume-adjust { background: #00355F; right: 0; } .audioplayer-volume-button a:hover { border-color: transparent #B2C2CF transparent -moz-use-text-color; } .audioplayer:not(.audioplayer-mute):hover { border-color: transparent #B2C2CF transparent -moz-use-text-color; } .audioplayer-volume-adjust div div { background: #fff; } .audioplayer-playing .audioplayer-playpause a:hover { border-color: transparent #B2C2CF transparent -moz-use-text-color; } .audioplayer-bar { height: 0.695em; } .audioplayer-volume { border: none; } .audioplayer-time-current { border: none; } /*########## farbige boxen Startseite ##########*/ .box h3 { font-size: 20px; font-weight: bold; } .box h4 { font-size: 103%; font-weight: bold; margin-bottom: 11px; } .image-box-blue { padding: 0; background: #0068b4; margin-bottom: 20px; } /*Mitglied werden Box*/ .unterseite .member-box { margin-bottom: 38px!important; position: relative; } #content .member-box { background: none repeat scroll 0 0 #013660; margin-bottom: 38px; padding: 0; height: 111px; } .member-box h3, .member-box p, .member-box .btn { color: #fff!important; } .member-box h3{ font-size: 1.5em; margin-bottom: -5px; } .member-box .btn { background: none repeat scroll 0 0 #0068b4; font-size: 0.9em; height: 30px; line-height: 12px; padding-left: 7px; padding-top: 7px; width: 117%; } .member-box .btn:hover { background: none repeat scroll 0 0 #00508c; } .member-box .btn .strong { font-size: 12pt !important; margin-left: -2px; } .member-box .btn:hover { color:#fff; } .member-box .text { float: left; padding: 10px 0 0 16px; width: 54%; } .member-box img { bottom: 0; display: block; float: right; position: absolute; right: 0; width: 98px; } /*Testimonial Box*/ .testimonial{ background: none repeat scroll 0 0 #aec5e7; padding-bottom: 12px; margin-bottom: 20px; } #content .testimonial p, #content .testimonial span { color: #0072bb; margin-bottom: 14px; } #content .testimonial span p { font-weight: 600; margin-bottom: 18px; } #content .testimonial .btn { background: none repeat scroll 0 0 #0068b4; color: #fff; margin-top: 0; margin-bottom: 10px; } #content .testimonial .btn:hover { background: #00508C; } #content .testimonial .text { padding-bottom: 5px; } #content .testimonial .image:after { border-bottom: 11px solid #aec5e7; border-left: 11px solid transparent; border-right: 11px solid transparent; bottom: 0; content: ""; height: 0; left: 20px; position: absolute; width: 0; } #content .testimonial .image { background: none repeat scroll 0 0 #0072bb; } /**/ /*Transparente Infobox*/ .transparent-box { padding: 0; margin-bottom: 38px; } .transparent-box .image { padding: 0; border: 1px solid #0168B5; } .transparent-box .text { padding: 0; margin-top: 5px; } .transparent-box .text a { clear: both; margin-bottom: 12px; display: block; } #content .transparent-box .image:after { background: url("../images/arrow-transp.png") no-repeat scroll center top rgba(0, 0, 0, 0); border-color: #fff transparent white; border-style: solid; border-width: 0 1px 3px 6px; bottom: -3px; content: ""; height: 13px; left: 21px; position: absolute; width: 24px; } /**/ /*FAQ Akkordeon*/ #content .accordion { border: none!important; margin-bottom: 20px!important; clear: both!important; } #content .accordion .ui-accordion-icons { border: 1px solid #818064!important; border-radius: 4px!important; display: block!important; padding: 6px!important; width: 100%!important; cursor: pointer!important; margin-bottom: 12px!important; position: relative!important; } #content .accordion .ui-accordion-header-active { margin-bottom: 0!important; } #content .accordion .ui-accordion-icons:hover i { color: #fff!important; border-left: 1px solid #fff!important; color: #3333; } #content .accordion .ui-accordion-icons .fa-caret-up { display: none!important; } #content .accordion .ui-accordion-header-active .fa-caret-up { display: block!important; border-left: 1px solid #0068b4!important; color: #3333; } #content .accordion .ui-accordion-header-active .fa-caret-down { display: none; } #content .accordion .ui-accordion-header-active .fa-caret-down:hover { color: #3333; } #content .accordion p, #content .accordion li { font-size: 15px!important; font-family: Source Sans Pro,Arial; color: #000; } #content .accordion .ui-accordion-icons h3 { color: #333333!important; font-family: Source Sans Pro,Arial; font-size: 15px!important; font-weight: inherit!important; margin-bottom: 0!important; padding-right: 28px; } #content .accordion .ui-state-focus { background: none; } #content .accordion .ui-accordion-icons:hover h3 { color: #fff!important; } #content .accordion .ui-state-default .ui-icon { display: none!important; } #content .accordion .ui-accordion-icons i { border-left: 1px solid #818064 !important; color: #818064 !important; float: right !important; height: 100% !important; line-height: 13px; padding: 13px 26px 0 18px !important; position: absolute !important; right: 0 !important; top: 0 !important; } .fa-caret-down:before { top: 34%!important; position: absolute!important; } .fa-caret-up:before { position: absolute!important; top: 26%!important; } #content .accordion .ui-accordion-icons .fa-caret-up { padding-top: 6px!important; } #content .accordion .ui-accordion-header-active { border: 1px solid #0068b4!important; } #content .accordion .ui-accordion-header-active:hover i { color: #818064!important; border-left: 1px solid #0068b4!important; } #content .accordion .ui-accordion-header-active:hover h3 { color: #333!important; } #content .accordion .ui-accordion-content { background: none repeat scroll 0 0 #eae8dc!important; margin-bottom: 10px!important; padding: 15px 10px 20px!important; width: 100%!important; } #content .accordion .ui-state-default:hover { background: #86846b; color: #fff; border-left: 1px solid #86846b!important; border-right: 1px solid #86846b!important; border-top: 1px solid #86846b!important; } #content .accordion .ui-state-active:hover{ background: #fff!important; border-left: 1px solid #0068b4!important; border-right: 1px solid #0068b4!important; border-top: 1px solid #0068b4!important; } #content .accordion .ui-state-default, #content .accordion .ui-widget-content .ui-state-default, #content .accordion .ui-widget-header .ui-state-default { background: none; border: none; font-weight: normal; } /**/ /*Single Teaser*/ .btn_lang, .projects .article.single .btn { background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; left: 0; margin-top: 14px; position: relative; top: -9px; line-height: 1.929; text-align: center; width: 75%; font-size: 12px; height: 30px; } .btn_lang { min-width: 213px; width: auto; text-align: center !important; margin-top: 25px !important; margin-bottom: 15px !important; } .unterseite .projects { padding: 0; } /**/ #content .yellow-box.second-large img, #content .blue-box.second-large img { border-bottom: 10px solid white; border-left: 10px solid white; display: block; height: 120px; width: auto; max-width: inherit; } #content .yellow-box img, #content .blue-box img { border-bottom: 10px solid white; border-left: 10px solid white; display: block; height: 120px; width: auto; max-width: inherit; } .orange-box img { border-bottom: 10px solid white; border-left: 10px solid white; display: block; float: right; position: relative; right: -20px; top: -20px; width: 104px; } #content .blue-box, #content .yellow-box { overflow:hidden; padding-top: 15px; } #content .blue-box p, #content .blue-box h1, #content .blue-box h2, #content .blue-box h3, #content .blue-box h4, #content .blue-box a { color: #fff; } #content .blue-box h1, #content .blue-box h2, #content .blue-box h3, #content .blue-box h4 { margin-bottom: 6px; display: flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; } #content .blue-box .btn { background: #0068b4; color: #fff; padding: 3px 10px 3px 10px; } #content .blue-box .btn:hover { background: #00508c; } #content .yellow-box .btn { background: #c09100; color: #fff; padding: 3px 10px 3px 10px; } #content .yellow-box .btn:hover { background: #816300; } #dropdownMenu1 .btn { font-size: 14px; } .btn { padding: 2px 10px 2px 10px; margin-top: 10px; text-align:left; font-size: 12px; line-height: 1.759; font-weight: 500; } #wrapper .btn { font-weight: 500; } #content .yellow-box h1, #content .yellow-box h2, #content .yellow-box h3, #content .yellow-box h4, #content .yellow-box p, #content .yellow-box a { color: #816300; } #content .yellow-box h1, #content .yellow-box h2, #content .yellow-box h3, #content .yellow-box h4 { margin-bottom: 6px; padding-bottom: 0; display: flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; } #content .orange-box { border: 10px solid #ef7c00; margin-left: 0 !important; padding: 10px; } #content .orange-box h1, #content .orange-box h2, #content .orange-box h3, #content .orange-box h4, #content .orange-box a { color: #b76000; } #content .orange-box { margin-bottom: 20px; } #content .infobox { border: 5px solid #0072bb; margin-left: 0 !important; padding: 20px 20px 0; clear: both; } #content .infobox h1, #content .infobox h2, #content .infobox h3, #content .infobox h4, #content .infobox a { color: #0072bb; } /* .infobox img { border-bottom: 10px solid white; border-left: 10px solid white; display: block; float: right; position: relative; width: 114px; right: -27px; top: -27px; } */ #content .infobox { margin-bottom: 20px; } .yellow-box, .unterseite .blue-box { width: 48.5%; } .yellow-box.large, .blue-box.large { width: 100%!important; margin-left: 0!important; margin-bottom: 20px; } .yellow-box.large.second-large, .blue-box.large.second-large { float: none; } #content .yellow-box.large.second-large h3, #content .blue-box.large.second-large h3 { margin-bottom: 10px; } #content .yellow-box.large.second-large p, #content .blue-box.large.second-large p { margin-bottom: 10px; } #content .blue-box.large.second-large .btn:hover { background: none repeat scroll 0 0 #00508b; color: #fff; } #content .blue-box.large.second-large .btn { background: none repeat scroll 0 0 #fff; box-shadow: 0 3px 0 #00508b; color: #0168b5; } #content .yellow-box.large.second-large .btn:hover { background: none repeat scroll 0 0 #816300; color: #fff; } #content .yellow-box.large.second-large .btn { background: none repeat scroll 0 0 #fff; box-shadow: 0 3px 0 #816300; color: #816300; } #content .large.second-large .btn { font-size: 16px; padding: 0 14px; width: auto; z-index: 3; } .yellow-box.large.second-large img, .blue-box.large.second-large img { } .box.yellow-box .box-image, .box.blue-box .box-image { float: right; height: 120px; position: relative; right: -22px; top: -15px; width: 120px; } .box.infobox .box-image { float: right; height: 120px; position: relative; right: -25px; top: -25px; width: 120px; overflow: hidden; } #content .box.infobox img { border-bottom: 10px solid white; border-left: 10px solid white; display: block; height: 120px; max-width: inherit; width: auto; } /*Box im Text bild oben*/ .float-box { width: 50%; overflow: hidden; min-height: 170px; margin-bottom: 20px; position: relative; float: right; margin-left: 20px; } .float-box .box-background { width: 100%; height: 32px; bottom: 0; position: absolute; } .float-box .btn { bottom: 18px; position: absolute; z-index: 3; font-size: 16px; left: 19px; width: auto; padding: 0px 14px; } .float-box.box-a .box-image { float: right; height: 100px; margin-right: 20px; margin-top: 20px; overflow: hidden; padding: 0; width: 100px!important; margin-bottom: 5px; } #content .float-box.box-a img { height: 100% !important; max-width: inherit !important; width: auto !important; } .float-box.box-b img { height: auto!important; } .float-box .image { float: right; padding-top: 20px; padding-right: 20px; margin-left: 15px; } .float-box .image img { max-width: 216px!important; width: 100%; } #content .float-box .text h4 { color: #fff; font-size: 20px; } .float-box .text { padding: 20px; height: auto; margin-bottom: 24px; } #content .float-box .text p { color: #fff; } .box-a .image{ padding-bottom: 5px; } /*orangene Box*/ .float-box.orange { background: #ef7b00; } #content .float-box.orange a { color: #fff; } .float-box.orange .image img, .float-box.green .image img { max-width: 100px !important; } .float-box.orange .box-background { background: #fddbb8; } #content .float-box.orange .btn { background: none repeat scroll 0 0 #fff; box-shadow: 0 3px 0 #b76000; color: #ef7b00; } #content .float-box.orange .btn:hover { background: #b76000; color: #fff; } /*blaue Box*/ .float-box.blue { background: #0168B5; } #content .float-box.blue a { color: #fff; } .float-box.blue .box-background { background: #BCCDEB; } #content .float-box.blue .btn { background: none repeat scroll 0 0 #fff; box-shadow: 0 3px 0 #00508B; color: #0168B5; } #content .float-box.blue .btn:hover { background: #00508B; color: #fff; } /*gruene Box*/ .float-box.green { background: #77B828; } #content .float-box.green { color: #fff; } .float-box.green .box-background { background: #CDDBB8; } #content .float-box.green .btn { background: none repeat scroll 0 0 #fff; box-shadow: 0 3px 0 #5A8E1F; color: #77B828; } #content .float-box.green .btn:hover { background: #5A8E1F; color: #fff; } /*Box im Text bild unten*/ .box-b .image { bottom: 32px; height: 138px; position: absolute; right: 4px; width: 120px; } #content .float-box.box-b .image img { bottom: 0; float: right; height: auto !important; max-height: 100%; position: absolute; width: auto !important; max-width: 100%!important; right: 0; } .box-b .text { width: 70%; } /*Spenden Box*/ .spendenformulare2014 { clear: both; } #content .small-column .donate img { margin-left: -6px; } #content .small-column .donate { margin-bottom: 38px; } #content .small-column .donate p { margin-bottom: 10px; } #content .small-column .donate h3 { color:#ef7c00; font-size: 165%!important; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex!important; } #content .donate .amount { width:100%; } #content .donate .btn { background:#ef7c00; box-shadow: 0 3px 1px #b76000; color:#fff; text-align: center; font-size:0.9em; height: 29px; margin-bottom: 4px; } #content .donate .btn:hover { background: #b76000; } #content .donate .btn .strong { font-size: 12pt!important; } #content .small-column .donate input { border: 1px solid #86846b; border-radius: 3px 0 0 3px!important; height: 31px!important; padding: 0 7px; width: 75%!important; float: left; margin-top: 0 !important; text-align: left!important; } .small-column .btn .fa-arrow-right { padding-right: 0px; } #content .donate .euro { background: none repeat scroll 0 0 #e3e2d4; border-bottom: 1px solid #86846b; border-radius: 0 3px 3px 0; border-right: 1px solid #86846b; border-top: 1px solid #86846b; float: right; height: 31px; padding-left: 6px; padding-top: 5px; width: 25%; } #content .donate .euro:hover { background: none repeat scroll 0 0 #86846b; color: #fff; cursor: pointer; } #content .donate .euro:hover p { color: #fff; } #content .donate .euro p { color: #86846b; } #content .donate .euro p:hover { color: #fff; } /**/ /*Spenden Box groß*/ #content .donate.large { padding: 20px; background: #fff; } #content .donate.large h3 { color:#ef7c00; font-size: 228%; display: flex; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; text-transform: uppercase; margin-bottom: 38px; } #content .donate.large .amount { width: 100%; } #content .donate.large .btn { background:#ef7c00; box-shadow: 0 3px 1px #b76000; color:#fff; text-align: center; font-size:0.9em; height: 29px; margin-bottom: 4px; margin-top: 0; float: left; width: auto; } #content .donate.large .btn .fa-arrow-right { padding-right: 5px; } #content .donate.large .btn:hover { background: #b76000; } #content .donate.large .btn .strong { font-size: 12pt!important; } .donate.large .donate-select { padding: 0; } .donate.large img { max-width: 340px!important; right: -30px; top: -30px; width: 100%; } #content .donate.large span.step { color: #EF7C00; display: block; width: 20px; float: left; margin-right: 22px; padding-top: 6px; } #content .donate.large form span { display: block; margin-right: 20px; float: left; margin-top: 5px; } #content .donate.large .left { float: left; max-width: 344px!important; } #content .donate.large .right { height: 34px; } #content .donate.large form { margin: 0; float: left; } #content .donate.large label { float: left; } #content .donate.large input { border: none; border-radius: inherit; height: auto; padding: 0 7px; width: auto; float: left; margin-top: 4px; margin-right: 6px; } #content .donate input[type=text] { border: 1px solid #86846b; border-radius: 3px; float: left; height: 32px; padding: 0 7px; width: 84px; text-align: right; margin-top: -6px; } /**/ /*3er Teaser ohne Slider*/ .no-slide-teaser { margin-bottom: 20px; overflow: hidden; clear: both; } .no-slide-teaser .column { float: left; padding-left: 0; min-height: 294px; position: relative; } .no-slide-teaser .column .text { margin-top: 20px; } .no-slide-teaser .column .image { position: relative; } .no-slide-teaser .column .image:after { border-bottom: 11px solid #ffffff; border-left: 11px solid transparent; border-right: 11px solid transparent; bottom: 0; content: ""; height: 0; left: 13px; position: absolute; width: 0; } .no-slide-teaser .column h2 { font-size: 15px !important; font-weight: bold !important; list-style: none outside none; margin-bottom: 4px !important; margin-top: 7px !important; } #content .no-slide-teaser .btn:hover { background: none repeat scroll 0 0 #b76000; } #content .no-slide-teaser .btn { background: none repeat scroll 0 0 #ef7c00; box-shadow: 0 3px 1px #b76000; color: #fff; float: left; font-size: 0.9em; height: 29px; margin-bottom: 4px; margin-top: 0; text-align: center; width: 92%; position: absolute; bottom: 0; } .btn .fa-arrow-right { padding-right: 0px; } /**/ /* #content .orange-box a { font-weight: bold; } */ #content .orange-box h1, #content .orange-box h2, #content .orange-box h3 { margin-bottom: 6px; } #content .orange-box h4 { margin-bottom: 10px; } /*Content Slider*/ #sudoslider { width: auto; max-width: 1200px; } #sudoslider img { width: 100%; } .sudoslider + .controls + .btn { background: none repeat scroll 0 0 #fff; border: 1px solid #0068b4; color: #0068b4; display: block; float: left; font-size: 12px; height: 30px; line-height: 23px; margin-top: 0; } .sudoslider + .controls { width: 15%!important; float: left; } .big-column .sudoslider + .controls { width: 100%; } /*Header*/ /*später entfernen*/ #sudoslider-top { width: auto; max-width: 1200px; } #sudoslider-top .side { background: none repeat scroll 0 0 #ef7c00; bottom: 21px; cursor: pointer; height: 40px; padding: 10px 19px; position: absolute; right: -3px; text-align: center; transform: rotate(-5deg); width: auto; z-index: 1000; } /* #sudoslider-top .side:after { border-bottom: 11px solid transparent; border-left: 11px solid #7c4200; border-right: 11px solid transparent; content: ""; height: 0; position: absolute; right: -11px; top: 40px; width: 0; } */ #sudoslider-top .side p { color: #fff; font-size: 1.29em; } #sudoslider-top .side p a { color: #fff; display: block; } #sudoslider-top .side p a:hover { text-decoration: none; } #sudoslider-top, #sudoslider-top img { width: 100%; } /**/ .sudoslider-top { width: auto; max-width: 1200px; } .sudoslider-top .side { background: none repeat scroll 0 0 #ef7c00; bottom: 21px; height: 40px; padding: 10px 0; position: absolute; right: -9px; text-align: center; width: 19%; cursor: pointer; transform: rotate(-5deg); z-index: 1000; } .sudoslider-top .side:after { border-bottom: 11px solid transparent; border-left: 11px solid #7c4200; border-right: 11px solid transparent; content: ""; height: 0; position: absolute; right: -11px; top: 40px; width: 0; } .sudoslider-top .side p { color: #fff; font-size: 1.29em; } .sudoslider-top, .sudoslider-top img { width: 100%; } .slider .btn { color: #fff; font-size: 1.1em; height: 29px; line-height: 24px; margin-top: 3px; padding-top: 2px; display: table; } /*Roter Call to Action Button*/ .slider .red { background: none repeat scroll 0 0 #dd042d; box-shadow: 0 3px 1px #ae0000; } .slider .red:hover { background: #ae0000; box-shadow: 0 3px 1px #ae0000; } /*Orangener Call to Action Button*/ .slider .orange { background: none repeat scroll 0 0 #f07c00; box-shadow: 0 3px 1px #aa5a00; } .slider .orange:hover { background: #aa5a00; box-shadow: 0 3px 1px #aa5a00; } .slider .controls a { background: none repeat scroll 0 0 #fff; color: #0068b4; font-family: 'Trebuchet MS'; font-size: 1.4em; font-weight: 700; height: 30px; line-height: 26px; padding: 2px 9px; position: absolute; top: 106px; z-index: 2; } .slider .controls a:hover { text-decoration: none; color:#fff; background: #0068b4; } .slider .controls .prevBtn{ border-radius: 0 5px 5px 0; left: 0; } .slider .controls .nextBtn{ border-radius: 5px 0 0 5px; right: 0; } .slider .controls .numericControls { bottom: 6%; left: 50%; position: absolute; z-index: 2; } .slider .controls .numericControls li { float: left; margin-right: 5px; list-style: none; } #content li.ui-state-default { list-style: none; } .slider .controls .numericControls li a { background: inherit; height: auto; line-height: inherit; padding: inherit; position: inherit; top: inherit; } .slider .controls .numericControls li a span { background-image: url("../images/tab-slider.png"); background-repeat: no-repeat; background-position: 0px 0; color: white; font-size: 0%; display: block; width: 14px; } .slider .controls .numericControls .current a span{ background-image: url("../images/tab-slider.png"); background-repeat: no-repeat; background-position: -20px 0; } /*Unterseite Slider*/ #sudoslider-second { width: auto; max-width: 1200px; z-index: -1; } #content .slider-second p { margin-top: 0; } #sudoslider-second, #sudoslider-second img { width: 100%; } .slider-second { padding: 0; border-bottom: 5px solid #a9a691; margin-bottom: 30px; max-width: 680px; float: none; } .landingpage-wrapper .slider-second { max-width: inherit; border: 0; } .landingpage-wrapper .slider-second.small-gallery { max-width: 970px; width: 99%; } .landingpage-wrapper .slider-second .text { background: rgba(0, 104, 180, 1) none repeat scroll 0 0; margin: 0; width: 100%; padding: 1.25rem; color: #fff; } .landingpage-wrapper #content .slider-second .sudoslider-klein ul li { max-width: inherit; } .landingpage-wrapper .slider-second .sudoslider-klein li .text { background: #0068B4; margin: 0; width: 100%; padding: 10px; min-height: 64px; } .landingpage-wrapper #content .slider-second .sudoslider-klein li .text p { color: #fff; } .landingpage-wrapper .sudoslider-klein ~ .text { margin-bottom: 60px; } .landingpage-wrapper #content .slider-second .text p { color: #fff; font-size: 14px; } .landingpage-wrapper #content .newsletter-teaser #Newsletter + button, .landingpage-wrapper #content .newsletter-overlay-form #Newsletter + button { color: #fff; text-decoration: underline; font-weight: 500; background: none; padding: 0; border: 0; } .landingpage-wrapper #content .newsletter-teaser #mailfield { width: 50%; } .landingpage-wrapper #content .newsletter-teaser label, .landingpage-wrapper #content .newsletter-overlay label { display: block; color: #fff; } .landingpage-wrapper .container p, .landingpage-wrapper .container a, .landingpage-wrapper .container li { font-size: 18px; line-height: 1.5em; } .slider-second div.text { height: 16%; padding: 16px 0 8px 0px; width: 88%; } #content .slider-second div.text p { color: #A9A691; margin-bottom: 0!important; } .slider-second li h1 { font-size: 2em; font-weight: 700; color: #000; } .slider-second .controls .prevBtn{ border-radius: 5px 0px 0px 5px; } .slider-second .controls .nextBtn{ border-radius: 0 5px 5px 0; } .slider-second .controls { float: right; } .slider-second .controls a:hover { text-decoration: none; background: #86846b; color: #fff!important; } .slider-second .controls a { background: none repeat scroll 0 0 #fff; border: 1px solid #86846b; bottom: 4px; color: #86846b !important; display: block; float: left; font-family: 'Trebuchet MS'; font-size: 1.7em; font-weight: 700; height: 32px; line-height: 24px; margin-bottom: 10px; padding: 2px 9px; z-index: 2; } /*slider mit 3 Bildern*/ #sudoslider-third { z-index: -1; } .sudoslider-third { z-index: -1; } .third { width: 99%; } #sudoslider-third img { display: block; max-height: 100%; } #content .third .text p { color:#A9A691; } #content .third .text { padding: 14px 0 0; } .third .controls a { height: 30px; line-height: 23px; } #sudoslider-third ul li { border-right: 9px solid white; max-width: 226.533px; } .sudoslider-third img { display: block; max-height: 100%; } .sudoslider-third ul li { border-right: 9px solid white; max-width: 226.533px; } .dropdown-menu { border: 1px solid #0068B4; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #fff; overflow: visible; } .navbar-header .fa-chevron-down { color: #fff; float: right; padding-left: 10px; } .mobile-menu li { background: url("../images/list-point2.png") no-repeat scroll 8px center / 14px auto rgba(0, 0, 0, 0); } .mobile-menu li:first-child { background: none; } .sudoslider-gross { width: auto; max-width: 1200px; z-index: -1; } .sudoslider-gross + .controls { margin-top: -34px; } .landingpage-wrapper .slider-second .controls { margin: 0 auto; display: table; margin-top: 20px; float: inherit; } .landingpage-wrapper .sudoslider-gross + .controls a, .landingpage-wrapper .sudoslider-klein + .controls a { cursor: pointer; display: inline-block; font-size: 1rem; font-weight: normal; line-height: 0.9em; padding: 6px 15px; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid #0068b4; color: #0068b4!important; } .landingpage-wrapper .sudoslider-gross + .controls a:hover, .landingpage-wrapper .sudoslider-klein + .controls a:hover { background: none; } .landingpage-wrapper .sudoslider-klein + .controls { margin: 0 auto; display: table; margin-top: 8px; float: inherit; } .sudoslider-gross, .sudoslider-gross img { width: 100%; } /*Garvin Anpassungen*/ .sudoslider-klein { z-index: -1; } .sudoslider-klein img { display: block; max-height: 100%; } .sudoslider-klein ul li { border-right: 9px solid transparent; max-width: 228.333px; } /*15.09. Ãœbertragen*/ #tabs .social { background: url("../images/nabu-netz2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0); color: transparent !important; display: block; height: 100%; } #tabs .social:hover { background: url("../images/nabu-netz-weiss2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0); } #tabs .ui-state-active .social { background: url("../images/nabu-netz-blau2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0); } #tabs .ui-state-active .social:hover { background: url("../images/nabu-netz-blau2.png") no-repeat scroll center center / 40px auto rgba(0, 0, 0, 0); } #header .logo { z-index: 101; } #content h5.uepfeil a { min-width: 153px; display: block; color:#FFFFFF; padding:2px 2px 2px 15px; background-color:#0069B3; background-repeat:no-repeat; background-position:5px 6px; background-image:url(/id_nabu/ic_pfeileinfach_w.gif); text-decoration:none; } #content h5.uepfeil.open a, #content h5.uepfeil a:focus, #content h5.uepfeil a:hover { color:#0069B3; background-position:3px 8px; background-color:#E9E9E8; background-image:url(/id_nabu/ic_pfeildown.gif); } #content ul.nopfeil, #content ol.nopfeil { margin-top:10px; } #content ul.nopfeil li, #content ol.nopfeil li { background-image:none; } #content .linkkatalog2014 input[type=submit] { border: none; background: #0068B4; color: #fff; padding: 3px 8px; } #content .linkkatalog2014 h3 { font-size: 14pt; } /*Zebra Effekt*/ .linkkatalog2014 .light { background-color: #faf7f7; } .linkkatalog2014 .dark { background-color: #e1eef3; } .linkkatalog2014 td.text2 { display: block; float: left; margin-right: 50px; width: 46%; } .linkkatalog2014 td.text2 + td.text2 { margin-right: 0; } #content .linkkatalog2014 .light, #content .linkkatalog2014 .dark { margin: 0; padding: 10px 10px 1px; } .text1b { color: white; } #content .ek img { display: inline; } /*Spendenformular alt Anpassungen*/ .spendenformulare2014 #formular, .spendenformulare2014 .formbox { background: #fff; } .spendenformulare2014 #formular .fehler { clear: both; } .spendenformulare2014 #formular .fehler div { background: none repeat scroll 0 0 #f6bdb1; border-radius: 6px; color: #75000f; list-style: none outside none; margin-bottom: 5px !important; padding: 10px !important; border: none!important; float: left; } .spendenformulare2014 #formular .formbox .submit { background: none repeat scroll 0 0 #ef7c00!important; border: medium none; box-shadow: 0 3px 1px #b76000; color: #fff; font-size: 0.9em; font-weight: normal !important; height: 29px; line-height: 10px; margin-bottom: 4px; text-align: center; } .spendenformulare2014 #formular .formbox .submit:hover { background: none repeat scroll 0 0 #b76000!important; } .clearbr { display: block; } /* .spendenformulare2014 #fehler_Spende { color: #75000f!important; } .spendenformulare2014 #fehler_Spende label { color: #75000f; }*/ .spendenformulare2014 #formular .infobox { border: none; } .spendenformulare2014 #formular .submit.next:hover { background: none repeat scroll 0 0 #b76000!important; } .spendenformulare2014 #formular .submit.next{ background: none repeat scroll 0 0 #ef7c00!important; border: medium none; box-shadow: 0 3px 1px #b76000; color: #fff; font-size: 0.9em; font-weight: normal !important; height: 29px; line-height: 10px; margin-bottom: 4px; text-align: center; } /*Startseite Terminkalender Anpassung*/ #content #tabs-7 #termindb_list { background: none repeat scroll 0 0 white; margin-bottom: 0; padding-left: 2px; } #tabs-7 h2 { display: none; } #tabs-7 .calendar thead .ctrow { display: none; } #tabs-7 { height: 316px; overflow-x: hidden; overflow-y: scroll; padding-top: 10px; float: left; } #tabs-7 .calendar thead .headrow .button { padding: 8px 2px 2px; } #tabs-7 .rule { display: none; } #tabs-7 .calendar thead .hilite { border: none!important; } /*Galerie lightbox*/ #content .lightboxes { padding: 0!important; margin-bottom: 20px; } .sudoslider-lightbox ul { width: 100%; margin: 0!important; } .sudoslider-lightbox li { margin: 0; width: 33.2%; } .sudoslider-lightbox li a { display: block; height: 149px; margin: 0 4px 4px 0; overflow: hidden; } .sudoslider-lightbox li:nth-child(3n) a { margin-right: 0; } .sudoslider-lightbox li img { min-width: 100%; } .btn + h3 { clear: both; } /*bearbeiten link*/ .ocelink { background: url("../images/symbol_edit.gif") no-repeat scroll right center rgba(0, 0, 0, 0); color: #a12409 !important; display: inline-block; float: right; font-size: 15px; margin-top: -30px; text-decoration: underline; width: 127px; } /*Social Media Icons*/ #socialshareprivacy { /*border-bottom: 1px solid #a19f8a;*/ clear: both; padding-bottom: 20px; } .startseite #socialshareprivacy { border-bottom: none; } #socialshareprivacy .settings_info a:link[target="_blank"]{ } .social_share_privacy_area li{ background: none!important; } #content .social_share_privacy_area li div.fb_like, #content .social_share_privacy_area li div.tweet { width: 87px; } #content .social_share_privacy_area li div.gplusone { width: 67px; } #socialshareprivacy .settings_info_menu{ background: none; border: none; border-radius: 0; box-shadow: none; } #socialshareprivacy form { background-color: #f3f4f5; border: 2px solid #e7e3e3; border-radius: 5px; bottom: 174px; box-shadow: 3px 3px 3px #c1c1c1; margin-top: 2px; padding: 0; position: relative; right: 87px; width: 135px; z-index: -1; } #socialshareprivacy li { width: 30.5%; } #content .social_share_privacy_area { float: right; margin-top: 0 !important; width: 68% !important; } #socialshareprivacy li:last-child { width: 8%; } #socialshareprivacy .mail { width: 80px; float: right; margin-right: 32px; } #socialshareprivacy .print { width: 80px; float: left; margin-right: 24px; } #socialshareprivacy .print a { background: url("../images/print-button.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: transparent; display: block; width: 80px; } #socialshareprivacy .mail a { background: url("../js/socialshareprivacy/images/teilen_email.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: transparent; display: block; width: 80px; } /*Social media footer*/ .socialmedia .social { float: left; margin-right: 10px; } .socialmedia { clear: both; min-height: 65px; margin-bottom: 20px; } /*Buttons im TEXT/Bild Modul*/ #content p .btn.blue, #content br + .btn.blue, #content ul + .btn.blue { background: none repeat scroll 0 0 #0068b4; color: #fff; padding: 3px 10px; box-shadow: 0 3px 1px #00508c; } #content p .btn.blue:hover, #content br + .btn.blue:hover, #content ul + .btn.blue:hover { background: none repeat scroll 0 0 #00508C; } .btn.gray { background: #828065; box-shadow: 0 3px 1px #63614D; font-size: 1em; font-weight: 600; height: 30px; text-align: center; width: 266px; padding: 3px 10px; color: #fff!important; } .btn.gray:hover { background: #63614D; color: #fff!important; } @media (max-width: 370px) { #quizcards .quiz-result .quiz-fb, #quizcards .quiz-result .quiz-tw { width: 100%; float: none; } } /*orange*/ #content p .btn.orange, #content br + .btn.orange, #content ul + .btn.orange { background: none repeat scroll 0 0 #ef7c00; box-shadow: 0 3px 1px #b76000; color: #fff; padding: 3px 10px; } #content p .btn.orange:hover, #content br + .btn.orange:hover, #content ul + .btn.orange:hover { background: none repeat scroll 0 0 #B76000; } /*Video Overlay*/ button.mfp-close, button.mfp-arrow { background: none repeat scroll 0 0 #fff!important; position: fixed; right: 0; top: 0; } .video-overlay-box { margin: 0 auto; width: 50%; } #map { margin-left: -15px; } .videoplayer-box:first-child { } /*+++++++++Stoerer+++++++++++++*/ @media (min-width: 1024px) { .nabu-overlay .overlay-content { width: 41%!important; } .nabu-overlay .overlay-header { width: 41%!important; } } .cookie-delete { position: fixed; bottom: 400px; background: red; color: white; padding: 8px; border-radius: 0 6px 6px 0px; z-index: 31; } .cookie-delete:hover { color:white; text-decoration: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; } .nabu-overlay.container-close { height: 0!important; } .nabu-overlay.container-close .ui-dialog-buttonpane { display: none; } .nabu-overlay { bottom: 0; height: 145px; position: fixed; width: 100%!important; z-index: 999999; transition: height 1s ease-in-out, background-color 0.5s; cursor: pointer; } .nabu-overlay .overlay-content { width: 56%!important; margin: 0 auto; color: #fff; top: -6px; left: -4px; position: relative; } .nabu-overlay .overlay-header { margin: 0 auto; position: relative; top: -28px; width: 56%!important; } .nabu-overlay .overlay-headline { border-radius: 4px 4px 0 0; color: #fff; display: inline; font-size: 20px; font-weight: 700; margin-bottom: 28px; margin-left: -93px; padding: 9px 16px 7px 87px; } .nabu-overlay .overlay-headline a { color: #fff; } .nabu-overlay .overlay-headline a:hover { color: #fff; text-decoration: none; } .nabu-overlay .overlay-content p { color: #fff; margin-bottom: 20px; } .nabu-overlay .overlay-content .btn { color: #fff; font-size: 1em; height: 30px; margin-bottom: 4px; margin-top: 0; position: absolute; text-align: center; border-radius: 4px; } .nabu-overlay.container-hide { display: none; transition: height 0.5s ease-in-out; } .overlay-image { height: 200px; left: -126px; overflow: hidden; position: absolute; top: -66px; width: 100px;; } .overlay-image img { float: right; border-bottom: 1px solid; display: block; height: auto; max-width: 100%; } .ui-dialog-buttonpane { border: medium none; border-radius: 3px; color: #fff; padding: 6px 11px; transition: height 1s ease-in-out 0s; -webkit-transition: height 1s ease-in-out 0s; padding-left: 34px; font-size: 13px; } .ui-dialog-buttonpane:visit { color: #fff; } .ui-dialog-buttonpane:hover { color: #fff; text-decoration: none; } .ui-dialog-buttonpane:after { color: #fff; content: "x"; float: left; font-family: Verdana; font-size: 14px; font-weight: bold; left: 13px; line-height: 17px; padding-right: 10px; position: absolute; } /*Mitglied blau*/ .nabu-overlay.blue .overlay-headline { background: none repeat scroll 0 0 #0073c0; } .nabu-overlay.blue .ui-dialog-buttonpane { background: #00355B; } .nabu-overlay.blue .ui-dialog-buttonpane:hover { background: #00192B; } .nabu-overlay.blue { background: #0073C0; } .nabu-overlay.blue .overlay-content .btn { background: none repeat scroll 0 0 #6CC247; box-shadow: 0 3px 1px #325B18; } .nabu-overlay.blue .overlay-content .btn:hover { background: none repeat scroll 0 0 #325B18; box-shadow: 0 3px 1px #325B18; } /*Spende orange*/ .nabu-overlay.orange .overlay-headline { background: none repeat scroll 0 0 #FF7D23; } .nabu-overlay.orange .ui-dialog-buttonpane { background: #7B3A07; } .nabu-overlay.orange .ui-dialog-buttonpane:hover { background: #592905; } .nabu-overlay.orange { background: #FF7D23; } .nabu-overlay.orange .overlay-content .btn { background: none repeat scroll 0 0 #0073C0; box-shadow: 0 3px 1px #00355B; } .nabu-overlay.orange .overlay-content .btn:hover { background: none repeat scroll 0 0 #00355B; box-shadow: 0 3px 1px #00355B; } /*newsletter grün*/ .nabu-overlay.green .overlay-headline { background: none repeat scroll 0 0 #6CC247; } .nabu-overlay.green .ui-dialog-buttonpane { background: #325B18; } .nabu-overlay.green .ui-dialog-buttonpane:hover { background: #264412; } .nabu-overlay.green { background: #6CC247; } .nabu-overlay.green .overlay-content .btn { background: none repeat scroll 0 0 #0073C0; box-shadow: 0 3px 1px #00355B; } .nabu-overlay.green .overlay-content .btn:hover { background: none repeat scroll 0 0 #00355B; box-shadow: 0 3px 1px #00355B; } /*Variante B*/ .overlay-b .overlay-image { background: none repeat scroll 0 0 #cccccc; height: 100px; left: -116px; top: -25px; width: 100px; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } /*blue*/ .blue.overlay-b .overlay-image { border: 6px solid #0073C0; } /*orange*/ .orange.overlay-b .overlay-image { border: 6px solid #FF7D23; } /*green*/ .green.overlay-b .overlay-image { border: 5px solid #6CC247; } /*############## SONDER STÖRER #################*/ .nabu-overlay-big { bottom: 0; height: 100%; position: fixed; width: 100%; z-index: 999999; } .nabu-overlay-big .overlay-bg { height: 100%; position: fixed; width: 100%; background: #333333 none repeat scroll 0 0; opacity: 0.6; } .nabu-overlay-big.container-hide { display: none; } .overlay-wrapper { bottom: 0px; left: 0px; position: absolute; } .nabu-overlay-big-content { border: 1px solid #fff; border-radius: 6px; left: 93%; padding: 18px 48px 40px 16px; position: absolute; top: 0px; width: 494px; } .nabu-overlay-big .text > p { color: #fff; font-size: 20px; line-height: 124%; margin-bottom: 17px; } .nabu-overlay-big.blue .ui-dialog-buttonpane { background: #00355b none repeat scroll 0 0; } .nabu-overlay-big.orange .ui-dialog-buttonpane { background: #7b3a07 none repeat scroll 0 0; } .nabu-overlay-big.green .ui-dialog-buttonpane { background: #325b18 none repeat scroll 0 0; } .nabu-overlay-big .overlay-image { height: auto; left: inherit; max-height: 631px; max-width: 1085px; overflow: visible; position: relative; top: inherit; width: auto; } /*Variante rechts*/ .nabu-overlay-big.right .overlay-wrapper { left: inherit; right: -1162px; } .nabu-overlay-big.right .nabu-overlay-big-content { top: 121px; width: 54%; right: 90%; left: inherit; } .nabu-overlay-big.right .overlay-image img { float: right; } @media (max-width: 1226px) { .nabu-overlay-big.right .overlay-image { width: 668px; } .nabu-overlay-big.right .nabu-overlay-big-content { width: 63%; } .nabu-overlay-big.right .overlay-content .btn { float: left; } #footer + .nabu-overlay-big.right .ui-dialog-buttonpane:after { left: 17px; top: 7px; } } @media (max-width: 1032px) { .nabu-overlay-big.right .overlay-image { width: 600px; } .nabu-overlay-big.right .nabu-overlay-big-content { width: 66%; } .nabu-overlay-big.right .overlay-content .btn { float: left; } } @media (max-width: 974px) { #footer + .nabu-overlay-big.right .ui-dialog-buttonpane::after { left: 17px; top: 15px; } } @media (max-width: 957px) { .nabu-overlay-big.right .overlay-image { width: 570px; } .nabu-overlay-big.right .nabu-overlay-big-content { width: 60%; } } @media (max-width: 955px) { .nabu-overlay-big .overlay-image { max-height: 543px; } .nabu-overlay-big-content { top: -233px; } } @media (max-width: 887px) { .nabu-overlay-big.right .overlay-image { float: right; width: 80%; } .nabu-overlay-big.right .nabu-overlay-big-content { right: 20px; left: inherit; top: -184px; width: 60%; padding: 18px 33px 35px 16px; } .nabu-overlay-big .overlay-image { max-height: 543px; } } @media (max-width: 768px) { .nabu-overlay-big.right .nabu-overlay-big-content { left: inherit; right: 20px; top: -184px; width: 80%; } } @media (max-width: 600px) { .nabu-overlay-big.right .nabu-overlay-big-content { top: -230px; width: 100%; right: 0; } .nabu-overlay-big.right .button { width: 39px; } } @media (max-width: 350px) { .nabu-overlay-big.right .nabu-overlay-big-content { top: -250px; } } @media (max-width: 338px) { .nabu-overlay-big-content { top: -290px; } } /*----*/ .nabu-overlay-big { bottom: 0; height: 100%; position: fixed; width: 100%; z-index: 999999; } .nabu-overlay-big .button { float: right; position: absolute; right: -2px; top: -2px; width: 43px; z-index: 2; } .nabu-overlay-big .overlay-header { margin-bottom: 20px; } .nabu-overlay-big .overlay-headline a { border-radius: 4px 4px 0 0; color: #fff; display: inline; font-size: 28px; font-weight: 600; margin-bottom: 28px; line-height: 107%; } .nabu-overlay-big .overlay-headline a:hover { text-decoration: none; } .nabu-overlay-big .overlay-image img { border-bottom: 0 none; float: inherit; height: auto; max-width: 100%; } /*Background Störer Box*/ .nabu-overlay-big.orange .nabu-overlay-big-content { background: #FF7D23; } .nabu-overlay-big.blue .nabu-overlay-big-content { background: #0073c0; } .nabu-overlay-big.green .nabu-overlay-big-content { background: #6cc247; } /*Button*/ .nabu-overlay-big .overlay-content .btn { border-radius: 4px; color: #fff; float: right; font-size: 19px; height: 36px; line-height: 1.8em; margin-bottom: -14px; margin-top: 0; position: relative; text-align: center; z-index: 9000; } .nabu-overlay-big.orange .overlay-content .btn { background: #0073c0 none repeat scroll 0 0; box-shadow: 0 3px 1px #00355b; } .nabu-overlay-big.blue .overlay-content .btn { background: #6cc247 none repeat scroll 0 0; box-shadow: 0 3px 1px #325b18; } .nabu-overlay-big.green .overlay-content .btn { background: #0073c0 none repeat scroll 0 0; box-shadow: 0 3px 1px #00355b; } .nabu-overlay-big.orange .overlay-content .btn:hover { background: #00355b none repeat scroll 0 0; } .nabu-overlay-big.blue .overlay-content .btn:hover { background: #325b18 none repeat scroll 0 0; } .nabu-overlay-big.green .overlay-content .btn:hover { background: #00355b none repeat scroll 0 0; } .nabu-overlay-big .ui-dialog-buttonpane { display: block; padding: 6px 0 7px 34px; text-indent: -9999px; border-radius: 0 6px; } .nabu-overlay-big .ui-dialog-buttonpane::after { text-indent: 0px; left: 41%; } @media (min-width: 1600px) { .nabu-overlay-big .overlay-image { width: 100%; } .nabu-overlay-big-content { top: 0; width: 494px; } } @media (min-width: 1111px) and (max-width: 1213px) { } @media (max-width: 1111px) { .nabu-overlay-big-content { border: 1px solid #fff; padding: 18px 48px 35px 16px; position: absolute; width: 81%; } .nabu-overlay-big .overlay-headline a { font-size: 25px!important; } .nabu-overlay-big .text > p { font-size: 21px!important; } .nabu-overlay-big .overlay-content .btn { font-size: 1.1em!important; font-weight: 500; } #footer + .nabu-overlay-big .ui-dialog-buttonpane:after { font-size: 15px; left: 15px; top: 15px; } .nabu-overlay-big .overlay-content .btn { line-height: 1.8em !important; height: 32px!important; } } @media (max-width: 980px) { .nabu-overlay-big .overlay-image { display: block; } } /*Tablet störer*/ @media (max-width: 955px) { .nabu-overlay-big .overlay-image { width: auto; } .nabu-overlay-big-content { left: 16px; padding: 18px 33px 35px 16px; top: -256px; width: 100%; } .nabu-overlay-big .ui-dialog-buttonpane::after { left: 35%; top: 13px; } } @media (max-width: 955px) { .nabu-overlay-big-content { bottom: 98%; top: inherit; } } @media (max-width: 574px) { .nabu-overlay-big-content { left: 0; } } @media (max-width: 515px) { .nabu-overlay-big-content { left: 0; bottom: 97%; top: inherit; width: 100%; } .nabu-overlay-big .overlay-image { max-width: 74%; width: auto; } } @media (max-width: 388px) { .nabu-overlay-big-content { left: 0; bottom: 97%; top: inherit; } } @media (max-width: 337px) { .nabu-overlay-big-content { } } /*niedrige Höhen*/ @media (min-width: 415px) and (max-height: 629px) { .nabu-overlay-big-content { bottom: 79px; left: 98%; top: inherit; } .nabu-overlay-big-content { bottom: 43%; left: 52%; top: inherit; } .nabu-overlay-big .overlay-image img { max-width: 100%; } .overlay-wrapper { width: 53%; } .nabu-overlay-big .overlay-image { width: 69%; } .nabu-overlay-big-content { left: 65%; } } /*niedrige Höhen*/ @media (min-width: 415px) and (max-height: 360px) { .nabu-overlay-big-content { bottom: 28%; left: 64%; top: inherit; } } /*iphone 4*/ @media (max-width: 340px) and (max-height: 480px) { .nabu-overlay-big .text > p { font-size: 16px !important; line-height: 110%; margin-bottom: 12px; } .nabu-overlay-big .overlay-headline a { font-size: 28px; line-height: 92%; margin-bottom: 0; } .nabu-overlay-big .overlay-content .btn { font-size: 16px !important; } .nabu-overlay-big-content { bottom: 96%; } } @media (max-width: 480px) and (max-height: 320px) { .nabu-overlay-big .overlay-image { width: 72%; } .nabu-overlay-big-content { width: 115%; } .nabu-overlay-big .text > p { font-size: 17px !important; } .nabu-overlay-big .overlay-headline a { font-size: 21px !important; } .nabu-overlay-big .overlay-content .btn { font-size: 16px !important; } } /**/ /*Störer ENDE*/ /*Störer Smartphone Tablet*/ @media (max-width: 980px) { .overlay-image { display: none; } #header .navigation .submenu { display: none!important; } .btn_lang { clear: both; display: block; float: none !important; width: 24%; } .pressebilder { display: inline-block; height: 100%; margin-bottom: 0; } .nabu-overlay .button { right: 28px; } .nabu-overlay .container-close { height: 0; } #menu-container #container-inner .tooltip { left: 0px!important; display: block!important; width: 100%!important; max-width: 250px!important; min-width: 77px!important; display: block!important; } #menu-container .tooltip-inner { width: 100%!important; } .buntemeter-karte { margin-top: 43px; } .tooltip.top .tooltip-arrow { left: 10px!important; } /* .nabu-overlay { height: 178px !important; }*/ .nabu-overlay h1 { padding: 9px 21px 6px 21px; margin-left: 0; } .nabu-overlay .overlay-headline { margin-left: -68px; } .nabu-overlay .ui-dialog-buttonpane { display: block; height: 40px; width: 40px !important; color: transparent; } .ui-dialog-buttonpane:after { color: #fff; content: "x"; float: left; font-family: Verdana; font-size: 22px; font-weight: bold; left: 15px; line-height: 0; padding-right: 0; position: absolute; top: 17px; } .nabu-overlay .button { bottom: 0!important; } .nabu-overlay .overlay-content { width: 100%!important; left: 20px; position: absolute; top: 12px; } .nabu-overlay .overlay-header { left: 0; position: absolute; width: 100%!important; } .nabu-overlay .overlay-content .text { width: 75%; } } @media (max-width: 480px) { .nabu-overlay .overlay-headline a { font-size: 15px; } .nabu-overlay .overlay-headline { padding: 9px 12px 7px 77px; } .nabu-overlay .overlay-content p { font-size: 14px; } .nabu-overlay .overlay-content .btn { font-size: 14px; height: 28px; } .nabu-overlay .overlay-content .text { margin-left: -8px; } } /*UI*/ .nabu-overlay .ui-dialog { bottom: 0 !important; height: 172px !important; left: inherit !important; position: fixed !important; top: inherit !important; width: 100% !important; } .overlay-header{ } .overlay-content{ } .nabu-overlay .button { /*float: right; margin-right: 66px; margin-top: 35px; position: absolute; width: auto; bottom: 5px; right: 0;*/ float: right; position: absolute; right: -2px; top: 4px; width: auto; /*transition: height 1s ease-in-out, background-color 0.5s;*/ } .nabu-overlay .ui-dialog-buttonpane { z-index: 11; transition: none; } .nabu-overlay .ui-widget-header { display: none; } /*Termin DB*/ .termindb .h2a { width: 14%; } .termindb h3 { font-size: 16px !important; font-weight: normal !important; margin-bottom: 8px !important; padding-left: 14px; } .termindb p { padding-left: 14px; } .termindb .pfeildoppel{ background: none repeat scroll 0 0 #0069b3; border-bottom: 3px solid #003664; border-radius: 3px; color: #fff !important; font-size: 13px; padding: 3px 9px; } .termindb input[type="submit"] { background: none repeat scroll 0 0 #0069b3; box-shadow: 0 3px 0 #003664; border-radius: 3px; color: #fff !important; font-size: 13px; padding: 3px 9px; border:none; } .termindb input[type="submit"]:hover { background: none repeat scroll 0 0 #003664; box-shadow: 0 3px 0 #003664; } .termindb .pfeildoppel:hover { background: none repeat scroll 0 0 #003664; border-bottom: 3px solid #003664; text-decoration: none; } .termindb .text2 .small:first-child { margin-left: 14px; } .termindb .text1b b, .pressedb .text1b b { } .termindb tbody tbody tr td { border: none; } table.termindb tr td { border: 1px solid white; } .termindb table { margin-bottom: 4px; } /*Altes Spendenformular Anpassungen*/ .spendenformulare2014 #formular, .spendenformulare2014 .formbox { border: 10px solid #ef7c00; background: none repeat scroll 0 0 #fff; padding: 20px; } .spendenformulare2014 #formular .submit { background: none repeat scroll 0 0 #ef7c00; box-shadow: 0 3px 1px #b76000; color: #fff; float: left; font-size: 0.9em; height: 29px; margin-bottom: 4px; margin-top: 0; text-align: center; width: 212px; padding: 2px 0 0; font-weight: 500!important; } .spendenformulare2014 #formular .submit:hover { background: none repeat scroll 0 0 #b76000; box-shadow: 0 3px 1px #b76000; border: none; } .spendenformulare2014 #formular h2 { color: #ef7c00; display: inline-block; font-size: 228%; margin-bottom: 38px; margin-top: 0; text-transform: uppercase; } .spendenformulare2014 #formular #fehler_Spende { clear: both; } .spendenformulare2014 #formular h3 { color: #0068b4; font-size: 12pt; font-weight: 500; margin-top: 6px; } .spendenformulare2014 #formular .fuerwen input { margin-right: 6px; } .spendenformulare2014 #formular label { font-size: 15px; } /*404-Seite*/ body.fehlerseite h2 { color: #0068b4!important; margin-top: 25px!important; font-size: 18pt!important; } body.fehlerseite .big-column form input[type=text] { padding: 9px 15px 9px 17px; border-radius: 6px; border: 1px solid #c6c6c6; margin-right: 2px; width: 230px; } body.fehlerseite .big-column form input.submit { padding: 9px 22px; border-radius: 6px; background: #0e68b5; color: #fff; border: 1px solid #0e68b5; } body.fehlerseite .big-column form input.submit:hover { border-radius: 6px; background: #00508C; border: 1px solid #0e68b5; } body.fehlerseite .big-column form { text-align: center; } /*Sidebar Navi*/ .small-column .subdirectory { background: #f4f3e8 !important; } /*Anpassung für zweizeilige Logos*/ .logo-zweizeilig .navbar { margin-top: 22px !important; } .logo-zweizeilig #header .search { padding: 29px 0 0; } .logo-zweizeilig #header .search form { margin-bottom: 0; } .logo-zweizeilig #header .meta-navi { padding-top: 35px; } .logo-zweizeilig { background-position: center 870px; } /*Startseite zweizeilig*/ .startseite.logo-zweizeilig #header { height: auto; } /*Anpassung für einzeilige Logos*/ .logo img, .logo-einzeilig .logo img, .logo-zweizeilig .logo img { width: 160px; } .logo-einzeilig .navbar { margin-top: 22px !important; } .logo-einzeilig #header .search { padding: 18px 0 0; } .logo-einzeilig #header .search form { margin-bottom: 0; } .logo-einzeilig #header .meta-navi { padding-top: 23px; } .logo-einzeilig { background-position: center 870px; } /*Startseite einzeilig*/ .startseite.logo-einzeilig #header { height: auto; } #vorort_land { display: block; text-align: center; } /*imperiaprotest formular*/ .boxTextX.mailing .rot { display: block; color: red; clear: both; } .boxTextX.mailing input { margin-bottom: 10px; border: 1px solid #827f65; border-radius: 3px; padding: 3px 5px; height: 35px; } .boxTextX.mailing textarea { border: 1px solid #827f65; padding: 3px 5px; border-radius: 3px; } .boxTextX.mailing input:focus { border: 1px solid #0c6bbb; } .boxTextX.mailing label { font-weight: 600; } #f-newsletter { height: auto; } span.rot { color: red; } .boxTextX.mailing .norm { margin-top: 20px; background: #0068b4 none repeat scroll 0 0; color: #fff; padding: 6px 10px; border: none; border-radius: 4px; cursor: pointer; display: inline-block; font-weight: 600; } .boxTextX.mailing .norm:hover { background: #00508C; } .boxTextX.mailing label { display: block; margin-bottom: 5px; } .boxTextX.mailing+.pfeildoppel { display: block; margin-bottom: 33px;; } .required { color: red; } /*###### Wolfquiz #####*/ #quizcards { margin-bottom: 30px; } #quizcards .caption { font-size: 13px; } #quizcards .caption2 { color: #86846b; display: block; margin-top: 4px; } #quizcards .headline { background: #0069b4; padding: 10px; } #quizcards .headline h2 { color: #fff; margin-top: 0; margin-bottom: 2px; padding-bottom: 0; } #quizcards .quiz-card .btn.blue { font-size: 1em; font-weight: 600; height: 30px; text-align: center; width: 266px; } #quizcards .headline h3 { color: #d3ddf1; font-weight: 500; margin-bottom: 0; } #quizcards .quiz-progress { background: none; overflow: hidden; } .progress-number { background: #e3e1d4 none repeat scroll 0 0; color: #86846b; display: block; float: right; height: 28px; line-height: 28px; padding-left: 11px; padding-right: 11px; position: absolute; right: -8px; text-align: center; top: -8px; } .bar > img { float: left; margin-left: 11px; width: 86%; } #quizcards .quiz-progress .bar { height: 28px; background: #e3e1d4 url('../images/quiz-streifen.png'); margin-bottom: 23px; border: 8px solid #e3e1d4; position: relative; } #quizcards .quiz-text { clear: both; color: #0068b4!important; font-size: 18pt; font-weight: 700; margin-bottom: 5px; margin-top: 28px; line-height: 100%; } #quizcards .quiz-question { margin-bottom: 20px; position: relative; overflow: hidden; } #quizcards .letter { background: #76b828 none repeat scroll 0 0; border-radius: 3px 0 0 3px; color: #fff; display: block; float: left; height: 28px; line-height: 27px; text-align: center; width: 42px; } /* Erstmal von Garvin deaktiviert #quizcards .quiz-question input { opacity: 0; } #quizcards .quiz-question input[type=checkbox], #quizcards .quiz-question input[type=radio] { position: absolute; } #quizcards .quiz-question input { position: absolute; } */ #quizcards .quiz-question label { border: 1px solid #6f9ed4; border-radius: 3px; float: right; line-height: 130%; width: 93%; padding-right: 5px; } #quizcards .antwortscreen .quiz-question label { border: 1px solid #76b828; } .quiz-card.keine-bildantworten.gross .quiz-question label { position: relative; } #quizcards .keine-bildantworten .quiz-question label { padding-bottom: 5px; padding-left: 48px; padding-top: 5px;; } #quizcards .keine-bildantworten .quiz-question label::before { left: -1px; position: absolute; top: 0; height: 100%; padding-top: 0.8%; border-radius: 3px 0 0 3px; } #quizcards .keine-bildantworten.klein .quiz-question label::before { left: 22px; } #quizcards .quiz-question label:hover { cursor: pointer; } #quizcards .quiz-question label:before { background: #6f9ed4; color: #fff; display: block; float: left; font-weight: 700; height: 28px; line-height: 20px; margin-right: 11px; padding-left: 15px; padding-right: 15px; } #quizcards .antwortscreen .quiz-question label:before { background: #76b828; } #quizcards .quiz-card.keine-bildantworten.klein .quiz-question label::before { line-height: 26px; } #quizcards .quiz-question .antwort_falsch + label::before { background: #dd062d none repeat scroll 0 0; } #quizcards .quiz-question .antwort_falsch + label { border: 1px solid #dd062d; } #quizcards .quiz-question label.no-focus:before { background: #a9a691; } #quizcards .quiz-question label.no-focus { border: 1px solid #a9a691; color: #a9a691; } #quizcards .quiz-question label.focus { border: 1px solid #3a6311; } #quizcards .quiz-question label.focus:before { background: #3a6311; } .bildantworten .quiz-question label.focus .answer-text { background: #3a6311 none repeat scroll 0 0; color: #fff; margin-top: -28px; padding: 9px 10px 10px; line-height: 18px; } .bildantworten .quiz-question { border: 1px solid #6f9ed4; border-radius: 3px; } .bildantworten .antwortscreen .quiz-question { border: 1px solid #76b828; } #quizcards .bildantworten .quiz-question label { border: medium none; border-radius: 0; float: right; line-height: 130%; width: 100%; padding-top: 6px; } .bildantworten .quiz-question label.focus .caption { background: #3a6311 none repeat scroll 0 0; } #wrapper .bildantworten .quiz-question label.focus .caption p { color: #fff!important; } .quizbox { clear: both; overflow: hidden; } .quiz-button { margin-top: 30px; background: #0069b4 none repeat scroll 0 0; box-shadow: 0 3px 1px #00508c; border: none; border-radius: 4px; color: #fff; font-size: 1em; height: 30px; margin: 25px auto 40px; width: 100%; max-width: 266px; text-align: center; font-weight: 600; display: block; opacity: 1!important; clear: both; } .quiz-button:hover { background: none repeat scroll 0 0 #00508C; } .quiz-card.keine-bildantworten.gross.antwortscreen .quiz-fehlerinfo span { display: block; font-weight: 600; margin-bottom: 17px; margin-top: 0; } #quizcards .quiz-question input[data-antwort-id="1"] + label:before { content: 'A'; } #quizcards .quiz-question input[data-antwort-id="2"] + label:before { content: 'B'; } #quizcards .quiz-question input[data-antwort-id="3"] + label:before { content: 'C'; } #quizcards .quiz-question input[data-antwort-id="4"] + label:before { content: 'D'; } #quizcards .quiz-question input[data-antwort-id="5"] + label:before { content: 'E'; } #quizcards .quiz-question input[data-antwort-id="6"] + label:before { content: 'F'; } #quizcards .quiz-question input[data-antwort-id="7"] + label:before { content: 'G'; } /*Bildantworten*/ .bildantworten .quiz-question label { } .bildantworten .bildwrap_captions { clear: both; margin-top: 20px; width: 100%; } .bildantworten.antwortscreen .bildwrap_captions { display: none; } .bildantworten .bildwrap .caption { display: none; } .bildantworten.antwortscreen .bildwrap .caption { display: block; } .bildantworten .bildwrap_captions .caption:after { content: "|"; font-weight: 600; padding-left: 5px; } .bildantworten .bildwrap_captions .caption:last-child:after { content: ""; } .bildantworten .bildwrap_captions .caption { display: inline; padding-right: 5px; } .bildantworten .quiz-question { margin-bottom: 14px !important; min-height: initial; padding-bottom: 10px; width: 48%; } #quizcards .bildantworten .bildwrap { margin: 0 !important; padding: 0 !important; top: 0; width: 100%!important; } #quizcards .bildantworten .quiz-question label::before { position: absolute; top: 0; left: 0; } .bildantworten .quiz-question:nth-child(even) { float: left; } .bildantworten .quiz-question:nth-child(odd) { float: right; } .bildantworten .bildwrap { position: relative; top: -28px; /* z-index: -1;*/ } .bildantworten .quiz-question label:before { margin-left: 10px; border-radius: 0 0 3px 3px; } .bildantworten .answer-text { display: block; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-top: -19px; line-height: 18px; } /*Richtige/falsche Antwort bildantworten*/ .bildantworten .right-answer, .bildantworten .wrong-answer { margin-top: -30px; width: 100%; } #quizcards .right-answer label, #quizcards .wrong-answer label { border: medium none; } #quizcards .right-answer .answer-headline { color: #76b828; margin-bottom: 8px; } #quizcards .wrong-answer .answer-headline { color: #e41e3c; margin-bottom: 8px; } #quizcards .right-answer .bildwrap { background: rgba(0, 0, 0, 0) url("../images/quiz-right1.png") no-repeat scroll center center; } #quizcards .wrong-answer .bildwrap { background: rgba(0, 0, 0, 0) url("../images/quiz-wrong1.png") no-repeat scroll center center; } .answer-headline { font-size: 18px; font-weight: 600; } .bildantworten .right-answer .caption, .bildantworten .wrong-answer .caption { padding-left: 0; font-size: 15px; margin-top: 0; } .bildantworten .right-answer .bildwrap, .bildantworten .wrong-answer .bildwrap { position: initial; } .bildantworten .right-answer .bildwrap img, .bildantworten .wrong-answer .bildwrap img { position: relative; z-index: -1; } .bildantworten .right-answer label::before, .bildantworten .wrong-answer label::before { position: relative; top: 28px; } .right-answer .quiz-button, .wrong-answer .quiz-button { margin: 0 auto 40px; } .x-answer { margin-top: 20px; } .bildantworten .wrong-answer .quiz-text, .bildantworten .right-answer .quiz-text { margin-bottom: 0!important; } #quizcards .bildantworten .quiz-question label { width: auto!important; } #quizcards .bildantworten input[type="radio"], #quizcards .bildantworten input[type="checkbox"] { float: left; margin-left: 8px !important; margin-right: 5px; } #quizcards .bildantworten input[type="radio"] + label, #quizcards .bildantworten input[type="checkbox"] + label { float: left; } #quizcards .bildantworten.antwortscreen .quiz-question input[type="radio"], #quizcards .bildantworten.antwortscreen .quiz-question input[type="checkbox"], #quizcards .bildantworten.antwortscreen .quiz-question label { display: none; } #quizcards .bildantworten.antwortscreen .quiz-question { margin-bottom: 0; padding-bottom: 0; } #quizcards .bildantworten.antwortscreen[data-quiz-type="checkbox"] .quiz-question .quiz-fehlerinfo span { margin-top: 0; } .quiz-card.bildantworten.klein[data-quiz-type="radio"] .answer-wrap { padding-left: 10px; } .quiz-card.bildantworten.klein.antwortscreen[data-quiz-type="radio"] .answer-wrap { padding-left: 0px; } #quizcards .quiz-card.result .quiz-progress { padding-left: 10px; } .quiz-card.keine-bildantworten.klein.antwortscreen .quiz-question label { position: relative; } #quizcards .keine-bildantworten.klein.antwortscreen .quiz-question label:before { left: -1px; } .quiz-card.keine-bildantworten.klein.antwortscreen .quiz-question .quiz-fehlerinfo span { margin-top: 0; margin-bottom: 12px; } .quiz-card.bildantworten.klein.antwortscreen .quiz-result-text .quiz-fehlerinfo span { margin-top: 0; margin-bottom: 10px; } /*Quiz Auswertung*/ #quizcards .quiz-result .auswertung-headline { clear: both; color: #0068b4 !important; font-size: 18pt; font-weight: 700; line-height: 110%; margin-bottom: 4px; margin-top: 7px; } #quizcards .quiz-result .auswertung-headline2{ color: #86846b; font-size: 18px; font-weight: 600; margin-bottom: 10px; margin-top: 0px; } #quizcards .quiz-result .auswertung-headline2 p{ color: #86846b; font-size: 18px; font-weight: 600; margin-bottom: 10px; } #quizcards .quiz-result .quiz-fb { background: #0069b4 url("../images/quiz-fb.jpg") no-repeat scroll 11px 5px / 19px auto; border-radius: 4px; box-shadow: 0 3px 1px #00508c; color: #fff; display: block; float: left; font-size: 1em; font-weight: 600; height: 30px; line-height: 30px; margin: 0 auto 40px; padding-left: 17px; text-align: center; width: 45%; } #quizcards .quiz-twitter { background: #0069b4 url("../images/quiz-tw.jpg") no-repeat scroll 19px 5px / 19px auto; border-radius: 4px; box-shadow: 0 3px 1px #00508c; color: #fff; display: block; float: right; font-size: 1em; font-weight: 600; height: 30px; line-height: 30px; margin: 0 18px 41px auto; padding-left: 17px; text-align: center; width: 45%; } #quizcards .quiz-result .quiz-fb:hover { background: #00508C url("../images/quiz-fb.jpg") no-repeat scroll 11px 5px / 19px auto; } #quizcards .quiz-twitter:hover { background: #00508C url("../images/quiz-tw.jpg") no-repeat scroll 19px 5px / 19px auto; color: #fff; text-decoration: none; } .stars { display: inline-block; margin-left: 15px; } #quizcards .quiz-result .quiz-fb:hover { text-decoration: none; } #quizcards .quiz-result .bildwrap { margin-left: 0; } .quiz-card.quiz-mitbild.bildantworten { overflow: hidden; padding-bottom: 12px; } input[type="radio"], input[type="checkbox"] { margin: 9px 0 0; } .bar .progress-block { background: #0069b4 none repeat scroll 0 0; display: block; font-size: 1px; height: 12px; } /*Großes Fragebild*/ #quizcards .quiz-card.gross .bildwrap { padding-right: 18px; width: 100%; float: initial; } #quizcards .quiz-card.gross .answer-wrap { float: initial; padding: 10px; width: 100%; } #quizcards .quiz-card.gross .quiz-question label { width: 86%; float: left; margin-left: 10px; } #quizcards .quiz-card.gross input[type="radio"], #quizcards .quiz-card.gross input[type="checkbox"] { float: left; } #quizcards .quiz-card.gross .quiz-question-auswertung { padding-left: 10px; padding-top: 10px; width: 100%; } #quizcards .quiz-result-bild { position: relative; } #quizcards .antwort_richtig .bildwrap::before, #quizcards .antwort_falsch .bildwrap::before { background: rgba(0, 0, 0, 0) url("../images/quiz-right1.png") no-repeat scroll center 42%; content: ""; height: 70px; position: absolute; left: 45%; top: 39%; width: 70px; z-index: 1; } #quizcards .klein .antwort_richtig .bildwrap::before, #quizcards .klein .antwort_falsch .bildwrap::before { left: 44%; top: 33%; } #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { left: 21%; top: 63px; } #quizcards .bildantworten.gross .antwort_richtig .bildwrap::before, #quizcards .bildantworten.gross .antwort_falsch .bildwrap::before { left: 43%; top: 39%; } #quizcards .antwort_falsch .bildwrap::before { background: rgba(0, 0, 0, 0) url("../images/quiz-wrong1.png") no-repeat scroll center 42%; } #quizcards .gross.antwortscreen .quiz-result-text, #quizcards .klein.antwortscreen .quiz-result-text { margin-top: 11px; width: 100%!important; color: #333333!important; font-size: 15px!important; font-weight: 500!important; } #quizcards .gross.antwortscreen .quiz-button { margin-left: 0; } .quiz-card.antwortscreen[data-quiz-type="checkbox"] .bar + div .bildwrap { display: none; } .quiz-card.antwortscreen[data-quiz-type="checkbox"] .quiz-question-auswertung + div .bildwrap { display: none; } .quiz-card.antwortscreen.gross .quiz-question-auswertung { float: initial; clear: both; } .quiz-card.antwortscreen.klein.keine-bildantworten[data-quiz-type="checkbox"] .quiz-question-auswertung { float: left; width: 100%; } #quizcards .antwort_richtig .bildwrap::before { background: rgba(0, 0, 0, 0) url("../images/quiz-right1.png") no-repeat scroll center 42%; } #quizcards .antwort_falsch .bildwrap::before { background: rgba(0, 0, 0, 0) url("../images/quiz-wrong1.png") no-repeat scroll center 42%; } #quizcards .antwort_richtig .bildwrap::before, #quizcards .antwort_falsch .bildwrap::before { content: ""; height: 70px; left: 45%; position: absolute; top: 39%; width: 70px; z-index: 1; } .quiz-card.bildantworten.gross.antwortscreen .quiz-result-multi { padding-left: 10px; padding-right: 10px; } #content #quizcards .quiz-card.bildantworten.gross.antwortscreen .quiz-text { margin-bottom: 5px; } #quizcards .quiz-card.bildantworten.antwortscreen .quiz-question { display: none!important; } .quiz-teilsteils { color: #E07300; font-weight: 600; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="radio"] .quiz-question.selected { display: block !important; border: none; border-radius: 0; } #quizcards .quiz-card.antwortscreen.klein.bildantworten[data-quiz-type="radio"] .answer-wrap .quiz-text { float: right; width: 47.4%; } #quizcards .quiz-card.antwortscreen.gross.bildantworten[data-quiz-type="radio"] .quiz-question.selected { width: 100%; display: block !important; margin-bottom: 0; padding-bottom: 0; } #content #quizcards .quiz-card.antwortscreen.gross.bildantworten[data-quiz-type="radio"] .quiz-text { margin-bottom: 11px; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="radio"] .quiz-question label { display: none; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="radio"] .bildwrap.antwort_richtig:before { background: rgba(0, 0, 0, 0) url("../images/quiz-right1.png") no-repeat scroll center 42%; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="radio"] .bildwrap.antwort_falsch:before { background: rgba(0, 0, 0, 0) url("../images/quiz-wrong1.png") no-repeat scroll center 42%; } #quizcards .antwort_richtig.bildwrap::before, #quizcards .antwort_falsch.bildwrap::before { content: ""; height: 70px; left: 45%; position: absolute; top: 40%; width: 70px; z-index: 1; } #quizcards .quiz-card.antwortscreen.klein.bildantworten[data-quiz-type="radio"] .quiz-question { width: 49%; } #quizcards .quiz-card.antwortscreen.klein.bildantworten[data-quiz-type="radio"] .quiz-question.selected { margin-left: 10px; } #quizcards .quiz-card.antwortscreen.gross.bildantworten[data-quiz-type="radio"] .quiz-question.selected label{ margin-left: 0px; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="radio"] .quiz-question input { display: none!important; } #content #quizcards .quiz-card.bildantworten.gross.antwortscreen[data-quiz-type="checkbox"] .quiz-text { margin-bottom: 18px; } .quiz_question_wrap { position: relative; } .quiz-card.keine-bildantworten .audioplayer-volume:hover .audioplayer-volume-adjust { bottom: 0; top: 31px; } #quizcards .bildantworten .quiz-question label::before { line-height: 25px; } @media (max-width: 980px) { #quizcards .quiz-card.antwortscreen.klein.bildantworten[data-quiz-type="radio"] .quiz-question { float: initial; width: 100%; margin-left: 0 !important; } #quizcards .quiz-card.antwortscreen.klein.bildantworten[data-quiz-type="radio"] .answer-wrap .quiz-text { float: initial; width: 100%; } .bildantworten .bildwrap_captions { clear: both; margin-top: -16px; width: 100%; } #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { left: 47%; top: 33%; } #quizcards .quiz-card.gross .quiz-question-auswertung { padding-left: 0px; } #quizcards .quiz-card.klein .quiz-question label { float: left; margin-left: 10px; width: 86%; } .answer-wrap .quiz-result-text { margin-bottom: 0; } #quizcards .quiz-card.klein input[type="radio"], #quizcards .quiz-card.klein input[type="checkbox"] { float: left; } .quiz-question-auswertung { float: initial; margin-top: 10px; } .answer-wrap .quiz-text { margin-top: 10px !important; } #quizcards .quiz-card.gross .answer-wrap { padding: 0; } .quiz-result-multi .quiz-result-text.quiz-fail { margin-top: 18px; } .quiz-result-multi .quiz-result-text.quiz-success { margin-top: 18px; } #quizcards .gross.antwortscreen .quiz-button { margin-left: auto; margin-right: auto; } #quizcards .quiz-card.gross .bildwrap { padding-right: 0; } #quizcards .keine-bildantworten.klein .quiz-question label::before { left: 24px; } .quiz-card.bildantworten.gross.antwortscreen .quiz-result-multi { padding-left: 0px; } #quizcards .antwort_richtig .bildwrap::before, #quizcards .antwort_falsch .bildwrap::before { left: 43%; top: 43%; } #quizcards .antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { top: 34%; left: 46%; } #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 43%; top: 45%; } #quizcards .quiz-card .auswertung-box .btn.blue { display: block; margin: 23px auto 0; } #quizcards .quiz-result .auswertung-headline2 { margin-top: 6px; } } @media (max-width: 768px) { #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { left: 44%; top: 37%; } #quizcards .bildantworten.gross.antwortscreen .antwort_richtig.bildwrap::before, #quizcards .bildantworten.gross.antwortscreen .antwort_falsch.bildwrap::before { left: 43%; top: 36%; } } @media (max-width: 580px) { #quizcards .antwort_richtig .bildwrap::before, #quizcards .antwort_falsch .bildwrap::before { left: 41%; top: 36%; } #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 43%; top: 43%; } } @media (max-width: 480px) { #quizcards .quiz-card.bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 41%; top: 34%; } #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { left: 41%; top: 35%; } #quizcards .quiz-question label::before { line-height: 23px; } } @media (max-width: 450px) { #quizcards .antwort_richtig .bildwrap::before, #quizcards .antwort_falsch .bildwrap::before { left: 38%; top: 32%; } #quizcards .bildantworten.gross.antwortscreen .antwort_richtig.bildwrap::before, #quizcards .bildantworten.gross.antwortscreen .antwort_falsch.bildwrap::before { left: 41%; top: 32%; } #quizcards .antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { left: 41%; top: 32%; } #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 43%; top: 43%; } #quizcards .quiz-card.keine-bildantworten.klein.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.keine-bildantworten.klein.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 39%; top: 30%; } } @media (max-width: 400px) { #quizcards .quiz-card.bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 37%; top: 32%; } #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .klein.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { left: 38%; top: 30%; } #quizcards .gross.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .gross.antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { left: 40%; top: 29%; } #quizcards .bildantworten.gross.antwortscreen .antwort_richtig.bildwrap::before, #quizcards .bildantworten.gross.antwortscreen .antwort_falsch.bildwrap::before { left: 39%; top: 30%; } } @media (max-width: 365px) { #quizcards .bildantworten .antwort_richtig .bildwrap::before, #quizcards .bildantworten .antwort_falsch .bildwrap::before { left: 36%; top: 26%; } #quizcards .antwort_richtig .bildwrap::before, #quizcards .antwort_falsch .bildwrap::before { left: 38%; top: 42%; } #quizcards .antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_richtig .bildwrap::before, #quizcards .antwortscreen.keine-bildantworten[data-quiz-type="radio"] .antwort_falsch .bildwrap::before { top: 32%; left: 36%; } #quizcards .quiz-card.keine-bildantworten.klein.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.keine-bildantworten.klein.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 39%; top: 27%; } } @media (max-width: 330px) { #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_richtig .bildwrap::before, #quizcards .quiz-card.keine-bildantworten.antwortscreen[data-quiz-type="checkbox"] .antwort_falsch .bildwrap::before { left: 35%; top: 41%; } } @media (min-width: 980px) { .quiz-card.keine-bildantworten.klein .videowrap.videowrap-float { float: left; padding-left: 10px; padding-right: 10px; position: relative; top: -22px; width: 48%; padding-top: 23px; } .quiz-card.keine-bildantworten .videowrap { padding-left: 10px; padding-right: 10px; } .quiz-card.keine-bildantworten.gross .videowrap.videowrap-float { padding-left: 10px; padding-right: 10px; } .quiz-card.keine-bildantworten.klein .audio-box { margin-top: 13px; } .quiz-card.keine-bildantworten.gross .audio-box { margin-bottom: 18px; } .quiz-card.bildantworten.klein.antwortscreen .quiz-button { margin-left: 10px; } .quiz-card { position: relative; } .quiz-ohnebild .answer-wrap { padding: 10px; } .quiz-card.antwortscreen.klein[data-quiz-type="checkbox"] .quiz-result-multi { float: left; width: 49%; } .quiz-card.antwortscreen.klein[data-quiz-type="checkbox"] .quiz-result-multi .bildwrap { float: initial; width: 100%; } .quiz-card.antwortscreen.klein[data-quiz-type="checkbox"] .answer-wrap { float: right; width: 48%; } /*Result Checkbox ohne bildantworten*/ .quiz-card.antwortscreen.klein.keine-bildantworten[data-quiz-type="checkbox"] .quiz-result-multi .quiz-result-text { margin-left: 10px; margin-top: 10px; } #quizcards .quiz-card.antwortscreen.gross[data-quiz-type="checkbox"] .answer-wrap .quiz-button-advance { z-index: 2; } #content .quiz-card.antwortscreen.gross.keine-bildantworten[data-quiz-type="checkbox"] .quiz-result-multi .quiz-button, #content .quiz-card.antwortscreen.gross.keine-bildantworten[data-quiz-type="checkbox"] .quiz-result-multi .quiz-result-text, #content .quiz-card.antwortscreen.gross.keine-bildantworten[data-quiz-type="checkbox"] .quiz-question-auswertung { margin-left: 10px; } /*Result Bildantworten Checkbox*/ #quizcards .quiz-card.antwortscreen.gross.bildantworten[data-quiz-type="checkbox"] .quiz-result-multi .quiz-result-text { width: 100%; float: initial; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="checkbox"] .quiz-question { display: none!important; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="checkbox"] .quiz-question.selected { display: block!important; } #quizcards .quiz-card.antwortscreen.bildantworten[data-quiz-type="checkbox"] .quiz-question.selected .bildwrap { display: none!important; } #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="checkbox"] .quiz-question.selected { clear: both; display: block !important; float: initial; height: auto; min-height: initial; width: 100%; } #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="checkbox"] .quiz-question { border: none; border-radius: 0; } #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="checkbox"] .quiz-question label, #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="radio"] .quiz-question label { border: 1px solid #76B828; border-radius: 3px; width: 86%!important; padding-bottom: 5px; padding-left: 48px; padding-top: 5px; line-height: 168%; position: relative; } #quizcards .quiz-card.antwortscreen.gross.bildantworten.antwortscreen[data-quiz-type="radio"] .quiz-question.selected label { margin-left: 9px!important; margin-top: 14px; } #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="radio"] .quiz-question input { margin-top: 26px; } #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="checkbox"] .quiz-question .antwort_falsch + label, #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="radio"] .quiz-question .antwort_falsch + label { border: 1px solid #DD062D; } #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="checkbox"] .quiz-question label:before, #quizcards .quiz-card.antwortscreen.bildantworten.antwortscreen[data-quiz-type="radio"] .quiz-question label:before { border-radius: 3px 0 0 3px; height: 37px; left: -11px; padding-top: 0.8%; position: absolute; top: -1px; } #quizcards .quiz-card.antwortscreen.gross.bildantworten[data-quiz-type="checkbox"] .quiz-result-multi .quiz-result-text, #quizcards .quiz-card.antwortscreen.klein.bildantworten[data-quiz-type="checkbox"] .quiz-result-multi .quiz-result-text { width: 100%; overflow: hidden; padding-top: 10px; } #quizcards .quiz-card.antwortscreen.klein.bildantworten[data-quiz-type="checkbox"] .quiz-result-multi { padding-left: 10px; } .quiz-card.antwortscreen.gross.bildantworten[data-quiz-type="checkbox"] .quiz-result-multi .quiz-result-text { margin-top: 10px; } /*/////////*/ .quiz-card.big-image .answer-wrap { clear: both; float: initial; margin-top: 20px; width: 100%; } .bildantworten .quiz-question:nth-child(2n+1) { float: left; } #quizcards .quiz-text { margin-top: 28px; } .bildantworten .quiz-question { min-height: 146px; } #quizcards .quiz-result .quiz-fb { margin: 0; } #quizcards .quiz-question { margin-right: 10px; } .bildwrap { margin-left: 10px; } .quiz-card.big-image .bildwrap { float: initial; clear:both; width: 100%; } .answer-wrap { clear: initial; float: right; width: 48%; overflow: visible; } .quiz-ohnebild .answer-wrap { width: 100%; } .quiz-ohnebild .answer-wrap { width: 100%; } .klein.quiz-ohnebild.keine-bildantworten .answer-wrap { width: 51%; } #quizcards .quiz-progress .bar { top: -7px; } .bildantworten .bildwrap { margin-top: 0px; } #quizcards .quiz-progress .bar { margin-bottom: 2px; } .bildantworten .quizbox { float: initial; width: 100%; } #quizcards .quiz-progress { border: 8px solid #e3e1d4; padding-bottom: 10px; } .quiz-card { clear: both; display: block; height: 100%; margin-bottom: 20px; /*später rausnehmen*/ overflow: hidden; /*später rausnehmen*/ } .auswertung { padding: 10px; } .bildwrap { float: left; width: 48%; } #quizcards .quiz-text { margin-top: 0; } .quiz-button { padding-left: 15px; padding-right: 15px; width: auto; margin: 0 0 10px; } #quizcards .bildantworten .quiz-question { margin-bottom: 13px !important; } #quizcards .bildantworten .quiz-question:nth-child(2n) { float: left; } #quizcards .bildantworten .bildwrap{ clear: both; width: 100%; } #quizcards .bildantworten .quiz-question { width: 23%; margin-right: 12px; } #quizcards .bildantworten .quiz-question:last-child { margin-right: 0px; } #quizcards .bildantworten .quiz-question + .quiz-question + .quiz-question +.quiz-question { margin-right: 0px; } #quizcards .bildantworten .antwort_richtig .bildwrap, #quizcards .bildantworten .antwort_falsch .bildwrap { float: left; width: 49%; } #quizcards .bildantworten .antwort_richtig label:before, #quizcards .bildantworten .antwort_falsch label:before { position: absolute; top: 0; } #quizcards .bildantworten .quiz-result-multi .quiz-result-text { float: right; width: 49%; } #quizcards .bildantworten .right-answer, #quizcards .bildantworten .wrong-answer { margin-top: 0px; } .auswertung .bildwrap { float: left; width: 49%; } .auswertung-box { float: right; width: 49%; } #quizcards .auswertung .auswertung-headline2 { margin-top: 0; } #quizcards .auswertung .quiz-fb { float: left; } } /* ##################### ### MEDIA QUERIES ### ##################### */ /* #sudoslider .column { max-width: 227px; min-width: 227px; } */ /*Desktop*/ @media (min-width: 980px) { #tabs .column { max-width: 231px; min-width: 231px; } .template2 #content .content-navi { margin-top: -10px; position: absolute; right: 0; z-index: 1; } .template2.unterseite .big-column { padding: 20px 0 0; } .footer-navigation.mobile { display: block; } .footer-navigation.mobile li { display: none; } .footer-navigation.mobile li.union-jack { display: block !important; } .footer-rebrush .footer-navigation.mobile li.union-jack { display: none !important; } .has_slider .breadcrumb { width: 100%; } .sudoslider ul li { max-width: 232px; } #header .main-navi, .navbar { } #content .content-navi { margin-top: -10px; z-index: 0; } #content .content-navi .dropdown-menu { top: 0!important; left: 0px; } #content .content-navi .dropdown-menu { left: 0!important; top: 0; } .navbar { min-height: inherit; } .navbar-inverse { background-color: none; border: none; margin: 0; } .navbar .container { padding: 0; } .participate .yellow-box, .participate .blue-box { width: 48.5%; } .mobile { display: none; } .press-mobile { display: none!important; } .breadcrumb { width: 79%; } #tabs3 { display:none; } .mobile-header { display: none!important; } #wrapper #container-outer, #wrapper #menu-container { width: inherit; display: inline; position: inherit; overflow: inherit; } .navi-col .open ul { display:block; } #header .search-mobile { display: none!important; } } /*Tablet*/ @media (max-width: 980px) { iframe { width: 100% !important; } .press-mobile { display: none!important; } .fb_iframe_widget iframe { padding-right: 22px; } .fb_iframe_widget { position: inherit!important; } .fb_iframe_widget span { position: inherit!important; width: 100%!important; } #tabs-2 { padding-left: 14px!important; } #header .slider .h1 { margin: 0 !important; padding: 0 !important; } #header .slider .btn { margin: 0!important; position: initial !important; } .slider div.text { bottom: 128px !important; height: 34%; left: 0; padding-left: 116px !important; position: absolute; top: 127px !important; width: 100%; } #container-inner .social_share_privacy_area { float: none; clear: both; height: auto; } .social_share_privacy_area li.gplus.help_info .info { left: 0; } .social_share_privacy_area li .help_info.icon .info { left: 0; } #socialshareprivacy li { width: 77%; display: inline; clear: both; position: relative; left: 47%; margin-bottom: 14px !important; } #socialshareprivacy .mail { left: 32%; position: relative; float: none; } #socialshareprivacy .print { left: 32%; position: relative; float: none; margin-bottom: 22px; } #container-inner .social_share_privacy_area li.settings_info .settings_info_menu { position: inherit; margin-top: 12px; } .related-topics .col-xs-8 { width: 72.667%; } .slider { height: 291px; } #content .small-column .donate h3 { display: inline-block !important; } .donate.large img { max-width: 270px !important; } .breadcrumb { width: 72%!important; } #content .donate.large .right { float: inherit; height: 46px; } .startseite .box.yellow-box, .startseite .box.blue-box { width: 48.2%; } #content .donate.large .btn { margin-top: 15px; } #content .donate.large span.step { padding-top: 19px; } .unterseite .yellow-box, .unterseite .blue-box { width: 48%; } .footer-content .footer-column { margin-bottom: 26px; } .unterseite .box + .box { margin-left: 18px; } .unterseite #header { height: auto; } #header .logo { z-index: 1; } #header .main-navi ul li { position: relative; } #header .main-navi ul li .submenu { left: -180px; top: 60px; z-index: 2; min-width: 720px; } #header .main-navi ul li .submenu:after { left: 31%; } #header .main-navi ul li + li .submenu { left: -288px; } #header .main-navi li + li .submenu:after { left: 46%; } #header .main-navi ul li + li +li .submenu { left: -396px; } #header .main-navi ul li + li +li .submenu:after { left: 61%; } #header .main-navi ul li + li + li + li .submenu { left: -504px; } #header .main-navi li + li + li + li .submenu:after { left: 76%; } #header .main-navi ul li + li + li + li .submenu { left: -504px; } #header .main-navi li + li + li + li + li .submenu:after { left: 75%; } #header .main-navi ul li + li + li + li + li .submenu { left: -612px; } #header .main-navi li + li + li + li + li .submenu:after { left: 91%; } #header .main-navi ul li { height: 62px; } #header .main-navi ul li ul .second-navi-box { margin-left: 8px; } #header .main-navi ul li ul .third-navi-box { margin-left: 19px; } #header .main-navi ul li ul .first-navi-box ul li .nav-image { margin-right: 6px; } /* #sudoslider-top .side { height: 54px; padding: 5px 0; bottom: -29px; right: -11px; } */ #sudoslider-top .side { height: auto; padding: 8px 15px; top: 0px!important; left: 40px!important; transform: rotate(0deg); } #sudoslider-top .side:after { border-bottom: 12px solid transparent; border-left: 13px solid #7c4200; border-right: 13px solid transparent; position: absolute; right: -13px; top: 53px; } .crumb li a, .crumb li { font-size: 13px; } .crumb { margin-bottom: 5px; } #dropdownMenu1 { display: none; } .navi-col { bottom: 0; top: 96px; float: left; height: 100%; position: absolute; } .content-navi { position: absolute; height: 100% } /* Layout Slideout Menu */ #container-outer, #menu-container { width: 100%; overflow: hidden; display: block; position: relative; } .unterseite .m-menu .fa-bars { color: #0068b4; line-height: 23px; position: absolute; font-size: 30px; } .m-menu { border: medium none; border-radius: 0; height: 38px; margin-bottom: 32px; padding-left: 18px; display: block; color: #fff; } .content-navi .active ul { display: block; } /* Layout Slideout Menu */ #container-outer, #menu-container { width: 100%; overflow: hidden; display: block; position: relative; } .unterseite .m-menu .fa-bars { color: #0068b4; line-height: 23px; position: absolute; font-size: 30px; } .m-menu { border: medium none; border-radius: 0; height: 38px; margin-bottom: 32px; padding-left: 18px; display: block; color: #fff; } /* Mobile Menu */ .mobile-header { line-height: 100%; display: block; position: relative; z-index: 30; top: 46px !important; z-index: 9999; cursor: pointer; padding: 0; width: 64px; } .mobile-header ul { margin: 0px; padding: 0px; z-index: 30; list-style: none; } .mobile-header ul li { float: left; line-height: 37px; list-style: none outside none; margin: 0; padding: 0; position: relative; width: 41px; z-index: 30; border-radius: 3px; padding: 0 !important; border-top: none; } .mobile-header ul li a { margin: 0px; padding: 20px 0px; width: auto; display: block; background: none; text-align: center; font-size: 12px; line-height: 12px; color: #888888; cursor: pointer; border-right: 1px solid #eeeeee; font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase; } .mobile-header ul li.m-menu a { font-weight: 700; } .mobile-header ul li a span.menu-open, .mobile-header ul li.active a span.menu-close { display: inline; } .mobile-header ul li.active a span.menu-open, .mobile-header ul li a span.menu-close { display: none; } /* Mobile Menu */ .mobile-menu { margin: 0px; width: 188px; text-transform: none; font-size: 12px; position: relative; top: -59px; bottom: 0px; left: -200px; /* Hides Brief Menu Popup As JavaScript Loads */ z-index: 9998; display: block; height: 100%!important; overflow: hidden; } .mobile-menu.active { height: auto; overflow: visible; } .mobile-menu-bg { background: #222222; margin: 0px; position: fixed; width: 200px; top: 0px; bottom: 0px; left: -200px; /* Hides Brief Menu Popup As JavaScript Loads */ z-index: 9997; display: block; height: 100%; } .mobile-menu.active, .mobile-menu-bg.active { display: block; } /* Floats */ .clearfloat:after { content: ""; display: table; clear: both; } .crumb { width: 90%; } .breadcrumb { width: 100%!important; float: left; } .mobile-menu .dropdown-menu { border: none; background: none repeat scroll 0 0 #f5f5f5; } .mobile-menu .dropdown-menu li:first-child:hover { background: #CCCCCC; } .mobile-menu .dropdown-menu li:hover { background: url("../images/list-point2.png") no-repeat scroll 8px center / 14px auto #CCCCCC; } #content .image-box .btn { font-size: 0.7em; padding: 3px 10px 3px 23px; } .unterseite #content .yellow .btn { background: #c09100; color: #fff; background-size: 16px; } .download-box { width: 47.5%; } #content .donate h3 { display:block; } body { background:none!important; } .slider div.text { padding-left: 70px!important; } .news { border-bottom: 7px double #DEDCCB; min-height: 438px; } .text-mobile { display: none; } #header .main-navi ul li:first-child a { padding-top: 14px; } #header .search { width: 29%; } .unterseite .slider { height: 473px; } .slider li h1 { font-size: 2.1em; } #header .main-navi ul li a { background: none repeat scroll 0 0 #0068b4; border-right: 1px solid #e3e2d4; color: #fff; display: block; font-size: 92%; height: 42px; line-height: 18px !important; padding: 5px 14px 0; text-align: center; vertical-align: middle; width: 108px; } .ui-tabs-panel { border-top: 1px solid #0068b4; margin-top: -1px; padding: 18px 10px 10px 7px; } #tabs3 .ui-tabs-panel { background-image: url("../images/small-map.png"); background-repeat: no-repeat; background-position: center center; height: 243px; z-index: 2; } #map { margin-right: 8px; width: 213px; margin-bottom: 8px; } .navbar { margin-bottom: 0; border: none; padding: 0; } #header .main-navi ul li a { height: 50px; } .orange-box img { margin-bottom: -17px !important; } .actions .donate-help h3 { display: inherit; word-break: normal; } #tabs2 { display: none; } #region { position: absolute; top: 139px; } #region select { border: 1px solid #0068B4; border-radius: 4px; width: 100%; padding: 5px; color: #0068B4; margin-bottom: 11px; background: none repeat scroll 0 0 #fff; } #region select option { background: none repeat scroll 0 0 #fff; } #region input[type=submit] { border: 1px solid #0068B4; border-radius: 4px; width: 100%; background: #fff; text-align: left; padding: 5px; color: #0068B4; } .teaser-box { background: #fff; } .unterseite .slider { height: 383px; } .unterseite #header .slider { height: 291px; } .unterseite .rslides .image { height: 438px; overflow: hidden; } .unterseite .rslides .image { height: 305px; overflow: hidden; } .unterseite .rslides div.text { bottom: 34px; color: #A9A691; padding: 29px 78px 10px 0; } body { background: url("../images/news-line.png") repeat-x scroll center 885px rgba(0, 0, 0, 0); } .member-box h3 { font-size:1.125em; } .member-box .text { width: 39%; } .member-box .btn { width: 251%; } .mobile { display: none; } .donate .mobile{ display:block; } .donate .desktop{ display:none; } #tabs-1 .btn { margin-top: 23px; } #tabs-1 .rslides_nav { margin-top: 13px; } .content-navi { margin-top: -8px; } .breadcrumb { padding-top: 10px; } #tabs .column { min-width: 267px; } .crumb { padding-left: 14px!important; margin-top: 30px; } .socialmedia { padding: 0 15px 0 15px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #content .member-box .btn { width: 266%; } } } @media (max-width: 979px) { .participate .yellow-box, .participate .blue-box { width: 48%; } .download-box:first-child { margin-left: 0px!important; } } /* only tablet*/ @media (min-width: 767px) and (max-width: 980px) { .sudoslider-lightbox li { width: 44.1%!important; } .sudoslider-lightbox li:nth-child(3n) a { margin-right: 4px; } .sudoslider-lightbox li:nth-child(2n) a { margin-right: 0; } .navbar-brand { display: none; } #tabs-5 .btn { bottom: 5px; } #tabs-5 .sudoslider + .controls { bottom: 15px; } #sudoslider-top, #sudoslider-top img { height: 100%; width: auto; } .sudoslider-lightbox li { width: 34.1%; } .sudoslider ul li { max-width: 266px; } .mobile-menu { z-index: 0; } #header .search-mobile { display: none; } .box-b .text { width: 58%; } #content .content-navi .dropdown-menu { top: 11px!important; } .unterseite .small-column { margin-left: -5px; } .unterseite #content h1{ margin-top: 8px; } .crumb { padding-left: 24px; } .mobile-header { cursor: pointer; display: block; line-height: 100%; position: relative; top: 73px; z-index:0; padding-left: 23px; padding-right: 0; } .content-navi { margin-top: -7px; } #content .content-navi .dropdown-menu { left: -1px; } } @media (min-width: 767px) { .footer-navigation ul li.union-jack { display: none!important; } } /*Smartphone*/ @media (max-width: 767px) { #header .mobilslider .slider { height: auto!important; } #header .slider .slide .image { background-size: cover; } iframe + br + p { clear: both; } .mobilslider + .slider { display: none; } .mobilslider { display: block!important; } .sudoslider-lightbox li { width: auto!important; } .sudoslider-lightbox li:nth-child(3n) a { margin-right: 4px; } .sudoslider-lightbox li:nth-child(2n) a { margin-right: 0; } #f-vname { width: 60%!important; } #f-nname{ width: 60%!important; } #f-plz { width: 45%!important; } #f-ort { width: 90%!important; } #f-email { width: 90%!important; } .related-topics .col-xs-8 { width: 70.667%; } #tabs-6 .sudoslider .column .image { height: inherit; overflow: hidden; } #tabs-5 .btn { bottom: 2px; } #content #tabs-6 .sudoslider + .controls { bottom: 9px; } #content #tabs-6 .btn { bottom: -1px; } #tabs-1 #sudoslider { margin-left: 4px; } #tabs-6 .sudoslider, #tabs-5 .sudoslider { padding-left: 4px; padding-right: 4px; } #sudoslider .column { border-right: none!important; } #tabs-1 .btn { margin-left: 4px; } #header .main-navi ul li:nth-child(5) a { background: none repeat scroll 0 0 #ef7c00; } #header .main-navi ul li:nth-child(5) a:hover { background: none repeat scroll 0 0 #ef7c00; } #header .main-navi ul li:nth-child(5):hover a{ background: none repeat scroll 0 0 #ef7c00; } #header .main-navi ul li:last-child a { background: #0068B4; } #header .main-navi ul li:last-child a:hover { background: #0068B4; } #header .main-navi ul li:last-child:hover a { background: #0068B4; } .press-mobile { display: block!important; } #socialshareprivacy { border-bottom: none; } .slider-second div.text { width: 78%; } #tabs-2 { padding-left: 24px!important; } #tabs-4 { padding-left: 19px!important; padding-top: 13px!important; } .logo-zweizeilig .navbar { background: none repeat scroll 0 0 #006cb2; margin-top: 0!important; padding-top: 22px !important; } .logo-einzeilig .navbar { background: none repeat scroll 0 0 #006cb2; margin-top: 0!important; padding-top: 22px !important; } #tabs-6 .sudoslider + .controls, #tabs-5 .sudoslider + .controls { bottom: 12px; } #tabs-6 .sudoslider .text, #tabs-5 .sudoslider .text { margin-bottom: 42px; } .nabu-overlay .button { top: 0; right: -1px; } .slider .image { background-position: center top !important; } .publication-box + .download-box + .download-box { margin-left: 0!important; } #content .formulargenerator2014 .input_text input { clear: both; } #content .formulargenerator2014 .formulargenerator_items input.input_standard, #content .formulargenerator2014 .formulargenerator_items input.input_einzeilig_lang, #content .formulargenerator2014 .formulargenerator_items .resizable textarea, #content .formulargenerator2014 .formulargenerator_items input.input_linksbuendig, #content .formulargenerator2014 .formulargenerator_items input.input_rechts, #content .formulargenerator2014 .formulargenerator_items input.box, #content .formulargenerator2014 .formulargenerator_items input.input_einzeilig_kurz, #content .formulargenerator2014 .formulargenerator .captcha img, #content .formulargenerator2014 .formulargenerator .input_select select, #content .formulargenerator2014 .formulargenerator span.selectInner { clear: both; } #sudoslider-top, #sudoslider-top img { height: 100%; width: 100%; position: absolute; } #sudoslider-top { max-width: 1000px; } .slider li { height: 100%; } .unterseite .m-menu .fa-bars { font-size: 31px; } .accordion .ui-accordion-icons h3 { width: 86%; } .sudoslider-lightbox li { width: 33.92%; } .projects .article .text { min-height: inherit; } .member-box .btn { text-align: center; } #content .donate.large h3 { display: inline-block; } #content .donate.large h3, #content .donate.large p, #content .donate.large .donate-select { padding: 0 20px; } .donate.large img { border: medium none; border-bottom: 10px solid white; margin-bottom: 3px !important; max-width: 708px !important; right: -10px; top: -10px; width: 100%; } #content .donate.large { padding: 0 0 20px 0; } #content .donate.large .image { margin-left: -20px; } .startseite .big-column, .startseite .small-column { padding: 0 20px; } .startseite .news .big-column { padding: 0px; } .startseite .news .small-column { padding: 0; } #content .small-column .donate input { width: 93% !important; } .startseite .news .small-column { margin-top: 0px; } #content .tabs-content .ui-tabs-nav li { width: inherit; } .startseite .download-box { margin-left: 0 !important; } .float-box { width: 100%; } .projects { overflow: visible; } .unterseite .yellow-box, .unterseite .blue-box { width: 100%; } .unterseite .box + .box { margin-left: 0px; } .startseite .box + .box { margin-left: 0px; } .startseite .box.yellow-box, .startseite .box.blue-box { width: 100%; } #header .logo { z-index: 3; } .box-b .image { width: 33%; } .navbar-header { display: block; } .unterseite #header { height: auto; } #header .main-navi, .navbar{ height: auto!important; } #header .main-navi ul li { height: auto; } .side { display: none; } #sudoslider-top .side { top: 33px!important; left: 33px!important; display: block; } #header { height: auto; } #header .main-navi ul li .submenu { display: none!important; } .mobile-header { top: 79px!important; width: 28px; float: left; } .navi-col { top: 146px; } body { background: #fff; } .unterseite #content { padding: 0 20px; } .table-responsive { overflow-x: auto; } #tabs-1 .controls a { left: 5px; } .crumb { margin-top: 63px; width: 92%; height: auto; } .mobile-menu { width: 198px; } #content .breadcrumb { width: 100% !important; } #content .navi-col { float: right; margin-top: 65px; left: 0px; } #content .navi-col { float: right; margin-top: 0px; } .download-box { margin-left: 0px; max-width: 100%; width: 100%; } .unterseite #content .yellow .btn { background: url("../images/pencil-y.jpg") no-repeat scroll 7px center / 14px auto #c09100; } #content .image-box .btn { padding: 3px 14px 3px 32px; } .unterseite .small-column .content-navi .dropdown-toggle i { right: 4%; } .news .big-column{ padding-bottom: 20px; } .unterseite .big-column { padding: 0px; } #content .full-image-box img { width: 100%; } .member-box { padding: 0 10px 0 0; } .unterseite #content .slider .rslides1_nav { bottom: -1px; } #content .donate .euro { background: none repeat scroll 0 0 #e3e2d4; border-bottom: 1px solid #86846b; border-radius: 0 3px 3px 0; border-right: 1px solid #86846b; border-top: 1px solid #86846b; float: right; height: 31px; padding-left: 2%; padding-top: 5px; width: 7%; } #content .donate input { border: 1px solid #86846b; border-radius: 3px 0 0 3px; height: 31px; padding: 0 7px; width: 93%; float: left; } .desktop { display: none; } .mobile { display: block; } .actions .projects .article { border-top: 1px solid #86846b; } .actions .projects .article .text { border-top: none; } .participate .yellow-box, .participate .blue-box { width: 100%; } .footer-content .footer-column { margin-bottom: 10px; margin-top: 20px; } #content .donate .amount { margin-top: 20px; } .member-box .btn { max-width: 128%; margin-top: 22px; } .member-box .text { width: 82%; } .rslides .btn { font-size: 1em; margin-top:9px; } .ui-tabs .ui-tabs-nav { margin: 0 0 0 10px; } #tabs .ui-tabs-panel { margin-left: -7px; padding-left: 19px; } .breadcrumb { width: 97% !important; margin-bottom: -20px; } .unterseite .small-column { padding: 0 0px; } .unterseite .slider { height: 373px; } .unterseite .rslides div.text { bottom: 34px; color: #a9a691; padding: 25px 78px 10px 0; } .unterseite .rslides .image { height: 323px; overflow: hidden; } /*Navigation mobile*/ .main-navi { padding: 0; width: 100% overflow: inherit; } #header .nav { width: 100%; margin: 0; } #header .main-navi ul { clear: both; float: inherit; margin-top: 0px; overflow: hidden; z-index: 0; } #header .main-navi ul li { float: inherit; clear: both; border-top: 1px solid white; } #header .main-navi ul li: hover ul li { background: #0068B4 ; } #header .main-navi ul li a { border-bottom: medium none; border-right: medium none; display: inherit; font-size: 115%; line-height: 36px !important; margin: 0 auto; text-align: right; width: 100%; padding-right: 23px; } #header .main-navi ul li:first-child a { padding-top: 0; border-top: none; line-height: 46px !important; } #header .main-navi ul li ul { position: inherit; margin-top: 0; top: 0; } #header .main-navi ul li:hover { background: #0068B4; } #header .main-navi ul li:hover a { background: #0068B4; } #header .main-navi ul li.show:hover a { background: #00518c; } #header .main-navi ul li:hover ul li a { background: inherit; } #header .main-navi ul li.show:hover ul li a { background: #00518c; } #header .main-navi ul li:hover ul { display: none } #header .main-navi ul li.show ul { display: block; } #header .main-navi ul li ul li { width: 100%; background: none; } #header .main-navi ul li ul li a { width: 100%; max-width: inherit; font-size: 115%; text-align: center; } #header .main-navi ul li.show ul li a { background: #00518c; } #header .main-navi ul li ul li a:hover { background: #0068B4; } #header .main-navi ul li.show { } #header .main-navi ul li.show a { background: #0068B4; } #header .main-navi ul li.show:hover a { background: #0068B4; } .container { padding: 0; } .navbar-toggle .icon-bar { height: 3px; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #0068B4; } .navbar-inverse .navbar-toggle { border: none; color: #fff; font-size: 17px; } .navbar-inverse .navbar-brand { color: #fff; } .navbar-brand { color: #fff; float: right; font-size: 119%; line-height: 17px; margin-right: 21px; height: auto; padding: 0; float: left; } .news { border: none; min-height: 373px; } .meta-navi,.search { display: none; } #header .navigation { margin: 0; } #header .logo { top: 0px; } #header .logo img { width: 100px; } .slider .rslides1_nav { display: none; } .slider { height: 319px; } .unterseite #header .slider { height: 300px; } .unterseite .slider .controls { display: block; } .slider li .h1 { font-size: 1.4em; } .slider div.text { /*background: url('../images/transparent.png');*/ bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; padding: 28px!important; } .unterseite .rslides div.text { background: #fff; } .small-column { padding: 0; } .big-column { padding: 0; } .actions .projects .article img { display: block; float: left; height: auto; max-width: 100%; } .actions .participate .box + .box { margin-left: 0px; } .actions h1, .actions h2, .actions h3, .actions p { padding: 0 10px 0 0px; } .projects .text { width: 50.667%; } .participate { padding: 0; } .box { margin-bottom: 0; } .blue-box { margin-bottom: 0; } .tips .blue-box { margin-bottom: 0px; } .orange-box { background: none repeat scroll 0 0 white; } .actions .donate-help h3 { margin-bottom: 30px; } .teaser-box { margin: 0 !important; padding-bottom: 10px; padding-left: 14px; padding-top: 10px; } #tabs3 { background: none repeat scroll 0 0 #e3e2d4; padding: 0; border-radius: 0; min-height: 263px; } #tabs3 .ui-tabs-panel { border: none; } #tabs3 .ui-tabs-nav { display: none; } #tabs .ui-tabs-nav .mobile { padding: 7px 14px; width:auto!important; } .projects { padding: 0!important; } .projects h2 { padding: 14px 10px; margin-bottom: 0; } .unterseite .projects h2 { background: none; } .projects .article h2 { background: none; padding: 0; } .actions h2 { background: none repeat scroll 0 0 #E3E2D4; padding: 14px 10px; margin-bottom: 0; clear: both; height: auto; } .actions .box h2 { background: none; clear: inherit; padding: 0; } .actions .donate-help { padding: 0; } .actions .donate-help h3 { background: none repeat scroll 0 0 #E3E2D4; padding: 14px 10px; margin-bottom: 0; clear: both; } .actions .donate-help .box h3 { background: none; clear: inherit; padding: 0; } .actions .tips { padding: 0; } .member-box h3 { font-size:1.6em; padding-top:10px!important; margin-bottom: -10px !important; } #region { position: absolute; top: 117px; padding-right: 7px; } #tabs3 .ui-tabs-panel { margin: 0 auto; width: 363px; background-position: right center; } .member-box .text { width: 78%; } .slider div.text { top: 154px; } .text-mobile { display: block; position: relative; } .text-mobile p { font-size: 90%; } .text-mobile h3 { text-transform: uppercase; color: #828064; margin-bottom:20px; font-size: 118%; } .slider .controls .prevBtn { display:none; } .slider .controls .nextBtn { display:none; } .slider .controls .numericControls { bottom: 6%; } .slider .btn { margin-top: 7px; } #container-outer #content .opengraph_items img { height: auto; width: inherit; } } @media (max-width: 440px) { .video_right, .video_left { width: 100% !important; } .video_right .youtube_overlay, .video_left .youtube_overlay { padding: 5px 5px 5px 13px; } } @media (max-width: 545px) { .related-topics .left, .related-topics .right { width: 100%; float: none; } .related-topics .left { margin-bottom: 20px; } .related-topics img { max-width: 100%: height: auto; } } @media (max-width: 522px) { #tabs .ui-tabs-nav .ui-state-default { width: 49px; } .image-right { width: 100%; } .slider li .h1 { font-size: 1.5em !important; } .image-left { width: 100%; } .imagehoch { max-width: inherit!important; } .sudoslider-lightbox li { width: 34.3%; } .projects .article.single .text { padding: 0; } .projects .article .text { padding: 0; } .download-box { margin-left: 0!important; max-width: 100%; width: 100%; } .no-slide-teaser .column { float: inherit; width: 100%; margin-bottom: 20px; padding: 0; overflow: hidden; } .no-slide-teaser .column .text { margin-bottom: 10px; min-height: 50px; } #content .no-slide-teaser .column .btn { width: 100%; position: inherit; } .crumb { width: 90%; } #content .donate.large h3 { display: inline-block; } #content .ui-tabs-nav .fa-twitter, #content .fa-facebook, #content .fa-youtube, #content .fa-users { padding-top: 8px; } } @media (max-width: 520px) { .unterseite .rslides img { border: 0 none; display: block; float: left; height: auto; min-width: 139%; width: 66%; } #header .search-mobile .form-group { width: 94%; } .projects .article .image { width: 100%; } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -84px ; } .mejs-overlay-button { left: 55%; width: 84px; height: 90px; } .actions .projects .article .image { padding: 0; width: 100%; clear:both; } .projects .text { width: 100%; } .actions .projects .article img { clear: both; display: block; height: auto; max-width: 100%; width: 100%; } .flowplayer > a { background-size: 100% auto; width: 17%!important; } } @media (min-width: 500px) { #content .content-navi .dropdown-menu { top: 0px; } } @media (min-width: 500px) and (max-width: 767px) { .startseite .slider div.text { height: 55%; } .startseite #header { height: 355px; } } @media (max-width: 510px) { #container-inner .box.infobox ul, #container-inner .box.infobox ol { display: inline; } } @media (max-width: 500px) { #socialshareprivacy li { position: relative; left: 43%; } #socialshareprivacy .mail { left: 35%; position: relative; } #content .content-navi .dropdown-menu { top: 0px; } .slider { height: 198px; } .unterseite #header .slider { height: 198px; } .slider div.text { /*background: url("../images/transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0); */ bottom: 44% !important; height: 62% !important; top: 76px !important; left: 0; padding: 10px 28px 28px !important; position: absolute; width: 100%; } .slider .controls .numericControls { left: 46%; bottom:4%; } .slider .btn { font-size: 0.7em; margin-top: 9px; line-height: 22px; height: 27px; } #content .ui-tabs .ui-tabs-nav .ui-state-default a { font-size: 1em; } .slider div.text { /*background: url("../images/transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/ bottom: 44%; height: 35%; left: 0; padding: 10px 28px 28px; position: absolute; width: 100%; } .slider li .h1 { font-size: 1em; } .rslides_tabs { bottom: 0; left: 48%; position: absolute; z-index: 2; } } @media (max-width: 480px) { .navi-col { top: 205px; } #content .social_share_privacy_area { width: 89% !important; } .sudoslider-lightbox li { width: 34.4%; } #content .donate.large .right { height: auto; } .sudoslider + .controls { width: 30%!important; } /*Chrome*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { #content .member-box .btn { width: 100%; } } #content .donate.large form span { margin-top: 12px; } #tabs3 .ui-tabs-panel { margin: 0 auto; width: 445px; background-position: center center; } #content .content-navi .dropdown-menu { top: -59px; } #content .donate.large .btn { width: auto; } .news { min-height: 373px; } .unterseite .image-right { padding: 0 0 15px; clear:both; margin: 0 0 0 15px; } #tabs .ui-tabs-nav .ui-state-default:first-child { padding: 7px 14px; } #tabs .ui-tabs-nav .mobile { padding: 7px 14px; width:auto; } .rslides .btn { font-size: 0.7em; margin-top: 9px; } .big-column { padding: 0; } .projects .text { width: 100%; } .actions .projects .article img { clear: both; display: block; height: auto; max-width: 100%; width: 100%; } .box { margin-bottom: 0; } .yellow-box img, .blue-box img, .orange-box img, .member-box img{ display: none; } .member-box .btn{ margin-top: 19px; } .member-box h3 { font-size:1.5em; } .member-box .text { width: 62%; } .actions .blue-box { margin-bottom: 0; } .orange-box { background: none repeat scroll 0 0 white; } #tabs li a img { height: 35px; width: auto; } .ui-tabs .ui-tabs-nav li { width: 48px; } .ui-tabs .ui-tabs-nav li a { font-size: 14px; line-height: 33px; text-transform: uppercase; } .crumb { padding: 0!important; } #content .content-navi .dropdown-menu { top: -58px; } } @media (max-width: 460px) { .crumb { width: 85%; } .mobile-header { width: 34px; } .youtube_video_single { height: 190px !important; } } @media (max-width: 380px) { #socialshareprivacy .print { left: 32%; } #socialshareprivacy li { position: relative; left: 36%; } #socialshareprivacy .mail { left: 28%; position: relative; } #tabs li a img { height: 32px; width: auto; } .ui-tabs .ui-tabs-nav li { width: 42px; } .tabs-content .ui-tabs-nav li { width: inherit; } .ui-tabs .ui-tabs-nav li a { font-size: 12px; line-height: 33px; text-transform: uppercase; } #header .logo img { width: 102px; } .unterseite #content .slider { height: 340px; } .unterseite .rslides li { height: 364px; } } @media (max-width: 396px) { .unterseite .slider { height: 373px; } } @media (min-width: 380px) and (max-width: 500px){ #socialshareprivacy .print { left: 36%; } } @media (max-width: 343px) { .unterseite #content .slider { height: 330px; } .unterseite .rslides li { height: 354px; } } @media (max-width: 343px) { .unterseite #content .slider { height: 310px; } .unterseite .rslides li { height: 327px; } .unterseite .rslides div.text { padding: 22px 78px 10px 0; } .socialmedia .social { float: none; margin: 0 auto; text-align: center; } } /*Chrome*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { #header .search input[type=text] { margin-top: 0px; display: block; float: left; } #header .search input[type=submit] { float: right; display: block; } .member-box .btn { width: 129%; } #content .donate h3 { font-size: 140%; } #tabs .column { margin-bottom: 12px; padding: 0; } } /*Chrome*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { #tabs-1 .controls { left: 254px; } } /*IE8*/ #content .actions .small-column { float: right\9; } #tabs-1 .controls a { left: 235px\9; } #content .donate H3 { display:block \9; font-size: 139%\9; } /* IE 10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #tabs-1 .controls a { left: 15px; } #content .donate H3 { display:flex; font-size: 169%; } } /*IE10+*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { @media screen (max-width: 980px) { .content-navi { margin-top: -18px; } } @media (max-width: 780px) { .unterseite .small-column { padding: 70px 34px 0 20px; } } #tabs-1 .controls { left: 222px; } } #content a.black { color: #333333; font-weight: bold; } .dropdown-menu > li > strong > a { text-decoration: none; } .mobile-menu li { background-image: none; padding-left: 0px !important; } .pressebilder a { float: left; margin-right: 21px; margin-bottom: 14px; } .pressebilder a:nth-child(3n), .pressebilder a:nth-child(6n), .pressebilder a:nth-child(9n), .pressebilder a:nth-child(12n) { margin-right: 0; } .big-column .videoplayer-box:nth-child(3n), .big-column .videoplayer-box:nth-child(6n), .big-column .videoplayer-box:nth-child(9n), .big-column .videoplayer-box:nth-child(12n), .big-column .videoplayer-box:nth-child(15n), .big-column .videoplayer-box:nth-child(18n), .big-column .videoplayer-box:nth-child(21n), .big-column .videoplayer-box:nth-child(24n), .big-column .videoplayer-box:nth-child(27n), .big-column .videoplayer-box:nth-child(30n) { margin-right: 0; } .big-column script + .videoplayer-box { margin-right: 21px; } .videoplayer-box { margin-bottom: 10px; padding: 0; margin-right: 21px; width: 213px; float: left; } .videoplayer-box .thumb { position: relative; } .videoplayer-box .btn { background: none repeat scroll 0 0 #fff; border: 1px solid #a9a691; color: #86846b; float: left; height: 28px; padding-top: 2px; color: #86846b !important; } .videoplayer-box .btn:hover { color: #fff !important; background: #86846b; } .video-overlay-box { margin: 0px auto; text-align: center; } #sudoslider-top { display: none; } .rssfeed { } .rssfeed .rssfeed_link { margin-top: 0.5em; display: block; } .rssfeed_item { margin-bottom: 2.2em; } .description_wrap img { margin-bottom: 1em; } #tabs .ui-tabs-nav .blogtab { padding: 7px 12px; width: auto !important; } .small-column .text ul li a { background: rgba(0, 0, 0, 0) url("../images/list-point2.png") no-repeat scroll 2px 4px / 12px auto; padding-left: 20px; } /*Scroll Landingpage*/ .landing-scroll .slider .btn { display: none; } .landing-scroll .header-content { width: 100%; padding: 0; } .landing-scroll .slider.slider-nonav .image { background-size: auto!important; height: 602px !important; } .landing-scroll #sudoslider-top, .landing-scroll #sudoslider-top img { max-width: 100%; width: 100%; } .landing-scroll .slider.slider-nonav { height: 602px; } /* .landing-scroll .landing-image img { position: fixed; } .landing-scroll .landing-image { overflow: visible; height: 602px; width: 100%; } */ .landing-scroll #header .landing-image .image-container { height: 100%; } .landing-scroll .landing-image { height: 602px; width: 100%; } .landing-scroll .landing-image img { height: auto; max-width: 100%; width: 100%; display: block; } .landing-scroll .landing-image .text-container { position: absolute; } .landing-scroll .landing-image h1 { color: white; font-size: 37px; } .landing-scroll #header .landing-image { position: fixed; } .landing-scroll #header { margin-bottom: 172px; } /* .landing-scroll #header { margin-bottom: 493px; } */ .landing-scroll #wrapper { position: relative; z-index: 100; } .landing-scroll .big-column { background: linear-gradient(180deg, transparent, #fff); padding: 9px 9px 0; position: relative; z-index: 100; /*background: #fff;*/ } .landing-scroll .big-column:before { } .landing-scroll .big-column:after { } .landing-scroll .big-column > h1 { color: #fff!important; position: relative; top: -45px; } .landing-scroll #content { overflow: visible; } .landing-scroll #socialshareprivacy .settings_info { display: none; } /* .landing-scroll #content .big-column > h1 { color: #fff; position: relative; top: -294px; } .landing-scroll .big-column.col-xs-12.col-sm-9 > * { position: relative; top: -168px; } */ /* Nur Firefox */ /* @-moz-document url-prefix() { .landing-scroll .big-column.col-xs-12.col-sm-9 > * { position: relative; top: -151px; } } */ .landing-scroll #footer { position: relative; z-index: 2; } @media (min-width: 1508px) { .landing-scroll .landing-image { height: 708px; } } @media (min-width: 1629px) { .landing-scroll .landing-image { height: 815px; } } @media (max-width: 980px) { .landing-scroll #header { margin-bottom: 305px; } } @media (max-width: 978px) { .landing-scroll #header { margin-bottom: 425px; } .landing-scroll .unterseite #content h1 { color: #fff; } .landing-scroll.unterseite #content .big-column > h1 { top: -45px; margin-top: 25px !important; } .landing-scroll #container-outer, .landing-scroll #menu-container { overflow: visible; } } @media (max-width: 972px) { .landing-scroll #header { margin-bottom: 175px; } } @media (max-width: 832px) { .landing-scroll #header .landing-image { position: fixed; } .landing-scroll .landing-image { height: auto; } .landing-scroll .col-sm-9 { width: 98.3%; } } @media (max-width: 768px) { .landing-scroll.unterseite #content .big-column > h1 { margin-top: 0 !important; } } @media (max-width: 492px) { .landing-scroll.unterseite #content .big-column > h1 { position: inherit; color: #0068b4!important; margin-bottom: 0 !important; margin-top: 0 !important; } .landing-scroll .big-column.col-xs-12.col-sm-9 > * { position: inherit; top: inherit; } } #content .opengraph_items img { width: 150px; height: 100px; } #content .opengraph_items .right { min-height: 100px; } /*#### Speicherwald CSS ####*/ .speicherwald #header .main-navi ul li ul li ul li a, .speicherwald #header .main-navi ul li ul li ul li a { color: #598f1f; display: block; } .speicherwald .sudoslider + .controls { margin-bottom: 24px; margin-top: 20px; } .speicherwald .navbar-inverse .navbar-toggle:hover, .speicherwald .navbar-inverse .navbar-toggle:focus { background: #598f1f; } .logo-einzeilig.speicherwald .navbar { padding-top: 0px!important; } .speicherwald .slider .controls a { color: #87361b; } .speicherwald .slider .controls a:hover { background: #87361b; color: #fff; } .speicherwald #header .main-navi ul li ul .second-navi-box ul li a:hover, .speicherwald #header .main-navi ul li ul .third-navi-box ul li a:hover { background: #3A6312; } .speicherwald #header .main-navi ul li:hover a { background: none repeat scroll 0 0 #3A6312; } .speicherwald #header .main-navi ul li:hover ul li a { background: none; } .speicherwald #header .main-navi ul li:nth-child(5) > a { background: #598f1f; } .speicherwald #header .main-navi ul li:nth-child(5):hover > a { background: #3a6312; } .speicherwald #header .main-navi,.speicherwald .navbar { background: #598f1f; } .speicherwald #header .main-navi ul li a { background: #598f1f; } .speicherwald #header .main-navi ul li a:hover { background: #3a6312; } .speicherwald #header .main-navi ul li > a { padding: 0px 24px 0; } .speicherwald #header .main-navi ul li ul .second-navi-box { margin-left: 0; width: 200px; } .speicherwald #header .main-navi ul li .submenu li { float: none; } .speicherwald #header .main-navi ul li .submenu { min-width: 290px; min-height: inherit; left: 0; } .speicherwald #header .main-navi li .submenu:after { left: 7%; } .speicherwald #header .search { padding: 0; } .speicherwald #header .main-navi ul li:nth-child(5) .submenu { left: -139px; } .speicherwald #header .main-navi li:nth-child(5) .submenu:after { left: 53%; } .speicherwald #header .meta-navi { padding-right: 26px; padding-top: 23px; width: 100%; } .speicherwald #header .meta-navi li:last-child { display: none; } .speicherwald #header .main-navi ul li ul .first-navi-box ul { height: 0; width: auto; } .speicherwald #searchform-mobile, .speicherwald #searchform, .speicherwald .navlink_dev, .speicherwald #header .navlink_en, .speicherwald #header .navlink_de { display: none!important; } .speicherwald .small-column .dropdown-menu { border: 0; } .speicherwald aside.navi-col { display: block; } .speicherwald aside.navi-col .mobile-menu li:hover { background-image: none; } body.speicherwald { background-image: none; } .unterseite.speicherwald #content h3 { color: #87361b; } .speicherwald .footer-content .footer-column h3 { color: #dceac5; } .speicherwald .footer-content a:hover { color: #dceac5; } .speicherwald #content a { color: #8e431c; } .speicherwald #content .accordion .ui-accordion-header-active:hover i { border-left: 1px solid #598F1F !important; } .speicherwald #content .accordion .ui-accordion-header-active { border: 1px solid #598F1F !important; } .speicherwald #socialshareprivacy .mail a, .speicherwald #socialshareprivacy .print a { color: transparent; } .speicherwald .sudoslider + .controls a { border: 1px solid #8e431c; } .unterseite.speicherwald #content h1 { color: #87361b; } .unterseite.speicherwald .small-column .content-navi .dropdown-toggle { background: #598f1f; } .speicherwald .dropdown-menu { border: 1px solid #598f1f;; } .speicherwald #content p .btn.blue, .speicherwald #content br + .btn.blue, .speicherwald ul + .btn.blue { background: none repeat scroll 0 0 #87361b; box-shadow: 0 3px 1px #60240a; } .speicherwald #content p .btn.blue:hover, .speicherwald #content br + .btn.blue:hover, .speicherwald ul + .btn.blue:hover { background: none repeat scroll 0 0 #60240a; box-shadow: 0 3px 1px #60240a; } .speicherwald #footer { background: #598f1f none repeat scroll 0 0; clear: both; } .speicherwald .slider .red { background: none repeat scroll 0 0 #87361b; box-shadow: 0 3px 1px #60240a; } .speicherwald .slider .red:hover { background: #60240a; box-shadow: 0 3px 1px #60240a; } .speicherwald #content .image-box.green .btn { background: #87361b; color: #fff!important; } .speicherwald #content .image-box.green .btn:hover { background: #60240a; text-decoration: none; } .speicherwald #content .image-box.green { background: #e4e2d5; } .speicherwald #content .image-box.green a { color: #87361b!important; } .speicherwald #content .image-box.green a:hover { text-decoration: underline; } .speicherwald #content .image-box.green .text p, .speicherwald #content .image-box.green .text h3 { color: #787660; } .speicherwald #content .publication-box.gray-box .publication { color: #87361b; } .unterseite.speicherwald .m-menu .fa-bars { color: #87361b; } .speicherwald .footer-content img { max-width: 100%; height: auto; } .speicherwald #content .image-box.green .image::after { border-bottom: 11px solid #e4e2d5; } /*Speicherwald Tablet*/ @media (min-width: 768px) and (max-width: 980px) { .speicherwald #header .main-navi ul li > a { padding: 0px 6px 0; vertical-align: middle; display: table-cell; } .speicherwald .footer-column.col-sm-3.col-xs-12 { width: 100%; margin-bottom: 10px; margin-top: 20px; } } /*Grünes Shop Modul*/ /*rechte Spalte*/ #content .rssfeed2.opengraph_shop .image-box.yellow { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-left: 0; margin-bottom: 0; } #content .rssfeed2.opengraph_shop .image-box.yellow .image:after { border: 0; } #content .rssfeed2.opengraph_shop .image-box.yellow .text p { color: #333333; margin-bottom: 9px; } #content .rssfeed2.opengraph_shop .image-box.yellow .text h3 { color: #64b548; font-size: 12pt; padding-bottom: 10px; font-weight: 600; } #content .small-column .teaserfont.shop { display: inline-block; margin-bottom: 42px!important; border-top: 1px solid #64b548; } #content .rssfeed2.opengraph_shop .image-box.yellow .text h3:hover { text-decoration: underline; } #content .rssfeed2.opengraph_shop .image-box .price { background: #64b548 none repeat scroll 0 0; color: #fff; display: inline; float: left; padding: 7px 8px; position: absolute; right: 0; top: -35px; } #content .rssfeed2.opengraph_shop .image-box.yellow .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #0068b4; font-size: 15px; margin-top: 0; padding: 0; } #content .rssfeed2.opengraph_shop .image-box.yellow .btn:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #003560; text-decoration: underline; } #content .rssfeed2.opengraph_shop .image-box .text { position: relative; } /**/ #content .teaserfont.shop:before { background: rgba(0, 0, 0, 0) url("../images/nabu-shop-headline.png") no-repeat scroll left top / 140px auto; content: " "; height: 38px; left: 0; position: absolute; top: 0; width: 140px; z-index: 1000; } #content .teaserfont.shop { border-top: 1px solid #64b548; color: #64b548 !important; display: block; font-size: 97% !important; font-weight: 300 !important; margin-bottom: 40px; padding: 9px 0 0 23.5%; position: relative; text-transform: none; width: 100%; } .related-topics.opengraph_shop .left { background: #fff none repeat scroll 0 0; height: 93px; overflow: hidden; position: relative; width: 140px; margin-right: 19px; } .related-topics.opengraph_shop .price { background: #64b548 none repeat scroll 0 0; bottom: 0; color: #fff; display: inline; padding: 7px 8px; position: absolute; right: 0; width: auto; } .related-topics.opengraph_shop .related-content { overflow: hidden; } .related-topics.opengraph_shop .right { border: 0 none; margin-bottom: 0; } #content .related-topics.opengraph_shop p { margin-bottom: 9px; } #content .related-topics.opengraph_shop h5 { font-size: 12pt; font-weight: 600; margin-bottom: 10px; margin-top: -4px; } #content .related-topics.opengraph_shop h5 a { color: #64b548; } #content .related-topics.opengraph_shop img { margin: 0 auto; height: 100%; } /*Grünes Shop Modul Floating*/ #content .related-topics.opengraph_shop.float { } #content .related-topics.opengraph_shop.float .related-content { clear: none; float: left; margin-right: 19px; width: 31.33%; } #content .related-topics.opengraph_shop.float .related-content:nth-child(3n) { margin-right: 0; } #content .related-topics.opengraph_shop.float .left, #content .related-topics.opengraph_shop.float .right { float: none; width: 100%; } #content .related-topics.opengraph_shop.float .left { height: 140px; } #content .related-topics.opengraph_shop.float .right { margin-top: 20px; } /*Speicherwald mobile*/ @media (max-width: 980px) { #content .teaserfont.shop { padding: 9px 0 0 158px; } .related-topics.opengraph_shop .right { margin-top: 20px; float: none; width: 100%; } .related-topics.opengraph_shop .left { float: none; } #content .related-topics.opengraph_shop.float .related-content { float: none; height: auto; max-height: inherit; width: 50%; } } @media (max-width: 630px) { #content .related-topics.opengraph_shop.float .related-content { width: 70%; } } @media (max-width: 480px) { #content .related-topics.opengraph_shop.float .related-content { width: 100%; } } /*Cookie Consent*/ .cc-window{border:1px solid #fff;opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s; z-index: 102; position: fixed;} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:14px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:3px 10px 3px 10px;font-size:.9em;font-weight:500;border-width:2px;border-radius:4px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover,.cc-btn:hover{background-color:transparent;text-decoration:none!important}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /* patches */ .wide-teaser-bottom .wide-teaser-sharing { display: none; } .shariff li a { border-radius: 4px; } .shariff li .share_count, .shariff li .share_text { font-family: inherit !important; } @media (min-width: 768px) and (max-width: 1023px) { #header .logo img { width: 120px; } } #header .main-navi .mobile-lang { float: left; width: 100%; height: 50px !important; } @media (min-width: 768px) { #header .main-navi .mobile-lang { display: none; } } #header .main-navi .mobile-lang ul { display: flex; width: 100%; justify-content: flex-end; align-items: center; padding-right: 23px; } #header .main-navi .mobile-lang ul li { border: 0 !important; display: inline-flex !important; } #header .main-navi .mobile-lang ul li:first-child:after { content: "|"; padding: 0 6px 0 6px; color: #FFFFFF; font-size: 18px; line-height: 45px; } #header .main-navi .mobile-lang ul li a { line-height: 48px !important; font-size: 22px !important; padding: 0 !important; height: auto !important; } #header .main-navi .mobile-lang ul li a.activelink { font-weight: 700; }