body { font-family: 'Open Sans'; font-size: 14px; background-color: #eeeeee;} body * { /*word-wrap: break-word;*/} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { font-family: 'Open Sans'; } .mobile { display: none; } .nomobile { display: block; } p { font-size: 1em; } .row { max-width: 70rem; } .HomePage .columns, .HomePage .column { padding-left: 1.9375rem; padding-right: 1.9375rem; } img.left { margin-right: 15px; margin-bottom: 15px; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; color: #000;} h1 { font-size: 2.2em; line-height: 1.2; font-weight: bold; } h2 { font-size: 2.1em; font-weight: bold; } h3 { font-size: 1.9em; } h4 { font-size: 1.7em; } h5 { color: #000; } a { font-size: 1em; color: #000; } a:hover, a:active { color: #000; } .right { float: right; text-align: right; } .floatright { float: right; } .zoom09 { zoom: 0.9;} .white { background-color: #fff; } .two-thirds { width: 66%; float: left; position: relative;} .one-third { width: 34%; float: right; position: relative; } .relativer { position: relative; } .nopadding { padding-left: 0px !important; padding-right: 0px !important; } .nopaddingleft { padding-left:0px !important; } /* cms */ .btn-toolbar { clear: both; } /* header */ header { background: #fff url(../img/header_line.jpg) top center no-repeat; } #topMenu { display: block; float: right; text-align: left; list-style-type: none; } #topMenu li { display: inline-block; margin-right: 20px; } #kemTop { float: right; text-align: right; margin-left: 10px;} /* navi */ .navigation { background-color: #158ecf; height: 95px; padding-top: 20px; } .primary > ul { list-style-type: none; display: block; float: left; margin-top: 17px; margin-left: 0px; padding-left: 0px; margin-bottom: 0px; } .primary > ul > li { display: block; float: left; margin-right: 40px; } .primary > ul > li a { color: #fff; font-size: 1em; } .primary > ul > li a:hover { color: #333 } .primary ul li .submenu { display: none; position: absolute; z-index: 10; margin-left: 0px; min-width: 200px; padding-top: 38px; } .primary ul li:hover .submenu { display: block; } .primary ul li .submenu li { display: block; float: left; clear: both !important; background-color: #eeeeee; padding: 20px; width: 100%; } .primary ul li .submenu li:nth-child(even) { background-color: #f7f7f7; } .primary ul li .submenu li a { color: #333; } .primary ul li .submenu li:hover{ background-color: #ccc; } .footernavi { background-color: #158ecf; height: 95px; margin-top: 20px; } .footernavi .primary ul { list-style-type: none; display: block; width: 80%; float: none; margin: 0 auto; margin-top: 34px; margin-bottom: 0px; padding-left: 0px;} .footernavi .primary ul li { display: block; float: left; margin-right: 40px; } .footernavi .primary ul li a { color: #fff; font-size: 1em; } .footernavi .primary ul li ul.submenu { display: none; padding-left: 0px; position: absolute; padding-top: 5px; z-index: 100;} .pt-20 { padding-top: 20px; } #dsgvo { position: fixed; z-index: 50000; bottom: 0px; width: 100%; height: auto; background-color: rgba(23, 143, 203, 0.9); display: block; padding: 15px; color: #fff; border-top: 3px solid rgb(23, 143, 203);} #dsgvo p { color: #efefef; display: inline-block; } #dsgvo a { color: #fff; text-decoration: underline; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff;background-color: #27478d; border: none} #Form_registerForm_Subject_Holder { position: fixed; left: -4000px; } .bottomhead { background: #fff url(../img/header_line.jpg) top center no-repeat; padding-top: 30px; } .sociallinks { text-align: right; } .sociallinks a { padding-left: 20px; } #MobileMenu { display: none; } .breadcrumbs { border: none; background-color: #fff; text-transform: none; color: #666;} .breadcrumbs > * { color: #666; text-transform: none !important } .breadcrumbs a { text-transform: none; } Form input[type="submit"], Form input[type="reset"] { cursor: pointer; color: #fff; background-color: #158ecf; padding: 20px 30px; border: none; text-transform: uppercase; margin-bottom: 10px; } .bluebutton, .bluebutton:visited { cursor: pointer; color: #fff; background-color: #158ecf; padding: 20px 30px; border: none; text-transform: uppercase; margin-bottom: 10px; } .bluebutton:hover { background-color: #afcb05; } .blue { color: #158ecf; } .green { color: #aecb06; } .big { font-size: 1.4em;} .bigger { font-size: 1.6em; } .bluelink { color: #158ecf; font-weight: bold; text-transform: uppercase; } .thicker { font-weight: 600; } .grey { color: #ccc; } .smaller { font-size: 0.6em; margin-top: -15px; } .greenbtn { background-color: #aecb06; color: #fff; border: 1px solid #aecb06; border-radius: 2px;} /* page */ .maincontent a { color: #158ecf; } .maincontent a:hover { color: #000; } .maincontent a[href^="http://"]:not([href*="seeyou.at"]):before, .maincontent a[href^="http://"]:not([href*="klimaundenergiemodellregionen.at"]):before { font-family: 'FontAwesome'; content: "\f08e"; padding-right: 0.5em; } .wlinks a { color: #158ecf; line-height: 2em; } .wlinks a:hover { color: #000; } /* home page--------------------------------*/ #mainmap { background-color: #ddd; } .framer { min-height: 500px; } .framer iframe { min-height: 500px; } .hometitel h2 { font-weight: 300; display: block; margin: 0 auto; max-width: 60%; } .homeintro { max-width: 60%; margin: 0 auto; text-align: left; } .homeintro ul { padding-left: 1.1em; } .homeintro ul li { font-size: 0.85em; } .biggreebutton { display: block; margin: 0 auto; font-weight: 600; padding: 20px 50px; width: 320px; margin-top: 20px; background-color: #afcb05; color: #fff; text-transform: uppercase; border: none; border-bottom: 5px solid #ccc; margin-bottom: 20px; } .teaserimg { background: transparent top center no-repeat; background-size: cover; } .teaserimg h2 { color: #fff; font-weight: 300; padding-left: 15px; padding-top: 20px; padding-bottom: 50px; display: block; clear: both; } .pdj h4 { padding-bottom: 20px; font-weight: 600; font-size: 1.5em;} .pdj h5 { padding-top: 20px; font-weight: 600; } .mdj h4 { padding-bottom: 20px; font-weight: 600; font-size: 1.5em;} .mdj h5 { padding-top: 20px; font-weight: 600; } .mdj img { max-width: 370px; } .datablock { background: transparent url(../img/datablock.jpg) center center no-repeat; background-size: cover; min-height: 300px; } .databox { padding-top: 50px; } .databox img { display: inline-block; padding-top: -10px;} .databox h2 { display: inline-block; font-weight: 700; color: #fff; font-size: 2em; font-family: 'Open Sans'; padding-top: 30px; padding-left: 20px; } .databox h3 { font-weight: 300; color: #fff; font-size: 2em; font-family: 'Open Sans'; } .databox .smallerwidth { width: 75%; margin: 0 auto; } .publikationen { padding-right: 0px !important; } .publikationen h4 { margin-left: 1.9rem; padding-bottom: 20px; font-weight: 600; font-size: 1.5em; } .publikationen ul { list-style-type: none; margin-left: 1.9rem;} .HomePage .publikationen li:nth-child(odd) { background-color: #eee; padding: 10px;} .HomePage .publikationen li:nth-child(even) { background-color: #f7f7f7; padding: 10px; } .publikationen .thicker { margin-left: 1.9rem; } .flickr { background-color: #158ecf; clear: both; float: left; width: 100%; height: auto; } /* publikationen page */ .accordion { font-size: 1em;} .accordion .accordion-navigation > a, .accordion .accordion-navigation.active > a, .accordion dd.active > a, .accordion dd > a { background-color: #fff; font-size: 1.8em; font-weight: 600;} .accordion .accordion-navigation > a:hover { background-color: #fff; } .accordion-icon { margin-left: -30px; padding-right: 10px;} .accordion-icon:before { font-family: 'FontAwesome'; content: "\f196";} .active .accordion-icon:before { font-family: 'FontAwesome'; content: "\f147"; } .accordion .content { padding-left: 25px !important; } .accordion .content a { line-height: 2em; color: #158ecf;} .accordion .content .fa { padding-right: 10px; font-size: 1.2em; } /* newsletter container */ .nlbeitrag { padding-left: 10px; } .NewsletterBeitrag p a { color: #008CBA; } /* search box---------------------------*/ /* modellregionholder --------------------------*/ table thead { background-color: #fff; } #tableliste td { font-size: 1em !important; } #datatable { padding-top: 20px; } div.dataTables_wrapper div.dataTables_length select { width: 75px; margin-bottom: 0; } #datatable_length label { cursor: default !important; margin-top: 7px;} #datatable_length select { display: none; } #datatable_filter { float: left; margin-left: 50px; font-weight: bold; color: #000; } #datatable_filter label { font-weight: bold; } div.dataTables_wrapper div.dataTables_info { padding-top: 20px; } .dataTables_paginate { margin-top: -20px !important; padding-bottom: 20px; } .dataTables_paginate .paginate_button { padding: 5px 10px; border-radius: 2px; } .dataTables_paginate .current { background-color: #158ecf; color: #fff; } fieldset { border: none; margin: 5px 0px 5px 0px; padding: 0;} select { background-image: url(../img/arrow_down.jpg); background-color: #fff; background-position: 98% center; } select:hover { background-color: #fff; } #Form_SuchForm { padding-top: 20px; padding-bottom: 20px;} #Form_SuchForm label { display: inline-block; font-weight: bold; width: 25%; line-height: 50px;} #Form_SuchForm .middleColumn { display: inline-block; width: 69%; } #Form_SuchForm select { height: 50px; text-transform: uppercase; font-weight: bold; color: #000; } #Form_SuchForm input[type="submit"], #Form_SuchForm input[type="reset"] { background-color: #158ecf; color: #fff; font-weight: bold; } #Form_SuchForm input[type="reset"] { margin-left: 10px; } #Mustersanierung label { width: 43%; } #ManagerBueros { margin-top: -20px; } #ManagerBueros label { } #Form_SuchForm_ManagerBueros_Holder label { width: 143px } #Form_SuchForm_Plakette_Holder label { width: 297px } .manager ul li { font-size: 0.9em; } .supercontent ul li { font-size: 0.9em; } #Form_BPForm { } #Form_BPForm select { height: 50px; text-transform: uppercase; font-weight: bold; color: #000; } #Form_BPForm input[type="submit"], #Form_BPForm input[type="reset"] { background-color: #158ecf; color: #fff; font-weight: bold; } #Form_BPForm input[type="reset"] { margin-left: 10px; } #Form_BPForm input[type="text"] { height: 50px; } #Form_BPForm_BestPracticeThemaID { } .gbox { min-height: 150px;} #gmap { min-height: 150px; width: 100%; height: 365px;} #Form_NewsletterForm { margin-top: 40px; } #Form_NewsletterForm .middleColumn { display: inline-block; width: 100%; } #Form_NewsletterForm input[type="submit"] { background-color: #bbd335; display: inline-block; padding: 8px 20px; height: 38px; margin-left: -4px; font-weight: 600; font-family: 'Open Sans'; margin-top: 5px;} #Form_NewsletterForm .Actions { display: block; float: left; width: 33%; } #Form_NewsletterForm fieldset { width: 66%; display: block; float: left;} .nlbox h3 { font-size: 1.4em; font-weight: 600; font-family: 'Open Sans'; } #Form_NewsletterForm_Email { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: inline-block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; min-width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.15s linear, background 0.15s linear; -moz-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear; } .legend { margin-bottom: 5px; } .fakten .fa { display: block; float: left; width: 35px; } .fakten .fa-user { min-height: 40px; } .fakt { display: block; float: left; padding-left: 5px; width: 88%; padding-bottom: 20px;} .modellbox { width: 98%; margin-bottom: 20px; font-size: 1em;} .modellbox li { font-size: 0.9em; } .bluetitle { background-color: #158ecf; color: #fff; font-weight: bold;} .greentitle { background-color: #afcb05; color: #fff; font-weight: bold; } .darktitle { background-color: #034da2; color: #fff; font-weight: bold; } .orangetitle { background-color: #ffc20f; color: #fff; font-weight: bold; } .orange { color: #ffc20f; } .padded1020 { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } .padded10 { padding: 10px; } .padded20 { padding: 20px; } .padded30 { padding: 30px; } #inaktive { position: absolute; right: -10px; top: 5px; z-index: 10; } #neuflag { position: absolute; right: -10px; top: 5px; z-index: 10; } #plakette { position: absolute; right: -10px; top: -15px; z-index: 10; width: 100px } /* leitprojekte */ .lpbox { min-height: 440px; } .lpprojekt { color: #158ecf; line-height: 2em; display: block; clear: both;} .lppprojekt:hover { color: #000; } .lpprojekt .fa { padding-right: 6px; display: block; float: left; min-height: 20px; margin-bottom: 5px; margin-top: 3px; } .lpprojekt span { display: block; float: left; line-height: 1.3em; max-width: 90%; padding-bottom: 15px; } .notop { padding-top: 0px; margin-top: 0px; } .kemlink { font-weight: 500; color: #158ecf; padding-left: 2px; } .lpnopaddingright { padding-right: 0px !important; } /* best practice */ .bpprojekt img { display: block; float: left; margin-right: 20px; margin-bottom: 20px; } .bpintro { display: block; float: left; } .bpintroshort { width: 75%; } .blocklink { display: inline-block; padding-left: 35px; } #BestPracticeThemaID label { display: none; } #SearchForm_SearchForm_action_results { display: none; } #SearchForm_SearchForm_Search { height: 50px; line-height: 50px; } #BestPracticeThemen { display: none; } #Form_BPForm_BestPracticeThemen { list-style-type: none; } #Form_BPForm_BestPracticeThemen li { margin-bottom: 10px; } #Form_BPForm_BestPracticeThemen .leftside { float: left; width: 45%; } #Form_BPForm_BestPracticeThemen .rightside { float: right; width: 50%; } #Form_BPForm_BestPracticeThemen .mainclass label { font-weight: bold; } #Form_BPForm_BestPracticeThemen .subclass { margin-left: 15px; } #Form_BPForm_BestPracticeThemen input[type="checkbox"] + label, #Form_BPForm_BestPracticeThemen input[type="radio"] + label { margin-left: 0.1rem; margin-right: 0; } #Form_BPForm_BestPracticeThemen li label { font-size: 0.9em; display: inline; } #Form_BPForm_BestPracticeThemen input[type="checkbox"] { margin-bottom: 0px; } #bpfake #cover { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 999; } #SearchResults { list-style-type: none; padding-bottom: 30px; } #SearchResults li p br { display: none; } #PageNumbers { padding-lefT: 15px; } .introtextbox p a { color: #158ecf; } ::-webkit-input-placeholder { color:#888; } ::-moz-placeholder { color:#888; } /* firefox 19+ */ :-ms-input-placeholder { color:#888; } /* ie */ input:-moz-placeholder { color:#888; } .TerminePage .termine a { text-decoration: underline; } .px-0 { padding-left: 0px !important; padding-right:0px !important; } .spregionen { border-top: 1px solid #efefef; } .spregionen h4 { font-weight: 600; font-size: 1.5em; padding-bottom: 1px; line-height: 1.1; } .spregionen p { margin-bottom: 5px; } .fuller { max-width: 100%; } .spregionblock img { max-width: 100%; } .animate { -webkit-transition: bottom 300ms ease-in-out; -moz-transition: bottom 300ms ease-in-out; -o-transition: bottom 300ms ease-in-out; transition: bottom 300ms ease-in-out; } .animatefast { -webkit-transition: bottom 100ms ease-in-out; -moz-transition: bottom 100ms ease-in-out; -o-transition: bottom 100ms ease-in-out; transition: bottom 100ms ease-in-out; } .spregionblock { overflow: hidden; height: 400px; } .aktuellesinside { color: #fff !important; position: absolute; bottom: -200px; background: rgba(0,0,0,0.5); max-width: 100%; padding: 20px; padding-left: 50px; left: 0px; right: 0px; } .spregionblock .aktuellesinside { bottom: -152px; height: 280px; } .aktuellesinside a, .aktuellesinside h4, .aktuellesinside p { color: #fff !important; } .spregionblock:hover .aktuellesinside { bottom: 0px; background: rgba(21, 142, 207, 0.8); } table.indikatoren td { padding: 9px 6px; border-bottom: 1px solid #ccc; font-size: 14px; font-family: 'Open Sans' } table.indikatoren tr:nth-child(even) td { background-color: #efefef; } td.bold { font-weight: bold; } .headtd { text-align: center; font-weight: bold; } td.center { text-align: center } .valuetd { text-align: center; min-width: 80px; min-height: 40px; } #indikatoren a { color: #158ecf; } #jetztkemwerden { position:absolute; text-transform:uppercase; color: #000; display: block; right: 178px; top: 35px; font-weight: 600; padding: 15px 30px; background-color: #afcb05; border-radius:8px; } // media queries @media only screen { } /* Define mobile styles */ @media only screen and (max-width: 1120px) { .primary > ul > li { margin-right: 30px; } .primary > ul > li:last-child { margin-right: 0px; } } @media only screen and (max-width: 767px) { h1 { font-size: 1.7em; } .mobile { display: block; } .nomobile { display: none; } .navigation { padding-top: 7px; height: 0; } header .iphonequer { float: right !important; } #MobileMenu { position: absolute; background-color: #158ecf; color: #fff; z-index: 100; width: 100%; padding-bottom: 30px; } #MobileMenu ul { list-style-type: none; margin: 0px; padding: 0px; } #MobileMenu ul li { display: block; width: 100%; min-height: 30px; padding: 10px 10px; border-bottom: 1px solid #fff;} #MobileMenu ul li:last-child { border-bottom: 0px; } #MobileMenu ul li a { color: #fff; } #MobileMenu .submenu li { border-bottom: none; } .lpbox { min-height: 480px; } .footernavi { height: auto; padding-bottom: 20px; } #ManagerBueros label { width: 52%; } Form input[type="submit"], Form input[type="reset"] { padding: 20px 7px; } .zitate { padding-top: 30px; } .homeintro { max-width: 90%; } #mrsep { display: block; width: 100%; clear: both;} .HomePage { overflow-x: hidden; } .HomePage .publikationen { padding-top: 15px; } .HomePage .publikationen h4 { margin-left: 0px; padding-bottom: 0px;} .HomePage .publikationen ul { margin-left: 0px; margin-right: 20px; } .HomePage .publikationen .thicker { margin-left: 0px; } .HomePage .columns, .HomePage .column { padding-left: 0.9375rem; padding-right: 0.9375rem; } .HomePage .pdj { padding-left: 0.9375rem !important; padding-right: 0.9375rem !important; } .mdj img { max-width: 95%; } .databox .smallerwidth { width: 100%; } .flickr a { min-height: 100px !important; } .NewsletterContainer .accordion .accordion-navigation > .content.active, .NewsletterContainer .accordion dd > .content.active { padding: 0px; } .NewsletterContainer .accordion .content { padding-left: 0px !important; margin-left: -10px; } .nlbeitrag { padding-left: 0px; } .nlbeitrag i { display: inline-block; vertical-align: top; padding-top: 7px;} .nlbeitrag span { display: inline-block; max-width: 90%; } .nomobilepadded { padding: 0px; padding-left: 0px !important; } .PublikationenPage .accordion-icon { padding-right: 3px; } .accordion .accordion-navigation > a, .accordion .accordion-navigation.active > a, .accordion dd.active > a, .accordion dd > a { font-size: 1.7em; line-height: 1.2; } .PublikationenPage .accordion .content { padding-left: 0px !important; margin-left: -13px; } .PublikationenPage .accordion .content a i { display: inline-block; vertical-align: top; padding-top: 7px;} .PublikationenPage .accordion .content a span { display: inline-block; max-width: 80%; } .lpbox .padding20 { padding-right: 0px; } #Form_BPForm select { font-size: 0.8rem; } #Form_BPForm_BestPracticeThemen .leftside, #Form_BPForm_BestPracticeThemen .rightside { width: 100% !important; } .bpprojekt img { margin-right: 0px; width: 100%; } .bpintroshort { width: 100%; } .biggreebutton { padding: 20px 30px; max-width: 95%;} #Form_NewsletterForm input[type="submit"] { padding: 8px 10px; } #Form_SuchForm .middleColumn { width: 90%;} #Form_SuchForm select { margin-bottom: 0px; } #Form_SuchForm input[type="submit"] { width: 90%; } #Form_SuchForm input[type="reset"] { margin-left: 0px; width: 90%; } #BundeslandID label, #Phasen label { display: none; } .ModellregionHolder .fakt { width: 85%;} .framer { max-width: 90%; margin: 0 auto; } iframe { max-width: 100% !important; } #datatable_filter { margin-left: 0px; } .dtr-details { font-size: 0.9em; } #datatable_info { display: none; } #datatable_paginate { padding-top: 20px; } #Form_NewsletterForm_Email { min-width: 100px; max-width: 150px; } footer .sociallinks a img { max-width: 45px; } footer .sociallinks a:last-child img { max-width: 60px; display: block; margin-top: 20px; margin-bottom: 20px; float: right;} } @media only screen and (max-width: 767px) and (orientation: portrait) { } @media only screen and (max-width: 767px) and (orientation: landscape) { } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { } /* iphone 6 */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { } /* iphone 6 */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { }