header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 50px; cursor: pointer; position: fixed; z-index: 2500; top: 30px; right: 5%;} .nuunnavbutton .navline {height: 3px; width: 100%; margin-bottom: 9px; border-radius: 0; background: #1D619D; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;} .nuunnavbutton .navline:last-of-type {width: 80%; margin-bottom: 0; margin-left: 20%;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(9px) translateX(-9px); opacity: 0;} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {width: 100%; margin-left: 0; transform: rotate(-135deg) translateY(8px) translateX(8px); opacity: 0;} #nuunnav {display: none; padding-top: 11px; padding-left: 25px; padding-right: 25px; position: fixed; overflow-y: auto; top: 0; width: 100%; /*max-width: 500px;*/ background: #ffffff; /*border:10px solid #fff;*/ height: 100vh; z-index: 2200; box-sizing: border-box; transition:right 0.6s ease, box-shadow 0.3s ease;} #nuunnav.open {right: 0 !important; box-shadow: 0 0 10px #ababab;} #nuunnav .inside {padding-bottom: 50px;} /*#nuunnav .mod_navigation {margin-top: 20px; margin-bottom: 40px; display: inline-block; width: 100%;} #nuunnav li a {font-family: 'InterRegular'; color: #053C69; text-decoration: none; padding: 7px 15px; border-radius: 40px; background: #ffffff; border: 1px solid #ffffff; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;} #nuunnav li a.active {color: #053C69; text-decoration:underline;} #nuunnav li.active_link a {color: #053C69; text-decoration:underline;} #nuunnav li a:hover {color: #053C69; text-decoration:underline;} #nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;} #nuunnav ul.level_1 {margin: 0;} #nuunnav ul.level_1 > li {} #nuunnav ul.level_1 > li > a {display: inline-block; font-size: 2.8rem; float: left; clear: left; padding: 31px 0 12px 0; text-transform: uppercase;} #nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;} #nuunnav ul li.submenu .subtoggler {width: 50px; height: 50px; position: relative; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer; background: url(../../files/data/graphics/navtoggler-down.svg) center bottom no-repeat; background-size: 25px; transition: background 0.3s ease;} #nuunnav ul li.submenu .subtoggler.down {background: url(../../files/data/graphics/navtoggler-up.svg) center bottom no-repeat; background-size: 25px;} #nuunnav ul.level_2 li.submenu .subtoggler {height: 40px;} #nuunnav ul li.submenu .subtoggler .subtoggline1 {width: 16px; height: 2px; background: #053C69;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 16px; height: 2px; background: #053C69; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;} #nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);} #nuunnav ul.level_2 {display: none;} #nuunnav ul.level_2 > li > a {color: #053C69; font-family: 'InterRegular'; display: inline-block; font-size: 2rem; float: left; clear: left; padding: 5px 0 5px 0;} #nuunnav ul.level_2 li a.active {color: #053C69; text-decoration:underline; font-family: 'InterRegular';} #nuunnav ul.level_2 li a:hover {color: #053C69; text-decoration:underline; background: url(../../files/data/graphics/icon-nav-bg.svg) center left 4vw no-repeat;} #nuunnav ul.level_3 {display: none;} #nuunnav ul.level_3 > li > a {display: inline-block; text-transform: none; font-size: 1.7rem; float: left; clear: left; padding: 5px 0 5px 10px;} #nuunnav ul.level_3 li a.active {font-family: 'InterRegular';} #nuunnav ul.level_3 li a:hover {color: #053C69; text-decoration:underline; background: url(../../files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} #nuunnav ul.level_4 {display: none;} #nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;} #nuunnav ul.level_4 li a.active {font-family: 'InterRegular';} #nuunnav ul.level_4 li a:hover {color: #053C69; text-decoration:underline; background: url(../../files/data/graphics/icon-nav-bg.svg) center left 6vw no-repeat;}*/ @media screen and (max-width: 740px) { .nuunnavbutton {display: block;} #nuunnav {display: block;} } /*@media screen and (max-width: 650px) { .nuunnavbutton {width: 45px; top: 36px;} .nuunnavbutton .navline {margin-bottom: 8px;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(5px) translateX(-7px);} .nuunnavbutton.crossed .navline.bot {transform: rotate(-135deg) translateY(10px) translateX(12px);} }*/ /*************************************************************/ /* Design: FIAL-BILDUNG.CH - Website */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.nuun.ch */ /* Datum: November 2017 */ /* Site: wwww.fial-bildung.ch */ /*************************************************************/ /* Colors: */ /* Überschriften H1 H2: #1D619D */ /* Blau Titel/Link: #1D619D */ /* Grau Link active/hover: #d8d8d8 */ /* Grau Hintergrund: #f5f5f5 */ /* Tabelle Kopfzeile: #d8d8d8 */ /* Tabelle Hellblau: #f0f6ff */ /* Schwarz Laufschrift: #1d1d1d */ /*************************************************************/ /* GLOBAL LAYOUT */ /*************************************************************/ html, body {height: 100%; font: 62.5% 'open_sansregular', Arial, Verdana, Helvetica, sans-serif; color:#1d1d1d; letter-spacing:0.0em; -webkit-font-smoothing: antialiased;} body {font-size:16px; font-size:1.6rem; background:#f5f5f5;} #wrapper {position:relative; width:100%; min-height: 100%; font-size: 1.7rem; line-height: 2.4rem;} .centered {text-align: center;} a, a:link, a:visited {text-decoration: none; color: #1D619D;} a:hover, a:active {text-decoration:none; color:#1D619D; text-decoration:underline;} #header h1, #main .mod_article h1 {font-weight:normal; font-size:4.6rem; line-height:5.2rem; margin:0; padding:16px 0 12px 0; font-family:'open_sans_condensedbold';} #header h2 {font-weight:normal; font-size:4.6rem; line-height:5.2rem; margin:0; padding:16px 0 12px 0; font-family:'open_sans_condensedbold';} #container h2 {font-weight:normal; font-size:4.6rem; line-height:5.2rem; color:#1D619D; margin:0; padding:8px 0 32px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} h3 {font-weight:normal; font-size:2.1rem; line-height:2.8rem; margin:0; padding:8px 0 0 0; font-family:'open_sans_condensedbold';} .accordion h3 {padding:8px 0 8px 12px; background:#f5f5f5;} h4 {font-weight:normal; font-size:2.9rem; line-height:3.7rem; margin:0; padding:8px 0 16px 0; font-family:'open_sanssemibold';} #container .kontakt h2 {font-weight:normal; font-size:4.6rem; line-height:5.2rem; color:#fff; margin:0; padding:24px 0 36px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} #main .ce_gallery {padding:0; width:100%; float:none; display:inline-block; clear:both; height:auto;} #main .ce_gallery ul {padding:20px 0 0 0; list-style: none; float:left; width:100%;} #main .ce_gallery ul li {width: 22.41379310344828%; margin-right: 3.448275862068966%; height:auto; overflow: hidden; margin-left: 0; display: inline-block; float: left; padding: 0; margin-bottom: 25px;} #main .ce_gallery ul li.col_last {margin-right: 0;} #main .ce_gallery ul li::before {display: none;} #main .ce_gallery .image_container {overflow: hidden;} #main .ce_gallery .image_container:hover img {-webkit-transform: scale(1.2); transform: scale(1.2);} #main .ce_gallery .image_container img {width: 100%; height: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} #main .ce_gallery ul.cols_2 li {width: 46.42857142857143%; margin-right: 7.142857142857143%; height:auto; overflow: hidden; margin-left: 0; display: inline-block; float: left; padding: 0; margin-bottom: 25px;} #main .ce_gallery ul.cols_2 li.col_last {margin-right:0;} #main .ce_gallery ul.cols_3 li {width: 31.03448275862069%; margin-right: 3.448275862068966%; height:auto; overflow: hidden; margin-left: 0; display: inline-block; float: left; padding: 0; margin-bottom: 25px;} #main .ce_gallery ul.cols_3 li.col_last {margin-right:0;} #main .ce_table {width:100%;} #main .ce_table.schmal {width:83.27586206896552%; margin:0 auto;} #main .ce_table table {width:100%;} #main .ce_table table tbody tr.row_last {border-bottom:none;} #main .ce_table table thead th {font-weight:normal; text-decoration:none; font-family:'open_sans_condensedbold';} #main .ce_table.dk-lernende {margin:30px 0 8px 0;} #main .ce_table.dk-qvexperten table {margin:12px 0 8px 0;} #main .ce_table.qvexperten table .col_0 {width:28.75862068965517%; margin:0;} #main .ce_table.qvexperten table .col_1 {width:28.75862068965517%;} #main .ce_table.qvexperten table .col_2 {width:36.48275862068966%; text-align:right;} #main .ce_table table tr th {padding:8px 1% 12px 1%;} #main .ce_table table tr td {padding:8px 1% 12px 1%;} #main .ce_table thead {background:#d8d8d8;} #main .ce_table table tr.odd {background:#fff;} #main .ce_table table tr.even {background:#f0f6ff;} #main .ce_table.qvexperten {} #main .ce_table.dk-qvexperten table tr.odd {background:#fff; border-bottom:1px solid #d8d8d8;} #main .ce_table.dk-qvexperten table tr.even {background:#f0f6ff; border-bottom:1px solid #d8d8d8;} #main .ce_table.dk-lernende {margin:30px 0 8px 0;} #main .ce_table.dk-lernende table tr.odd {border-bottom:1px solid #d8d8d8;} #main .ce_table.dk-lernende table tr.even {border-bottom:1px solid #d8d8d8;} #main .content-table {width:100%;} #main .content-table.schmal {width:83.27586206896552%; margin:0 auto;} #main .content-table table {width:100%;} #main .content-table table tbody tr:last-of-type {border-bottom:none;} #main .content-table table thead th {font-weight:normal; text-decoration:none; font-family:'open_sans_condensedbold';} #main .content-table.dk-lernende {margin:30px 0 8px 0;} #main .content-table.dk-qvexperten table {margin:12px 0 8px 0;} #main .content-table.qvexperten table .col_0 {width:28.75862068965517%; margin:0;} #main .content-table.qvexperten table .col_1 {width:28.75862068965517%;} #main .content-table.qvexperten table .col_2 {width:36.48275862068966%; text-align:right;} #main .content-table table tr th {padding:8px 1% 12px 1%;} #main .content-table table tr td {padding:8px 1% 12px 1%;} #main .content-table thead {background:#d8d8d8;} #main .content-table table tbody tr:nth-of-type(odd) {background:#fff;} #main .content-table table tbody tr:nth-of-type(even) {background:#f0f6ff;} #main .content-table.qvexperten {} #main .content-table.dk-qvexperten table tbody tr:nth-of-type(odd) {background:#fff; border-bottom:1px solid #d8d8d8;} #main .content-table.dk-qvexperten table tbody tr:nth-of-type(even) {background:#f0f6ff; border-bottom:1px solid #d8d8d8;} #main .content-table.dk-lernende {margin:30px 0 8px 0;} #main .content-table.dk-lernende table tbody tr:nth-of-type(odd) {border-bottom:1px solid #d8d8d8;} #main .content-table.dk-lernende table tbody tr:nth-of-type(even) {border-bottom:1px solid #d8d8d8;} /* #main .ce_table.dk-lernende table tr.row_2, #main .ce_table.dk-lernende table tr.row_3, #main .ce_table.dk-lernende table tr.row_9, #main .ce_table.dk-lernende table tr.row_10, #main .ce_table.dk-lernende table tr.row_11, #main .ce_table.dk-lernende table tr.row_12, #main .ce_table.dk-lernende table tr.row_13, #main .ce_table.dk-lernende table tr.row_14, #main .ce_table.dk-lernende table tr.row_15 {background:#f0f6ff;} #main .ce_table.dk-lernende table tr.row_0, #main .ce_table.dk-lernende table tr.row_1, #main .ce_table.dk-lernende table tr.row_4, #main .ce_table.dk-lernende table tr.row_5, #main .ce_table.dk-lernende table tr.row_6, #main .ce_table.dk-lernende table tr.row_7, #main .ce_table.dk-lernende table tr.row_8 {background:#fff;} */ /*Downloads*/ .content-download, .content-downloads {position:relative; width:100%; margin:0; padding:0; display:inline-block;} .content-downloads {margin:0 0 32px 0;} #main .content-download ul, #main .content-downloads ul {position:relative; list-style: none; width:100%; margin:0; padding:0; display:inline-block;} #main .content-download ul li, #main .content-downloads ul li {position:relative; width:100%; padding:0 0 0 0; margin:8px 0 0 0; display:inline-block;} #main .content-download img, #main .content-downloads img {position:absolute; left:12px; top:4px; z-index:400;} body #container .content-downloads a, body #container .content-downloads a:link, body #container .content-downloads a:visited, body #container .content-download a, body #container .content-download a:visited, body #container .content-download a:link, body #container .enclosure a:link, body #container .enclosure a:visited { position:relative; z-index:300; text-decoration: none; display:block; padding: 6px 30px 6px 44px; margin:0 0 0 0; background:none; background-color:none; transition: color 0.3s ease, color 0.3s ease; -webkit-transition: color 0.3s ease, color 0.3s ease; } .content-download ul li::before, .content-downloads ul li::before {display: none;} body #container .content-downloads a:hover, body #container .content-downloads a:active, body #container .content-download a:hover, body #container .content-download a:active {color:#1D619D; text-decoration:underline;} body #container #main .content-download ul li.ext-pdf a, body #container #main .content-downloads ul li.ext-pdf a {background: url(../../files/data/graphics/icon-pdf.svg) top 4px left 12px no-repeat;} body #container #main .content-download ul li.ext-doc a, body #container #main .content-downloads ul li.ext-doc a, body #container #main .content-download ul li.ext-docx a, body #container #main .content-downloads ul li.ext-docx a {background: url(../../files/data/graphics/icon-doc.svg) top 4px left 12px no-repeat;} body #container #main .content-download ul li.ext-xls a, body #container #main .content-downloads ul li.ext-xls a, body #container #main .content-download ul li.ext-xlsx a, body #container #main .content-downloads ul li.ext-xlsx a {background: url(../../files/data/graphics/icon-xls.svg) top 4px left 12px no-repeat;} body #container #main .content-download ul li.ext-zip a, body #container #main .content-downloads ul li.ext-zip a {background: url(../../files/data/graphics/icon-zip.svg) top 4px left 12px no-repeat;} #main .ce_text, #main .content-text {position:relative; width:100%; clear:both; display:block; display:inline-block;} #main .uek-leiterinnen .ce_text, #main .uek-leiterinnen .content-text {position:relative; width:100%; height:420px; border-radius: 4px; overflow: hidden; background:#fff; clear:both; display:inline-block;} #main .ce_text .image_container.float_left {width: 340px; float: left; margin: 8px 42px 15px 0; padding:0;} #main .ce_text .image_container.float_above {width: 100%; display:inline-block; margin: 0 0 0 0; padding:0; float:left;} #main .ce_text .image_container.float_right {width: 33%; margin-left: 6%; float: right; margin-bottom: 0; margin-top:6px;} #main .ce_text .image_container img {/*margin-bottom: 15px;*/ width: 100%; height: auto;} #main .content-text.media--left figure {width: 340px; float: left; margin: 8px 42px 15px 0; padding:0;} #main .content-text.media--above figure {width: 100%; display:inline-block; margin: 0 0 0 0; padding:0; float:left;} #main .content-text.media--right figure {width: 33%; margin-left: 6%; float: right; margin-bottom: 0; margin-top:6px;} #main .content-text figure img {/*margin-bottom: 15px;*/ width: 100%; height: auto;} #main .uek-leiterinnen .ce_text .textcontainer, #main .uek-leiterinnen .content-text .rte {padding:10px 15px 0 15px; margin:0; display:inline-block; float:left;} #main .ce_text .linkbutton, #main .content-text .linkbutton {position: absolute; bottom: 6px; left:0; width:100%;} .linkbutton a {border-radius: 4px; background:#1D619D; color:#fff; width:88.7218045112782%; padding:10px 0; margin:0 5.639097744360902%; display:inline-block; text-align:center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .linkbutton a:hover {background:#71B294; color:#fff; text-decoration:none;} .ce_hyperlink a, .content-hyperlink a {background:#1D619D; color:#fff; width:190px; padding:10px 0; margin:35px auto 0 auto; display:block; text-align:center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .ce_hyperlink a:hover, .content-hyperlink a:hover {background:#d8d8d8; color:#1d1d1d; text-decoration:none;} #main .ce_image, #main .content-image {padding:14px 0 16px 0; margin:0; width:100%; display:inline-block;} #kontakt {color:#fff;} #main .ce_image.foot-col-01, #main .content-image.foot-col-01 {width:580px; padding:0 20px 0 0; float:left; clear:none !important;} #main .ce_image.foot-col-01 .image_container, #main .content-image.foot-col-01 figure {width:211px !important; max-width: 211px; height:auto !important; clear:none !important; padding:16px 0 0 0;} #main .ce_image.foot-col-01 .image_container img, #main .content-image.foot-col-01 figure img {width:100% !important; height:auto !important; clear:none !important;} #main .ce_text.foot-col-02, #main .content-text.foot-col-02 {width:280px; padding:0 20px 0 0; float:left; clear:none !important;} #main .ce_text.foot-col-03, #main .content-text.foot-col-03 {width:260px; padding:0 0 0 0; float:left; clear:none !important;} #main #fusszeile .ce_text .textcontainer, #main #fusszeile .content-text .rte {float:left; width:100%;} #main #fusszeile .ce_text ul, #main #fusszeile .content-text ul {float:left; margin: 12px 0 4px 0;} #main #fusszeile .ce_text ul li, #main #fusszeile .content-text ul li {float:left; padding: 0 24px 0 0; margin:0; border-bottom:none;} #main #fusszeile .ce_text p, #main #fusszeile .content-text p {float:right; text-align:right; margin: 12px 0 4px 0;} strong, bold {font-weight:normal; font-family:'open_sanssemibold';} #main p {padding:0; margin:12px 0 12px 0;} #main .mod_article#fusszeile p {padding:0; margin:12px 0 8px 0;} #main .ce_text ul, #main .ce_table ul {margin: 0 0 0 0; position: relative;} #main .ce_text ul li, #main .ce_table ul li {list-style-type:none; background:url(../../files/data/graphics/ico-list.svg) 2px 9px no-repeat; padding:0 0 4px 16px; margin:0 0 8px 0; position: relative; border-bottom:1px solid #d8d8d8;} #main .ce_text ol li {font-size: 14px; line-height: 20px; margin-left: 20px; position: relative; list-style-type: decimal;} #main p.error {color:#D91D49;} #main #fusszeile .ce_text ul li, #main #fusszeile .ce_table ul li {background: none;} body .image_container {font: 100.01%/0em 'open_sansregular';} #main .ce_image img {width: 100%; height: auto;} #main .content-text ul, #main .content-table ul {margin: 0 0 0 0; position: relative;} #main .content-text ul li, #main .content-table ul li {list-style-type:none; background:url(../../files/data/graphics/ico-list.svg) 2px 9px no-repeat; padding:0 0 4px 16px; margin:0 0 8px 0; position: relative; border-bottom:1px solid #d8d8d8;} #main .content-text ol li {font-size: 14px; line-height: 20px; margin-left: 20px; position: relative; list-style-type: decimal;} #main #fusszeile .content-text ul li, #main #fusszeile .content-table ul li {background: none;} body figure {font: 100.01%/0em 'open_sansregular';} #main .content-image img {width: 100%; height: auto;} #main .ce_text.bildbreite .image_container, #main .ce_image.bildbreite .image_container {width: auto !important; clear:both; float:left; display:inline-block;} #main .content-text.bildbreite figure, #main .content-image.bildbreite figure {width: auto !important; clear:both; float:left; display:inline-block;} /*Newsletter*/ .campaign {font-size:1.4em; font-family: 'open_sansregular', Arial, Verdana, Helvetica, sans-serif;} #mc_embed_signup_scroll {margin-top: 30px;} /* HEADER */ /*************************************************************/ #header {width:100%; height:158px; z-index:100; margin-bottom: 35vw;} #header .inside .headertop {width: 100%; height: 158px; z-index: 2000; background:#fff; position: relative; margin: 0 auto 0 auto; left: 0; right: 0;} #header .inside .headertop .inside {width: 1160px; margin: 0 auto;} #header .inside .headertop .inside .gradient {display: none;} #header .inside .slider {width:100%; height: 35vw; position:fixed; top:0; overflow: hidden; margin: 158px auto 0 auto; padding-top: 0;} #header .inside .slider img {width: 100%; height: auto;} #header .headertop .logo {padding-top: 14px; float: right; display: inline-block; opacity: 0; transition: opacity 0.3s ease;} #header .headertop .logo .image_container, #header .headertop .logo figure {width: 170px; float:left;} #header .headertop .logo .image_container img, #header .headertop .logo figure img {width:100% !important; height:auto !important;} #header.fixed .headertop .logo {opacity: 1;} #header.fixed {margin-bottom: 35vw;} #header.fixed .headertop {position: fixed; margin-top: 0;} #header .logoslider {position:relative; float:left; padding:45px 0 0 0; position:relative;} #header .logoslider .image_container, #header .logoslider figure {width: 200px; float: left; position:relative;} #header .logoslider .image_container img, #header .logoslider figure img {width:100% !important; height:auto !important;} #header .logoslider.mobile .image_container, #header .logoslider.mobile figure {display:none;} #header .headermotiv-text {position:absolute; bottom:50px; width:100%; margin:0 auto; text-align:center; font-family: 'open_sanslight';} #header .headermotiv-text .textbox {width:608px; padding:0 20px 20px 20px; background: rgba(255, 255, 255, 0.56); margin:0 auto; text-align:center; color:#1D619D;} #header .headermotiv-text .textbox .image_container, #header .headermotiv-text .textbox figure {width: 161px; margin: 20px auto; padding-top: 20px;} .infotext {display:none;} /* NAVIGATION - MAIN */ /*************************************************************/ #header .mod_articlelist {float: left; margin-top: 45px; margin-left:58px;} #header .mod_articlelist li {display: inline-block; vertical-align:top; margin:0 40px 0 0; padding:0;} #header .mod_articlelist li span {display:block;} #header .mod_articlelist li a {display:inline-block; padding: 5px 0; margin:0; font-weight:normal; text-transform:uppercase; font-size:1.6rem; line-height:2.2rem; letter-spacing:0.01em; color:#1D619D; font-family:'open_sans_condensedbold'; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} #header .mod_articlelist li.ueberuns-kontakt, #header .mod_articlelist li.article-8 {margin:0;} #header.fixed .headertop .mod_articlelist {float: left; margin-top: 45px;} #header.fixed .headertop .mod_articlelist li a {padding: 5px 0;} #header .mod_articlelist li a:hover {color: #71B294; text-decoration:none;} #header .mod_articlelist li.active_link a {color: #71B294;} #header .mod_articlelist li.fusszeile, #header .mod_articlelist li.anmeldeformular, #header .mod_articlelist li.kontakt, #header .mod_articlelist li.infotext, #header .mod_articlelist li.article-9, #header .mod_articlelist li.article-10, #header .mod_articlelist li.vorlage-videos {display: none;} #header .mod_articlelist .testimonials {display: none;} #header .mod_articlelist .testimonials-xy {display: none;} #header .mod_articlelist .testimonials-lazic-stanko {display: none;} #header .mod_articlelist .testimonials-sinderela-ben-aziza {display: none;} .mm-menu .mod_articlelist .testimonials {display: none;} .mm-menu .mod_articlelist .testimonials-xy {display: none;} .mm-menu .mod_articlelist .testimonials-lazic-stanko {display: none;} .mm-menu .mod_articlelist .testimonials-sinderela-ben-aziza {display: none;} /* ARTICLES/COLUMNS */ /*************************************************************/ #container {z-index: 500; position: relative;} #main .mod_article {} #main .mod_article .inside {width: 1160px; margin: 0 auto;} #main .rs-columns.flexbox {display: flex;} #main .rs-column .leftbottom {position: absolute; bottom: 0;} #main .rs-column .leftbottom p {font-size: 40px; line-height: 47px; color: #A4A7A9;} #main .ce_accordion {margin:0; padding:16px 0 4px 0; width:100%; clear:both;} body .toggler {background:#d8d8d8; color:#1D619D; margin:0; padding:23px 15px 24px 30px; cursor:pointer; transition: all 0.1s;} body .toggler:hover {background:#1D619D; color:#fff; transition: all 0.1s; margin:0 0 0 0;} body .toggler.active {background:#1D619D; color:#fff; transition: all 0.1s; margin:0 0 0 0;} .accordion {padding:0; padding:6px 0 0 0; width:966px; margin:0 auto;} .accordion .image_container {} .ce_accordion .toggler {background:#1D619D; color:#fff; border-radius: 4px;} .ce_accordion .toggler:hover {background:#71B294; color:#fff;} .ce_accordion .toggler.active {background:#71B294; color:#fff;} body .toggler .ui-icon {padding:0; background:url(../../files/data/graphics/ico-arrow-down-white.svg) right top no-repeat; float:right; width:25px; height:25px;} body .toggler.active .ui-icon {padding:0; background:url(../../files/data/graphics/ico-arrow-up-white.svg) right top no-repeat; float:right; width:25px; height:25px;} body .toggler:hover .ui-icon {padding:0; background:url(../../files/data/graphics/ico-arrow-down-white.svg) right top no-repeat; float:right; width:25px; height:25px;} body .toggler.active:hover .ui-icon {padding:0; background:url(../../files/data/graphics/ico-arrow-up-white.svg) right top no-repeat; float:right; width:25px; height:25px;} /* ROCKSOLIDCOLUMNS - 2 SPALTEN */ #container .rs-columns {clear:both; display:inline-block; width:100%; margin:0 !important; padding:0 !important;} #container .rs-columns .rs-column {float:left; width: 100%; margin:0; padding:0;} #container .rs-columns .rs-column.-large-col-2-1 {width: 48.62068965517241%; margin:0 2.758620689655172% 0 0 !important;} #container .rs-columns .rs-column.-large-col-3-1 {width: 31.55172413793103% !important; margin:0 2.672413793103448% 2.758620689655172% 0 !important;} #container .rs-columns.col-30-70 .rs-column.-large-col-2-1 {width: 31.55172413793103% !important; margin:0 2.672413793103448% 2.758620689655172% 0 !important;} #container .rs-columns.col-30-70 .rs-column.-large-col-2-1.-large-last {width: 65.77586206896552% !important; margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns .rs-column.-large-col-4-1 {width: 22.93103448275862% !important; margin:0 2.758620689655172% 2.758620689655172% 0 !important;} #container .rs-columns.uek-leiterinnen .rs-column.-large-col-4-1 {} #container .rs-columns .rs-column.-large-first {clear: left;} #container .rs-columns .rs-column.-large-last {margin: 0 !important;} #container .rs-columns .rs-column.-large-first-row {margin-top: 0;} #container .rs-columns.uek-leiterinnen .rs-column.-large-first {clear: left;} #container .rs-columns.uek-leiterinnen .rs-column.-large-last {margin: 0 0 2.758620689655172% 0 !important;} #container .rs-columns.uek-leiterinnen .rs-column.-large-first-row {margin-top: 0;} #container .rs-columns.kontaktboxen h3 {padding: 8px 0 8px 12px; background:#71B294; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom:1px solid #d8d8d8;} #container h3.kontaktboxen {padding: 8px 0 8px 12px; background:#71B294; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom:1px solid #d8d8d8;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 {background:#f5f5f5; margin:0 2.758620689655172% 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .textcontainer, #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .rte {padding:0 12px;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1.-large-last {margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 {background:#f5f5f5; margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1 { margin:0 2.672413793103448% 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1.-large-last {margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 .textcontainer, #container .rs-columns.kontaktboxen.col-30-70 .rte {padding:0 12px;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .ce_text, #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .content-text {height:320px;} #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1 .ce_text, #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1 .content-text {height:auto;} #container .accordion .rs-columns {padding:0 0 8px 0 !important; margin:0 0 0 0 !important; border-bottom:1px solid #d8d8d8;} img {vertical-align:bottom;} #main .mod_article {background-color: #fff; padding: 50px 0 70px 0;} #main .mod_article.grau {background:#f5f5f5;} #main .mod_article.kontakt {background:#1D619D; height:256px;} .ce_player {max-width: 100%; height: auto;} .ce_player .video_container {} .ce_player .video_container video {max-width: 100%;} .content-player {max-width: 100%; height: auto;} .content-player figure {} .content-player figure video {max-width: 100%;} input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button { align-items: flex-start; text-align: center; cursor:pointer; color: buttontext; background-color:none; box-sizing: border-box; padding: 0; border-width: 2px; border-style: outset; border-color: buttonface; border-image: initial; border:none; } .aswiper-button-prev {cursor: pointer; position:absolute; left:-65px; top:130px; width:44px; height:44px; background:url(../../files/data/graphics/ico-prev.svg) left top no-repeat;} .aswiper-button-next {cursor: pointer; position:absolute; right:-65px; top:130px; width:44px; height:44px; background:url(../../files/data/graphics/ico-next.svg) right top no-repeat;} .aswiper-button-prev svg, .aswiper-button-next svg {display:none;} .swiper {overflow: visible;} .swiper .extrawrapper {overflow: hidden;} #main .swiper .content-text {width:270px; height:320px; border-radius: 4px; background:#fff; padding:0; margin:0 10px;} #main .swiper .content-text figure {height:125px !important; padding:10px 15px 0 15px; width:240px; margin:0; display: flex; align-items: center; justify-content: center; overflow:hidden; } #main .swiper .content-text figure img {width:100% !important; height:auto !important; margin:0; padding:0;} #main .swiper .content-text .rte {padding:15px; margin:0; display:inline-block;} /*testimonialslider*/ #main .mod_article#testimonials {padding: 100px 0 80px 0;} #main .mod_article#testimonials .inside {width: 94%; padding: 0 3%; max-width: 966px; position: relative;} #main .mod_article#testimonials-xy {padding: 100px 0 80px 0;} #main .mod_article#testimonials-xy .inside {width: 94%; padding: 0 3%; max-width: 966px; position: relative;} #main .mod_article#testimonials-lazic-stanko {padding: 100px 0 80px 0;} #main .mod_article#testimonials-lazic-stanko .inside {width: 94%; padding: 0 3%; max-width: 966px; position: relative;} #main .mod_article#testimonials-sinderela-ben-aziza {padding: 100px 0 80px 0;} #main .mod_article#testimonials-sinderela-ben-aziza .inside {width: 94%; padding: 0 3%; max-width: 966px; position: relative;} #main .content-swiper.testimonials .content-text {width: 100%; height: auto; margin: 0; display: inline-block;} #main .content-swiper.testimonials .content-text figure {height: auto !important; padding: 0; width: 40%; display: inline-block; float: right;} #main .content-swiper.testimonials .content-text .rte {display: inline-block; width: 55%; box-sizing: border-box; padding: 0 0 0 95px; float: left; background: url(../../files/data/graphics/quotes.svg) left top no-repeat;} #main .content-swiper.testimonials .content-text p {margin-top: 0;} #main .content-swiper.testimonials .slick-container {position: static;} #main .slick.testimonials .slick-dots {margin-bottom: 0; text-align: center; margin-top: 30px;} #main .slick.testimonials .slick-dots li {cursor: pointer; display: inline-block; margin: 0 7px; width: 15px; height: 15px; border-radius: 20px; background: #DBDBDB; transition: background 0.3s ease;} #main .slick.testimonials .slick-dots li:hover, #main .slick.testimonials .slick-dots li.slick-active {background: #1D619D;} #main .slick.testimonials .slick-dots li button {display: none;} /*Form*/ #container .formbody input {-webkit-appearance:none;} #container .formbody button {-webkit-appearance:none;} #container .ce_form {margin-top: 40px; width: 50%; margin-right: auto; margin-left: auto; clear: both;} #container .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; font-size: 1.6rem; display: inline-block; float: left;} #container .formbody input {width: 96%; padding:2%; font-size: 1.6rem; margin-bottom: 5px; border:none; background-color: rgba(225,225,225,0.9);} #container .formbody textarea {width: 96%; padding:2%; font-size: 1.6rem; border: none; margin-bottom: 4px; background-color: rgba(225,225,225,0.9);} #container .formbody .submit {background-color: #1D619D; border:none; margin-top: 7px; padding: 5px 0; color: #fff; margin-left: 0; width: 200px;} #container .formbody select {width: 100%; padding:1%; font-size: 1.6rem; margin-bottom: 15px; border:none; background-color: rgba(225,225,225,0.9);} #container .formbody fieldset {margin-bottom: 10px;} #container .formbody fieldset legend {font-size: 1.6rem; margin-bottom: 5px;} #container .formbody fieldset span {width:100%; float: left;} #container .formbody fieldset span input {float: left; width: 5%; height: 26px;} #container .formbody fieldset span label {padding-top: 0; width: 95%;} #container .formbody .explanation p {font-size: 1.6rem; line-height: 1.4em;} #container .formbody .widget-captcha {margin-bottom: 40px;} #container .formbody .widget-captcha input {margin-bottom: 5px;} #container .formbody .widget-captcha span {width: 100%; float: left; font-size: 1.6rem;} #container .formbody .widget-captcha label span.mandatory {width: auto; float: none;} #container .formbody .widget-checkbox input {-webkit-appearance:checkbox;} #container .formbody .widget-dropzone .dropzone {clear: both;} body #mc_embed_signup {font: inherit;} body #mc_embed_signup form {padding: 0;} body #mc_embed_signup .indicates-required {display: none;} body #mc_embed_signup .asterisk {top: 0; font-size: 100%;} body #mc_embed_signup .mc-field-group label {font-size: inherit; line-height: inherit; display: block; width: 100%; margin: 0px 0 10px 0;} body #mc_embed_signup .mc-field-group input {font-size: inherit; line-height: inherit; width: 100%; box-sizing: border-box; padding: 10px; background: #f5f5f5; border: 1px solid #d8d8d8; border-radius: 4px;} body #mc_embed_signup .brandingLogo {display: none;} body #mc_embed_signup .foot {height: auto;} body #mc_embed_signup .button {background-color: #1D619D; color: #fff; border-radius: 4px;} body #mc_embed_signup .button:hover {background-color: #71B294;} .ce_hyperlink.nlabmeldung a, .content-hyperlink.nlabmeldung a {cursor: pointer; width: auto; border-radius: 4px; display: inline-block; font-size: 15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px;} .ce_hyperlink.nlabmeldung a:hover, .content-hyperlink.nlabmeldung a:hover {background-color: #71B294; color: #fff;} /* FOOTER */ /*************************************************************/ .mod_article#fusszeile {padding: 12px 0 0 0; height:60px; background:#71B294; color:#fff; font-size:1.5rem; line-height:2.2rem;} .mod_article#fusszeile a {color: #fff;} .mod_article#fusszeile a:hover {text-decoration: underline;} #kontakt a, #kontakt a:link, #kontakt a:visited {color: #fff;} #kontakt a:hover, #kontakt a:active {text-decoration: underline; color:#fff;} /* LIGHTBOX */ /*************************************************************/ #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../../files/data/graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxNext:hover {background: url("../../files/data/graphics/lightbox-next.svg"); width: 35px; position: absolute; right: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../../files/data/graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious:hover {background: url("../../files/data/graphics/lightbox-prev.svg"); width: 35px; position: absolute; left: 15px; height: 45px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../../files/data/graphics/lightbox-close.svg"); width: 35px; position: absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain; z-index:2200;} #cboxCurrent {font-size: 14px;} /* FIXES */ /*************************************************************/ .mod_article.gmaps, .mod_article.gmaps .inside {margin: 0; width: 100%; padding: 0; margin-top: 15px;} .ce_dlh_googlemaps {clear: both;} .dlh_googlemap {width: 100% !important;} /*#cboxLoadedContent {border: none;}*/ /*#cboxLoadedContent .cboxinside {width: 84%; padding: 50px 8%; background: #f7fafc;*/ /* Old browsers */ /*background: -moz-linear-gradient(top, #f7fafc 0%, #c2d7e5 100%);*/ /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, #f7fafc 0%,#c2d7e5 100%);*/ /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, #f7fafc 0%,#c2d7e5 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#c2d7e5',GradientType=0 );*/ /* IE6-9 */} /*#cboxLoadedContent::-webkit-scrollbar-track*/ /*{*/ /* background-color: #f7fafc;*/ /*}*/ /*#cboxLoadedContent::-webkit-scrollbar*/ /*{*/ /* width: 5px;*/ /* background-color: #f7fafc;*/ /*}*/ /*#cboxLoadedContent::-webkit-scrollbar-thumb*/ /*{*/ /* background-color: #005691;*/ /* border-radius: 10px;*/ /*}*/ /*#cboxClose {background: url("../../files/data/graphics/icon-cbox-close.svg") center no-repeat red; background-size: contain; width: 35px; height: 35px; top: 20px; right: 20px;}*/ /*body.produktfinder #cboxClose {top: 33px;}*/ /*#cboxNext, #cboxNext:hover {position: fixed; right: 15px; background: url("../../files/data/graphics/icon-cbox-next.svg") center no-repeat; background-size: contain;}*/ /*#cboxPrevious, #cboxPrevious:hover {position: fixed; left: 15px; background: url("../../files/data/graphics/icon-cbox-prev.svg") center no-repeat; background-size: contain;}*/ /*#cboxTitle {display: none !important;}*/ /*#cboxOverlay {background: #D7E8F1;}*/ /*#cboxCurrent {display: none !important;}*/ /*#cboxLoadedContent .ce_text {clear: both; margin-bottom: 30px;}*/ /*#cboxLoadedContent .ce_text .image_container.float_left {width: 250px; display: inline-block; float: left;}*/ /*#cboxLoadedContent .ce_text .image_container.float_left img {box-shadow: 0px 17px 40px 0px rgba(0,0,0,0.3);}*/ /*#cboxLoadedContent .ce_text p {padding-top: 11px; line-height: 25px; font-size: 18px; font-weight: 100;}*/ /*#cboxLoadedContent .ce_text ul {display: inline-block; list-style: none;}*/ /*#cboxLoadedContent .ce_text ul li {font-size: 18px; font-weight: 100; line-height: 25px; padding-left: 15px; background: url(../../files/data/graphics/icon-list.svg) no-repeat top 11px left;}*/ /*#cboxLoadedContent .ce_text h3 {font-size: 20px; font-weight: normal; margin: 0;}*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ .clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; } .invisible { display:none;} :focus {outline: none;} body.ie select::-ms-expand { display: none; } /* Mozilla based browsers */ ::-moz-selection { background-color: #0079B3; color: #fff; } /* Works in Safari */ ::selection { background-color: #0079B3; color: #fff; } /* Works in Opera */ ::-o-selection { background-color: #0079B3; color: #fff; } ::-ms-selection { background-color: #0079B3; color: #fff; } /* Works in Internet Explorer */ ::-webkit-selection { background-color: #0079B3; color: #fff; } #main .ce_text.tablet, #main .content-text.tablet {display:none;} #main .ce_text.mobile, #main .content-text.mobile {display:none;} #main .ce_text.desktop, #main .content-text.desktop {display:block;} #cboxContent #main .mod_article.impressum {padding: 20px 4%; width: 92%; margin-bottom: 0; background:none;} #cboxContent #main .mod_article.impressum .inside {width:100%;} /* MEDIA-QUERIES */ /*************************************************************/ /*@media screen and (min-width: 1600px) {*/ /* #header .inside .headertop {margin: 400px auto 0 auto;}*/ /* #header .inside .slider {height: 400px;}*/ /* #header.fixed {margin-bottom: 400px;}*/ /* #header.fixed .headertop {position: fixed; margin-top: 0;}*/ /*}*/ @media screen and (max-width: 1340px) { .aswiper-button-prev {position:absolute; left:-65px; top:130px; width:44px; height:44px; background:url(../../files/data/graphics/ico-prev.svg) left top no-repeat; display:none !important;} .aswiper-button-next {position:absolute; right:-65px; top:130px; width:44px; height:44px; background:url(../../files/data/graphics/ico-next.svg) right top no-repeat; display:none !important;} } @media screen and (max-width: 1200px) { #header .inside .headertop .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #header .logoslider {padding-left: 0; padding-right: 0;} #main .mod_article .inside {width: 94%; padding-left: 3%; padding-right: 3%;} #cboxContent #main .mod_article.impressum {padding: 20px 4%; width: 92%; margin-bottom: 0; background:none;} #cboxContent #main .mod_article.impressum .inside {width:auto;} #header .headermotiv-text {bottom: 20px;} #main .mod_article#fusszeile p {padding:0; margin:12px 0 4px 0;} #main .ce_image.foot-col-01, #main .content-image.foot-col-01 {width:50%; padding:0 1.724137931034483% 0 0; float:left; clear:none !important;} #main .ce_image.foot-col-01 .image_container, #main .content-image.foot-col-01 figure {width:80% !important; height:auto !important; clear:none !important; padding:16px 0 0 0;} #main .ce_text.foot-col-02, #main .content-text.foot-col-02 {width:24.13793103448276%; padding:0 1.724137931034483% 0 0; float:left; clear:none !important;} #main .ce_text.foot-col-03, #main .content-text.foot-col-03 {width:22.41379310344828%; padding:0 0 0 0; float:left; clear:none !important;} #header .mod_articlelist {float: right; margin-left: 10px;} #header .mod_articlelist li { display: inline-block; vertical-align: top; margin: 0 30px 0 0; padding: 0; } #header.fixed .headertop .mod_articlelist { float: right; margin-top: 45px; } #header .logoslider .image_container, #header .logoslider figure { width: 200px; float: left; } #main div .schmal {width:100%; padding:0;} #main .slick-container .ce_text, #main .swiper .content-text {width:93.10344827586207%; height:320px; background:#fff; padding:0; margin:0 3.448275862068966%;} #main .slick-container .ce_text .image_container, #main .swiper .content-text figure {height:125px !important; padding:10px 5.555555555555556% 0 5.555555555555556%; width:88.88888888888889%; margin:0; display: flex; align-items: center; justify-content: center; overflow:hidden; } #main .slick-container .ce_text .textcontainer, #main .swiper .content-text .rte {padding:15px; margin:0; display:inline-block;} #main .ce_table.schmal, #main .content-table.schmal { width: 100%; margin: 0 auto; } .accordion {padding:0; padding:6px 0 0 0; width:100%; margin:0 auto;} } @media screen and (max-width: 1100px) { #header .mod_articlelist li { display: inline-block; vertical-align: top; margin: 0 24px 0 0; padding: 0; } #main .ce_image.foot-col-01 .image_container, #main .content-image.foot-col-01 figure {width:90% !important; height:auto !important; clear:none !important; padding:16px 0 0 0;} #header .mod_articlelist li a { display: inline-block; padding: 5px 0; margin: 0; font-weight: normal; text-transform: uppercase; font-size: 1.5rem; line-height: 2.1rem; letter-spacing: 0.0em; color: #1D619D; font-family: 'open_sans_condensedbold'; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} } @media screen and (max-width: 1020px) { #header .mod_articlelist li { display: inline-block; vertical-align: top; margin: 0 20px 0 0; padding: 0;} } @media screen and (max-width: 980px) { #wrapper {font-size: 1.6rem; line-height: 2.3rem;} #header .mod_articlelist {float: left; margin:0 auto; display:inline-block; text-align:center; width:100%;} #header .mod_articlelist ul {display:inline-block; margin:0 auto; text-align:left;} #header .mod_articlelist li { display: inline-block; vertical-align: top; margin: 0 20px 0 0; padding: 0;} #header.fixed .headertop .mod_articlelist {float: left; margin:0 auto;} #header .logoslider { position: relative; float: left; padding: 20px 0 0 0; width:100%; text-align:center;} #header .logoslider .image_container, #header .logoslider figure {width: 200px; float:none; display:inline-block; margin:0 auto;} #container .ce_form {width: 100%;} } @media screen and (max-width: 850px) { /* ROCKSOLIDCOLUMNS - SPALTEN */ #container .rs-columns {clear:both; display:inline-block; width:100%; margin:0 !important; padding:0 !important;} #container .rs-columns .rs-column {float:left; width: 100%; margin:0; padding:0;} #container .rs-columns .rs-column.-large-col-2-1 {width: 48.62068965517241%; margin:0 2.758620689655172% 0 0 !important;} #container .rs-columns .rs-column.-large-col-3-1 {width: 31.55172413793103% !important; margin:0 2.672413793103448% 2.758620689655172% 0 !important;} #container .rs-columns.col-30-70 .rs-column.-large-col-2-1 {width: 31.55172413793103% !important; margin:0 2.672413793103448% 2.758620689655172% 0 !important;} #container .rs-columns.col-30-70 .rs-column.-large-col-2-1.-large-last {width: 65.77586206896552% !important; margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns .rs-column.-large-col-4-1 {width: 48.62068965517241% !important; margin:0 2.758620689655172% 2.758620689655172% 0 !important;} #container .rs-columns .rs-column.-large-first {clear: left;} #container .rs-columns .rs-column.-large-last {margin: 0 !important;} #container .rs-columns .rs-column.-large-first-row {margin-top: 0;} #container .rs-columns.uek-leiterinnen .rs-column.-large-first {clear: left;} #container .rs-columns.uek-leiterinnen .rs-column.-large-last {margin-right: 0 !important;} #container .rs-columns.uek-leiterinnen .rs-column.-small-last {margin-right: 0 !important;} #container .rs-columns.uek-leiterinnen .rs-column.-large-first-row {margin-top: 0;} #main .uek-leiterinnen .ce_text, #main .uek-leiterinnen .content-text {height: 480px;} #main .uek-leiterinnen .ce_text .textcontainer, #main .uek-leiterinnen .content-text .textcontainer {padding: 10px 5.639097744360902% 0 5.639097744360902%; width: 88.7218045112782%;} } @media screen and (max-width: 800px) { #main .slick.testimonials .ce_text .textcontainer, #main .content-swiper.testimonials .content-text .rte {width: 100%; padding: 0; float: none; background: none;} #main .slick.testimonials .ce_text .image_container, #main .content-swiper.testimonials .content-text figure {width: 100%; float: none; margin-bottom: 20px; text-align: center;} /* ROCKSOLIDCOLUMNS - SPALTEN */ #container .rs-columns {clear:both; display:inline-block; width:100%; margin:0 !important; padding:0 !important;} #container .rs-columns .rs-column {float:left; width: 100%; margin:0; padding:0;} #container .rs-columns .rs-column.-large-col-3-1 {width: 48.62068965517241% !important; margin:0 2.758620689655172% 2.758620689655172% 0 !important;} #container .rs-columns .rs-column.-large-first {clear: left;} #container .rs-columns .rs-column.-large-last {margin: 0 !important;} #container .rs-columns .rs-column.-large-first-row {margin-top: 0;} #container .rs-columns .rs-column.-large-col-3-1.-large-first {width: 100% !important; margin:0 0 2.758620689655172% 0 !important;} #main .uek-leiterinnen .ce_text .textcontainer, #main .uek-leiterinnen .content-text .rte {padding: 10px 5.639097744360902% 0 5.639097744360902%; width: 88.7218045112782%;} } @media screen and (max-width: 740px) { /* HEADER */ /*************************************************************/ #header {height:90px; margin-bottom: 35vw;} #header .inside .headertop {height: 90px;} #header .inside .slider {margin: 90px auto 0 auto; height: 35vw;} #header.fixed {margin-bottom: 35vw;} .mm-list { font: inherit; font-size:1.4rem !important; line-height:2.3rem;} #nuunnav .mm-list {padding: 0 0 20px 0;} #nuunnav .mod_articlelist {margin-top: 0;} #nuunnav .mod_articlelist ul li.google-map {display: none;} #nuunnav .mod_articlelist ul li.fusszeile {display: none;} #nuunnav .mod_articlelist ul li.testimonials {display: none;} #nuunnav .mod_articlelist ul li.testimonials-xy {display: none;} #nuunnav .mod_articlelist ul li.testimonials-lazic-stanko {display: none;} #nuunnav .mod_articlelist ul li.testimonials-sinderela-ben-aziza {display: none;} #nuunnav ul li:after {display: none !important;} #nuunnav ul li a {display: block; padding: 7px 0; text-align: center; border-bottom:1px dotted #1D619D; font-size:1.6rem !important; line-height:2.3rem; color:#1D619D; background:#f5f5f5;} #nuunnav ul li a:hover {color:#fff; background:#1D619D;} #nuunnav .infotext, #nuunnav .vorlage-videos, #nuunnav .kontakt {display:none;} #cboxLoadedContent .ce_text .image_container.float_left, #cboxLoadedContent .content-text.media--left figure {width: 100%; text-align: center; margin-bottom: 35px;} .ce_text .desktop, .content-text .desktop {display: none;} #header .mobilebtn_ct {display: inline-block; position: fixed; right: 3%; top:20px; width: 36px; height: 36px; z-index: 2500;} #header .mobilebtn_ct .mobilebtn {position:relative; top:0; right:0; display: block; width: 36px; height: 36px; background:url(../../files/data/graphics/ico-responsive-nav.png) center no-repeat; background-size:36px auto; z-index: 2500;} #header .mod_articlelist {display:none;} #nuunnav .ce_image, #nuunnav .content-image {padding:12px 4% 12px 4%; background:#1D619D;} #nuunnav .ce_image .image_container, #nuunnav .content-image figure {width:100%;} #nuunnav img { max-width: 211px; margin: 0 auto; display: block; width: 100% !important; height: auto !important; } #header .logoslider {padding: 15px 0 0 0; width: auto; text-align:left;} #main .ce_table, #main .content-table {overflow:scroll;} #main .ce_table table, #main .content-table table {width: 960px;} #main .mod_article.kontakt { background: #4a4a4a; height: 400px; } #container .kontakt h2 {font-size: 4.6rem; line-height: 5.2rem;} #main .ce_image.foot-col-01, #main .content-image.foot-col-01 {width:100%; padding:0 0 0 0; float:left; clear:none !important;} #main .ce_image.foot-col-01 .image_container, #main .content-image.foot-col-01 figure {width:70% !important; height:auto !important; margin:0 auto; clear:none !important; padding:0 0 0 0;} #main .ce_text.foot-col-02, #main .content-text.foot-col-02 {width:100%; padding:16px 0 0 0; float:left; clear:none !important; text-align:center;} #main .ce_text.foot-col-03, #main .content-text.foot-col-03 {width:100%; padding:16px 0 0 0; float:left; clear:none !important; text-align:center;} .headermotiv-text {display:none;} #main .mod_article.infotext {display:block; text-align:center; background:#fff; text-align: center; color:#1D619D; padding: 30px 0 30px 0;} #main .mod_article.infotext .textcontainer, #main .mod_article.infotext .rte {display: block; clear: both;} #main .mod_article.infotext .image_container, #main .mod_article.infotext figure {max-width: 200px; margin: 0 auto 20px auto; display: block; float: none;} } @media screen and (max-width: 599px) { #header h1, #main .mod_article h1 {font-size:4.2rem; line-height:4.8rem; padding:16px 0 12px 0;} #header h2 {font-size:4.2rem; line-height:4.8rem; padding:16px 0 12px 0;} #container h2 {font-weight:normal; font-size:4.2rem; line-height:4.8rem; color:#1D619D; margin:0; padding:8px 0 32px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} h3 {font-weight:normal; font-size:2.0rem; line-height:2.7rem; margin:0; padding:8px 0 0 0; font-family:'open_sans_condensedbold';} h4 {font-weight:normal; font-size:2.8rem; line-height:3.6rem; margin:0; padding:8px 0 16px 0; font-family:'open_sanssemibold';} #container .kontakt h2 {font-weight:normal; font-size:4.2rem; line-height:4.8rem; color:#fff; margin:0; padding:24px 0 36px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} #main .ce_image.foot-col-01 .image_container, #main .content-image.foot-col-01 figure {width: 90% !important;} .mod_article#fusszeile { padding: 12px 0 0 0; height: 100px; font-size: 1.5rem; line-height: 2.2rem;} #main #fusszeile .ce_text ul, #main #fusszeile .content-text ul {float: left; margin: 0 0 0 0; width:100%;} #main #fusszeile .ce_text ul li, #main #fusszeile .content-text ul li {float: left; padding: 4px 0; width:100%; text-align: center;} #main #fusszeile .ce_text p, #main #fusszeile .content-text p {float: left; text-align: center; width:100%; margin: 4px 0 4px 0;} #container .rs-columns .rs-column.-large-col-3-1 {width: 100% !important; margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns .rs-column.-large-first {clear: left;} #container .rs-columns .rs-column.-large-last {margin: 0 !important;} #container .rs-columns .rs-column.-large-first-row {margin-top: 0;} #container .rs-columns .rs-column.-large-col-3-1.-large-first {width: 100% !important; margin:0 0 2.758620689655172% 0 !important;} #container .accordion .rs-columns .rs-column.-large-col-2-1 {width: 100%; margin:0 0 0 0 !important;} #container .rs-columns.col-30-70 .rs-column.-large-col-2-1 {width: 100% !important; margin:0 0 0 0 !important;} #container .rs-columns.col-30-70 .rs-column.-large-col-2-1.-large-last {width: 100% !important; margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns .rs-column.-large-first {clear: left;} #container .rs-columns .rs-column.-large-last {margin: 0 !important;} #container .rs-columns .rs-column.-large-first-row {margin-top: 0;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 {width:100% !important; background:#f5f5f5; margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .textcontainer, #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .rte {padding:0 12px;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1.-large-last {margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1 { margin:0 0 0 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1.-large-last {margin:0 0 2.758620689655172% 0 !important;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .ce_text, #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .content-text {height: auto; padding-bottom:12px;} #main .uek-leiterinnen .ce_text, #main .uek-leiterinnen .content-text {height: 440px;} } @media screen and (max-width: 450px) { #header .logoslider .image_container, #header .logoslider figure {width: 200px;} #header .logoslider {padding: 20px 0 0 0;} #wrapper {font-size: 1.6rem; line-height: 2.3rem;} #header h1, #main .mod_article h1 {font-size:3.8rem; line-height:4.4rem; padding:16px 0 12px 0;} #header h2 {font-size:3.8rem; line-height:4.4rem; padding:16px 0 12px 0;} #container h2 {font-weight:normal; font-size:3.8rem; line-height:4.4rem; color:#1D619D; margin:0; padding:8px 0 32px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} h3 {font-weight:normal; font-size:2.1rem; line-height:2.8rem; margin:0; padding:8px 0 0 0; font-family:'open_sans_condensedbold';} h4 {font-weight:normal; font-size:2.9rem; line-height:3.7rem; margin:0; padding:8px 0 16px 0; font-family:'open_sanssemibold';} #container .kontakt h2 {font-weight:normal; font-size:3.8rem; line-height:4.4rem; color:#fff; margin:0; padding:24px 0 36px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} #main .ce_image.foot-col-01 .image_container, #main .content-image.foot-col-01 figure {width: 100% !important;} #main .uek-leiterinnen .ce_text, #main .uek-leiterinnen .content-text {height: 420px;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 {width:100% !important; background:#f5f5f5; margin:0 0 5% 0 !important;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .textcontainer, #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1 .rte {padding:0 12px;} #container .rs-columns.kontaktboxen .rs-column.-large-col-2-1.-large-last {margin:0 0 5% 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1 { margin:0 0 0 0 !important;} #container .rs-columns.kontaktboxen.col-30-70 .rs-column.-large-col-2-1.-large-last {margin:0 0 2.758620689655172% 0 !important;} .copyright {display:none;} } @media screen and (max-width: 399px) { #header .logoslider .image_container, #header .logoslider figure { width: 200px; float: none; display: inline-block; margin: 0 auto; } #header .logoslider { padding: 22px 0 0 0; } #wrapper {font-size: 1.6rem; line-height: 2.3rem;} #header h1, #main .mod_article h1 {font-size:3.1rem; line-height:3.7rem; padding:16px 0 12px 0;} #header h2 {font-size:3.1rem; line-height:3.7rem; padding:16px 0 12px 0;} #container h2 {font-weight:normal; font-size:3.1rem; line-height:3.7rem; color:#1D619D; margin:0; padding:8px 0 32px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} h3 {font-weight:normal; font-size:2.1rem; line-height:2.8rem; margin:0; padding:8px 0 0 0; font-family:'open_sans_condensedbold';} h4 {font-weight:normal; font-size:2.9rem; line-height:3.7rem; margin:0; padding:8px 0 16px 0; font-family:'open_sanssemibold';} #container .kontakt h2 {font-weight:normal; font-size:3.1rem; line-height:3.7rem; color:#fff; margin:0; padding:24px 0 36px 0; text-transform:uppercase; text-align:center; font-family:'open_sans_condensedbold';} #container .rs-columns .rs-column.-large-col-2-1 {width: 100%; margin:0 0 5% 0 !important;} #container .rs-columns .rs-column.-large-col-4-1 {width: 100% !important; margin:0 0 5% 0 !important;} #container .rs-columns.uek-leiterinnen .rs-column.-large-last {margin: 0 0 5% 0 !important; } .rs-columns {} #main .uek-leiterinnen .ce_text, #main .uek-leiterinnen .content-text {height: 450px;} .mod_article#fusszeile { font-size: 1.4rem; line-height: 2.1rem;} #main .mod_article.kontakt {height: 350px;} } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 1, 2017 */ @font-face { font-family: 'open_sans_condensedbold'; src: url('../../files/data/style/opensanscondensed-bold-webfont.eot'); src: url('../../files/data/style/opensanscondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensanscondensed-bold-webfont.woff2') format('woff2'), url('../../files/data/style/opensanscondensed-bold-webfont.woff') format('woff'), url('../../files/data/style/opensanscondensed-bold-webfont.ttf') format('truetype'), url('../../files/data/style/opensanscondensed-bold-webfont.svg#open_sans_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_condensedlight'; src: url('../../files/data/style/opensanscondensed-light-webfont.eot'); src: url('../../files/data/style/opensanscondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensanscondensed-light-webfont.woff2') format('woff2'), url('../../files/data/style/opensanscondensed-light-webfont.woff') format('woff'), url('../../files/data/style/opensanscondensed-light-webfont.ttf') format('truetype'), url('../../files/data/style/opensanscondensed-light-webfont.svg#open_sans_condensedlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_condensedLtIt'; src: url('../../files/data/style/opensanscondensed-lightitalic-webfont.eot'); src: url('../../files/data/style/opensanscondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensanscondensed-lightitalic-webfont.woff2') format('woff2'), url('../../files/data/style/opensanscondensed-lightitalic-webfont.woff') format('woff'), url('../../files/data/style/opensanscondensed-lightitalic-webfont.ttf') format('truetype'), url('../../files/data/style/opensanscondensed-lightitalic-webfont.svg#open_sans_condensedLtIt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../../files/data/style/opensans-semibold-webfont.eot'); src: url('../../files/data/style/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-semibold-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-semibold-webfont.woff') format('woff'), url('../../files/data/style/opensans-semibold-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold_italic'; src: url('../../files/data/style/opensans-semibolditalic-webfont.eot'); src: url('../../files/data/style/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-semibolditalic-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-semibolditalic-webfont.woff') format('woff'), url('../../files/data/style/opensans-semibolditalic-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../../files/data/style/opensans-bold-webfont.eot'); src: url('../../files/data/style/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-bold-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-bold-webfont.woff') format('woff'), url('../../files/data/style/opensans-bold-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url('../../files/data/style/opensans-bolditalic-webfont.eot'); src: url('../../files/data/style/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-bolditalic-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-bolditalic-webfont.woff') format('woff'), url('../../files/data/style/opensans-bolditalic-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('../../files/data/style/opensans-italic-webfont.eot'); src: url('../../files/data/style/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-italic-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-italic-webfont.woff') format('woff'), url('../../files/data/style/opensans-italic-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../../files/data/style/opensans-light-webfont.eot'); src: url('../../files/data/style/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-light-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-light-webfont.woff') format('woff'), url('../../files/data/style/opensans-light-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight_italic'; src: url('../../files/data/style/opensans-lightitalic-webfont.eot'); src: url('../../files/data/style/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-lightitalic-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-lightitalic-webfont.woff') format('woff'), url('../../files/data/style/opensans-lightitalic-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../../files/data/style/opensans-regular-webfont.eot'); src: url('../../files/data/style/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/style/opensans-regular-webfont.woff2') format('woff2'), url('../../files/data/style/opensans-regular-webfont.woff') format('woff'), url('../../files/data/style/opensans-regular-webfont.ttf') format('truetype'), url('../../files/data/style/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }