@font-face { font-family: 'sourcesanspro-regular'; src: url('../fonts/sourcesanspro-regular-webfont.eot'); src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.svg#SorceSansProReg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'advpromed'; src: url('../fonts/adventpro-medium-webfont.eot'); src: url('../fonts/adventpro-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/adventpro-medium-webfont.woff') format('woff'), url('../fonts/adventpro-medium-webfont.ttf') format('truetype'), url('../fonts/adventpro-medium-webfont.svg#SorceSansProReg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'advprosemi'; src: url('../fonts/adventpro-semibold-webfont.eot'); src: url('../fonts/adventpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/adventpro-semibold-webfont.woff') format('woff'), url('../fonts/adventpro-semibold-webfont.ttf') format('truetype'), url('../fonts/adventpro-semibold-webfont.svg#SorceSansProReg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'advproreg'; src: url('../fonts/adventpro-regular-webfont.eot'); src: url('../fonts/adventpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/adventpro-regular-webfont.woff') format('woff'), url('../fonts/adventpro-regular-webfont.ttf') format('truetype'), url('../fonts/adventpro-regular-webfont.svg#SorceSansProReg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lifesavers'; src: url('../fonts/lifesavers-bold-webfont.eot'); src: url('../fonts/lifesavers-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lifesavers-bold-webfont.woff') format('woff'), url('../fonts/lifesavers-bold-webfont.ttf') format('truetype'), url('../fonts/lifesavers-bold-webfont.svg#SorceSansProReg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'neucha'; src: url('../fonts/neucha-webfont.eot'); src: url('../fonts/neucha-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/neucha-webfont.woff') format('woff'), url('../fonts/neucha-webfont.ttf') format('truetype'), url('../fonts/neucha-webfont.svg#SorceSansProReg') format('svg'); font-weight: normal; font-style: normal; } @media screen { * { margin:0; padding:0; } body { overflow-y: scroll; } body,td,th,textarea,input { font-family:'sourcesanspro-regular', sans-serif; font-size:1.10em;} h1 { font-family:'advprosemi', sans-serif; font-size:30px; color:#b13614; } h2 { font-family:'advprosemi', sans-serif; font-size:24px; color:#b13614; } h3 { font-family:'advprosemi', sans-serif; font-size:20px; color:#b13614; } /*Schriftfarbe FCE-Karrierebox RTE*/ .schriftfarbe-weiss .ueberschrift p, .schriftfarbe-weiss .ueberschrift p a, .schriftfarbe-weiss .ueberschrift h1, .schriftfarbe-weiss .ueberschrift h2, .schriftfarbe-weiss .ueberschrift h3 {color: #ffffff !important;} .schriftfarbe-weiss .headline p, .schriftfarbe-weiss .headline p a, .schriftfarbe-weiss .headline h1, .schriftfarbe-weiss .headline h2, .schriftfarbe-weiss .headline h3 {color: #ffffff !important;} .schriftfarbe-weiss .content p, .schriftfarbe-weiss .content p a, .schriftfarbe-weiss .content h1, .schriftfarbe-weiss .content h2, .schriftfarbe-weiss .content h3 {color: #ffffff !important;} .schriftfarbe-rot .ueberschrift p, .schriftfarbe-rot .ueberschrift p a, .schriftfarbe-rot .ueberschrift h1, .schriftfarbe-rot .ueberschrift h2, .schriftfarbe-rot .ueberschrift h3 {color: #b13614 !important;} .schriftfarbe-rot .headline p, .schriftfarbe-rot .headline p a, .schriftfarbe-rot .headline h1, .schriftfarbe-rot .headline h2, .schriftfarbe-rot .headline h3 {color: #b13614 !important;} .schriftfarbe-rot .content p, .schriftfarbe-rot .content p a, .schriftfarbe-rot .content h1, .schriftfarbe-rot .content h2, .schriftfarbe-rot .content h3 {color: #b13614 !important;} .schriftfarbe-grau .ueberschrift p, .schriftfarbe-grau .ueberschrift p a, .schriftfarbe-grau .ueberschrift h1, .schriftfarbe-grau .ueberschrift h2, .schriftfarbe-grau .ueberschrift h3 {color: #949494 !important;} .schriftfarbe-grau .headline p, .schriftfarbe-grau .headline p a, .schriftfarbe-grau .headline h1, .schriftfarbe-grau .headline h2, .schriftfarbe-grau .headline h3 {color: #949494 !important;} .schriftfarbe-grau .content p, .schriftfarbe-grau .content p a, .schriftfarbe-grau .content h1, .schriftfarbe-grau .content h2, .schriftfarbe-grau .content h3 {color: #949494 !important;} /*Überschriften Farbe Hintergrund ohne weiße Linie*/ .ym-g100.orange-light-hg h1, .ym-g100.orange-light-hg h2, .ym-g100.orange-light-hg h3 { color: #b13614;} .ym-g100.orange-medium-hg h1, .ym-g100.orange-medium-hg h2, .ym-g100.orange-medium-hg h3, .ym-g100.orange-dark-hg h1, .ym-g100.orange-dark-hg h2, .ym-g100.orange-dark-hg h3 { color: #fff;} /*Überschriften Farbe Hintergrund mit weißer Linie*/ .ym-g100.orange-light-hg-line h1, .ym-g100.orange-light-hg-line h2, .ym-g100.orange-light-hg-line h3 { color: #b13614;} .ym-g100.orange-medium-hg-line h1, .ym-g100.orange-medium-hg-line h2, .ym-g100.orange-medium-hg-line h3, .ym-g100.orange-dark-hg-line h1, .ym-g100.orange-dark-hg-line h2, .ym-g100.orange-dark-hg-line h3 { color: #fff;} /*Textfarbe Farbe Hintergrund ohne weiße Linie*/ .ym-g100.orange-light-hg p, .ym-g100.orange-light-hg p, .ym-g100.orange-light-hg p { color: #949494; } .ym-g100.orange-medium-hg p, .ym-g100.orange-medium-hg p, .ym-g100.orange-medium-hg p, .ym-g100.orange-dark-hg p, .ym-g100.orange-dark-hg p, .ym-g100.orange-dark-hg p { color: #fff;} /*Textfarbe Farbe Hintergrund mit weißer Linie*/ .ym-g100.orange-light-hg-line p, .ym-g100.orange-light-hg-line p, .ym-g100.orange-light-hg-line p { color: #949494;} .ym-g100.orange-medium-hg-line p, .ym-g100.orange-medium-hg-line p, .ym-g100.orange-medium-hg-line p, .ym-g100.orange-dark-hg-line p, .ym-g100.orange-dark-hg-line p, .ym-g100.orange-dark-hg-line p { color: #fff;} /*Sprache*/ #sprache { position: relative; z-index: 80; width: 90px; padding: 7px 0 0 90px; margin-top: -30px; } #sprache a { display:block; width:27px; height:20px; float:left; margin-right:5px; } #sprache span { display:none; } #sprache li, #sprache ul { margin:0;padding:0; list-style:none; display:inline; } #sprache .de { background: url(../img/en.png); } #sprache .en { background: url(../img/de.png); } /* Aufzählung allgemein */ .contentList li { color:#000000; } /*Aufzählung Farbe Hintergrund ohne weiße Linie*/ .ym-g100.orange-light-hg .contentList li, .ym-g100.orange-light-hg .contentList li, .ym-g100.orange-light-hg .contentList li { color: #b13614;} .ym-g100.orange-medium-hg .contentList li, .ym-g100.orange-medium-hg .contentList li, .ym-g100.orange-medium-hg .contentList li, .ym-g100.orange-dark-hg .contentList li, .ym-g100.orange-dark-hg .contentList li, .ym-g100.orange-dark-hg .contentList li { color: #fff;} /*Aufzählung Farbe Hintergrund mit weißer Linie*/ .ym-g100.orange-light-hg-line .contentList li, .ym-g100.orange-light-hg-line .contentList li, .ym-g100.orange-light-hg-line .contentList li { color:#b13614;} .ym-g100.orange-medium-hg-line .contentList li, .ym-g100.orange-medium-hg-line .contentList li, .ym-g100.orange-medium-hg-line .contentList li, .ym-g100.orange-dark-hg-line .contentList li, .ym-g100.orange-dark-hg-line .contentList li, .ym-g100.orange-dark-hg-line .contentList li { color:#fff;} /*.ym-g100.orange-light-hg .ym-gbox p,*/ .ui-accordion-content ul.contentList li {color: #949494 !important;} h3.ui-accordion-header { font-size:24px; } a { text-decoration:none; } a.internal-link, a.internal-link-new-window, a.external-link, a.external-link-new-window { color:#b13614; text-decoration: underline; } /*Link Farbe Hintergrund ohne weiße Linie*/ .ym-g100.orange-light-hg a.internal-link { color: #b13614;} .ym-g100.orange-medium-hg a.internal-link { color: #fff;} .ym-g100.orange-dark-hg a.internal-link { color: #fff;} /*Link Farbe Hintergrund mit weißer Linie*/ .ym-g100.orange-light-hg-line a.internal-link { color: #b13614;} .ym-g100.orange-medium-hg-line a.internal-link { color: #fff;} .ym-g100.orange-dark-hg-line a.internal-link { color: #fff;} /*Link Farbe Hintergrund ohne weiße Linie allgemein*/ .ym-g100.orange-light-hg a { color: #b13614;} .ym-g100.orange-medium-hg a { color: #fff;} .ym-g100.orange-dark-hg a { color: #fff;} /*Link Farbe Hintergrund mit weißer Linie allgemein*/ .ym-g100.orange-light-hg-line a { color: #b13614;} .ym-g100.orange-light-hg-line .ym-g50.ym-gr.download a { font-size: 15px;} .ym-g100.orange-medium-hg-line a { color: #fff;} .ym-g100.orange-dark-hg-line a { color: #fff;} .ym-g100.orange-medium-hg-linie .ym-g50 h2, .ym-g100.orange-dark-hg-linie .ym-g50 h2 {color: #fff;} /*DropDown Kiontaktformular*/ /*Allgemein*/ .kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-unternehmen, .kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-fortbildung, .kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-traeger, .kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-karriere, .kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } #kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-unternehmen, #kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-fortbildung, #kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-traeger, #kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-karriere, #kontakt-allgemein #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } /*Unternehmen*/ .kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-allgemein, .kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-fortbildung, .kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-traeger, .kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-karriere, .kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } #kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-allgemein, #kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-fortbildung, #kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-traeger, #kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-karriere, #kontakt-unternehmen #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } /*Fortbildung*/ .kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-allgemein, .kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-unternehmen, .kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-traeger, .kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-karriere, .kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } #kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-allgemein, #kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-unternehmen, #kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-traeger, #kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-karriere, #kontakt-fortbildung #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } /*Träger*/ .kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-allgemein, .kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-unternehmen, .kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-fortbildung, .kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-karriere, .kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } #kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-allgemein, #kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-unternehmen, #kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-fortbildung, #kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-karriere, #kontakt-traeger #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } /*Karriere*/ .kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-allgemein, .kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-unternehmen, .kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-fortbildung, .kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-traeger, .kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } #kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-allgemein, #kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-unternehmen, #kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-fortbildung, #kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-traeger, #kontakt-karriere #kontaktform .bedarfsermittlung option.kontakt-eltern{ display: none; } /*Eltern*/ .kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-allgemein, .kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-unternehmen, .kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-fortbildung, .kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-traeger, .kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-karriere{ display: none; } #kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-allgemein, #kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-unternehmen, #kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-fortbildung, #kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-traeger, #kontakt-eltern #kontaktform .bedarfsermittlung option.kontakt-karriere{ display: none; } .ym-grid.kontakt { width: 50%; } .ym-g50.ym-gl.kontakt-links, .ym-g50.ym-gr.kontakt-rechts { padding-top: 0px !important; } #kontaktform .ym-g50.ym-gl.kontakt-links input, #kontaktform .ym-g50.ym-gr.kontakt-rechts input{ width: 20%; margin-top: 7px; } label#frau, label#mann, input#frau, input#mann {float: left; color: #fff;} label#zustimmung {float: left; width: 89%;} input { outline: none; } ul, ol, dl { margin: 0; } ul.contentList { margin-left:1.0em; } li { margin:0; list-style-type:none; } ul.contentList li { margin-left:1.0em; list-style-type:disc; } img {width: 100%; height: auto;} .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left:0em; } .ym-clearfix { clear:both; } .clear { clear:both; } .bild {background-repeat: no-repeat;} .white-hg { background-color:#ffffff; color:#949494; } .orange-light { color:#fbefe2; } .orange-light-hg { background-color:#fbefe2; color:#949494; } .orange-light-hg-line { background-color:#fbefe2; color:#949494; border-top: 10px solid #fff;} .einrichtung .orange-light-hg-line { border-top: 6px solid #fff;} .orange-medium { color:#d25f32; } .orange-medium-hg { background-color:#d25f32; color:#ffffff; } .orange-medium-hg-line { background-color:#d25f32; color:#ffffff; border-top: 10px solid #fff; } .orange-dark { color:#b13614; } .orange-dark-hg { background-color:#b13614; } .orange-dark-hg-line { background-color:#b13614; color:#ffffff; border-top: 10px solid #fff; } .hellgrau { background-color:#eff3f4; } .weiss { background-color:#ffffff; margin-bottom: 10px;} .versalien { text-transform:uppercase; } .schriftRot {color: #b13614;} .hg-grau-download {background-color: none;} .hg-grau-download {background-color: #EFF3F4;} .hellgrau .ym-g50.ym-gr p.versalien b { top: 0; } /*Startseiten - Auswahlliste -> Border*/ .rand_links {border-left: 10px solid #fff;} .rand_rechts {border-right: 10px solid #fff;} .rand_links_rechts {border-left: 10px solid #fff; border-right: 10px solid #fff;} .kein_rand {border: none;} #home #main .ym-g50.ym-gl.start, #home #main .ym-g50.ym-gr.start {width: 96%; border-left: 10px solid #fff; border-right: 10px solid #fff; background-color: #eff3f4} #home #main .ym-g50.ym-gr.start .ym-gbox {padding: 0 !important;} #home #main .orange-dark-hg .bild .ueberschrift, #home #main .orange-medium-hg .bild .ueberschrift {color: #949494;} #home #main .orange-medium-hg .bild .headline h2 {color: #b13614;} #home #main .orange-dark-hg .bild .headline h2 {color: #b13614;} #home #main .ym-g100.orange-medium-hg h2 {color: #fff;} /*Für weiße Mittellinie*/ #home .ym-g100.orange-medium-hg .ym-g50.ym-gl {width: 49%;} #home .ym-g100.orange-medium-hg .ym-g50.ym-gr {width: 51%;} /*Für weiße Linie zwischen den 100%-Farb-Container*/ #home .ym-g100.orange-medium-hg {border-top: 10px solid #fff;} #home .ym-g100.orange-light-hg {border-top: 10px solid #fff;} /*Tabelle - Startseite -> Download/Kontakt*/ .td-0 {width: 76%} /*Archiv-Button*/ .btn-archiv { background-color: #b13614; width: 135px; border-radius: 5px; text-align: center; height: 30px; vertical-align: middle; display: table-cell;} .ym-g100.orange-light-hg .btn-archiv a { color: #fff; } .news-liste.button-archiv .btn-archiv {display: none;} /**** Download ******/ .ym-g50.ym-gr.download { margin-right: -20px;} .ym-g50.download { border-left: 10px solid #fff; border-right: 10px solid #fff; width: 100%; background-color: #EFF3F4; } .ym-grid.hellgrau.ym-equalize .csc-textpic-intext-right-nowrap-225 .csc-textpic-text { margin-right: 0; } .einrichtung .ym-g50.download { width: 49%; background-color: #EFF3F4; min-height: 174px;} .einrichtung .ym-g50.ym-gr.download { border-right: 10px solid #fff; border-left: none; margin-right: -11px; height: 207px;} .einrichtung .ym-g50.ym-gl.download { border-left: 10px solid #fff; height: 207px; } .einrichtung .ym-g50.ym-gr.download p.bodytext a { position:absolute; display:block; } .einrichtung .linie-weiss {display: none;} .flexslider .captionwrapper { left: 80px; } .download p.bodytext, p.versalien b { width: 100% !important; display: block; height: auto; } .download p { position:relative; } .ym-g50.ym-gr.download .versalien { padding-top: 20px; } .download h2 { position: absolute; } /**** Download Ende *****/ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; } /*************************** INTRO ANFAG **********************************/ .intro .ym-gbox { padding-right: 0px; } .intro#home #main .ym-g100.orange-light-hg .ym-g50.ym-gr .ym-gbox { padding: 0; } .intro#home .ym-g100.orange-light-hg, .intro#home .ym-g100.orange-medium-hg, .intro#home .ym-g100.orange-dark-hg { border-top: none;} /*************************** INTRO ENDE **********************************/ /*************************** Platzbedarfsrechner **********************************/ div.tx-platzbedarf { color:#58585a; padding:20px; background-color:#dddddd; /* -moz-border-radius:8px; border-radius:8px; */ margin-top:20px; margin-bottom:20px; } div.tx-platzbedarf input[type=text] {margin-left: 50px; border: 0; outline: none; height: 33px; padding: 0 10px; -webkit-box-shadow: 0px 0px 5px 1px #ccc; box-shadow: 0px 0px 2px 2px #eee;} div#articles div.tx-platzbedarf p { font-size: 100% } div#articles div.tx-platzbedarf div.csc-default {display: block; float: none; width: auto; overflow: auto; margin: 0; } div#articles div.tx-platzbedarf form { display: block; float: none; } div.tx-platzbedarf input[type="checkbox"] { vertical-align: bottom; position: relative; top: -1px; } #platzbedarf_result_head { font-weight: bold; margin-bottom: 10px; } #platzbedarf_result_content { margin-bottom: 10px; } /* tooltip styling. */ .tooltipTop { background: transparent url(../img/tooltipTop.png) no-repeat; height: 24px; width: 413px; } .tooltipBottom { background: transparent url(../img/tooltipBottom.png) no-repeat; height: 48px; width: 413px; } .tooltipContent { background: transparent url(../img/tooltipContent.png) repeat-y; width: 413px; height: 100% } .tooltipContent > div { padding: 0 30px;} .tooltipBox { display: none; } .tooltipTrigger {background: transparent url(../img/infobutton.png) no-repeat 0 0; width: 25px; height: 33px;} .tooltipTrigger:hover {background-position: -25px 0;} .questionNumber { margin-left: 20px; float: left;} .questionLabel { width:auto; display: block; margin-left: 50px;} .questionSublabel { float: left; width: 300px; margin-bottom: 20px;} .questionContainer { margin-bottom: 30px; } #additionsCheckbox { margin-left: 50px; } #additionsCheckbox label { margin-right: 20px; } #workscopeElements { float: left; width:420px; width:380px; margin-left: 50px; } #workscopeElements input { margin: 0; width: 20px; } #workscopesResult { width: 230px; position: relative; float: right;} #totalValue { color: red; display: inline-block; background: #efefef; width: 100px; height: 50px; line-height: 50px; text-align: center; } #totalValueText { margin-bottom: 10px; margin-top: 30px;} #additionalContent > div { margin-bottom: 20px; } div.tx-platzbedarf a#newCalculateButton, div.tx-platzbedarf a#newCalculateButton:hover { border: 1px solid #b23714; padding: 5px; display: inline-block; font-size: 120%; } #tx_platzbedarf_sendForm {border:1px solid #b23714; background:#b23714; color:#ffffff; cursor:pointer; margin-left:50px; padding:5px; font-size:100%;} .formValidationError { height:15px; background-color:red; font-size:11px; border:0px solid #CCC; padding:4px 10px; color:#fff; display:none; z-index: 1000; } .formValidationError p { font-weight: bold; } .formValidationError em { border: 10px solid; border-color: red transparent transparent; bottom: -17px; display: block; height: 0; left: 60px; position: absolute; width: 0; } #countEmployeeRelatedToDistance { clear:both; } @media screen and (max-width: 570px) { .download .csc-textpic { height: 190px; } .download p.bodytext, p.versalien b { width: 100% !important; display: inline-block; position: relative; top: 17px; } div.tx-platzbedarf input[type=text] { margin-left: 24%; width: 50%; } div.tx-platzbedarf input[type="checkbox"] { display: list-item; top: 18px; height: 16px; } .questionSublabel { width: 100%; margin-bottom: 10px; } .tooltipBox {left: 0 !important;} .tooltipContent, .tooltipTop, .tooltipBottom { width: 333px; } #workscopeElements input { margin-bottom: 10px; } #workscopesResult { width: 70%; } #totalValue { margin-bottom: 30px; } #workscopeElements {width: 85%;} #additionsCheckbox { width: 85%; margin-top: -20px; margin-bottom: 50px; } #additionsCheckbox label { /* margin-right: 30px; float: right; */ margin-left:20px; } } /*************************** Platzbedarfsrechner ENDE **********************************/ /*Team*/ #zuklappen1 a.icon-zuklappen, #zuklappen2 a.icon-zuklappen, #zuklappen3 a.icon-zuklappen, #zuklappen4 a.icon-zuklappen { background: url(../img/icons-accordion.png) no-repeat 0px -256px; background-position-x: right; height: 58px; width: 50px; display: inline-block; float: right; color: transparent; } .marker-info-text, .marker-passion-text, .marker-sports-text, .marker-travel-text{ width:84%; float: left; } #zuklappen1, #zuklappen2, #zuklappen3, #zuklappen4 { width:5%; height:77px; position:absolute; right:0; } a.icon-zuklappen {color: transparent;} .person .data .position { max-width:420px; } .person .icon a { display: block; width: 36px; height: 36px; } .text p.bodytext { clear: left; } .abstand-oben-unten > .ym-grid > .ym-g100 { padding:20px 0; } .abstand-rechts-links { padding: 0 29px; } .abstand-alle-richtungen-textfeld { padding: 20px 29px; } .abstand-oben-links-rechts-textfeld { padding: 20px 29px 0px 29px; } .abstand-download-kontakt { padding: 20px 17px 20px 17px; } .abstand-download-kontakt p.bodytext { position:relative; min-height:23px; } .abstand-download-kontakt p.bodytext:after { content:" "; } .OUTER.abstand-oben-unten > .ym-grid > .ym-g100 { padding:65px 0; } .OUTER.abstand-oben-unten > .ym-grid > .ym-g100.orange-light-hg { margin-top:0; } .ym-g100 .abstand-oben-unten { padding:20px 0; } .abstand-rechts-links > .ym-grid > .ym-g100 { padding:0 40px; } /*in den boxen*/ .abstand-alle-richtungen > .ym-grid > .ym-g100 { padding: 40px; } .ym-wbox { padding:0; max-width:1000px; margin: 0 auto; } /*.ym-gbox { padding:0; padding-right:10px; }*/ /*rote Linie*/ .linie {border-bottom: 1px solid #B13614;} /*Linie*/ .divider{border-bottom: 1px solid #B13614; margin-bottom: 12px;} hr {display: none;} /* fallback for missing media queries support*/ body > #header, body > #nav, body > #main, body > #footer { min-width: 100%; } /* Basic Element Styling */ form.ym-searchform { width:382px; height:30px; background-color:#ffffff; float:right; margin-right:7px; position:relative; } input.ym-searchbutton { margin:5px 0 0 25px; z-index:10; position:absolute; } input.ym-searchfield { position:absolute; left:0; height:30px; line-height:30px; border:0px solid #ffffff; background-color:transparent; width:294px; padding-left:58px; padding-right:30px; } #header { background:#ffffff; } #topline { height:50px; position: absolute; width: 100%; z-index: 10000000; } #topbox { width:565px; height:35px; background:url(../img/hg/topbox.png) repeat-x top left; float:right; } #logoline { height:100px; background-color:rgba(255,255,255, 0.5); top: 50px; position: absolute; width: 100%; z-index: 10000000; } #logoline-respo { display: none; } #logo { float:left; width:30%; } #logobox #logo img { max-height:98px; width:inherit; } #logoline-respo img { max-width:217px !important; margin:10px; } /*Schriftgröße*/ #schrift { position:relative; z-index:80; width:90px; padding:7px 0 0 10px; } .tx-fontsizer-pi1 a { display:inline-block; color:#333333; font-weight:bold; } .tx_fontsizer_default { padding:0 5px; } /*Kopfzeilenmenü*/ #topnavi { float:right; width:70%; } #topnavi ul { float:right; padding-top:43px; } #topnavi li { float:left; list-style-type:none; } #topnavi a { display:block; color:#58585a; } #topnavi li:hover, #topnavi li.active { background-color: #ffffff; } #topnavi li#subActive a{ background: url(../img/pfeil-klappnavi.png) no-repeat; padding-left: 20px; background-position-y: 9px; background-position-x: 12px; } #topnavi li.lvl2#subActive a:hover { background: none; padding-left: 0; background-color: #ffffff; padding-left: 12px; } #topnavi li#subActive a, #topnavi a:hover { color:#58585a; text-decoration:none; background-color: #ffffff; font-weight: bold; padding-left: 30px; } #topnavi li.lvl1#subActive a, #topnavi a:hover { padding-left: 0px; } #topnavi li:hover li, #topnavi li:hover li.active { background-color: #ffffff; } #topnavi .lvl1 { display: inline; } #topnavi .lvl1 { padding: 15px;} #topnavi .lvl1:hover > ul { display: block; } #topnavi .lvl1 > a { display: inline-block; position: relative; z-index: 75; text-transform: uppercase; } #topnavi .lvl1.active > a, #topnavi .lvl1.wip-hover > a, #topnavi .lvl1 > a:hover {color: #af371e; font-weight: normal; text-decoration: underline; } /* #topnavi ul.sub { display:none; position: absolute; z-index: 100; width:222px; margin-top: -28px; }*/ #topnavi ul.sub { display:none; position: absolute; z-index: 100; width:222px; margin-top: -28px; padding:0; top:127px; } #topnavi ul li.lvl1 ul.sub { margin-left: -15px; } #topnavi .lvl2 { float:none; display:block; /*width:158px;*/ width: 210px; background: #ffffff; } #topnavi ul li.navi-blau ul.sub li.lvl2 {margin-left: -22%;} #topnavi .lvl2.last a:hover {max-width: 80%; word-wrap: break-word;} #topnavi .lvl2.last a {max-width: 60%; word-wrap: break-word; } #topnavi .lvl2 a {padding: 2px 31px 2px 12px;} #topnavi .lvl2 a:hover .top-nav-pfeil { background: url(../img/pfeil-klappnavi.png) no-repeat; padding-left: 20px; background-position-y: 3px; } #topnavi .subsub {display:none; position: absolute; z-index: 50; width:222px; margin-left:222px; margin-top:-34px; padding-left:1px; } #topnavi .lvl2:hover > ul.subsub { display:block; } #topnavi .lvl3 { float:none; display:block; width:100%; } #topnavi .lvl3 a { display: block; border-radius:0; background-image:none; } #topnavi .lvl3 a:hover { background-color:#fff; color:#ffffff; } /*Responsive Navi*/ .respon-nav { overflow: hidden; height: 50px; position: relative; width: 100%; display: none; cursor: pointer; background-color: #B13614; font-family: 'advproreg', sans-serif; font-size: 1.10em} .button-right{ width: 28px; height: 36px; position: absolute; top: 0px; right: 0px; background: url("../img/navi/1mobil-navi2.png") no-repeat 0px 14px; } .respon-nav .text { color:#ffffff; height:50px; font-size:1.5em; font-weight: bold; line-height:1.5em; position:relative; padding: 5px; margin: 0px 28px 0px 8px; display:block; cursor:pointer; } .expanded .button-right{ background-position: 0px -39px; } /*Hauptmenü - Startseite*/ li.lvl1.open .subnavi-layer { display:block; } .subnavi-layer { display:none; position:absolute; width:100%; height:auto; z-index:666; background:url(../img/navi/hg-klappnavi.png) repeat top left; top:212px; left:0; } .subsub {display:none !important;} #nav { background:#ffffff; height: 212px; position: relative; } #nav ul { list-style:none; } #nav ul li { float: left; width: 25%;} #nav ul li a { color:#B13614; line-height:50px; display:block; font-size:30px; font-family:'advpromed', sans-serif; text-transform:uppercase; height:212px;} #nav ul li:hover > a, #nav ul li a:hover { color:#af371e;} #nav ul li.lvl1 li.lvl2 a { text-align:left !important; height:60px; top:0; background:none; } /*Striche im Hauptmenü - nicht auf Folgeseiten*/ #nav ul li.lvl1 a { background-image:url(../img/navi/hauptnavi-bg.png); text-align: center; display:table-cell; vertical-align:middle; width:25%; position:relative; } #nav ul li.lvl1.active a { -moz-box-shadow: inset 0 -26px 30px 3px #e9e9e9; -webkit-box-shadow: inset 0 -26px 30px 3px #e9e9e9; box-shadow: inset 0 -57px 76px 3px #e9e9e9; } #nav ul li.lvl1.active li.lvl2 a { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #nav ul li.lvl1.open> a { color: #af371e; background:url(../img/navi/hover-hauptnavi.png); -moz-box-shadow: inset 0 -26px 30px 3px #e9e9e9; -webkit-box-shadow: inset 0 -26px 30px 3px #e9e9e9; box-shadow: inset 0 -57px 76px 3px #e9e9e9; font-weight: bold; } #nav ul li.lvl1:hover a span.nav-pfeil { background: url(../img/icons.png) 75% -124px no-repeat; height: 39px; width: 100%; display: block; position: absolute; } #nav ul li.lvl1 li.lvl2 a { height:80px; background:none; } #nav ul li.lvl1 li.lvl2 a:hover { box-shadow:none; /*color:#af371e;*/ color:#fff; background:none; text-align: initial; height: 80px; top: 0; font-weight: normal;} #nav ul li.lvl1 li.lvl2 a span.nav-pfeil { background: url(../img/icons.png) 0px -180px no-repeat; height: 39px; width: 32px; position: absolute; margin-left: -45px;} #nav ul li.lvl1 li.lvl2 a:hover span.nav-pfeil { background: url(../img/icons.png) 0px -180px no-repeat; height: 39px; width: 32px; position: absolute; margin-left: -45px;} #nav li li { display:none; width:33%; } #nav li.open li { display: block; } #nav li li a { background-color: transparent; color:#949494; padding-top:0; font-size:1.1em; line-height:1.2em; text-transform:none; display: inline-block; padding-left: 65px;} #nav li li a:hover { background: url(../img/navi/mouseover-subnavi.png)} #nav ul li.lvl1 li.lvl2 a:hover { background: url(../img/navi/mouseover-subnavi.png) no-repeat 0px 60px; color: #949494 !important;} #nav ul li.lvl1 li.lvl2.aktiv a:hover {color: #fff !important; background: none;} #nav ul li#menu4 a, #nav ul li#menu5 a, #nav ul li#menu6 a, #nav ul li#menu7 a, #nav ul li#menu8 a, #nav ul li#menu205 a, #nav .lvl1.active#menu4, #nav .lvl1.active#menu5, #nav .lvl1.active#menu6, #nav .lvl1.active#menu7, #nav .lvl1.active#menu8, #nav .lvl1.active#menu205 {display: none;} /*Hauptmenü - aktiver Zustand*/ #sequel #nav ul li.lvl1.active a {color: #b13614;} #sequel #nav li li.lvl2.aktiv a {background-color: #e16444 !important; color: #ffffff !important;} #sequel #nav li li.lvl2.aktiv a:hover {color: #ffffff !important;} #sequel .subnavi-layer { top:88px; } #sequel #nav, #sequel #nav ul li.lvl1 a { height:88px; } #sequel #nav ul li.lvl1.open> a { color: #af371e; text-align:center; position: relative; height: 88px; font-weight:normal; -moz-box-shadow: inset 0 -26px 30px 3px #e9e9e9; -webkit-box-shadow: inset 0 0px 44px 0px #e9e9e9; box-shadow: inset 0 0px 46px 11px #e9e9e9;} #sequel #nav ul li.lvl1:hover a span.nav-pfeil { background:none; height:0; display:block; margin-left:0; } #sequel #nav ul li.lvl1 a { color: #e7c2b8; text-align:center; font-weight: normal; } #sequel #nav ul li.lvl1 a:hover { color: #af371e; text-align:center; } #sequel #nav ul li.lvl1 li.lvl2 a { color:#949494; } #sequel #nav ul li.lvl1 li.lvl2 a:hover { color:#ffffff; } /*Pfeile im Untermenü*/ #sequel #nav ul li.lvl1 li.lvl2 a:hover span.nav-pfeil { background: url(../img/icons.png) 0px -180px no-repeat; height: 30px; display: block; margin-left: -45px;} #sequel #nav ul li.lvl1 li.lvl2.aktiv a span.nav-pfeil { background: url(../img/icons.png) -41px -180px no-repeat; height: inherit; display: block; margin-left: -45px; } #sequel #nav ul li.lvl1 li.lvl2 a span.nav-pfeil { background: url(../img/icons.png) 0px -180px no-repeat; height: 31px; display: block; margin-left: -45px;} /*main-Bereich*/ #main { background-color:#ffffff; } #main .ym-wbox { width:100%; max-width:100%; padding:0; } #main .ym-g100 > .ym-gbox { padding:0px; max-width: 1000px; margin: 0 auto; overflow:hidden;} #main .info { margin-bottom: 1.5em; } #main aside .ym-gbox-right { border-left: 1px #ddd solid; } /*Footer*/ li.facebook a { background:url(../img/social-media2_neu.png) no-repeat -10px 0px; } li.facebook a:hover { background-position: -10px -48px; } li.pinterest a { background:url(../img/social-media2_neu.png) no-repeat -337px 0px; } li.pinterest a:hover { background-position: -337px -48px; } li.kununu a { background:url(../img/social-media2_neu.png) no-repeat -75px 0px; } li.kununu a:hover { background-position: -75px -48px; } li.xing a { background:url(../img/social-media2_neu.png) no-repeat -140px 0px; } li.xing a:hover { background-position: -140px -48px; } li.vier a { background:url(../img/social-media2_neu.png) no-repeat -205px 0px; } li.vier a:hover { background-position: -205px -48px; } li.funf a { background:url(../img/social-media2_neu.png) no-repeat -270px 0px; } li.funf a:hover { background-position: -270px -48px; } #footer { background:url(../img/hg/kachel-fuss.png) repeat top left; color:#cccccc; line-height:75px; } #copyright {text-align:right} #copyright, #footernavi { width:31%; float:left; } #socialmedia { width:38%; float:left; } #socialmedia ul { padding:13px 0 0 0; } #socialmedia li { float:left; padding:0 9px; } #socialmedia li a { display:block; width:45px; height:48px; } #socialmedia li a span { display:none; } #footernavi ul { float:left; } #footernavi li { float:left; padding-right:20px; } #footernavi li a { line-height:75px; color:#cccccc; } #footernavi li a:hover { text-decoration:underline; } #footer p { margin: 0; } .ym-gbox-left { padding: 0 1.5em 0 0; } .ym-gbox-right { padding: 0 0 0 1.5em; } /* skip links styling */ .ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active { color: #fff; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-align: center; text-decoration: none; } /** FCE **/ .content-navigation.col4 li { float:left; width:25%; } #sequel.referenz .content-navigation li a:hover { color: #b13614;} .content-navigation a { display:block; text-align:center; font-size:22px; font-family:'advpromed', sans-serif; text-transform:uppercase; color:#949494 !important; margin:0 8px 8px 0px; padding:8px 0; background-color:#ffffff; } .content-navigation a:hover { color:#b13614; } .content-navigation li.aktiv a { background-color:transparent; color:#b13614 !important; } .content-navigation .clearfix { clear:both; width:0; line-height:0; font-size:0; height:0 !important; } .icon-zuklappen {color: transparent !important;} /*Suche*/ #suche { position: absolute; top: 0; width: 560px; } /*Slider*/ #slider { min-height:300px; } #slider .flexslider .caption {background: transparent; width: 50%;} #slider .flexslider .captiontext { background: none; } #slider .flexslider { margin: 0; } #slider .flexslider .icon, #slider .flexslider #sprechblase { display:none; } #slider .sprechblase-on .flexslider .icon, #slider .sprechblase-on .flexslider #sprechblase { display:block; } #slider .flexslider .captionwrapper { position: absolute; background: rgba(255, 255, 255,0.5); overflow:visible; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #slider .flexslider .icon {background: url(../img/icons.png) 181px -72px no-repeat; height: 45px;} #slider .flexslider .captionwrapper-hg { height: auto; } #slider .flex-direction-nav { display:none; } .header-hintergund { background-position:center top; background-repeat:no-repeat; background-size:cover } .hh-content { position:relative; max-width:990px; margin:0 auto; top: -50px;} .hh-content > div { position:absolute; bottom:50px; max-width:400px; } .hh-content h2 { font-family: 'neucha', sans-serif; font-size: 78px; line-height: normal; -webkit-transform: rotate(-363deg); -moz-transform: rotate(-363deg); } #button-elternet {top: 75px; position: relative;} #slider .flexslider .captiontext { padding: 20px; background: none; font-family: lifesavers; font-weight: bold; font-size: 31px;} #slider .flexslider .captiontext p {color: #3e322c; line-height: 1.3em; } #slider .flexslider .captiontext h3 {text-transform: uppercase; padding-top: 25px;} #slider .flexslider .slides .captionwrapper-hg img#sprechblase {min-height: 20px !important; min-width: 20px !important; max-width: 81px;} #slider .flexslider .slides .slidercontent img { display: block; } #slider .flexslider .captiontitle {display: none;} #slider .flexslider .slides img { min-width: 1161px; margin: 0 auto; min-height: 375px; } .flex-control-nav { bottom: 5%; z-index: 10000000; } .flex-control-paging li a.flex-active { background: #B13614; cursor: default; box-shadow: 0 0 2px rgba(0,0,0,0.2), inset 0 0 3px rgba(255,255,255,0.2); border: 1px solid #B13614; top: 1px; position: relative; } .einrichtung .header-hintergund background-image {width: 100%; height: auto;} #main .captionwrapper-hg {display: none;} #main .flexslider { margin: 0; } #main .flexslider .captiontext p {color: #ffffff; font-size: 24px; font-weight: bold;} #main .flexslider .captiontext {background: none;} #main .flexslider .captiontext h2 { font-family:'neucha', sans-serif; font-size: 78px; line-height: normal; -webkit-transform: rotate(-363deg); -moz-transform: rotate(-363deg); } #main .flex-control-paging li a.flex-active {background: #B13614;} #main .flex-direction-nav a.flex-next {background: url(../img/icons.png) -61px -36px no-repeat; height: 50px; } #main .flex-direction-nav a.flex-prev {background: url(../img/icons.png) 0px -239px no-repeat; height: 50px; } #main .flex-direction-nav .flex-next {right: 15px;} #slider .flexslider .slidercontent { position: relative; max-height:560px; overflow:hidden; } #home #slider .flexslider .slidercontent { max-height:620px; } #sequel #slider .flexslider .slides img { width:100%; } #slider #sprechblase { width:auto !important; } #slider .flexslider .caption { left:20%; position:absolute; top:170px; } #slider .flexslider .captionwrapper { width: 400px; } #slider .flexslider .captionwrapper-hg img#sprechblase { position:absolute; margin:0px 0 0 133px; width:auto; } #slider .flexslider .captiontitle { margin:0; } .einrichtung #logobox #logo a img {width: 217px; height: 83px;} .einrichtung #main .ym-g100.orange-dark-hg .ym-g50.ym-gl { width: 45%;} /*Logoslider*/ .logo-slider {width: 100%; height: 146px; position: relative; overflow: hidden;} .logo-slider > div.csc-default { max-width:330px !important; width:100% !important; } .logo-slider .slide img { border-radius:10px; } .logo-1, .logo-2, .logo-3, .logo-4, .logo-5, .logo-6 {float: left; margin-right: 10px; margin-bottom: 10px; width: 90px;} .slide {width: 330px; max-width:330px !important; width:100% !important; } .link-mehr-ref {text-transform: uppercase; background: url(../img/icons.png) 0px 20px no-repeat; height: 24px; width: 42px; padding-top: 20px;} .link-mehr-ref a { color: #b13614; padding-left: 57px; font-weight: bold;} .link-mehr-ref a:hover {text-decoration: underline;} /*News -> Listenansicht*/ #sequel.news-liste h2 {padding-bottom: 20px;} #sequel.news-liste .ym-gbox {padding: 65px 0;} #sequel.news-liste .no-media-element {color: transparent;} #sequel.news-liste .news-list-view .news-img-wrap {min-width: 150px; width: 15%; float: left; padding-right: 2%; min-height: 96px;} #sequel.news-liste .news-list-view {padding-top: 50px;} /*Pagination*/ .date { min-width: 60px; width: 10%; float: left; margin-top: -5px; padding: 0 8px; } .news .content { max-width: 800px; } .btn {color: #B13614; font-weight: bold;} .btn:hover {text-decoration: underline;} #sequel.news-liste .page-navigation { height: 25px;} #sequel.news-liste .page-navigation p, #sequel.news-liste .page-navigation ul {float: left;} #sequel.news-liste .page-navigation ul li {float: left; margin-left: 18px; margin-top: -2px;} #sequel.news-liste .page-navigation ul.f3-widget-paginator li a {float: left; color: #B13614;} #sequel.news-liste .page-navigation ul.f3-widget-paginator p {float: left; color: #B13614;} #sequel.news-liste .news-list-view .news-list-date { font-weight:bold; color:#000000; } #sequel.news-liste .news-list-view .news-list-title {font-weight: bold; color: #B13614; text-transform: uppercase;} #sequel.news-liste .news-list-view .teaser {padding: 15px 0;} #sequel.news-liste .news-list-view .content {max-width: 1000px; } #sequel.news-liste .orange-light-hg {margin-top: 0px;} #sequel.news-liste .news.news-single .link-mehr { float: 24px; } #sequel.news-liste .linie { border-bottom: 1px solid #B13614; margin: 15px 0 18px 0; } #sequel.news-liste .teaser-text { padding-bottom:10px;} #sequel.news-liste { padding-bottom:10px;} /*News Startseite*/ #home #main .news-list-date {font-size: 21px; color: #fff;} #home #main .header h3 a {font-size: 28px; font-weight: normal;} #home #main .teaser-text-icon {background: url(../img/icons.png)-60px -43px no-repeat; height: 39px; width: 32px; float: right; margin: -12px 55px;} #home #main .teaser-text, #home #main .header {width: 75%; color: #fff;} #home #main .ym-g100.orange-light-hg .ym-g50.ym-gr .ym-gbox {padding: 0 40px;} /*News -> Detailansicht*/ #home #main .ym-g100.orange-light-hg .ym-g50.ym-gl .headline { width: 75%;} #sequel.karriere #main .ym-g100.orange-light-hg .ym-g50.ym-gl .headline { width: 75%;} #sequel.karriere #main .headline { padding-top: 26px; padding-left: 18px; } #sequel.karriere #main .content { width: 94%; padding-left: 20px; } #sequel.karriere #main .ueberschrift { padding-top: 20px; padding-left: 20px; width: 60%; } #sequel .news.news-single .news-img-wrap { display:inline-block; width:100%; } #sequel .news.news-single .news-img-wrap li { float:left; width:33.3333%; } #sequel .news.news-single .news-img-wrap img { float:none; margin:0px; width:auto; max-width:98%; height:auto; } #sequel.news-detail #main .ym-g100.orange-light-hg .ym-gbox {padding: 65px 20px;} #sequel.news-detail .news-backlink-wrap a, #sequel.news-detail .link .link-download, #sequel.news-detail .link .link-rechner {text-transform: uppercase; color: #af371e; font-weight: bold;} #sequel.news-detail .link a.link-download {margin: 20px 0; display: inline-block;} #sequel.news-detail .news-list-date {font-weight: bold; color: #111111; font-size: 30px; } #sequel.news-detail .news-text-wrap .header h1, #sequel.news-detail .news-text-wrap {padding-bottom: 45px;} .news-backlink-wrap a:hover, .link a:hover {text-decoration: underline;} /*Karriere-Box*/ .bild {height: 338px;} #sequel.karriere .bild {height: 338px;} .bild .ueberschrift {padding-top: 20px; padding-left: 20px; width: 60%;} .bild .ueberschrift p { color: #949494;} .bild .headline {padding-top: 26px; padding-left: 18px; width: 95%; color: #b13614; font-size: 24px;} .bild .content {width: 94%; padding-left: 20px; color: #b13614;} .bild .content p { color: #b13614;} .bild .ym-g50.ym-gr .link-mehr {color: #ffffff;} .bild .link-mehr {color: #b13614; font-weight: bold;} .link-mehr a:hover, a.link-mehr:hover {text-decoration: underline;} /*Kontaktformular*/ #kontaktform .ym-g50 { padding-top: 20px; width: 49%;} #kontaktform .ym-g50 input { width: 100%; padding: 10px 2%; margin-bottom: 14px; border: 2px solid #949494; color: #949494;} #kontaktform .ym-g50 input#betreff { width: 96%; } #kontaktform textarea {width: 96%; height: 225px; z-index: 10000003; position: relative; padding: 10px 2%; border: 2px solid #949494; color: #949494; } #kontaktform .ym-g25 { width: 49%; } #kontaktform .kontaktaufnahme select { background-color: white; border: 2px solid #949494; color: #949494; cursor: auto; width: 100%; margin-bottom: 14px; padding: 10px 0px; font-family: 'sourcesanspro-regular', sans-serif; font-size: 1.10em;} #kontaktform .bedarfsermittlung select { background-color: white; border: 2px solid #949494; color: #949494; cursor: auto; width: 96%; margin-bottom: 11px; padding: 10px 0px; font-family: 'sourcesanspro-regular', sans-serif; font-size: 1.10em; } #kontaktform .auswahl { height:47px; } #kontaktform input[type="submit"] { background: transparent; width: 42%; float: right; padding: 6px 0; border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; cursor: pointer;} #kontaktform .zustimmung { padding-top:10px; color: #fff; } #kontaktform .zustimmung input { width:25px; border:0px solid #ffffff; margin-bottom:0px; padding:0; margin-top: 6px; float: left; } #kontaktform .ym-g50.ym-gl#kontakt-error {width: 100%;} #sequel.kontakt .ym-grid.weiss.ym-equalize .ym-g50.ym-gr .ym-gbox {padding-right: 0; padding-left: 0;} #sequel.kontakt .ym-grid.weiss.ym-equalize .ym-g50.ym-gr .ym-gbox .csc-textpic-image.csc-textpic-last {margin-bottom: 0;} #sequel.kontakt .ym-grid.weiss.ym-equalize {margin-bottom: 10px;} #sequel.kontakt .person .image { position:absolute; right:0; width:495px; height:336px; } #sequel.kontakt div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 0px;} #sequel.kontakt .ym-g50.ym-gr .ym-gbox {padding: 0;} #sequel.kontakt div.csc-textpic-left .csc-textpic-imagewrap { float: right; } #sequel.kontakt .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] { padding-bottom: 0; margin-bottom: 0; } #sequel.kontakt .ym-g100.orange-dark-hg {margin-bottom: 10px;} /*Unsere Einrichtung*/ .unsere-einrichtung .content-navigation.col8 li { width: 120px; height: 55px; float: left;} .unsere-einrichtung #main a:hover { color:#B13614; } .unsere-einrichtung #main .csc-default {} .unsere-einrichtung #main .internal-link { color: #111111; } .unsere-einrichtung .content-navigation.col8 {padding-top: 40px;} .unsere-einrichtung #main a.internal-link { font-weight: normal; float: none; } .unsere-einrichtung .ym-g50.ym-gl > .ym-gbox { padding-right:20px; } /*Team*/ .person {margin-bottom: 8px; margin-top: 0;} #sequel.team .person .image { position:absolute; right:0; width:495px; height:336px; } #sequel.team .person .text {text-transform: none;} .person .inner { min-height:550px; } .person .data { z-index:10; position:relative; float: none; position:absolute; bottom: 0; } .person .data .name {color: #b13614; font-weight: bold;} .marker-info-text, .marker-passion-text, .marker-sports-text, .marker-travel-text {line-height: 47px; color:#b13614; font-weight: bold; padding-bottom: 30px; text-transform: uppercase;} .marker-info-icon { background: url('/fileadmin/impuls/img/icons-ansprechpartner.png') no-repeat; background-position: -10px -0px; width: 37px; float: left; padding-top: 27px;} .marker-passion-icon { background: url('/fileadmin/impuls/img/icons-ansprechpartner.png') no-repeat; background-position: -103px -0px; width: 37px; float: left; padding-top: 27px;} .marker-sports-icon { background: url('/fileadmin/impuls/img/icons-ansprechpartner.png') no-repeat; background-position: -193px 4px; width: 37px; float: left; padding-top: 27px;} .marker-travel-icon { background: url('/fileadmin/impuls/img/icons-ansprechpartner.png') no-repeat; background-position: -286px -0px; width: 37px; float: left; padding-top: 27px;} /*Ansprechpartner*/ #sequel.ansprechpartner div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 0px;} #sequel.ansprechpartner .ym-g50.ym-gr .ym-gbox {padding: 0;} #sequel.ansprechpartner div.csc-textpic-left .csc-textpic-imagewrap { float: right; } #sequel.ansprechpartner .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] { padding-bottom: 0; margin-bottom: 0; } /*Einrichtungen*/ .einrichtung #nav {display: none;} .einrichtung #main span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s { display: none; background: url(../img/icons-accordion.png) no-repeat 0px -94px; height: 52px; width: 45px; z-index: 10000; position: absolute; right: 0; left: auto; top: 10px; } .einrichtung .ui-accordion .ui-accordion-content { padding: 1.5em 2.2em 1.5em 2.2em; } .einrichtung .ui-accordion .ui-accordion-content a { text-decoration:underline; } .einrichtung #main .ui-accordion-header a { color: #fff; } .einrichtung .close-multicontent, .einrichtung #main .ui-icon { background: url(../img/icons-accordion.png) no-repeat -2px -2px; display: none; } .einrichtung .ui-accordion-header-active .close-multicontent { display: block; height: 41px; width: 41px; right: 0; position: absolute; top: -9px; background-position: -1px -102px; } .einrichtung #main h3 .ui-icon { display: block; height: 41px; } .einrichtung #main .ui-accordion-header h3 {max-width: 888px; width: auto; margin: 0 auto; position: relative; padding: 0 56px; color: #fff; } .einrichtung #main .ui-accordion-header-active h3 .ui-icon { background-position: -2px -53px; } .einrichtung #main .ui-accordion .ui-accordion-icons { padding-left: 0; } .einrichtung #main .ui-accordion-header a { padding-left: 46px; padding-right: 0; } .einrichtung .swe-container{ max-width: 1000px; width: 100%; margin: 0 auto; } /* .einrichtung #main .ui-accordion-content .csc-default p, .einrichtung #main .ui-accordion-content .csc-default h1, .einrichtung #main .ui-accordion-content .csc-default h2, .einrichtung #main .ui-accordion-content .csc-default h3, .einrichtung #main .ui-accordion-content .csc-default h4, .einrichtung #main .ui-accordion-content .csc-default h5, .einrichtung #main .ui-accordion-content .csc-default h6 { width: 100%; max-width: 1000px; margin: 0 auto; } */ .einrichtung #main .ui-accordion-content .csc-default { width: 100%; max-width: 1000px; margin: 0 auto; } .einrichtung #main .ui-accordion-content .csc-default ul.contentList { width: 100%; max-width: 980px; margin: 0 auto; } .einrichtung #footer {border-top: 10px solid #ffffff;} .einrichtung #topline, #sequel.einrichtung #topnavi {display: none;} .einrichtung #logo {float: right; width: 48%;} .einrichtung #logoline {width: 45%;} /* .einrichtung #main .csc-textpic-imagewrap img {margin-bottom: -10px; margin-left: 10px;} */ .einrichtung .orange-dark-hg { border-top: 7px solid #ffffff;} .einrichtung .ui-widget-content {border-bottom: none;} .einrichtung .jfm-content {margin: 0 auto; padding-top: 20px; max-width: 1000px; width: 100%;} .einrichtung .jfm-title { vertical-align: middle; color: #ffffff; font-weight: normal; padding-left: 57px; float: left; margin-top: -15px; } .einrichtung #main .ui-accordion-header-active.ui-state-active a span { background: #d25f32 url(../img/icons-accordion.png) no-repeat right -103px; width:100%; display:inline-block; } .einrichtung .ym-equalize > [class*="ym-g"] { border: 5px solid #ffffff; border-top: none; border-bottom: none;} .einrichtung .ym-equalize > [class*="ym-gr"] {background: url(../bilder/einrichtungen/kontakt.jpg) no-repeat 100% 0} .einrichtung .ui-accordion .ui-accordion-header {background: #d25f32; border-top: 7px solid #ffffff; } .einrichtung .csc-textpic-text {margin: 0 auto;} .einrichtung .ui-widget-content {background-color: #fbefe2; margin: 0 auto; } .einrichtung .hh-content { top: -35px;} .ui-accordion .swe.ui-accordion-header { padding:0.7em 0; } .swe.ui-accordion-header h3 { max-width: 907px; width:100%; margin:0 auto; } #main .swe.ui-accordion-header a { padding:0 0 0 48px; } /*Wussten Sie schon*/ .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position:absolute; left:4px; /*top:-7px;*/ top:18px; margin-top:0px; width:44px; height:40px; } .einrichtung .ui-accordion .ui-accordion-header .ui-accordion-header-icon { top:-7px; } .ui-state-default .ui-icon { background: url(../img/icons-accordion.png) no-repeat 0px -157px; } .ui-state-active .ui-icon { background: url(../img/icons-accordion.png) no-repeat 0px -208px; } .ui-state-active {background: #ffffff url(../img/icons-accordion.png) no-repeat 100% -241px; margin-left:0px; } #main .ui-accordion-header-active.ui-state-active a { margin-left: -50px; } #main .ui-accordion-header a { padding: 0 46px; margin-left: -50px; line-height: 40px; } /*Suchergebnisseite*/ .tx-indexedsearch-searchbox { } #sequel.suche .tx-indexedsearch-text-item-path.item-path {float: left;} #sequel.suche #main .ym-gbox {padding: 65px 0;} #sequel.suche #main .tx-indexedsearch-whatis {padding-top: 30px; } #sequel.suche #main .tx-indexedsearch-whatis .tx-indexedsearch-sw, #sequel.suche #main .tx-indexedsearch-title.title a, #sequel.suche #main .tx-indexedsearch-info.info {font-weight: bold;} #sequel.suche #main .tx-indexedsearch-path.path {font-weight: normal;} #sequel.suche #main .tx-indexedsearch-title.title a, #sequel.suche #main .tx-indexedsearch-path.path a {color: #B13614;} #sequel.suche #main .tx-indexedsearch ul.browsebox li a {color: #B13614; float: left; margin-right: 18px;} #sequel.suche #main .tx-indexedsearch ul.browsebox li strong a {margin-left: 0px; color: #949494; } #sequel.suche #main .tx-indexedsearch ul.browsebox { /*padding: 30px 0;*/ padding: 10px 0px 50px 0px; } #sequel.suche .tx-indexedsearch-title.title { margin-left: -11px; } #sequel.suche .tx-indexedsearch-form { float: left; } #sequel.suche .tx-indexedsearch-percent.percent { float: right; } #sequel.suche .tx-indexedsearch legend, #sequel.suche .tx-indexedsearch-icon.icon, #sequel.suche .tx-indexedsearch-text-item-size, #sequel.suche .tx-indexedsearch-text-item-crdate, #sequel.suche .tx-indexedsearch-text-item-mtime { display: none; } #sequel.suche .tx-indexedsearch-res.res { margin-bottom: 60px; } #sequel.suche .tx-indexedsearch-searchbox-button.submit{ background: #b13614; width: 10%; padding: 2px 0; border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; cursor: pointer;} /*Unternehmensreferenzen*/ #sequel.referenz .content-navigation li a {color: #e7c2b8 !important;} #sequel.referenz .content-navigation li.aktiv a {color:#b13614 !important;} .csc-sitemap ul { padding-left:30px !important; } } /* reset fallback values in modern browsers */ @media screen and (min-width: 0px) { body > header, body > nav, body > main, body > footer { min-width: 0;} } @media screen and (max-width: 1365px) { .flexslider .captiontext p { font-size: 0.8em; } .flexslider .captionwrapper { left: -151px; } #slider .flexslider .captiontext h3 { font-size: 18px; padding-top: 14px; } } @media screen and (max-width: 1157px) { .einrichtung #main .ui-accordion-header a { padding-left: 0px; } .einrichtung #main .ui-accordion-header-active.ui-state-active a { margin-left: -49px; padding-left: 49px; } .einrichtung .jfm-title { /* padding-left: 57px; */ } .einrichtung #main .ui-accordion-header a { width:100%; width:auto; margin: 0 auto; /*padding: 0px;*/ padding: none; } .einrichtung #main .ui-accordion-header-active.ui-state-active a { width: 100%; width:auto; } /*Topnavi -> verschieb das ul.sub nach rechts, wenn das Fenster eine Breite von 1157px hat.*/ #topnavi ul li.lvl1.first ul.sub, #topnavi ul li.lvl1.active.first ul.sub { margin-left: -15px; } #topnavi ul li.lvl1.last ul.sub, #topnavi ul li.lvl1.active ul.sub { margin-left: -65px; } } @media screen and (max-width: 1047px) { .einrichtung .jfm-content {width: 100%;}} @media screen and (max-width: 963px) { .einrichtung #main .ui-accordion-header a { padding-left: 26px; } .einrichtung #main .ui-accordion-header-active.ui-state-active a { margin-left: -24px; padding-left: 47px; } #slider .flexslider .slides img { min-width:100%; min-height:100px !important; } .einrichtung .ym-g50.ym-gl.download { border-bottom:10px solid #fff; height:auto; } .ym-g50.download { border-left: none; border-right: none; } .einrichtung .ym-g50.ym-gl.download { border-left: none; } .einrichtung .ym-g50.ym-gr { border-left: none; } .einrichtung .ym-g50.ym-gr.download { border-right: none; } .einrichtung #main > .ym-wrapper > .ym-wbox > div > .ym-grid > .ym-g100 > .ym-gbox { padding: 0px; } #kontaktform .auswahl { height: auto; } #kontaktform .ym-g50.ym-gl.kontakt-links input, #kontaktform .ym-g50.ym-gr.kontakt-rechts input { width: 25px; } .hh-content { height: 335px !important; } .OUTER.abstand-oben-unten > .ym-grid > .ym-g100 { padding:30px 0; } .orange-light-hg {margin-top:0;} .content-navigation.col4 li { width: 50%; } #main .ym-g100 > .ym-gbox { max-width: 1000px; margin: 0 auto; } #main > .ym-wrapper > .ym-wbox > div > .ym-grid > .ym-g100 > .ym-gbox { padding:0 20px; } #main > .ym-wrapper > .ym-wbox > div.abstand-alle-richtungen > .ym-grid > .ym-g100 > .ym-gbox { padding:0; } .bild .content p { width: 100%; max-width: 450px; } #home #main .ym-g50.ym-gr .ym-gbox {padding: 0;} #home #main .ym-g100.orange-light-hg .ym-g50.ym-gr .ym-gbox {padding: 0px;} .einrichtung #main .ym-g100.orange-dark-hg .ym-g50.ym-gl, .einrichtung #main .ym-g100.orange-dark-hg .ym-g50.ym-gr { width:100%; } .einrichtung #main .ym-g100.orange-dark-hg .ym-g50.ym-gl > .ym-gbox, .einrichtung #main .ym-g100.orange-dark-hg .ym-g50.ym-gr > .ym-gbox { padding-left:20px; padding-right:20px; } .einrichtung #main .csc-textpic-imagewrap img { margin-left:0px; } .einrichtung .hh-content { padding-left: 20px; } .rand_links_rechts { border-left: none; border-right: none; } .rand_links, .rand_rechts { border-left: none; } #home #main .ym-g50.ym-gl.start, #home #main .ym-g50.ym-gr.start { width: 100%; border-left: none; border-right: none; } #nav ul li.lvl1 li.lvl2 a:hover { color: #af371e; } #sequel #nav ul li.lvl1 li.lvl2 a:hover {color: #B13614 !important; } #sequel #nav ul li.lvl1 li.lvl2 a:hover {background: none; } #sequel #nav ul li.lvl1:hover > a { text-align: left; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #sequel #nav ul li.lvl1 a { text-align: left; } /*Sprache*/ #sprache { margin-top: -160px; float: right; width: auto;} #sprache a { float: none; margin-top: 5px; } #topbox { width: 1; background: none; } #nav ul li.lvl1.active a { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /*Respo Menü ausblenden*/ .einrichtung .respon-nav {display: none !important;} /*Suche ausblenden, Kopfnavi, Topline, Logoline*/ #suche, #schrift, #topnavi, #logoline {display: none;} /*Logo*/ #logoline-respo { display:block; max-width:315px; width:100%; } /*Letzter Menüpunkt bekommt border*/ .lvl1.last.hasSub.collapsed {border-bottom: 10px solid #ffffff;} /*Slider*/ #slider { min-height:30px; } .flexslider .caption, .flexslider .captionwrapper-hg {display: none;} #home .flexslider .slides img { /* min-height: 200px; min-width: 619px; */ background-position: 0; background-repeat: none; margin: 0 auto; } .einrichtung #main .flexslider .caption { position: absolute; top: 0; left: 0; } .einrichtung #main .flexslider .captionwrapper { left: 0; top: 0; width: 0; padding: 20px;} /*Container - Startseite*/ li.lvl1 .subnavi-layer { display: block; position: relative; top: 0; background: #B13614; padding: 0; border: none;} .csc-textpic-center-inner {position: relative; float: left; right: 0 !important;} #main .ym-g50 {width: 100%; float: left; /*padding-bottom: 20px;*/} #home div.csc-textpic-center.csc-textpic-center-inner { position: relative; float: left; right: 0; } #home #main .bild { border-left: none; border-right: none; } #home div.csc-textpic-center .csc-textpic-center-outer {float: none; right:0;} /*respo-navi*/ .respon-nav .text { margin: 0px 30px 0px 20px; } #nav ul.sub li.lvl2.last {border-bottom: 10px solid #ffffff;} #nav ul li.lvl1 li.lvl2 a, #nav ul li.lvl1 li.lvl2 a:hover { height: 35px; } #nav { height:auto; display:initial; position: absolute; /*top: 174px;*/ top: 153px; } #nav ul { position:relative; display:none; } #nav ul li { float:none; width:100%; border-top:1px solid #ffffff; z-index: 1000000000; position: relative;} #nav ul li a, #nav ul li a:hover { background-color:#B13614; color: #fbefe2; padding: 15px 15px;} #nav ul.sub { display:none; width:100%; top:0; } #nav ul.sub li { display:block; background-color: #fbefe2;} #nav .lvl1.hasSub.expanded > a { background-color:#B13614; color: #fbefe2; display: block;} #nav .lvl1.hasSub.expanded > a span.nav-pfeil { background: url(../img/navi/mobil-pfeil.png) no-repeat 0px 0px; height: 57px; width: 65px; display: inline-flex; vertical-align: middle; float: left;} #nav .lvl2.hasSub.expanded > a { background-color:green; } #nav .lvl2.hasSub.expanded > a span.nav-pfeil { background: url(../img/navi/mobil-pfeil.png) no-repeat 4px -1px; height: 47px; width: 50px; display: inline-flex; vertical-align: middle; } #nav ul li.lvl1 a { height: 50px; padding: 15px 0px;} #nav ul li.lvl2 a, #nav ul li.lvl2 a:hover {height: auto;} #nav ul li#menu4 a, #nav ul li#menu5 a, #nav ul li#menu6 a, #nav ul li#menu7 a, #nav ul li#menu8 a, #nav ul li#menu205 a { background-color:#fbefe2 !important; color:#B13614 !important; display:block;} #nav li, #nav li li, #nav ul.sub li.lvl2.hasSub.expanded ul.subsub li.lvl3 a, #nav ul.subsub li.lvl4 a { display: block; } #nav ul.subsub li.lvl3 a {display: none;} #nav ul li.lvl1 a:hover span.nav-pfeil { background: none; display: none;} #nav ul li.lvl1:hover a span.nav-pfeil { position:relative; } #nav ul li.lvl2 a span.nav-pfeil { background: none; } #nav ul li.lvl1 a { text-align: initial;} #nav ul li.lvl2 a { text-align: initial; padding-left: 87px; } #nav ul li.lvl1 a:hover { background: #af371e; text-align: initial; color: #fbefe2; } #nav ul li.lvl2 a:hover { color:#af371e; background: none; text-align: initial; padding-left: 87px;} #nav ul li.lvl1 a:hover span.nav-pfeil { display: none; margin-left: 0; } #nav ul li.lvl2 a:hover span.nav-pfeil { display: none; } #nav li.lvl1.hasSub.expanded .subnavi-layer ul.sub {display: block;} #nav li li a { display: block; background-color: #fbefe2; color: #B13614; } #nav ul li.lvl1 a {display: block; width: auto; padding: 15px 87px;} #nav ul li.lvl1 a:hover { width:100%; top:0; } /*Keine Linien in der Hauptnavi*/ #nav ul li.lvl1 a { background-image: none;} /*Hauptmenü - kein aktiver Zustand*/ #sequel #nav ul li.lvl1:hover > a { height:auto !important; background-color:#B13614; color:#fbefe2; } #sequel #nav ul li.lvl1.active a {color: #fbefe2;} #sequel #nav li li.lvl2.aktiv a {background-color: #e16444 !important; color: #ffffff !important;} #sequel #nav li li.lvl2.aktiv { background-color: #e16444 !important; color: #ffffff !important; } #nav ul li.lvl1:hover > a { color: #af371e; background:#af371e; color: #fbefe2; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-weight: normal; } #nav li li a:hover { background-color: #fbefe2 !important;} /*Hauptmenü*/ #nav ul li.lvl1 a:hover {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 50px; width: auto; font-weight: normal; padding-top: 15px;} #sequel #nav { height: 0; } #sequel .subnavi-layer { top: 0; } #sequel #nav ul li.lvl1 a { height: 50px; } #sequel #nav ul li.lvl1 a:hover{ color:#fbefe2; background: none; text-align: left; bottom: 0px; position: relative; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 50px; background-color: #af371e; } /*Alle Menüpunkte anzeigen aus dem Kopfmenü, Kopfmenü selbst ausblenden*/ #nav .lvl1.active#menu4, #nav .lvl1.active#menu5, #nav .lvl1.active#menu6, #nav .lvl1.active#menu7, #nav .lvl1.active#menu8, #nav .lvl1.active#menu205 { display: block; } /*Keine Pfeile in Respo-Navi*/ #nav ul li.lvl1 li.lvl2 a span.nav-pfeil, #nav ul li.lvl1 li.lvl2 a:hover span.nav-pfeil { background: none; width: 0;} /*Pfeil in erster Ebene*/ #sequel #nav .lvl1.hasSub.expanded > a span.nav-pfeil { background: url(../img/navi/mobil-pfeil.png) no-repeat 0px 0px; height: 57px; width: 65px; display: inline-flex; vertical-align: middle; float: left; } #sequel #nav ul li.lvl1 li.lvl2 a, #sequel #nav ul li.lvl1 li.lvl2 a:hover { color: #B13614; vertical-align: middle; display: table-cell; text-transform: uppercase;} /*Impuls-TV*/ #sequel.tv #main .ym-g33.ym-gl {width: 100%;} #sequel.tv #main .ym-g66.ym-gr {width: 100%; margin-top: 20px;} /*Reverenzen*/ #sequel.referenz #main .csc-textpic-imagewrap { margin-left: 0; } #sequel.referenz .divider {margin: 20px 0;} /*Einrichtungen*/ .einrichtung .ui-accordion .ui-accordion-header { padding-left: 1.2em; } .einrichtung .ym-g50.ym-gr {width: 100%; /*border-left: 10px solid #fff;*/ margin-left: 0px;} .unsere-einrichtung .ym-g50.ym-gl > .ym-gbox { padding-right:0px; } /* Kooperationen */ #sequel div.csc-textpic-center .csc-textpic-center-outer { float: left; right: 0; } #sequel div.csc-textpic-center .csc-textpic-center-inner { float: left; right:auto; left:0; } /*Footer*/ #copyright, #socialmedia, #footernavi { width:100%; float:left; } #footer .ym-wbox {padding-left: 15px;padding-right:15px;} #copyright {text-align:left;} /*News-Liste*/ #sequel.news-liste .ym-gbox { padding: 20px 20px;} /*News Detailseite*/ #sequel .news.news-single .news-img-wrap li {width: 50%;} /*Kontaktformular*/ .ym-g50 { width: 100%; } .ym-gr { float: right; } #kontaktform .ym-g25 { width: 100%; } #kontaktform .ym-g50 input#betreff, #kontaktform textarea { width:100%; } .abstand-alle-richtungen-textfeld { padding: 20px 0px; } .ym-g100 .ym-g100 .abstand-alle-richtungen-textfeld { padding: 20px; } .abstand-alle-richtungen > .ym-grid > .ym-g100 { padding:20px; } .link-mehr-ref { padding-bottom:20px; } .ym-gr { margin-left:0px; } } @media screen and (max-width: 810px) { .einrichtung .ym-equalize > [class*="ym-gr"] {background: none;} } @media screen and (max-width: 760px) { /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */ .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] { /* linearization for grids and columns module */ display: block; float: none; padding: 0; margin: 0; width: auto !important; } .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { /* reset defined gutter values */ margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden; } main aside .ym-gbox-right { border: 0 none;} .secondary { border-top: 1px #888 solid; margin-top: 1.5em !important; padding-top: 1.5em !important;} .ym-searchform { display: block; float: none; width: auto; text-align: right; } .ym-searchform input[type="search"] { width: 14%;} } @media screen and (max-width: 630px) { iframe { width: 100%;} } @media screen and (max-width: 670px) { /*Ansprechpartner*/ #sequel.ansprechpartner #main .ym-grid.weiss.ym-equalize .ym-g50.ym-gl, #sequel.ansprechpartner #main .ym-grid.weiss.ym-equalize .ym-g50.ym-gr {width: 100%; float: left;} #sequel.ansprechpartner div.csc-textpic-left .csc-textpic-imagewrap { float: left; } /*Kontakt*/ #sequel.kontakt #main .ym-grid.weiss.ym-equalize .ym-g50.ym-gl, #sequel.kontakt #main .ym-grid.weiss.ym-equalize .ym-g50.ym-gr {width: 100%; float: left;} #sequel.kontakt div.csc-textpic-left .csc-textpic-imagewrap { float: left; } /*Karrierebox*/ } @media screen and (max-width: 575px) { .person .data { padding: 20px 20px 20px 20px !important; } .person .add-info { max-width:500px !important; width:100% !important; left:20px !important; } } @media screen and (max-width: 545px) { .hh-content h2 { font-size:50px; } .csc-frame.abstand-download-kontakt .csc-textpic-image img {display: none;} .csc-textpic-intext-right-nowrap-260 .csc-textpic-text { margin-right:0px; } ul.contentList { margin-left:0.4em; } #home .flexslider .slides img { position: relative; } #nav ul li.lvl2 a { padding-left: 20px; } #nav ul li.lvl1 a { padding: 15px 20px; } #nav ul li.lvl2 a:hover { padding-left: 20px;} #home #main .bild {background: #ffffff;} #home #main .ueberschrift {padding: 20px 20px; width: 50%;} #home #main .content { width: 80%; padding: 0 0; padding-left: 21px; } #home #main .headline { padding-top: 0px; padding-left: 20px; width: 90%; } #home .flexslider .caption { width: 94%; } /*News Detailseite*/ #sequel .news.news-single .news-img-wrap li {width: 100%;} #home #main .teaser-text-icon { margin: -12px 0px; } } @media screen and (max-width: 510px) { #zuklappen1, #zuklappen2, #zuklappen3, #zuklappen4 {width: 0%; } } @media screen and (max-width: 480px) { #sequel.karriere .bild, .bild { height:auto; padding-bottom:20px; } /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */ .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] { /* linearization for grids and columns module */ display: block; float: none; padding: 0; margin: 0; width: auto !important; } .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { /* reset defined gutter values */ margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden; } header .ym-wbox { padding: 0.75em 10px; } header h1 { font-size: 1.5em; line-height: 1em; margin: 0; } .ym-searchform, nav .ym-hlist ul, nav .ym-hlist li { display: block; float: none; width: auto; text-align: left; } .ym-searchform input[type="search"] { width: 75%; } /*Kontaktformular*/ #kontaktform input[type="submit"] {width: 70%;} /*News-Liste*/ #sequel.news-liste .news-list-view .news-img-wrap { width: 100%; float: left; padding-bottom: 15px; min-height: 0; } #sequel.news-liste .news-list-view .content { float: left; width: 100%; } #sequel.news-liste .no-media-element {display: none;} /*Menü Team*/ .content-navigation.col4 li { width: 100%; } } @media screen and (max-width: 420px) { #main h1, #main .ui-accordion-header a { word-wrap:break-word; } #slider .flexslider .slides img { min-width:420px; min-height:100px !important; } .einrichtung h3.ui-accordion-header { font-size: 17px; } .einrichtung #main .ui-accordion-header-active.ui-state-active a { padding-left: 51px; margin-left: -16px; } .einrichtung #main .ui-accordion-header a { padding-left: 35px; } } @media screen and (max-width:365px) { .hh-content h2 { font-size:40px; } .logo-slider { height:220px; } .logo-slider .slide img { height:59px !important; } .ui-accordion .ui-accordion-content { padding:0em 1.0em 1.5em 1.0em !important; } } @media screen and (max-width:325px) { .person .add-info .icon { margin-right:20px !important; } } /* Kreis.css * Author: Bruno Fenzl @zentral-kommunikation.de */ .pie:nth-of-type(1):before,.pie:nth-of-type(1):after{background-color:#a93222}.pie:nth-of-type(2):after,.pie:nth-of-type(2):before{background-color:#b43e29}.pie:nth-of-type(3):after,.pie:nth-of-type(3):before{background-color:#c85943}.pie:nth-of-type(4):after,.pie:nth-of-type(4):before{background-color:#df7251}.pie:nth-of-type(5):after,.pie:nth-of-type(5):before{background-color:#e98e70}.circle-wrapper{width:600px;height:600px;margin:0 auto;position:relative}#circle{position:relative;width:600px;height:600px;margin:0 auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.line{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;padding:70px 0 0 19px;width:20px;height:301px;background-color:#FBEFE5;left:290px;-webkit-transform-origin:10px bottom;-moz-transform-origin:10px bottom;-ms-transform-origin:10px bottom;-o-transform-origin:10px bottom;transform-origin:10px bottom}.arrow-up{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #FBEFE5}.cap{position:absolute;width:300px;height:300px;background-color:#FBEFE5;left:150px;top:150px;border-radius:400px;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.overlay,.pie{position:absolute;width:300px;height:300px;overflow:hidden;left:300px;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom}.overlay{overflow:visible;z-index:1000}.pie:before{content:"";position:absolute;width:300px;height:600px;left:-300px;border-radius:300px 0 0 300px;-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center}div[data-start="0"]{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}div[data-start="72"]{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg)}div[data-start="144"]{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg)}div[data-start="216"]{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg)}div[data-start="288"]{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg)}div[data-value="72"]:before{-webkit-transform:rotate(73deg);-moz-transform:rotate(73deg);-ms-transform:rotate(73deg);-o-transform:rotate(73deg);transform:rotate(73deg)}div[data-start="0"]>.pie-content{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}div[data-start="72"]>.pie-content{-webkit-transform:rotate(-72deg);-moz-transform:rotate(-72deg);-ms-transform:rotate(-72deg);-o-transform:rotate(-72deg);transform:rotate(-72deg)}div[data-start="144"]>.pie-content{-webkit-transform:rotate(-144deg);-moz-transform:rotate(-144deg);-ms-transform:rotate(-144deg);-o-transform:rotate(-144deg);transform:rotate(-144deg)}div[data-start="216"]>.pie-content{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg)}div[data-start="288"]>.pie-content{-webkit-transform:rotate(-288deg);-moz-transform:rotate(-288deg);-ms-transform:rotate(-288deg);-o-transform:rotate(-288deg);transform:rotate(-288deg)}.pie-content{width:130px;height:56px;margin:103px 80px;text-align:center;cursor:pointer;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.tooltip{position:absolute;top:150px;left:0;width:400px;height:auto;line-height:20px;padding:30px;text-align:left;color:#fff;background:#839896;border-radius:1px;box-shadow:0 0 0 8px rgba(0,0,0,0.3);z-index:30000;display:none}.pie-content>.info{width:28px;height:28px;margin-bottom:5px!important;background:url("../img/buttons/info.png") no-repeat;display:inline-block}.pie-content .info-title{display:block;font-size:17px;color:#fff!important;text-decoration:none}.pie-content .info-title:hover{color:#fff!important;text-decoration:underline}#mobile-overlay{display:block;width:100%;height:100%}.arrows{display:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}@media (min-width:320px){#main>.ym-wrapper>.ym-wbox>div>.ym-grid>.ym-g100>.ym-gbox:nth-child(2){overflow:hidden;padding:0}.circle-wrapper,#circle{width:100%;height:640px}.line{padding:60px 0 0 9px;width:10px;height:250px;background-color:#FBEFE5;left:0px;-webkit-transform-origin:5px bottom;-moz-transform-origin:5px bottom;-ms-transform-origin:5px bottom;-o-transform-origin:5px bottom;transform-origin:5px bottom}.cap{width:250px;height:250px;left:-125px;top:125px}.overlay,.pie{width:250px;height:250px;left:0px}.pie:before{content:"";width:250px;height:500px;left:-250px}.pie-content{margin:60px 37px}.pie-content:hover span.tooltip{display:none}#mobile-overlay{display:block}div[data-value="72"]:before{-webkit-transform:rotate(73deg);-moz-transform:rotate(73deg);-ms-transform:rotate(73deg);-o-transform:rotate(73deg);transform:rotate(73deg)}div[data-start="0"]{-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);transform:rotate(54deg)}div[data-start="72"]{-webkit-transform:rotate(126deg);-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-o-transform:rotate(126deg);transform:rotate(126deg)}div[data-start="144"]{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg)}div[data-start="216"]{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}div[data-start="288"]{-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg);transform:rotate(342deg)}div[data-value="72"]:before{-webkit-transform:rotate(73deg);-moz-transform:rotate(73deg);-ms-transform:rotate(73deg);-o-transform:rotate(73deg);transform:rotate(73deg)}div[data-start="0"]>.pie-content,div[data-start="72"]>.pie-content,div[data-start="144"]>.pie-content,div[data-start="216"]>.pie-content,div[data-start="288"]>.pie-content{-webkit-transform:rotate(-54deg);-moz-transform:rotate(-54deg);-ms-transform:rotate(-54deg);-o-transform:rotate(-54deg);transform:rotate(-54deg)}.arrows{display:block;width:40px;height:100%;position:absolute;top:0;right:50px}#arrowUp{position:absolute;top:30px;width:40px;height:40px;background:url("../img/buttons/arrow.png") no-repeat}#arrowDown{position:absolute;top:60%;width:40px;height:40px;background:url("../img/buttons/arrow.png") no-repeat;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.tooltip{margin-top:-100px;display:block;position:static!important;width:100%;height:auto;line-height:20px;padding:30px;text-align:left;color:#fff;background:#839896;z-index:30000;box-sizing:border-box;box-shadow:none}}@media (min-width:992px){#main>.ym-wrapper>.ym-wbox>div>.ym-grid>.ym-g100>.ym-gbox:nth-child(2){overflow:block;padding:0 20px}.circle-wrapper,#circle{width:640px;height:640px}.line{padding:70px 0 0 19px;width:20px;height:301px;left:290px;-webkit-transform-origin:10px bottom;-moz-transform-origin:10px bottom;-ms-transform-origin:10px bottom;-o-transform-origin:10px bottom;transform-origin:10px bottom}.pie,.overlay{left:300px}.cap{width:300px;height:300px;left:150px;top:150px}.overlay,.pie{width:300px;height:300px}.pie:before{content:"";width:300px;height:600px;left:-300px}.pie-content{margin:103px 80px}.pie-content:hover span.tooltip{display:block}div[data-start="0"]{-webkit-transform:rotate(0deg) !important;-moz-transform:rotate(0deg) !important;-ms-transform:rotate(0deg) !important;-o-transform:rotate(0deg) !important;transform:rotate(0deg) !important}div[data-start="72"]{-webkit-transform:rotate(72deg) !important;-moz-transform:rotate(72deg) !important;-ms-transform:rotate(72deg) !important;-o-transform:rotate(72deg) !important;transform:rotate(72deg) !important}div[data-start="144"]{-webkit-transform:rotate(144deg) !important;-moz-transform:rotate(144deg) !important;-ms-transform:rotate(144deg) !important;-o-transform:rotate(144deg) !important;transform:rotate(144deg) !important}div[data-start="216"]{-webkit-transform:rotate(216deg) !important;-moz-transform:rotate(216deg) !important;-ms-transform:rotate(216deg) !important;-o-transform:rotate(216deg) !important;transform:rotate(216deg) !important}div[data-start="288"]{-webkit-transform:rotate(288deg) !important;-moz-transform:rotate(288deg) !important;-ms-transform:rotate(288deg) !important;-o-transform:rotate(288deg) !important;transform:rotate(288deg) !important}div[data-value="72"]:before{-webkit-transform:rotate(73deg);-moz-transform:rotate(73deg);-ms-transform:rotate(73deg);-o-transform:rotate(73deg);transform:rotate(73deg)}div[data-start="0"]>.pie-content{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}div[data-start="72"]>.pie-content{-webkit-transform:rotate(-72deg);-moz-transform:rotate(-72deg);-ms-transform:rotate(-72deg);-o-transform:rotate(-72deg);transform:rotate(-72deg)}div[data-start="144"]>.pie-content{-webkit-transform:rotate(-144deg);-moz-transform:rotate(-144deg);-ms-transform:rotate(-144deg);-o-transform:rotate(-144deg);transform:rotate(-144deg)}div[data-start="216"]>.pie-content{-webkit-transform:rotate(-216deg);-moz-transform:rotate(-216deg);-ms-transform:rotate(-216deg);-o-transform:rotate(-216deg);transform:rotate(-216deg)}div[data-start="288"]>.pie-content{-webkit-transform:rotate(-288deg);-moz-transform:rotate(-288deg);-ms-transform:rotate(-288deg);-o-transform:rotate(-288deg);transform:rotate(-288deg)}#mobile-overlay{display:block}.arrows{display:none}.tooltip{position:absolute!important;top:150px;left:0;width:400px;height:auto;line-height:20px;padding:30px;text-align:left;color:#fff;background:#839896;border-radius:1px;box-shadow:0 0 0 8px rgba(0,0,0,0.3);z-index:30000;display:none}} .cc_container .cc_btn, .cc_container .cc_btn:visited { background-color: #B13614!important; color: white!important; } .team .person .add-info { bottom: unset; top:280px;} #sequel.team .person .image { left: 50%; transform: translateX(-50%); } .person .data { padding: 20px 20px 20px 20px !important;} @media screen and (min-width: 575px) { #sequel.team .person .image { left: 0; transform: translateX(0%);} } @media screen and (min-width: 900px) { #sequel.team .person .image { right: 0; left: unset; float:right;} .team .person .add-info { bottom: 0; top:unset;} .person .inner { min-height:336px; } .person .data { bottom: unset; padding: 70px 40px 0 40px !important; } }