/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 16.03.2015, 12:39:34 Author : Marcin Jakubowski */ @import url(fonts.css); /**:focus { background-color: #92dcff !important;}*/ body { font-family: "BundesSansWeb",Arial,helvetica,sans-serif; color: #333; font-size: 15px; line-height: 1.4em; } h1 { font-size: 44px; line-height: 48px; margin-bottom: 48px; font-weight: normal; margin-top: 0 } h2.csc-header-alignment-center { display: table; margin: auto; } h2 { font-size: 34px; font-weight: normal; margin-bottom: 32px; line-height: 1.2em; } h2 a { background: url(../Images/round-arrow.png) right center no-repeat; line-height: 36px; display: block; padding-right: 40px; color: #333; text-decoration: none; } h2 a:hover { text-decoration: underline; color: #005a93; } h3 { font-size: 24px; color: #00B9E4; font-weight: normal; } h4 { font-size: 18px; font-weight: normal; line-height: 1.3em; } q:before, q:after { content: ""; margin: 0px; padding: 0px; line-height: inherit} .main h1, .main h2, .main h3, .main h4, .main p, .main ul, .main ol { max-width: 581px; } .main.one-col h1, .main.one-col h2, .main.one-col h3, .main.one-col h4, .main.one-col p, .main.one-col ul, .main.one-col ol { max-width: 100%; } .align-center { text-align: center;} .align-right { text-align: right;} .main ul { padding: 0; } #col-center ul li { list-style: none; background: url(../Images/list-dot-blue.png) left 2px no-repeat; margin-left: 10px; padding-left: 16px; margin-bottom: 15px; } #col-center ul li ul li { background-image: url(../Images/list-line-blue.png); } #col-center ul.f3-widget-paginator li { background-image: none; display: inline; margin-left: 0; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; padding-left: 0; list-style-type: none; } #col-center ul.f3-widget-paginator li.current { color: #008abb; } #col-center ul.f3-widget-paginator li a { font-family: "BundesSansWeb", Arial, helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none; } #col-center ul.f3-widget-paginator li:after { content: '|'; margin-left: 5px; margin-right: 5px; font-size: 13px; font-weight: bold; color: #cecece; } #col-center ul.f3-widget-paginator li:last-child:after { content: ''; margin-left: 5px; margin-right: 5px; } #col-center h1, #col-center h2, #col-center h3, #col-center h4 { margin: 0; padding: 0; line-height: 1.2em; font-weight: normal; } #col-center h1 { font-size: 26px; margin-bottom: 16px; } #col-center h2 { font-size: 22px; margin-bottom: 14px; } #col-center h3 { font-size: 20px; margin-bottom: 12px; color: #333; } #col-center h4 { font-size: 18px; margin-bottom: 12px; } #col-center p { margin-bottom: 12px; } hr { border: none; size: 1px; border-bottom: 1px solid #ccc; margin: 32px 0 36px 0; } .news-img-caption { font-size: 12px; display: block; margin-bottom: 24px; margin-top: 0px } /****** Links and global Resets ******/ a { color: #005a93; text-decoration: underline; } a:visited { color: #008abb; text-decoration: underline; } a:hover, a:focus { color: #0089bb; text-decoration: underline; } a:focus { background-color: rgba(145,220,255,0.3) !important; } a.internal-link-follow { background: url(../Images/news-list-more.png) left center no-repeat; font-weight: bold; color: #005A93; padding-left: 10px; text-decoration: none;} a.internal-link-follow:hover { text-decoration: underline; color: #333; } /** TOBIAS NUSSBAUM .csc-textpic-imagewrap, .csc-textpic-center-outer, .csc-textpic-center-inner, .csc-textpic-image, .csc-textpic, .csc-textpic-imagewrap figure { /** TOBIAS NUSSBAUM float: none !important; width: 100% !important; display: block !important; position: relative !important; height: auto !important; } **/ .align-left { text-align: left; } /** TOBIAS NUSSBAUM END **/ /* Stage Slider */ #stage-slider-wrap { height: 480px; position: relative } #stage-slider-slides { height: 480px; width: 100%; position: absolute; overflow: hidden; color: #333; padding: 0px} #stage-slider-slides .stage-slide { background: url(../Images/Slider/slides.jpg) center no-repeat; position: absolute; display: none; margin: 0; padding: 0; height: 480px; width: 100%; } #stage-slider-slides .stage-slide.active { display: block; } #stage-slider-slides .stage-slide-content { margin: auto; padding-top: 46px; } .slider-image { margin-top: 46px; min-height: 230px; } .slider-headline { font-size: 32px; color: #fff; font-weight: bold; font-style: italic; line-height: 32px; margin-bottom: 20px; margin-top: 46px; } #was-ist-uwm .slider-headline { font-size: 52px; color: #00b9e4; font-style: normal; line-height: 66px; text-transform: uppercase; margin-bottom: 20px; margin-top: 0; } .slider-text { font-size: 16px; line-height: 22px; margin-bottom: 18px; color: #fff; padding-right: 66px; } #was-ist-uwm .slider-text { font-size: 24px; line-height: 30px; margin-bottom: 24px; color: #333; } .slider-button a { background: url(../Images/round-arrow-lightblue.png) left center no-repeat; line-height: 26px; color: #fff; text-decoration: none; text-transform: uppercase; display: block; font-size: 13px; padding-left: 36px; float: left } #was-ist-uwm .slider-button a { background-image: url(../Images/round-arrow.png); width: 50%; color: #005a93; text-transform: none; display: block; font-size: 24px; padding-left: 40px; } .slider-button a:hover { text-decoration: underline; } #stage-slider-control { position: absolute; bottom: 24px; height: 80px; width: 940px; left: 50%; margin-left: -470px; } #stage-slider-control ul { list-style: none; margin: 0; padding: 0; } #stage-slider-control ul li { float: left; width: 187px; margin-right: 1px; height: 75px; background-color: rgba(255,255,255,0.9); } #stage-slider-control ul li a { padding: 15px; display: block; height: 80px; margin-top: -5px; border-top: 5px solid transparent; color: #333; text-decoration: none; font-size: 16px; } #stage-slider-control ul li.active a { border-color: #00b9e4; color: #005a93; } #stage-slider-control ul li a:hover { text-decoration: underline; } #stage-slider-control-playPause { position: absolute; right: 0px; top: -36px; width: 26px; height: 26px; cursor: pointer } #stage-slider-control-playPause.pause { background: url(../Images/button-pause.png) center no-repeat; } #stage-slider-control-playPause.play { background: url(../Images/button-play.png) center no-repeat; } #stage-slider-control-prev, #stage-slider-control-next { display: none; } .header-style1 { background: right top no-repeat; } #stage-slider-slides .stage-slide#was-ist-uwm { background: url(../Images/Slider/slide01.jpg) center no-repeat; background-size: auto 100% ; } #teaserINQAWrap { background: url(../Images/bg-teaser-inqa.jpg) center no-repeat; height: 380px; text-align: center; color: #fff; } #teaserINQA { padding-top: 45px; } #teaserINQA h3 { font-size: 56px; margin-bottom: 15px; margin-top: 36px; font-weight: normal; color: #fff; } #teaserINQA p { font-size: 24px; padding-bottom: 10px; } #teaserINQA a.squer-button { font-size: 14px; width: 200px; display: inline-block; border: 1px solid #fff; text-transform: uppercase; color: #fff; text-decoration: none; line-height: 40px; } #teaserINQA a.squer-button:hover { color: #00b9e4; border-color: #00b9e4;} #teaser-plz-video-Wrap, #teaserINQAWrap, #stage-slider-wrap, #testimonialsWrap { margin: auto; } #teaser-plz-video { max-width: 1080px; margin: auto; } #box-plz, #box-video { text-align: center; font-size: 24px; line-height: 1.1em; } #box-plz { background-color: #33c8e9; height: 320px; padding-top: 32px; } #box-plz p { margin-bottom: 12px; margin-top: 0px; padding-top: 0px;} #box-plz .big-number { font-size: 48px; color: #005A93; font-weight: bold; } #box-plz form { padding-top: 18px; } #box-plz select, #box-plz .plzPBSuche { font-size: 16px; width: 200px; height: 44px; line-height: 44px; text-indent: 8px; color: #666; float: left; margin-left: 42px; border: 1px solid #fff; text-align: left; } #box-plz .plzPBSuche {; height: 40px; line-height: 40px; text-indent: 20px; } .box-plz-button { font-size: 16px; width: 200px; height: 42px; line-height: 42px; background-color: transparent; border: 1px solid #fff; color: #fff; float: right; margin-right: 42px; text-transform: uppercase } .box-plz-ebs, .box-plz-pb { height: 190px; padding-top: 42px; } .box-plz-ebs { border-right: 1px solid #fff; background: url(../Images/bg_plz_ebs.png) center center no-repeat; } .box-plz-pb { background: url(../Images/bg_plz_pb.png) center center no-repeat; } #box-video { background: #116192 url(../Images/bg-teaser-video.jpg) center no-repeat; height: 380px; } #box-video a, #box-video-long a { color: #fff; padding-top: 180px; height: 200px; display: block; text-decoration: none; } #box-video-long a { padding-top: 130px; } #box-video a:hover, #box-video-long a:hover { text-decoration: underline; } #box-video-long { background: #116192 url(../Images/bg-teaser-video-long.jpg) center no-repeat; background-size: auto 100%; text-align: center; font-size: 34px; line-height: 1.1em; width: 100%; height: 200px; } #testimonialsWrap { position: relative; margin: auto; width: 100%; max-width: 1080px; } #testimonialsWrap .csc-header { top: 36px; z-index: 5; color: #fff; position: absolute; width: 100%; } #testimonialsWrap .csc-header a { color: #fff; background-image: url(../Images/round-arrow-white.png); } .takotestimonials { background: url(../Images/bg-testimontals.jpg) center no-repeat; height: 400px; list-style: none; margin: 0; padding: 0; position: relative;} .takotestimonial { display: none; position: absolute; height: 400px; width: 100%; } .takotestimonial.active { display: block; } .takotestimonial-content { width: 850px; margin: auto; padding-top: 110px } .takotestimonial-image { width: 190px; float: left } .takotestimonial-image img { width: 160px; height: 160px; border-radius: 100%; } .takotestimonial-text { width: 660px; float: left; color: #fff; margin-top: 12px; } .takotestimonial-quote { font-size: 24px; font-style: italic; line-height: 1.2em; padding: 0; margin: 0 } .takotestimonial-name { font-size: 14px;} .testimonial-arrow.prev, .testimonial-arrow.next { background-image: url(../Images/testimontal-arrows.png); text-indent: -999em; position: absolute; display: block; top: 46%; width: 36px; height: 50px; } .testimonial-arrow.prev { left: 4%; background-position: center top; } .testimonial-arrow.next { right: 4%; background-position: center bottom; } .testimonial-indicators { position: absolute; bottom: 43px; list-style: none; margin: 0; padding: 0; width: 100%; text-align: center } .testimonial-indicators li { display: inline-block; width: 16px; height: 16px; margin: 0px 2px; } .testimonial-indicators li a { background-color: rgba(255,255,255,0.4); width: 16px; height: 16px; text-indent: -999em; border-radius: 100%; display: block; } .testimonial-indicators li a.active, .testimonial-indicators li a:hover { background-color: rgba(255,255,255,1); } /* AKKORDEON */ .akkordeon-item { width: 581px; } h4.akkordeon-headline { margin: 8px 0px; cursor: pointer; color: #005b94; padding-left: 24px !important; background: url(../Images/arrow-akkordeon-bottom.png) left center no-repeat;} h4.akkordeon-headline.active { background-image: url(../Images/arrow-akkordeon-top.png)} .akkordeon-content { display: none; margin-bottom: 10px; padding-left: 24px; } /* Tweaks */ .aural { display: none;} .clearfix, .csc-header { clear: both; } /* Indexed Search */ .tx-indexedsearch-searchbox { width: 33%; float: left; padding-right: 15px; } .search-box { background: #eeeeed; width: 100%; padding: 0; } .search-box h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 36px; border-bottom: 1px solid #ccc; margin-bottom: 0px; padding: 0 10px; } .search-box .search-box-row1, .search-box .search-box-row2 { padding: 10px; } .search-box .search-box-row1 { border-bottom: 1px solid #ccc; } .search-box .search-box-row2 { text-align: right } .search-box label { color: #005a93; text-transform: uppercase; font-size: 12px; line-height: 12px; display: block; margin-bottom: 10px; } .search-box #sword { width: 100%; border: none; background-color: #fff; border-radius: 2px; line-height: 32px; text-indent: 5px; } .tx-indexedsearch-whatis, .tx-indexedsearch-res, .tx-indexedsearch-browsebox { width: 66%; float: left; padding-left: 15px } .tx-indexedsearch-whatis { font-size: 22px; padding-bottom: 24px; padding-top: 8px } .tx-indexedsearch-whatis span.tx-indexedsearch-sw { color: #008abb; font-weight: normal !important; } .tx-indexedsearch-browsebox:last-child { width: 100%;} .tx-indexedsearch-res-item { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #ccc; } .tx-indexedsearch-title { font-size: 18px; margin-bottom: 10px; } .tx-indexedsearch-descr { margin-bottom: 10px; } .tx-indexedsearch-info { font-size: 12px; background-color: #fff !important; } .tx-indexedsearch-path { font-size: 12px; background-color: #fff !important; } .tx-indexedsearch-redMarkup { font-weight: normal; font-style: italic; color: #008abb !important; } .ac_results iframe { border: none; display: none; } .button, .button:visited, .tx-felogin-pi1 input[name=submit] { background: #005a93; border-radius: 2px; display: inline-block; border: none; color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 0px 16px; font-weight: bold; line-height: 26px } .button:hover, .button:active, .tx-felogin-pi1 input[name=submit]:hover { background-color: #333; color: #fff; text-decoration: none; } .button.disabled { background-color: #eeeeed; color: #ccc;} .main ul.tx-indexedsearch-browsebox { text-align: right; max-width: 100% !important; } .main ul.tx-indexedsearch-browsebox li { } .main ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage { } .main ul.tx-indexedsearch-browsebox li a { border-radius: 2px; display: inline-block; border: none; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 0px 16px; font-weight: normal; line-height: 26px } .main ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a { background: #005a93; color: #fff; } .main ul.tx-indexedsearch-browsebox li a:hover { color: #fff; background-color: #333; } /* Aus der Praxis QA */ .news-single { max-width: 581px; } .QA-Question { font-style: italic; font-size: 18px; margin-top: 32px; } .QA-Answer { font-style: italic; font-size: 15px; } .QA-Label { font-size: 18px; color: #005b94; } .steckbrief-trenner { background: url(../Images/bg-breadcrumb.png) 0px 0px repeat-x; height: 12px; margin-top: 32px; margin-bottom: 2px; } .steckbrief { background-color: #eeeeed; padding: 10px 16px; font-size: 14px; margin-bottom: 24px; } .steckbrief h3 { font-size: 18px; text-transform: uppercase; } .steckbrief hr { margin: 10px 0px; } .steckbrief b { color: #005b94; } .steckbrief .col01 { width: 50%; float: left; } .steckbrief .col01 p { padding: 0px !important; margin: 0px !important; } /* Downloads */ #col-center ul.csc-uploads { padding: 0; margin: 0; } #col-center ul.csc-uploads li { background: #eeeeed url(../Images/icon-file.gif) 10px center no-repeat; font-weight: bold; padding: 0; margin: 0; margin-bottom: 12px; line-height: 56px; padding-left: 47px; } #col-center ul.csc-uploads li a:hover { color: #333; } #col-center ul.csc-uploads li.csc-uploads-element-pdf { background-image: url(../Images/icon-file-pdf.gif); } .tx-dce-pi1 { float: left; } .small-teaser { margin-bottom: 20px } .small-teaser .teaser-image { width: 38%; margin-bottom: 20px; float: left; } .small-teaser .teaser-text { border-bottom: 1px solid #ccc; width: 58%; float: right; padding-bottom: 12px } .small-teaser .teaser-text .teaser-topic { color: #00b9e4; font-size: 12px; margin: 0px;} #col-center .small-teaser h3.teaser-headline { line-height: 1.2em; margin: 0px; padding: 0px;} .small-teaser h3.teaser-headline a { font-size: 18px; text-decoration: none; color: #005b94; font-weight: bold; } .small-teaser h3.teaser-headline a:hover { text-decoration: underline; } .small-teaser a.teaser-link { background: url(../Images/news-list-more.png) left center no-repeat; font-weight: bold; color: #005A93; padding-left: 10px; text-decoration: none;} .small-teaser a.teaser-link:hover { text-decoration: underline; } .big-teaser { margin-bottom: 20px } .big-teaser .teaser-image { width: 49%; float: left; margin-bottom: 20px; } .big-teaser .teaser-text { border-bottom: 1px solid #ccc; height: 210px; width: 48%; float: right; } .big-teaser .teaser-text .teaser-topic { color: #00b9e4; font-size: 12px; margin: 0px;} .big-teaser h3.teaser-headline a { font-size: 18px; text-decoration: none; color: #005b94; font-weight: bold; } .big-teaser h3.teaser-headline a:hover { text-decoration: underline; } .big-teaser a.teaser-link { background: url(../Images/news-list-more.png) left center no-repeat; font-weight: bold; color: #005A93; padding-left: 10px; text-decoration: none;} .big-teaser a.teaser-link:hover { text-decoration: underline; } .vertikal-teaser { width: 290px; margin-right: 18px; margin-bottom: 20px } .vertikal-teaser .teaser-image { margin-bottom: 20px; } .vertikal-teaser .teaser-text { border-bottom: 1px solid #ccc; height: 210px; width: 290px; } .vertikal-teaser h3.teaser-headline a { font-size: 18px; text-decoration: none; color: #005b94; font-weight: bold; } .vertikal-teaser h3.teaser-headline a:hover { text-decoration: underline; } .vertikal-teaser a.teaser-link { background: url(../Images/news-list-more.png) left center no-repeat; font-weight: bold; color: #005A93; padding-left: 10px; text-decoration: none;} .vertikal-teaser a.teaser-link:hover { text-decoration: underline; } /* Prozessberater/in FORMHANDLER Style */ .hideme, .showme .form-add-field-36, .form-active .form-remove-field-36 {display: none;} .showme, .showme .form-remove-field-36, .form-active .form-add-field-36 {display: block;} #status-indicator { background: url(../Images/bg-status-indicator.gif) center bottom no-repeat; height: 78px; font-size: 16px; } .indicator-filed { width: 155px; float: left; height: 78px; text-align: center; color: #B3B3B3; } .indicator-filed.active { color: #00B9E4; } .indicator-filed.done { color: #005a93; } .indicator-label { margin-bottom: 8px;} .indicator-step { background-color: #ccc; line-height: 50px; font-size: 24px; color: #fff; width: 52px; height: 52px; border-radius: 100%; margin: auto; } .indicator-step input { border: none; background-color: transparent; line-height: 46px; width: 52px; height: 52px; border-radius: 100%; margin: 0; padding: 0; } .indicator-filed.active .indicator-step { background-color: #00B9E4; } .indicator-filed.done .indicator-step { background-color: #005a93; } .icon-questionmark { background: url(../Images/icon-questionmark.png) center no-repeat; width: 25px; height: 25px; display: inline-block; text-indent: -999em; padding: 0; margin: 0; line-height: 25px; } .icon-additional {background: url(../Images/icon-additionalinfo.png) center no-repeat; position: absolute; left: 0px; width: 25px; height: 25px; display: inline-block; text-indent: -999em; padding: 0; margin: 0; line-height: 25px; } .Tx-Formhandler { padding-bottom: 64px;} .Tx-Formhandler fieldset { border: none; border-top: 1px solid #ccc; text-align: center; font-size: 18px; padding: 0; position: relative; padding-top: 40px; padding-bottom: 24px} .Tx-Formhandler fieldset.first { border: none; } .Tx-Formhandler fieldset legend { font-family: "BundesSansWeb",Arial,helvetica,sans-serif; margin: 0; padding: 0; top: 5px; position: absolute; font-size: 18px; color: #B3B3B3; } .Tx-Formhandler input[type=text], .Tx-Formhandler input[type=email], .Tx-Formhandler select, .Tx-Formhandler textarea { border: 1px solid #ccc; padding: 9px 15px; font-size: 18px; line-height: 24px; color: #333; width: 450px; margin: 8px; } .Tx-Formhandler select { width: 480px; } .Tx-Formhandler input[type=text]:focus, .Tx-Formhandler input[type=email]:focus, .Tx-Formhandler select:focus { background-color: #f2f2f2;} .Tx-Formhandler textarea { resize: vertical; } .Tx-Formhandler label { margin-bottom: 8px; line-height: 1.4em;} .Tx-Formhandler fieldset p, .Tx-Formhandler fieldset div.width480 { max-width: 480px; margin: auto; text-align: left } .checkbox-label { float: left; width: 430px; margin-left: 20px; } .checkbox-label.large { width: 600px; } .form-checkbox-field, .form-radio-field { width: 650px; margin: auto; text-align: left; } .form-radio-field label.text { width: 450px; display: block; float: left; } .form-checkbox-field p.text { max-width:100%; } #kontaktformular input, #kontaktformular textarea { margin-left: 0px;} .tx-felogin-pi1 fieldset { border: none; padding: 0; margin-top: 18px; } .tx-felogin-pi1 legend { display: none; } .tx-felogin-pi1 #pass, .tx-felogin-pi1 #user { border: 1px solid #ccc; padding: 9px 15px; font-size: 18px; line-height: 24px; color: #333; width: 320px; margin: 8px 0; } .tx-felogin-pi1 #pass:focus, .tx-felogin-pi1 #user:focus { background-color: #f2f2f2;} #form-genre, #form-title { width: 232px; } #form-adress { width: 368px; } #form-nummer { width: 36px; } #form-plz { width: 122px; } #form-ort { width: 282px; } #form-34-1 { width: 40px; text-align: right;} #form-34-2 { width: auto; } .form-34-container div.selector { margin-left: 0; } #form-referenz-01-duration, #form-referenz-02-duration, #form-referenz-03-duration, #form-referenz-04-duration, #form-referenz-05-duration { width: 231px; } #form-referenz-01-phone, #form-referenz-02-phone, #form-referenz-03-phone, #form-referenz-04-phone, #form-referenz-05-phone { width: 201px; } #form-referenz-01-partnername, #form-referenz-01-period, #form-referenz-02-partnername, #form-referenz-02-period, #form-referenz-03-partnername, #form-referenz-03-period, #form-referenz-04-partnername, #form-referenz-04-period, #form-referenz-05-partnername, #form-referenz-05-period { width: 400px; } input[type=text].field-only-number, input[type=text].field-only-number-alt, #form-36-result { width: 36px; margin-left: 50px; text-align: right; margin-right: 16px; } input[type=text].form-36-label { width: 440px; margin-left: 0} #form-36-result { border-width: 2px; } .form-referenzen input[type=text], .form-referenzen select, .form-referenzen textarea { width: 650px; } .form-add-field-referenzen, .form-remove-field-referenzen, .form-add-field-34, .form-remove-field-34, .form-add-field-36, .form-remove-field-36 { width: 16px; height: 26px; display: block; border: none; border-radius: 100%; text-align: left; text-indent: -999em; } .form-add-field-referenzen, .form-add-field-34, .form-add-field-36 { background: url(../Images/icon-add-element.gif) center no-repeat; background-color: #005A93; margin: 0px auto; margin-top: 10px; } .form-remove-field-referenzen, .form-remove-field-34, .form-remove-field-36 { background: url(../Images/icon-remove-element.gif) center no-repeat; background-color: #ccc; float: right; margin-top: 18px; } .form-34-container {width: 530px;} .form-button { background-color: #005A93; border: none; width: 200px; line-height: 42px; font-size: 14px; color: #fff; text-transform: uppercase; margin: 0px 8px; } .form-button[disabled="disabled"], .form-button[disabled=""] {background-color: #CCCCCC;} select.error, input.error, textarea.error { border: 1px solid tomato !important; } .form-button.button-orange { background-color: #d28228; } .result-header { background-color: #00b9e4; font-size: 24px; text-align: center; line-height: 45px; color: #fff; } .form-result p b { font-size: 18px; } /* PowerTip Plugin */ #powerTip { cursor: default; background-color: #333; background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; color: #fff; display: none; padding: 10px; position: absolute; white-space: nowrap; z-index: 2147483647; } #powerTip:before { content: ""; position: absolute; } #powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; } #powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; } #powerTip.n:before { border-top: 10px solid #333; border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; } #powerTip.e:before { border-right: 10px solid #333; border-right: 10px solid rgba(0, 0, 0, 0.8); left: -10px; } #powerTip.s:before { border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0, 0, 0, 0.8); top: -10px; } #powerTip.w:before { border-left: 10px solid #333; border-left: 10px solid rgba(0, 0, 0, 0.8); right: -10px; } #powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px; } #powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0; right: 10px; } #powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid #333; border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; } #powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0, 0, 0, 0.8); top: -10px; } #powerTip.nw-alt:before, #powerTip.ne-alt:before, #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: 10px solid #333; border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px; } #powerTip.ne-alt:before { left: auto; right: 10px; } #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: none; border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0, 0, 0, 0.8); bottom: auto; top: -10px; } #powerTip.se-alt:before { left: auto; right: 10px; } .ac_results li { overflow: hidden; } /* INTERNER BEREICH */ table { border-collapse: collapse; border-bottom: 2px solid #323232; border-top: 2px solid #323232; padding-bottom: 36px; width: 100%; } table tr.even { background-color: #eeeeed; } table tr.odd { background-color: #fff; } table tr:hover { background-color: #e1e1e1; } table tr th { line-height: 30px; font-size: 15px; background-color: #fff; } table tr td { line-height: 20px; height: 32px; padding: 6px 2px; font-size: 14px; border-bottom: 1px solid #323232; border-top: 1px solid #323232; } table tr td.last { background-color: #fff; } .status-0, .status-1, .status-2, .status-3, .status-4 { border: 1px solid; display: block; width: 100px; text-align: center; background-color: #fff; } .status-0 { border-color: #808080; color: #808080; } .status-1 { border-color: #d51f28; color: #d51f28; } .status-2 { border-color: #007c98; color: #007c98; } .status-3, .status-4 { border-color: #3b9f45; color: #3b9f45; } .button-edit { text-decoration: none; text-indent: -999px; background: url(../Images/icon-edit.png) center no-repeat; width: 30px; height: 30px; border: none; display: block; } .button-edit:focus a::-moz-focus-inner {outline: none; border: 0;} @media (max-width: 1200px) { #box-plz select, #box-plz .plzPBSuche {margin-left: 28px; } .box-plz-button { margin-right: 28px; } } @media (max-width: 991px) { body { font-size: 14px; } .vertikal-teaser { width: 235px; margin-right: 0px;} .vertikal-teaser .teaser-image { margin-bottom: 20px; margin-right: 15px; } .vertikal-teaser .teaser-text { height: 270px; width: 210px; padding-bottom: 18px } h2 { font-size: 28px;margin-bottom: 24px; } #col-center h1 { font-size: 24px; margin-bottom: 14px; } #col-center h2 { font-size: 20px; margin-bottom: 12px; } #col-center h3 { font-size: 18px; } #col-center h4 { font-size: 16px; } .news-img-caption { font-size: 11px; } #stage-slider-wrap, #stage-slider-slides, #stage-slider-slides .stage-slide { height: 370px; } #stage-slider-slides .stage-slide-content { padding-top: 32px; } .slider-image { margin-top: 12px; } .slider-headline { font-size: 28px; line-height: 28px; margin-top: 12px; } #was-ist-uwm .slider-headline { font-size: 45px; line-height: 50px; margin-bottom: 16px; } .slider-text { font-size: 14px; line-height: 18px; margin-bottom: 18px; padding-right: 66px; } #was-ist-uwm .slider-text { font-size: 18px; line-height: 22px; margin-bottom: 20px; } #was-ist-uwm .slider-button a { font-size: 18px; } #stage-slider-control { bottom: 15px; height: 60px; width: 720px; margin-left: -360px; } #stage-slider-control ul li { width: 143px; height: 55px; } #stage-slider-control ul li a { padding: 8px; height: 35px; font-size: 14px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #logo-zusammen-zukunft-gestalten { display: block; -moz-box-sizing: border-box; box-sizing: border-box;padding-left: 125px;background: url(../Images/logo_zusammen_zukunft_gestalten_mobile.png) center no-repeat; background-size: 100%; height: 55px; width: 125px; } .takotestimonial-content { width: 500px; padding-top: 110px } .takotestimonial-image { width: 140px; float: left } .takotestimonial-image img { width: 125px; height: 125px; border-radius: 100%; margin-top: 20px } .takotestimonial-text { width: 360px; float: left; color: #fff; margin-top: 12px; } .takotestimonial-quote { font-size: 18px; } #box-plz, #box-video {font-size: 24px; } #box-plz { height: 380px; padding-top: 50px; } #box-plz p { margin-bottom: 12px} #box-plz p .big-number { font-size: 54px; } #box-plz select, #box-plz .plzPBSuche {margin-left: 0px; float: none; margin-bottom: 12px } .box-plz-button { margin-right:0px; float: none; margin-bottom: 12px } #teaserINQAWrap { height: 300px; background-size: auto 100% } #teaserINQA { padding-top: 34px; } #teaserINQA h3 { font-size: 45px; margin-bottom: 24px } #teaserINQA img { width: 85px; height: 85px; } #teaserINQA p { font-size: 18px; padding-bottom: 5px; } #teaserINQA a.squer-button { font-size: 12px; line-height: 36px; } .akkordeon-item { width: 440px; } } @media (max-width: 767px) { body { font-size: 14px; } h2 a { font-size: 20px } a:focus { background-color: transparent !important; } #stage-slider-wrap, #stage-slider-slides, #stage-slider-slides .stage-slide { height: 340px; } #stage-slider-slides #was-ist-uwm.stage-slide { background-size: auto 50%; background-position: right top; background-color: #EBEBED } #stage-slider-slides .stage-slide-content { padding-top: 15px; } .slider-image { margin-top: 12px; width: 50%; float: right; min-height: 1px; } .slider-image img { max-height: 160px;} .slider-headline { font-size: 20px; line-height: 22px; } #was-ist-uwm .slider-headline { display: block; font-size: 24px; line-height: 26px; margin-bottom: 90px; width: 150px; float: none; } .slider-text { font-size: 13px; line-height: 16px; margin-bottom: 18px; padding-right: 0px; width: 90% } #was-ist-uwm .slider-text { font-size: 14px; line-height: 18px; margin-bottom: 16px; } .slider-button a { background-size: 18px 18px; font-size: 13px; padding-left: 30px; float: left; } #was-ist-uwm .slider-button a { font-size: 14px; width: 100%; padding-left: 30px; } #stage-slider-control { } #stage-slider-control { bottom: 15px; height: 15px; width: 300px; margin-left: -150px; left: 50%; text-align: center } #stage-slider-control ul { display: inline-block; } #stage-slider-control ul li { display: inline-block; width: 10px; height: 10px; background: #00b9e4; opacity: 0.5; margin: 0px 2px; text-align: left; border-radius: 100%; } #stage-slider-control ul li.active { opacity: 1 } #stage-slider-control ul li a { padding: 0px; height: 10px; width: 10px; display: none; text-indent: -999em; font-size: 14px; border: none; text-align: left; opacity: 0 } #stage-slider-control-playPause { display: none; } #stage-slider-control-prev, #stage-slider-control-next { display: block; position: absolute; width: 20px; height: 20px; text-indent: -999em; } #stage-slider-control-prev { left: 0px; background: url(../Images/arrow-slider-mobile-prev.png) left center no-repeat; } #stage-slider-control-next { right: 0px; background: url(../Images/arrow-slider-mobile-next.png) right center no-repeat; } #logo-zusammen-zukunft-gestalten { width: auto; height: auto; background-image: none; padding: 0; margin: 0; background-size: 100% auto; } #box-video-long a { padding-top: 100px; } #box-video-long { font-size: 24px; line-height: 1.1em; height: 200px; } #box-plz { height: auto; } .box-plz-ebs, .box-plz-pb { height: auto; margin-bottom: 18px; } .big-teaser .teaser-image { width: 100%; float: none; } .big-teaser .teaser-text { width: 100%; float: none; height: auto; padding-bottom: 20px; } .small-teaser .teaser-image { width: 100%; float: none; } .small-teaser .teaser-text { width: 100%; float: none; height: auto; padding-bottom: 20px; } .vertikal-teaser { width:100%; margin-right: 0px;} .vertikal-teaser .teaser-image { margin-bottom: 20px; padding-right: 0px; margin-right: 0px } .vertikal-teaser .teaser-image img { width: 100%; } .vertikal-teaser .teaser-text { height: auto; width: 100%; margin-bottom: 32px } .tx-indexedsearch-searchbox, .tx-indexedsearch-whatis, .tx-indexedsearch-res, .tx-indexedsearch-browsebox { width: 100%; float: none; padding: 0px; } .takotestimonial-content { width: 100%; padding-top: 70px } .takotestimonial-image { width: 100%; float: none; text-align: center } .takotestimonial-image img { width: 125px; height: 125px; border-radius: 100%; margin-top: 20px; } .takotestimonial-text { width: 100%; float: none; padding: 20px } .takotestimonial-quote { font-size: 14px; } .takotestimonials { height: 460px; background-size: auto 100% } .testimonial-arrow.prev, .testimonial-arrow.next { background-image: url(../Images/testimontal-arrows.png); text-indent: -999em; position: absolute; display: block; top: 125px; width: 36px; height: 50px; } .testimonial-arrow.prev { left: 4%; background-position: center top; } .testimonial-arrow.next { right: 4%; background-position: center bottom; } .testimonial-indicators { bottom: 15px; list-style: none; } .testimonial-indicators li { width: 10px; height: 10px; } .testimonial-indicators li a { width: 10px; height: 10px; } .takotestimonial-name { font-size: 10px;} .news-img-caption { line-height: 1.3em; } #teaserINQAWrap { height: 300px; background-size: auto 100% } #teaserINQA { padding-top: 34px; } #teaserINQA h3 { font-size: 24px; margin-bottom: 18px; } #teaserINQA img { width: 85px; height: 85px; margin-bottom: -16px; } #teaserINQA p { font-size: 14px; padding-bottom: 5px; } #teaserINQA a.squer-button { font-size: 12px; line-height: 36px; } .akkordeon-item { width: 100%; } } @media print { .main h1, .main h2, .main h3, .main h4, .main p, .main ul, .main ol { max-width: 100%; } }