/* Infos zu Var: https://increment.com/frontend/a-users-guide-to-css-variables/ https://stackoverflow.com/questions/51395179/svg-fill-with-css-variables */ /* Die Variablen werden im Projekt definiert (elm_ex_jlm\prj_[pid]\_inc002\_css\ok\ok_fair_config.css) --color-primary: #880562; - #999 = verwendeter Fallback fuer Browser die var nicht unterstuetzen --color-primary-light: #A10674; - #aaa = verwendeter Fallback fuer Browser die var nicht unterstuetzen --color-login-hover: #cc0000; - #999 = verwendeter Fallback fuer Browser die var nicht unterstuetzen --medRect-maxSize: 336px; - 336px = verwendeter Fallback fuer Browser die var nicht unterstuetzen */ table.cfdump_query *{word-break:normal;} :focus-visible { outline: 3px solid blue;} /* Fokusstyle nur bei Tastatur-Navigation per Tabulator-Taste */ body {background-color:#FFF; min-width:40px !important; color:var(--color-text-dark, #333); font-family: var(--font-family,Arial),Arial; font-style: normal;} /*img{ display: block; margin:0; padding:0; max-width:100%; border:0px; height:auto; -ms-interpolation-mode:bicubic;}*/ /*html, body, div { margin:0; padding:0;}*/ html, body {scroll-behavior: smooth;} p{margin-bottom:1em;} a {color:var(--color-text-dark, #333); text-decoration:none; background-color:transparent;} a:hover {color:#000;} h1 {font-family:var(--header-font-family),Arial;} .jl_pageHeader {width: 100%;max-width:1200px;margin:auto;display: block;clear: both;background-color:#fff;position: relative; box-sizing: border-box;} /*.jl_logo_nvMain {padding: 30px 0 30px 33px;display: table; width:100%;} .jl_logo { width: 95px;display: table-cell;} .jl_hd {font-size: 4.0rem; color:#999; color:var(--color-primary, #999); font-weight: bold; vertical-align: middle;padding: 0 50px;display: table-cell;word-break: normal;}*/ .jl_hd {position:relative;margin: 30px 0 30px 0px;width:100%;/*display: table;display:flex;align-items:flex-end; */} .jl_hd_logo {float:left;padding-left: 15px; margin-top:31px;/*vertical-align: bottom;display: table-cell;*/} .jl_hd_logo img {width: 210px; } .jl_hd_info {font-size:1.3rem;color:var(--color-text-dark, #333);float:left; margin:39px 50px 0px 30px;} .jl_hd_title {float:left; font-size: 4.0rem; color:#999; color:var(--color-primary, #999); font-weight: bold; margin:30px 50px 0px 30px; word-break: normal;/*vertical-align: bottom;display: table-cell;*/ font-family:var(--header-font-family),Arial;} .jl_hd_title {display:none;} .jl_hd_zunav {position:absolute;right:15px;top:-30px;} .jl_hd_search{/*float:right;*/position:absolute;right:15px;bottom:18px;width:290px;/*margin-top:58pxmargin-bottom:0px;margin-right:10px;;*/background:#ffffff;-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.4); -moz-box-shadow: rgba(0,0,0,0.4); box-shadow: 0px 0px 12px rgba(0,0,0,0.4); border-radius:0; border-radius:var(--corner-radius, 0);} /* Zusatznavigation Start (Sprachauswahl, My.Messe) */ .jl_hd_zunav .list-inline { padding-left: 0; list-style: none; } .jl_hd_zunav ul.list-inline { margin-top: 0; /*margin-bottom: 1rem;*/ } .jl_hd_zunav .list-inline-item { margin-right: 10px; display: inline-block; } .jl_hd_zunav button, .jl_hd_zunav html [type="button"] { -webkit-appearance: button; } .jl_hd_zunav .list-inline-item btn{ cursor: pointer; } .jl_hd_zunav .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; } .jl_hd_zunav .btn-min { font-size: 1.2rem; color: var(--color-text-light, #999); padding: 0; background: transparent; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .jl_hd_zunav .dropdown-menu { box-shadow: 0 0 12px rgba(51,51,51,0.2); padding: 5px 0; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: var(--color-text-dark, #333); text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0,0,0,0.15); border-radius: 0; } .jl_hd_zunav .list-inline-item.language-switch .dropdown-menu { min-width: 0; } .jl_hd_zunav .dropdown-item { display: block; width: 100%; padding: 0 0; clear: both; font-weight: 400; color: var(--color-text-light, #999); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .jl_hd_zunav .dropdown-menu .dropdown-item.selected::after { position: relative; content: "\2714"; margin-left: 6px; font-size: 1rem; top: -2px; } .jl_hd_zunav .dropdown-menu a { padding: 3px 10px; white-space: nowrap; font-size: 1.2rem; line-height: 1.8rem; } .jl_hd_zunav .dropdown-menu a:hover { color:#999; color:var(--color-primary, #999); } .jl_hd_zunav{/*float:right;*/} /* my nav */ .jl_hd_zunav .jl_hd_my{float:right;/*padding:12px 10px 0px 0px;*/} .jl_hd_zunav .jl_hd_my{/*position:absolute;*/right:0;top:0px;} .jl_hd_zunav .jl_mynav{position:relative;} .jl_hd_zunav .jl_mynav .list-inline{margin-top:10px;} .jl_hd_zunav .jl_mynav ul{list-style:none} .jl_hd_zunav .jl_hd_my .jl_mynav .navLev2{margin-left:0px;} .jl_hd_zunav .jl_hd_my .jl_mynav .navLev3{margin-left:15px;} /* Ende my nav */ /* Languagenav */ .jl_hd_zunav .jl_hd_lng{float:right;/*padding:12px 10px 0px 0px;*/} .jl_hd_zunav .jl_hd_lng{/*position:absolute;*/right:0;top:0px;} .jl_hd_zunav .jl_lngnav{position:relative;} .jl_hd_zunav .jl_lngnav .list-inline{margin-top:10px;} /* ENDE Languagenav */ /* Alternative Languagenav ohne Dropdown (bei "elm_dropdownForLngSwitch is 0") */ /*.jl_hd_lng{float:right;padding:12px 10px 0px 0px;} .jl_lngnav{position:relative;}*/ .jl_lngnav .jl_lngi{float:left;padding-top:1px;} .jl_lngnav ul.jl_lngnavmenu, .jl_lngnav ul.jl_lngsnavmenu { list-style-type: none;margin:0px; padding:0px; overflow: hidden;float:left;} .jl_lngnav ul.jl_lngnavmenu li, .jl_lngnav ul.jl_lngsnavmenu li{ float:left;} .jl_lngnav ul.jl_lngnavmenu {margin-right:10px;} .jl_lngspointbreak{padding-top:12px;} .jl_lngnavmenu li a {text-decoration:none;overflow:hidden;display:block; position: relative;line-height:33px;background-color:transparent;} .jl_lngnavmenu li a {color:transparent;font-size:1px;padding:2px 0px 2px 13px;} .jl_lngsnavmenu li a{color:var(--color-text-light, #999);padding:2px 4px;font-size:1.166666666666667em;/* 14px / 12px */} /*.jl_lngmitem{background:url("../../_images/view/icons/lng_icon.png") no-repeat 1px 10px;cursor:Inherit;position:relative;}*/ .jl_lngmitem{cursor:inherit;position:relative;} .jl_lngmitem::before { content: ""; position:absolute; left:0px; top:10px; width:15px; height:15px; background: #bebebe; mask-image: url("data:image/svg+xml;charset=UTF-8, 747_world"); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, 747_world"); } .jl_lngsmitemakt{color:var(--color-primary, #999) !important;background-color:transparent;} .jl_lngsnavmenu li a.jl_lngsmitem:hover{color:var(--color-primary, #999) !important;} .jl_lngparent{border-top: 1px solid #fff;} /* ENDE Alternative Languagenav ohne Dropdown*/ /* Zusatznavigation Ende */ .jl_nvMain_bar {width: 100%;margin:auto;display: block;clear: both; background-color:#999; background-color:var(--color-primary, #999);position: relative; box-sizing: border-box;} /* Navigation */ /*.jl_micon {width:40px;height:40px;display:none;float:right;margin-top:50px;background-color: #fff;}*/ .jl_micon {width:100%;height:40px;display:none; background-color:#999; background-color: var(--color-primary, #999);} .jl_nvMain {width: 100%;max-width:1200px;padding-left:5px; padding-right:5px; margin:auto;display: block;clear: both; background-color:#999; background-color:var(--color-primary, #999);position: relative; box-sizing: border-box;} .jl_nvMain ul { list-style-type: none; margin:auto;overflow: hidden;white-space: nowrap;} /* Footer Klassen */ .jl_nvFooter {width: 100%;margin:auto;display: block;clear: both; background-color:#999; background-color:var(--color-primary, #999);position: relative; box-sizing: border-box;} .jl_nvFooter ul { list-style-type: none; margin:auto; padding:unset; overflow: hidden; white-space: nowrap; width: max-content;justify-content: center;} .footer__scroll-to-top {display: none;position: fixed;bottom: 30px;right: 15px;z-index: 1010; border-color: #999; border: 1px solid var(--color-primary, #999);border-radius: 50%;background: #fff;cursor: pointer;height: 50px;width: 50px;box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.4);-webkit-transition: -webkit-transform .8s ease-in-out;transition: -webkit-transform .8s ease-in-out;transition: transform .8s ease-in-out;transition: transform .8s ease-in-out,-webkit-transform .8s ease-in-out} .footer__scroll-to-top:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg)} .footer__scroll-to-top i {color: #999; color: var(--color-primary, #999);height: 20px;width: 20px;position: absolute;left: 50%;top: 56%;margin-left: -10px;margin-top: -10px;font-size: 2rem;-webkit-transform: rotate(90deg);transform: rotate(90deg)} /* Ende Footer Klassen */ .jl_nvMain .jl_nvLev1 {display: block;} .jl_nvMain .jl_nvLev1 ul {position: absolute;margin: 0;padding: 0;width:100%;max-width:1280px;left:0px; z-index: 1000;} .jl_nvMain .jl_nvLev1 ul li {float:none;} .jl_nvMain .jl_nvLev1 li {float: left;} .jl_nvMain .jl_nvLev1 li a {text-decoration: none;overflow: hidden;display: block;font-size: 1.7rem;padding: 4px 10px;line-height: 36px} .jl_nvMain .jl_nvLev1 li a.navLink {background-color: #999; background-color: var(--color-primary, #999);color:#fff;} .jl_nvMain .jl_nvLev1 li:hover > a.navLink, .jl_nvMain .jl_nvLev1 li a.nvActive {background-color: #fff; color:#999; color:var(--color-primary, #999); margin-top: 4px; padding-top: 0px; box-shadow: 0 0 0px 0px #fff, 6px 0 6px -4px rgba(0, 0, 0, 0.25), -6px 0 6px -4px rgba(0, 0, 0, 0.25); color: var(--color-text-dark, #333); } .jl_nvMain .jl_nvLev1 li:hover ul.jl_nvLev2 {display:block;background-color: #fff;width:100%;padding: 0 40px; } .jl_nvMain .jl_nvLev1 li a.nvActive {} .jl_nvMain .jl_nvLev2 {display: none;} .jl_nvMain .jl_nvLev2 li a.navLink {background-color: #fff;color:var(--color-text-dark, #333);} .jl_nvFooter .jl_nvLev1 {display: flex;} .jl_nvFooter .jl_nvLev1 li {float: left;} .jl_nvFooter .jl_nvLev1 li a {text-decoration: none;overflow: hidden;display: block;font-size: 1.7rem;padding: 4px 10px;line-height: 3.6rem} .jl_nvFooter .jl_nvLev1 li a.navLink {background-color: #999; background-color: var(--color-primary, #999);color:#fff;} /*.jl_nvFooter .jl_nvLev1 li:hover > a.navLink {background-color: #fff; color: #999; color:var(--color-primary, #999);} .jl_nvFooter .jl_nvLev1 li a.nvActive {background-color: #fff; color: #999; color:var(--color-primary, #999);}*/ /* Ende Navigation */ /* Suchfeld Header */ .jl_hd_search button.search_bttn{ float: left; margin:10px; background-image: url(../../_images/view/ok/elements/search_color.png); background-size:cover; background-color: transparent !important; width:20px; height:20px; display: block; border:none; cursor:pointer; } .jl_hd_search input.search_input{ float: left; margin:5px 0 5px 0; height: 30px; width:238px; display: inline-block; font-size:1.8rem; color: var(--color-text-light, #999); border:none; } .jl_hd_search button.search_reset{ float:left; margin:10px 10px 10px -20px; background-color:#fff; background-image: url(../../_images/view/ok/elements/close_color.png); background-size:16px 16px; background-repeat:no-repeat; background-position:center center; height:20px; width:20px; display:none; border:none; cursor:pointer; } .jl_hd_search button.active{ display:block; } .jl_hd_search input.search_input:focus{ outline: none; } #jl_contentArea {min-height:calc(100vh - 200px);} #jl_contentArea > .pb_s .ce_noContent{max-width:1200px;font-family: var(--font-family,Arial),Arial;font-size:1.6rem;} .fancybox-inner #jl_contentArea {min-height:auto;} .pb_ce.ce_fsx_hidden{display:none;} .ce_head h1 {font-weight:normal; font-size:3.8rem; line-height:5.0rem; margin-block-end:0;margin-top:0px;} .fancybox-inner .ce_head h1 {font-weight:bold; font-size:2.4rem; line-height:3.0rem; margin-block-end:0;margin-top:0px;} .ct_ti div, .ct_ti p, .ct_ti span {font-family: var(--font-family,Arial),Arial;} .ct_tx div, .ct_tx p, .ct_tx span {font-family: var(--font-family,Arial),Arial;} .ce_head, .ce_head p, .ce_head span {font-weight:normal; font-size:3.8rem;} .ce_cntnt, .ce_cntnt p, .ce_cntnt span, .ce_cntnt a {font-weight:normal; font-size:1.8rem;} .ce_text b, .ce_text strong {font-weight:bold;} .ce_topic h2 {font-size:1.2rem; color: #999; color:var(--color-text-light, #999);} .ce_head h3 {font-size:2.4rem;padding-bottom:10px;} .ce_text a, .wrp_texts a {color: #999; color:var(--color-primary, #999);} .ce_text ul{list-style-position: outside;margin-left:23px;} /*.ce_text ul{list-style-position: inside;}*/ .ce_text ul.icon_check{list-style-position: inside; margin-left:0;} .ce_text ul.icon_check {list-style-type: none;} .ce_text ul.icon_check li{ background-image:url(../../_images/view/ok/icons/icon_check.png); background-repeat:no-repeat; background-position: 0 8px; background-size: 16px auto; padding-left:25px; } .pg_ff_close, .ce_infClose { position:absolute; top:15px; right:15px; background-color:transparent; background-image: url(../../_images/view/ok/elements/close_thin_color.png); background-size:20px 20px; background-repeat:no-repeat; background-position:center center; height:20px; width:20px; border:none; cursor:pointer; z-index:50; } .ce_red div, .ce_red p, .ce_red span {color:#fff;} .ce_cGrn div, .ce_cGrn p, .ce_cGrn span {color:#fff;} .ce_shd, .mo_shd { /*-webkit-box-shadow: 7px 7px 16px -8px rgba(0,0,0,0.53); -moz-box-shadow: 7px 7px 16px -8px rgba(0,0,0,0.53); box-shadow: 7px 7px 16px -8px rgba(0,0,0,0.53);*/ /*-webkit-box-shadow: 0px 0px 12px #00000040; -moz-box-shadow: 0px 0px 12px #00000040; box-shadow: 0px 0px 12px #00000040;*/ -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.4); -moz-box-shadow: rgba(0,0,0,0.4); box-shadow: 0px 0px 12px rgba(0,0,0,0.4); border-radius:0; border-radius:var(--corner-radius, 0); } .mo_shd .ce_shd {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .ce_brdr, .mo_brdr {border: 1px solid #ddd; border-radius:0; border-radius:var(--corner-radius, 0);} .mo_brdr .ce_brdr {border: none;} .section_fullWidthBackground .ce_brdr{border: none;} .ce_trs, .mo_trs {background-color:transparent;} .ce_blk, .mo_blk {background-color:#000;} .ce_wht, .mo_wht {background-color:#fff;} .ce_gry, .mo_gry {background-color:#eeeeee;} .ce_red, .mo_red {background-color:#ff0000;} .ce_cGrn, .mo_cGrn {background-color:#366735;} .ce_cOcr, .mo_cOcr {background-color:#f67828;} .ce_cMnt, .mo_cMnt {background-color:#00858e;} .ce_blue, .mo_blue {background-color:#2ed1f7;} .ce_yllw, .mo_yllw {background-color:#FFCC47;} .ce_vio, .mo_vio {background-color:#26103f;} .ce_ora, .mo_ora {background-color:#FF6A12;} .ce_clr_prmry {background-color: var(--color-primary,#eee);} .ce_clr_prmry div, .ce_clr_prmry p, .ce_clr_prmry span {color: var(--color-primary-corresponding,#333);} .ce_clr_1 {background-color: var(--color-color1,#eee);} .ce_clr_1 div, .ce_clr_1 p, .ce_clr_1 span {color: var(--color-color1-corresponding,#333);} .ce_clr_2 {background-color: var(--color-color2,#eee);} .ce_clr_2 div, .ce_clr_2 p, .ce_clr_2 span {color: var(--color-color2-corresponding,#333);} .ce_clr_3 {background-color: var(--color-color3,#eee);} .ce_clr_3 div, .ce_clr_3 p, .ce_clr_3 span {color: var(--color-color3-corresponding,#333);} .ce_clr_4 {background-color: var(--color-color4,#eee);} .ce_clr_4 div, .ce_clr_4 p, .ce_clr_4 span {color: var(--color-color4-corresponding,#333);} .ce_clr_5 {background-color: var(--color-color5,#eee);} .ce_clr_5 div, .ce_clr_5 p, .ce_clr_5 span {color: var(--color-color5-corresponding,#333);} .ce_clr_6 {background-color: var(--color-color6,#eee);} .ce_clr_6 div, .ce_clr_6 p, .ce_clr_6 span {color: var(--color-color6-corresponding,#333);} .ce_clr_7 {background-color: var(--color-color7,#eee);} .ce_clr_7 div, .ce_clr_7 p, .ce_clr_7 span {color: var(--color-color7-corresponding,#333);} .ce_clr_8 {background-color: var(--color-color8,#eee);} .ce_clr_8 div, .ce_clr_8 p, .ce_clr_8 span {color: var(--color-color8-corresponding,#333);} .ce_t1 {width:100%; /*max-width:370px;*/} .ce_t2 {width:100%; /*max-width:770px;*/} .ce_hxs {height:150px;} .ce_hs {height:250px;} .ce_hn {height:336px;} .ce_hm {height:394px;} .ce_hl {height:421px;} .ce_hx {height:480px;} .ce_hxl {height:600px;} .pb_mca_medrect .ce_hs {height:290px;} .ce_imgL, .ce_imgR{ display: flex; } .ce_flex {display: flex;} .noPaddingBetween .ce_t1 {/*max-width:400px;*/} .noPaddingBetween .ce_t2 {/*max-width:800px;*/} .noPaddingBetween .ce_t2 .ce_cntnt{width:50%; /*max-width:400px;*/} .noPaddingBetween .ce_t2 .ce_img{width:50%; /*max-width:400px;*/} .noPaddingBetween .ce_t2 .ce_img img{width:100%; /*max-width:400px;*/} /* Container mit Medium Rectangle */ .pb_mca_medrect .ce_t2{width: 100%; /*max-width:870px;*/} .pb_mca_medrect .ct_ti.ce_t2 .ce_cntnt{width:50%; /*max-width:420px;*/} .pb_mca_medrect .ct_ti.ce_t2 .ce_img{width:50%; /*max-width:420px;*/} .pb_mca_medrect .ce_t2 .ce_img img{width:100%; /*max-width:420px;*/} .pb_mca_medrect .cg_bmr .ce_cntnt{padding:0;} .pb_mca_medrect .cg_bmr {max-width:100%;height:auto;} .pb_mca_medrect .cg_bmr img {max-height:336px; max-height:var(--medRect-maxSize, 336px);} /* Anpassung der Höhe an die umgebenden Container */ /* Wenn das Medium Rectangle das mittlere Element eines 3er Grids ist, es mittig ausrichten mit gleichen Abständen nach links und rechts */ .pb_mca_medrect.pb_mcag_1_1_1 .pb_s_contentInner div:nth-child(2) .mo_ad {margin:auto; max-width: 336px; max-width:var(--medRect-maxSize, 336px);} .pb_mca_medrect.pb_mcag_1_1_1 .pb_s_contentInner div:nth-child(2) .mo_ad .mo_header{padding:0;} .pb_mca_medrect.pb_mcag_1_1_1 .pb_s_contentInner div:nth-child(2) .mo_ad .mo_content{margin:0;} /* Wenn das Medium Rectangle das letzte Element eines 3er Grids ist, es rechts ausrichten, damit rechts die Kante bündig ist */ .pb_mca_medrect.pb_mcag_1_1_1 .pb_s_contentInner div:nth-child(3) .mo_ad {display: flex; justify-content: flex-end; flex-wrap: wrap;} .pb_mca_medrect.pb_mcag_1_1_1 .pb_s_contentInner div:nth-child(3) .mo_ad .mo_header{margin: 0 15px; max-width: 336px; max-width: var(--medRect-maxSize, 336px); width: 100%;} .pb_mca_medrect.pb_mcag_1_1_1 .pb_s_contentInner div:nth-child(3) .mo_ad .mo_header .mo_title{display: block; margin-left: -15px;} .pb_mca_medrect.pb_mcag_1_1_1 .pb_s_contentInner div:nth-child(3) .mo_ad .mo_content{max-width: 336px; max-width: var(--medRect-maxSize, 336px);} .ce_pre, .ce_post {display:none;} .ce_cntnt{padding:30px;} .ce_t2 .ce_cntnt {/*width:100%; max-width:370px;*/ float:left; margin:0px; padding:30px;} .ce_hasLink .ce_cntnt{ padding-bottom:70px;} .ce_noPad .ce_cntnt{padding:0px;} .ce_img {overflow:hidden;} .ce_t2 .ce_img {width:100%; /*max-width:370px;*/ float:left;} /*.ce_t1 .ce_img img {width:100%; max-width:370px;} .ce_t2 .ce_img img {width:100%; max-width:370px;}*/ .ce_t1 .ce_img img, .ce_t2 .ce_img img, .ce_t3 .ce_img img{width:100%;} /*.ce_bttn a{color:#999; color:var(--color-primary, #999); text-decoration:none;} .ce_bttn a:hover{ color:#646464; text-decoration:none;}*/ .ce_bttn a{color:var(--color-text-dark, #333); text-decoration:underline;} .ce_bttn a:hover{ color:#999; color:var(--color-primary, #999); text-decoration:underline;} /*.ce_bttn a:after{content:" ›";}*/ /*.ce_bttn a:after{ content: " \EA02"; font-family: va-icons; font-size: 1rem; line-height: 1.2rem; margin-left: 8px; position: relative; top: -2px; display: inline-block; -webkit-transform: translate(0, 0); transform: translate(0, 0); text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased }*/ /* Zurück zur Suche */ .ce_backToList a{font-size:1.4rem;color:var(--color-text-light, #999);} .ce_backToList a:before{content: "« "; font-size:2.1rem;} .ce_ovl .ce_img {width:100%; height:250px; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;} .ce_iRoP .ce_img {background-attachment:fixed;} .ct_im .ce_img {height:100%; display:block; background-position:center; background-repeat:no-repeat;} .cg_nmb div {text-align:center;} /* Banner Medium Rectangle */ .cg_bmr {max-width:336px; max-width:var(--medRect-maxSize, 336px); width:336px; width:var(--medRect-maxSize, 336px); max-height:336px; max-height:var(--medRect-maxSize, 336px); height:336px; height:var(--medRect-maxSize, 336px); float:left;/*margin-right:5px;*/} /* Banner Quicklink */ .cg_bql {width:160px;height:60px;float:left;margin-right:5px;} /*.cg_spc {height:100%}*/ /*.shd {-webkit-box-shadow: 7px 7px 16px -8px rgba(0,0,0,0.53); -moz-box-shadow: 7px 7px 16px -8px rgba(0,0,0,0.53); box-shadow: 7px 7px 16px -8px rgba(0,0,0,0.53);}*/ .shd {-webkit-box-shadow: 0px 0px 12px #00000040; -moz-box-shadow: 0px 0px 12px #00000040; box-shadow: 0px 0px 12px #00000040;} /* Bei Modulen/Contentelementen die einen Schatten besitzen und in einer ModuleContainerArea mit Schatten sind, den Schatten bei diesen entfernen */ .pb_s_content .shd .ce_shd, .pb_s_content .shd .mo_shd{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .brdr {border: 1px solid #dddddd;} /* Ende Test */ /* "Mastermodul" Styles */ .mo_header{ position:relative; padding:0 15px; } .mo_title{ display:inline-block; margin: 0px 0px 30px 0px; /*font-size:2.5rem; line-height:2.5rem;*/ font-size:3.8rem; line-height:3.8rem; font-weight: normal; } .mo_ad .mo_title,.ce_titleAd, body[data-nv="100"] .mo_ad .mo_title{ position:absolute; font-size:1.0rem; line-height:1.0rem; margin-top:-15px; color:var(--color-text-light, #999); display:none; /* Wird sichtbar gemacht wenn Werbung vorhanden ist */ } body[data-nv="100"] .mo_ad .mo_title span {font-weight:normal;} .mo_ad .mo_footer{ position:absolute; font-size:1.0rem; line-height:1.0rem; margin-left:15px; color:var(--color-text-light, #999); display:none; /* Wird sichtbar gemacht wenn Werbung vorhanden ist */ } .mo_ad .cg_blsearch .ce_cntnt{width:100%;} .mo_ad .cg_blsearch .ce_cntnt img{width:100%;} #jl_contentArea > .pb_s.section_fullWidth.ad_Leaderbord .pb_s_content{ margin-top:-20px; } #jl_contentArea > .pb_s.section_fullWidth.ad_Leaderbord .pb_s_content .mo_ad{ margin-top:20px; } #jl_contentArea > .pb_s.section_fullWidth.sec_noSpcTop.ad_Leaderbord .pb_s_content{ margin-top:0px; } #jl_contentArea > .pb_s.section_fullWidth.sec_noSpcTop.ad_Leaderbord .pb_s_content .mo_ad{ margin-top:0px; } #jl_contentArea > .pb_s.section_fullWidth.ad_Leaderbord.ad_commercialBreak{ margin-top:-60px; margin-bottom:20px; } #jl_contentArea > .pb_s.section_fullWidth.ad_Leaderbord.ad_commercialBreak .ce_cntnt{ padding-left:0; padding-right:0; } #jl_contentArea > .pb_s.section_fullWidth.ad_Leaderbord.ad_commercialBreak .ce_titleAd { position: relative; margin: auto; width: 1200px; text-align: right; line-height:2rem; } /*ad_Leaderbord section_fullWidth sec_noSpcTop*/ .mo_alignLeft{ float:left; } .mo_alignRight{ float:right; } .mo_title.mo_alignMiddle{ display:block; } .mo_alignMiddle{ text-align:center; } .mo_link{ /*margin-top:20px;*/ } .mo_linkTop{ position:relative; height: 20px; padding-top:5px; } .mo_linkBottom{ /*padding: 10px 5px 10px 0px;*/ margin-top:20px; } .mo_link.mo_linkBottom a{ margin-bottom:0px; } .mo_link.mo_linkText a{ color: #999; color: var(--color-primary, #999); text-decoration: none; font-size: 1.8rem; margin:0px; } .mo_link.mo_linkText a:after{content:" ›";} .mo_withHeader{} .mo_withoutHeader .mo_header {display:none;} /* um das Padding zu verbergen */ .mo_content{margin:0 14px;} .mo_data{margin:0 -15px;} .ticker_previous, .ticker_next{ display:block; width:24px; height:40px; /*32px;*/ background:url("../../_images/view/ok/elements/arrow-right.png"); background-repeat: no-repeat; /*background-size: auto 22px;*/ background-size: 24px auto; background-position: center; cursor: pointer; z-index:100; } .ticker_previous{ /*background-position:0 41px;*/ transform: rotate(180deg); } .ticker_next{ /*background-position:0 81px;*/ } .mo_tickerHorizontal{ position:relative; } .mo_tickerHorizontal .ticker_wrapper{ /*height: 360px; overflow: hidden;*/ } .mo_tickerMulti .tickerDisplayInfo { font-size:1.4rem; text-align:right; margin-bottom:10px; margin-right:5px; } .mo_tickerHorizontal .ticker_previous, .mo_tickerHorizontal .ticker_next{ position:absolute; /*top:100px;*/ /*top:50%;*/ top:calc(50% - 20px); } .mo_tickerHorizontal .ticker_previous { left:-35px; } .mo_tickerHorizontal .ticker_next{ right:-35px; } .mo_tickerHorizontal .pb_ce{ padding-bottom: 0px; padding-left: 15px; padding-right: 15px; } .mo_tickerHorizontal .pb_ce.pb_ce_group{ display:block; } .mo_tickerHorizontal .pb_ce.pb_ce_group .pb_ce{ position:relative; margin: 0; padding: 0; width: 100% !important; height: auto; display: block; } /* Lightbox mit Navigation */ .mo_lightboxMulti{ position:relative; } .mo_lightboxMulti .lb_infoData{ font-size:2.0rem; /*font-weight:bold;*/ margin-left: 30px; } .mo_lightboxMulti .ticker_previous, .mo_lightboxMulti .ticker_next{ position:absolute; top:calc(50% - 16px); } .mo_lightboxMulti .mo_data{ padding:0 30px; } .mo_lightboxMulti .ticker_previous { left:-15px; } .mo_lightboxMulti .ticker_next{ right:-15px; } .mo_lightboxMulti .ticker_bullets { margin: 10px 30px; display: flex; justify-content: center; column-gap: 5px; } .mo_lightboxMulti .ticker_bullet { display: inline-block; width: 10px; height: 10px; background: #E3E3E3; border-radius: 50%; transition: opacity .2s ease; cursor: pointer; } .mo_lightboxMulti .ticker_bullet:hover, .mo_lightboxMulti .ticker_bullet.active { background: var(--color-primary, #999); } /* --- */ .pb_mg_1 .mo_data .pb_ce.pb_ce_group .pb_ce, .pb_mg_2 .mo_data .pb_ce.pb_ce_group .pb_ce, .pb_mg_3 .mo_data .pb_ce.pb_ce_group .pb_ce, .pb_mg_4 .mo_data .pb_ce.pb_ce_group .pb_ce { margin-top: 30px; } .pb_mg_1 .mo_data .pb_ce.pb_ce_group .pb_ce:nth-child(-n+1), .pb_mg_2 .mo_data .pb_ce.pb_ce_group .pb_ce:nth-child(-n+1), .pb_mg_3 .mo_data .pb_ce.pb_ce_group .pb_ce:nth-child(-n+1), .pb_mg_4 .mo_data .pb_ce.pb_ce_group .pb_ce:nth-child(-n+1) { margin-top: 0; } /* .mo_tickerHorizontal .pb_ce .pb_ce:nth-child(-n+1){ margin-top:0px; } .mo_tickerHorizontal .pb_ce .pb_ce:nth-child(-n+2), .mo_tickerHorizontal .pb_ce .pb_ce:nth-child(-n+3), .mo_tickerHorizontal .pb_ce .pb_ce:nth-child(-n+4),{ margin-top:30px; }*/ .mo_tickerMulti.mo_contentMargin{ padding:30px; } /* Pfeile innerhalb (nicht KeyVisual) */ .mo_arrowsInside .mo_tickerHorizontal.mo_tickerMulti .ticker_previous { left:0px; margin-left:-8px; } .mo_arrowsInside .mo_tickerHorizontal.mo_tickerMulti .ticker_next{ right:0px; margin-right:-8px; } /*.mo_arrowsInside.mo_color .mo_tickerHorizontal.mo_tickerMulti .ticker_previous { margin-left:20px; } .mo_arrowsInside.mo_color .mo_tickerHorizontal.mo_tickerMulti .ticker_next{ margin-right:20px; }*/ .mo_contentMargin{ padding:15px; } /* Moduleinträge mit Flex */ .mo_data { position:relative; display: flex; /* or inline-flex */ align-items: stretch; flex-wrap: wrap; /*margin-bottom: -30px;*/ } .mo_data .pb_ce { /*display: flex;*/ } .mo_data .pb_ce > div { /*padding-bottom:50px; margin-bottom:15px;*/ position:relative; border-radius:0; border-radius:var(--corner-radius, 0); } .mo_data .pb_ce .ce_bttn{ position:absolute; bottom:20px; } /* Stände nach Gruppen */ .ce_boothGroups{display:flex;font-size: 1.6rem;flex-wrap: wrap; align-items: flex-start;} .ce_booth.ce_boothGroup{display:flex;margin-bottom:5px; align-items: flex-start;flex-wrap: wrap;} .ce_booth.ce_boothGroup .ce_boothGroupName, .ce_vrtBooth { display:inline-block; padding: 1px 15px 2px 15px; border:1px solid #aaaaaa; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color:var(--color-text-dark, #333); margin-right:5px; word-wrap:normal; white-space: nowrap; } .ce_booth.ce_boothGroup .ce_boothNo > div{color:var(--color-text-light, #999);margin:0px;margin-top:5px;padding:0 5px;white-space: nowrap;} .ce_booth.ce_boothGroup .ce_boothNo {margin-right:15px;} .ce_booth.ce_boothGroup .ce_boothNo .ce_boothLocationName{padding-right:5px;} .ce_booth.ce_boothGroup .ce_boothNo .ce_boothLocationName:after{content:":";display:inline-block;} .ce_booth.ce_boothGroup .ce_boothNo .ce_boothLocation, .ce_booth.ce_boothGroup .ce_boothNo .ce_boothLocationNos {display:flex;flex-wrap: wrap; align-items: flex-start;} .ce_booth.ce_boothGroup .ce_boothNo .ce_boothLocationNos > div {margin-right:5px; } .ce_booth.ce_boothGroup .ce_boothNo .ce_boothLocationNos > div:after {content:",";display:inline-block;} .ce_booth.ce_boothGroup .ce_boothNo .ce_boothLocationNos > div:last-child:after {content:"";} /* Favoriten Stern ohne Image */ .ce_favi .fav {display:inline-block;} .ce_favi .fav:before{ display: inline-block; position: relative; content: "\2605"; font-size: 27px; margin:auto; color: var(--color-primary, #999); width: 40px; height: 40px; border-style:none; cursor:pointer; text-align:center; vertical-align: middle; } .ce_favi .favAdd:before{ /* https://symbl.cc/de/html-entities/ */ /*content: "\2606";*/ /* outline Stern */ color: #999; } .ce_favi .favRemove:before{ /*content: "\2605"; *//* ausgefuellter Stern */ color: var(--color-primary, #333); } /* Module */ /* ++++++++ Ticker - Vertikale Liste mit Scrollen ++++++++ */ .mo_listVerticalScroll.mo_content{ position:relative; height: 300px; } .mo_listVerticalScroll .mo_data { overflow-x: hidden; overflow-y:hidden; padding:0 15px; height:calc(100% - 45px); padding-right: 0px; margin-right:30px; } .pb_m .mo_listVerticalScroll .mo_data .pb_ce{ padding:5px 0 0 0; margin-top: 5px; border-top:1px solid #999999; } .pb_m .mo_listVerticalScroll .mo_data .pb_ce:first-child{ padding:0 0 0 0; margin-top: 0; border-top:none; } .mo_listVerticalScroll .scroll_up, .mo_listVerticalScroll .scroll_down{ display:block; width:32px; height:32px; background:url("../../_images/view/ok/elements/arrow-right.png"); background-repeat: no-repeat; background-size: auto 20px; background-position: center; cursor: pointer; z-index:100; position:absolute; right: 0px; } .mo_listVerticalScroll .scroll_up{ /*background-position:0 41px;*/ top:10px; transform: rotate(-90deg); } .mo_listVerticalScroll .scroll_down{ /*background-position:0 81px;*/ bottom:60px; transform: rotate(90deg); } /* ++++++++ Ticker - Vertikale Liste ohne Scrollen ++++++++ */ .mo_listVerticalNoScroll.mo_content{ position:relative; } .mo_listVerticalNoScroll .mo_data{ margin-bottom:45px; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0)); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0)); height:calc(100% - 45px); overflow:hidden; } /* IE10+ */ @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mo_listVerticalNoScroll1 .mo_data:after { position: absolute; bottom: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(to top, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0) 80% ); pointer-events: none; /* so the text is still selectable */ } } .pb_m .mo_listVerticalNoScroll .mo_data .pb_ce{ padding:5px 0 0 0; margin: 5px 15px 0 15px; border-top:1px solid #999999; } .pb_m .mo_listVerticalNoScroll .mo_data .pb_ce:first-child{ padding:0 0 0 0; margin-top: 0; border-top:none; } /* Inhaltabstand bei vertikalen Tickern */ .pb_m .mo_listVerticalScroll.mo_contentMargin, .pb_m .mo_listVerticalNoScroll.mo_contentMargin{ padding:20px; } /* Contentstyles in vertikalen Tickern */ .mo_listVerticalNoScroll .ce_cntnt, .mo_listVerticalScroll .ce_cntnt{ /*padding-bottom:0;*/ padding:0px; } .mo_listVerticalNoScroll .ce_hs, .mo_listVerticalScroll .ce_hs, .mo_listVerticalNoScroll .ce_hn, .mo_listVerticalScroll .ce_hn, .mo_listVerticalNoScroll .ce_hm, .mo_listVerticalScroll .ce_hm, .mo_listVerticalNoScroll .ce_hl, .mo_listVerticalScroll .ce_hl, .mo_listVerticalNoScroll .ce_hx, .mo_listVerticalScroll .ce_hx, .mo_listVerticalNoScroll .ce_hxl, .mo_listVerticalScroll .ce_hxl{ height:auto; } .mo_listVerticalNoScroll .mo_linkBottom, .mo_listVerticalScroll .mo_linkBottom{ padding: 0px; bottom:20px; position:absolute; } .mo_listVerticalNoScroll .mo_linkText a, .mo_listVerticalScroll .mo_linkText a{ font-size: 1.8rem; /*font-weight:bold;*/ } .mod_4V3 .ce_head h3, .mod_4V3 .ce_text{ font-size: 1.8rem; line-height: auto; padding:0; } .mod_4V3 .ce_img{ float:left; width: 150px; padding-right:20px; } .mod_4V3 .ce_img img{ height:40px; margin:auto; } .mod_4V3 .pb_ce > div:after{ clear:left; } /* ++++++++ Quicklinks ++++++++ */ .mo_ad_quicklink{ position: relative; margin: 0 15px; border-radius:0; border-radius:var(--corner-radius, 0); } .mo_ad_quicklink .mo_title{ margin:0; } .mo_ad_quicklink.mo_color .mo_title{ margin:0 15px; } .mo_ad_quicklink .mo_title{ display:block; margin-bottom:0px; border-bottom: 1px solid #999999; font-size:1.0rem; line-height:2.5rem; color:var(--color-text-light, #999); } .mo_ad_quicklink .mo_content{ padding:18px; } .mo_ad_quicklink .mo_data .pb_ce{ width:160px; height:60px; overflow-y: hidden; margin-top: 0 !important; padding-bottom: 0px; padding-top: 0px; } .mo_ad_quicklink .mo_data{ padding:0 10px 0px 10px; margin-bottom: 0px; } .mo_ad_quicklink .ce_cntnt { padding: 0px; } .pb_s_content .pb_s_contentInner > div.mo_ad_quicklink.mo_color > div.mo_content{ margin:0 15px; } .mo_ad_quicklink .owl-item{ height:60px; } .mo_ad_quicklink .owl-item img{ max-width:160px; max-height:60px; } .mo_ad_quicklink .owl-carousel .owl-item img{ width:100%; } .mo_ad_quicklink .owl-item .ce_cntnt{ height:60px; display:flex;align-items: center;justify-content: center; } /* Banner */ .mod_6_1 .ce_cntnt, .mod_6_2 .ce_cntnt, .mod_6_4 .ce_cntnt, .mod_6_5 .ce_cntnt{padding:0;} .mod_6_2 .mo_footer.mod_titleAd, .mod_6_4 .mo_footer.mod_titleAd, .mod_6_5 .mo_footer.mod_titleAd {padding:5px;} .mod_6_4 .mo_title{padding-left:5px;} .mo_ad .mo_adTitleRelative.mo_title{position:relative;margin:0;} /* Banner ganze Breite (Hallenplan), Hallenplanausstellerliste mittig setzen */ .mod_6_2 .ce_cntnt, .mod_6_5 .ce_cntnt{display: flex;justify-content: center;} /* Banner nebeneinander */ .mod_6_6 .mo_data {row-gap: 30px; justify-content: space-between;} .mod_6_6 .mo_data.flcl:after {display:none;} .mod_6_6 .mo_data .pb_ce {width:calc((100% - 30px) / 2) !important; margin-top:0; flexgrow:1;} /* mit Default-Breite für zweispaltig */ .mod_6_6 .mo_data:has(.ce_t1) .pb_ce {width:100% !important;} .mod_6_6 .mo_data:has(.ce_t2) .pb_ce {width:calc(100% / 2) !important;} .mod_6_6 .mo_data:has(.ce_t3) .pb_ce {width:calc(100% / 3) !important;} .mod_6_6 .ce_cntnt {padding:0;float:unset;} .mod_6_6 img {width:100%;max-width:550px;margin:auto;} /* ++++++++ KeyVisual - Slider (Home) ++++++++ */ .mo_data .pb_ce .cg_msl .ce_img { height:450px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; background-size: cover; } .mo_data .pb_ce .cg_msl .ce_bttn{position:relative;bottom:0;} .mo_data .pb_ce .cg_msl .ce_img .ce_ovlcntnt{ width: 1230px; margin: auto; padding: 0 30px; position:relative; } /* Textbox auf Slider */ .mo_data .pb_ce .cg_msl .ce_cntnt{ margin-top:80px; padding:33px; background-color:rgba(255, 255, 255, 0.85); max-width:450px; min-width:200px; /*box-shadow: 0px 0px 12px rgba(0,0,0,0.4);*/ border-radius:0; border-radius:var(--corner-radius, 0); } /* Textbox auf Slider mittig positionieren */ /*.mo_data .pb_ce .cg_msl .ce_cntnt{ margin:80px auto 0px auto; }*/ /* Textbox auf Slider rechts positionieren*/ /*.mo_data .pb_ce .cg_msl .ce_cntnt{ position: absolute; right: 30px; }*/ .mo_data .pb_ce .cg_msl .ck_headline{ font-weight:bold; font-size:3.2rem; margin:5px 0px; line-height:4.4rem; hyphens: auto; } .mo_data .pb_ce .cg_msl .ce_bttn { margin-top:20px; } /* ++++++++ KeyVisual - Slider Unterseite ++++++++ */ .mod_1_1 .mo_data .pb_ce .cg_msl .ce_img { height:225px; } .mod_1_1 .mo_data .pb_ce .cg_msl .ce_cntnt{ margin-top:5px; line-height:1.5; } /* ++++++++ KeyVisual - Slider Detailseite ++++++++ */ .mod_1_2 .mo_data .pb_ce .cg_msl .ce_img { height:150px; } .mod_1_2 .mo_data .pb_ce .cg_msl .ce_cntnt{ margin-top:5px; line-height:1.5; } .section_fullWidth .mo_arrowsInside .ticker_previous, .section_fullWidth .mo_arrowsInside .ticker_next{ /* default fallback */ background-color: rgb(255, 255, 255) transparent; /* nice browsers */ background-color: rgba(255, 255, 255, 0.3); } .section_fullWidth .mo_arrowsInside .ticker_previous{left:0px;} .section_fullWidth .mo_arrowsInside .ticker_next{right:0px;} /* ++++++++ Slider mit einem angezeigten Contentelement ++++++++ */ .pb_m .mo_tickerHorizontal.mo_tickerSingle .mo_data .pb_ce{display:none;margin-top:0px;} .pb_m .mo_tickerHorizontal.mo_tickerSingle .mo_data .pb_ce:first-child{display:flex;} .mo_tickerHorizontal .ticker_wrapper{ height: auto; } /* Bullets per default verbergen. Erst anzeigen, wenn die Pfeile nicht mehr angezeigt werden */ .mo_tickerHorizontal .ticker_bullets {display:none;} .mo_tickerHorizontal .ticker_bullets {margin-top:10px;text-align:center;height:1px;} .mo_tickerHorizontal .ticker_bullets > div {display:inline-block;line-height: 5px;} .mo_tickerHorizontal .ticker_bullets > div > span {color:var(--color-text-light, #999);font-size:50px;cursor: pointer;padding:0 10px;} .mo_tickerHorizontal .ticker_bullets > div > span.bullet_active{color: #999; color:var(--color-primary, #999);} /* ++++++++ Teaser ++++++++ */ /* Highlights Premium */ .mod_7 .ce_img, .mod_7 .ce_cntnt{float:left;} .mod_7 .mo_data .pb_ce > div {padding-bottom:0px;} .mod_7 .ce_logo {/*max-width:173px;*/ height:80px;float:right;} .mod_7 .owl-carousel .owl-item .ce_logo img{width:auto;} .mod_7 .ce_logo img {max-height:100%;} .mod_7 .ce_topic h2 {font-size:1.4rem; color:var(--color-text-light, #999);clear:right;padding-top:20px;} .mod_7 .ce_head h3 {font-weight:bold; font-size:2.4rem; } .mod_7 .ce_text {padding-bottom:50px;} .mod_7 .ce_bttn {font-size:1.8rem;} .mod_7 .ce_hasLink .ce_cntnt{padding-bottom: unset;} /* Teaser 1-1 */ .mod_7 .ce_1-1 .ce_img {width:50%; max-height:none; border-radius:0; border-radius:var(--corner-radius, 0) 0 0 var(--corner-radius, 0);} .mod_7 .ce_1-1 .ce_cntnt {width:50%; } /* Teaser 2-1 */ .mod_7 .ce_2-1 .ce_img {width:65.812%;max-height:none; border-radius:0; border-radius:var(--corner-radius, 0) 0 0 var(--corner-radius, 0);} .mod_7 .ce_2-1 .ce_cntnt {width:34.188%; } /* Highlights Standard (Top-Aussteller) */ .mod_8 .pb_ce {width:33.33%; display:-webkit-flex; display:-ms-flexbox; display:flex;} .mod_8 .pb_ce .ce_img {width:100%; background-color:#fff; text-align:center; height:auto; display:flex; border-bottom:1px solid #eee; border-radius:0; border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} .mod_8 .pb_ce .ce_img img {width:100%;} .mod_8 .ce_hl {height:381px;} .mod_8 .pb_ce .ce_hl .ce_img {height:229px;} /*.mod_8 .pb_ce > div {box-shadow: 0px 0px 12px rgba(0,0,0,0.4);}*/ .mod_8 .mo_shd {box-shadow: none;} .mod_8 .mo_shd .pb_ce > div {box-shadow: 0px 0px 12px rgba(0,0,0,0.4);} .mod_8 .mo_brdr {border: none;} .mod_8 .mo_brdr .pb_ce > div {border:1px solid #ddd;} /*.pb_m .mpt .mo_data .pb_ce > div, .pb_m .mpt_shd .mo_data .pb_ce > div{display:block;}*/ .mo_tickerHorizontal .ticker_wrapper.ticker_ceshd, .mo_tickerHorizontal .ticker_wrapper.ticker_cebrdr{ padding: 20px; width: calc(100% + 40px); margin-left: -20px; /*margin-top: -20px;*/ } .mo_tickerHorizontal .ticker_wrapper.ticker_ceshd .pb_ce, .mo_tickerHorizontal .ticker_wrapper.ticker_cebrdr .pb_ce{ /*padding-bottom: 20px;*/ } /* KeyVisual Home */ .mod_1 .ce_img {box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);margin-bottom: 10px;} /* KeyVisual Unterseiten */ .mod_1_1 .ce_img {box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);margin-bottom: 10px;} /* KeyVisual - Slider Detailseite */ .mod_1_2 .ce_img {box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4);margin-bottom: 10px;} /* Ausstellerintro (Detailseite) */ .mod_DTEX2 .ce_cntnt {padding:0px;} .mod_DTEX2 .ce_head {margin:20px 0;} .mod_DTEX2 .ce_dtxl .ce_head {margin-bottom:0;} .mod_DTEX2 .ce_head h1 {font-weight:normal; font-size:3.8rem; line-height:5.0rem; margin-block-end:0;} .mod_DTEX2 .ce_img {max-width:100%; margin-bottom:30px; border: 1px solid #E3E3E3;border-radius:0;border-radius:var(--corner-radius, 0);} .mod_DTEX2 .ce_img img {width:100%;border-radius:0;border-radius:var(--corner-radius, 0);} .mod_DTEX2 .ce_logo {width:auto; min-height:65px; margin:auto 20px auto 0; padding-right:25px; display:flex; background-image:url(../../_images/view/ok/elements/border_grey.png); background-repeat:no-repeat; background-position:100% 50%;} .mod_DTEX2 .ce_logo.noImage { display: none;} .mod_DTEX2 .ce_logo img {max-width:225px; max-height:100px; margin:auto;flex-shrink: 0; align-self: flex-start; margin-right:30px;} .mod_DTEX2 .ce_logo img:last-child {margin-right:0;} .mod_DTEX2 .wrp_booths {padding:0; margin:10px 25px 10px 0;} .mod_DTEX2 .wrp_labels, .mod_DTEX2 .wrp_vrtBooths, .mod_DTEX2 .ce_favi {padding:15px 25px 15px 0; margin:10px 25px 10px 0;} .mod_DTEX2 .ce_favi img {height:40px; width:40px; margin:auto;} .mod_DTEX2 .wrp_labels, .mod_DTEX2 .wrp_vrtBooths, .mod_DTEX2 .ce_booth {background-image:url(../../_images/view/ok/elements/border_grey.png); background-repeat:no-repeat; background-position:100% 50%;} .mod_DTEX2 .ce_booth {padding:0 15px 0 25px;} .mod_DTEX2 .ce_booth:first-child {padding-left:0px;} .mod_DTEX2 .ce_labels > div img {max-height:50px; max-width:90px;} .mod_DTEX2 .ce_vrtBooth {display: flex;align-items: center;} .mod_DTEX2 .wrp_dtls, .mod_DTEX2 .wrp_booths, .mod_DTEX2 .ce_booth, .mod_DTEX2 .ce_labels, .mod_DTEX2 .wrp_vrtBooths, .mod_DTEX2 .ce_favi {min-height:65px; display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_DTEX2 .ce_booth a {line-height:1.8rem; font-size:1.8rem;} .mod_DTEX2 .ce_booth.ce_extH a {color:#999; color:var(--color-primary, #999); font-weight:bold;} .mod_DTEX2 .ce_booth.ce_extM a {color:#999; color:var(--color-primary, #999); font-weight:bold;} .mod_DTEX2 .ce_boothNo, .mod_DTEX2 .ce_boothNo a {color:#999; color:var(--color-primary, #999); font-weight:bold;} .mod_DTEX2 .ce_boothNo > div {float:left; padding:0 10px; margin:10px 0; border-left:1px solid #808080; line-height:1.8rem;} .mod_DTEX2 .ce_boothNo > div:first-child {border-style:none;} .mod_DTEX2 .ce_boothNo, .mod_DTEX2 .ce_boothTy, .mod_DTEX2 .ce_exTy {margin: auto;} .mod_DTEX2 .ce_boothTy img {margin: 8px 0;} .mod_DTEX2 .ce_labels > div {/*float:left; display:flex;*/ padding:5px; margin:auto; } .mod_DTEX2 .wrp_dtls > div:first-child {padding-left:0;} /* andere Anordnung Stände */ /*.mod_DTEX2 .ce_booth {flex-direction: column-reverse;} .mod_DTEX2 .ce_boothNo, .mod_DTEX2 .ce_boothTy {margin:0px auto;} .mod_DTEX2 .ce_boothNo > div {margin:0px;} .mod_DTEX2 .ce_boothNo, .mod_DTEX2 .ce_boothNo a{font-size:2.4rem;} .mod_DTEX2 .wrp_booths .ce_booth:first-child .ce_boothNo, .mod_DTEX2 .wrp_booths .ce_booth:first-child .ce_boothNo a {font-weight:bold;color:#999; color:var(--color-primary, #999);}*/ /* Unternehmensschwerpunkte */ .mod_DTEX5 .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_DTEX5 .ce_img {border-radius:0; border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} /* Top Thema */ .mod_DTEX6 .ce_img, .mod_DTEX6 .ce_cntnt{float:left;} .mod_DTEX6 .pb_ce > div {padding-bottom:0px;} .mod_DTEX6 .ce_topic h2 {font-size:1.4rem; line-height:2.4rem; color:var(--color-text-light, #999);} .mod_DTEX6 .ce_head {font-weight:bold; font-size:2.9rem; margin:10px 0;} .mod_DTEX6 .ce_text {font-size:1.8rem; line-height:1.5em; font-weight:400;} .mod_DTEX6 .ce_bttn {font-size:1.8rem;} .mod_DTEX6 .ce_img {width:50%;max-height:none;border-radius:0; border-radius:var(--corner-radius, 0) 0 0 var(--corner-radius, 0);} .mod_DTEX6 .ce_cntnt {width:50%; } .mod_DTEX6 .ce_hl {height:362px;} /* Projektpraesentation Detailseiten */ .mod_DTEX7 .ce_ovl .ce_img {height:165px;border: 1px solid #ccc;} .mod_DTEX7 .ce_cntnt{ position: absolute;bottom: 0;left: 0;right: 0;background-color: #999; background-color: var(--color-primary, #999);overflow: hidden;width: 100%;height: 0;transition: .5s ease; opacity: 0.85;padding:0 10px;} .mod_DTEX7 .ce_cntnt .ce_topic h2, .mod_DTEX7 .ce_cntnt .ce_head h3 {color: #FFF;} .mod_DTEX7 .ce_cntnt .ce_head h3 {font-size:1.6rem;} .mod_DTEX7 .ce_img:hover .ce_cntnt{height:165px;padding: 10px;} .mod_DTEX7 .owl-carousel .owl-stage-outer{padding-top: 0px;} .mod_DTEX7 .ce_img, .mod_DTEX7 .ce_cntnt{border-radius:0;border-radius:var(--corner-radius, 0);} /* Projektpraesentation, Markenpräsentation */ .mod_10V2 .ce_ovl .ce_img {height:165px; border-radius:0;border-radius:var(--corner-radius, 0);} .mod_10V2 .ce_ovl.P1124_1_3 .ce_img {background-size: initial;} .mod_10V2 .ce_cntnt{ position: absolute;bottom: 0;left: 0;right: 0;background-color: #999; background-color: var(--color-primary, #999);overflow: hidden;width: 100%;height: 0;transition: .5s ease; opacity: 0.85;padding:0 30px;border-radius:0;border-radius:var(--corner-radius, 0);} .mod_10V2 .ce_cntnt .ce_topic h2, .mod_10V2 .ce_cntnt .ce_head h3 {color: #FFF;} .mod_10V2 .ce_cntnt .ce_head h3 {font-size:1.6rem;} .mod_10V2 .ce_img:hover .ce_cntnt{height:165px;padding: 30px;} .mod_10V2 .mo_tickerHorizontal .ticker_wrapper {margin-bottom: 0px;} /* Projektpräsentationen Neuheiten */ .mod_10V3 .pb_ce > div {background:var(--color-primary, #999);} .mod_10V3 .ce_img{border: 1px solid #E3E3E3;} .mod_10V3 .ce_img img{margin: auto; width:100%;} .mod_10V3 .ce_cntnt{background:var(--color-primary, #999);position:relative;padding:30px;} .mod_10V3 .ce_cntnt .ce_topic{min-height:80px;} .mod_10V3 .ce_cntnt .ce_topic h2{color:#ffffff;font-size:2.2rem;margin-bottom:15px;} .mod_10V3 .ce_cntnt .ce_head h3{font-size:1.6rem;font-weight:normal;line-height:1.6rem;color: #ffffff;padding-bottom:0px;} /*.mod_10V3 .ce_labels { position:absolute;right:0;top:-15px;} .mod_10V3 .ce_labels > div { width:auto; display:inline-block; padding: 1px 15px 2px 15px; border:1px solid var(--color-primary, #999); background-color:var(--color-primary, #999); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size:1.8rem; color:#ffffff; top:-17.5rem; } .mod_10V3 .ce_labels span{word-break: normal;} */ /* Projektpräsentation ohne Overflow*/ .mod_PPP .ce_img, .mod_PPP .ce_boxVideo{ border-bottom: 1px solid #E0E0E0 } /* Projektpräsentationen Liste Produkte / Neuheiten */ .mod_PPP2 .ce_img {border: 1px solid #E3E3E3;} .mod_PPP2 .mo_tickerHorizontal .ce_cntnt {padding-bottom:0;} .mod_PPP2 .ce_topic {width:100%;min-height:70px;} .mod_PPP2 .ce_topic h2 {font-size: 2.2rem; font-weight: bold; margin-bottom: 10px; color: var(--color-text-dark, #333); padding-top: 5px; } /*.mod_PPP2 .ce_head {margin-top: auto;}*/ .mod_PPP2 .ce_head h3 {font-size:1.6rem;line-height:1.5;font-weight:normal;margin-bottom: 10px;} .mod_PPP2 .ce_labels { position:absolute;right:0;top:-15px;} .mod_PPP2 .ce_labels > div { width:auto; display:inline-block; padding: 1px 15px 2px 15px; border:1px solid var(--color-primary, #999); background-color:var(--color-primary, #999); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size:1.8rem; color:#ffffff; top:-17.5rem; } .mod_PPP2 .ce_labels span{word-break: normal;} /* Projektpräsentation Kacheln */ .mod_LiEnImgTle .mo_data .pb_ce > div {height:100%;} .mod_LiEnImgTle .mo_data .pb_ce .ce_favi { position: absolute; width: 40px; right: 25px; top: 5px; height:auto; right: 20px; background: rgba(255,255,255,0.5); } .mod_LiEnImgTle .ce_img {border: 1px solid #E3E3E3;border-radius:0; border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} .mod_LiEnImgTle .mo_tickerHorizontal .ce_cntnt {padding-bottom:0;} .mod_LiEnImgTle .ce_topic, .mod_LiEnImgTle .ce_subtopic {width:100%;min-height:70px;} .mod_LiEnImgTle .ce_topic h2, .mod_LiEnImgTle .ce_subtopic {font-size: 2.2rem; font-weight: bold; margin-bottom: 10px; color: var(--color-text-dark, #333); padding-top: 5px; } /*.mod_LiEnImgTle .ce_head {margin-top: auto;}*/ .mod_LiEnImgTle .ce_head h3 {font-size:1.6rem;line-height:1.5;font-weight:normal;margin-bottom: 10px;} .mod_LiEnImgTle .ce_labels { position:absolute;right:0;top:-15px;} .mod_LiEnImgTle .ce_labels > div { width:auto; display:inline-block; padding: 1px 15px 2px 15px; border-color: #999; border:1px solid var(--color-primary, #999); background-color: #999; background-color:var(--color-primary, #999); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size:1.8rem; color:#ffffff; top:-17.5rem; } .mod_LiEnImgTle .ce_labels span{word-break: normal;} /* Projektpräsentation Kategorieauswahl Navigation*/ .ce_categorySelector {margin-top: -20px;margin-bottom:-20px;} .ce_categorySelector .ce_csnv {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0px 0;} .ce_categorySelector .csnv_item {display:inline-block; font-size:1.8rem; line-height:2.4rem; margin:10px 20px 10px 0px;cursor:pointer;} .ce_categorySelector .csnv_item span {color:var(--color-text-light, #999);} .ce_categorySelector .csnv_item.active, .ce_categorySelector .csnv_item.active span {color:#999; color:var(--color-primary, #999); text-decoration:underline;} .ce_categorySelector .ce_csdropdown{display:none;} /* Projektpräsentation nicht in Lightbox*/ .mod_DTIG1, .mod_DTVD1{/*width:740px;*/margin-top:-30px;} .mod_DTIG1 .ce_img img, .mod_DTVD1 .ce_boxVideo{max-width:813px; margin:auto; border:1px solid #E3E3E3;border-radius:0;border-radius:var(--corner-radius, 0);} .mod_DTVD1 .ce_boxVideo .ce_boxVideo-image, .mod_DTVD1 .ce_boxVideo iframe {border-radius:0;border-radius:var(--corner-radius, 0);} .mod_DTIG1 .mo_lightboxMulti .ticker_previous, .mod_DTIG1 .mo_lightboxMulti .ticker_next, .mod_DTVD1 .mo_lightboxMulti .ticker_previous, .mod_DTVD1 .mo_lightboxMulti .ticker_next{top: 255px;} .mod_DTIG1 .mo_lightboxMulti .lb_infoData, .mod_DTVD1 .mo_lightboxMulti .lb_infoData{max-width:813px;display: block;margin: auto;} .mod_DTIG1 .mo_lightboxMulti *, .mod_DTVD1 .mo_lightboxMulti *{background-color: transparent;} .mod_DTIG1 .mo_lightboxMulti .mo_data, .mod_DTVD1 .mo_lightboxMulti .mo_data{margin-top: -35px;} .mod_DTIG1 .ce_cntnt .ce_ctg, .mod_DTVD1 .ce_cntnt .ce_ctg{position:relative;width:100%;text-align:right; font-size:1.4rem; color:#999; color:var(--color-primary, #999);margin-top:-30px;padding-right: calc(50% - 406px) /*== (100% - 813px)/2;*/} .mod_DTIG1 .ce_cntnt .ce_topic h2, .mod_DTVD1 .ce_cntnt .ce_topic h2{width:100%;/*text-align:center;*/ font-size:1.8rem; margin-bottom:30px;margin-top:20px;} .mod_DTIG1 .ce_cntnt .ce_subtopic{width:100%; font-size:1.8rem; margin-bottom:30px;margin-top:20px;} .mod_DTIG1 .ce_cntnt .ce_head h3, .mod_DTVD1 .ce_cntnt .ce_head h3{width:100%;/*text-align:center;*/ font-size:2.4rem;margin-bottom:20px;} .mod_DTIG1 .ce_imgCpt, .mod_DTVD1 .ce_imgCpt{max-width:813px;margin:auto;} .mod_DTIG1 .ce_cntnt, .mod_DTVD1 .ce_cntnt{padding:30px 0px;max-width:813px;margin:auto;} .mod_DTIG1 .ce_cntnt .ce_bttn, .mod_DTVD1 .ce_cntnt .ce_bttn{position:relative; bottom:unset;margin-top:15px;} .mod_DTIG1 .ce_cntnt .ce_text ul, .mod_DTVD1 .ce_cntnt .ce_text ul {list-style-position: outside; padding-left:20px; } .mod_DTIG1 .ce_img .ce_favi, .mod_DTVD1 .ce_video .ce_favi{/*position:absolute;width:100%;text-align:right; margin-top:-35px;*/max-width:813px;margin:auto;text-align:right;} .mod_DTIG1 .ce_t1 .ce_img .ce_favi img, .mod_DTIG1 .ce_t2 .ce_img .ce_favi img, .mod_DTIG1 .ce_t3 .ce_img .ce_favi img, .mod_DTVD1 .ce_t1 .ce_video .ce_favi img, .mod_DTVD1 .ce_t2 .ce_video .ce_favi img, .mod_DTVD1 .ce_t3 .ce_video .ce_favi img{width:40px;display:inline;margin-right:-5px;} .mod_DTVD1 .ce_boxVideo {overflow:visible;} /* Anpassung von anderen Modulen auf der der Detailseite der Praesentationen z.B. 70.1, 70.2 */ /* Anpassung der Module: Zur Ausstellerdetailseite */ /*[data-nv='70.1'] .mod_EXLI .ce_cntnt, [data-nv='70.2'] .mod_EXLI .ce_cntnt, [data-nv='75.1'] .mod_EXLI .ce_cntnt{max-width:813px;margin: auto;margin-top:-30px;padding-left: 0px;padding-top: 0px;} [data-nv='70.1'] .mod_EXLI .ce_bttn, [data-nv='70.2'] .mod_EXLI .ce_bttn, [data-nv='75.1'] .mod_EXLI .ce_bttn{text-align:left;}*/ /* Anpassung Modul: Weitere Informationen */ /*[data-nv='70.1'] .mod_DTIGL .ce_cntnt, [data-nv='70.2'] .mod_DTIGL .ce_cntnt, [data-nv='75.1'] .mod_DTIGL .ce_cntnt{max-width:813px;margin: auto;margin-top:-30px;padding-left: 0px;padding-top: 0px;} [data-nv='70.1'] .mod_DTIGL .ce_bttn, [data-nv='70.2'] .mod_DTIGL .ce_bttn, [data-nv='75.1'] .mod_DTIGL .ce_bttn{text-align:left;}*/ /* Anpassung Modul: Zurueck zur Liste */ /*[data-nv='70.1'] .mod_cctpl .ce_backToList, [data-nv='70.2'] .mod_cctpl .ce_backToList, [data-nv='75.1'] .mod_cctpl .ce_backToList{max-width:813px;margin: auto;}*/ /* Projektpraesentation Lightbox*/ .fancybox-inner #jl_contentArea .mod_DTIG1, .fancybox-inner #jl_contentArea .mod_DTVD1{width:740px;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_img img, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_boxVideo{border:1px solid #E3E3E3;} .fancybox-inner #jl_contentArea .mod_DTIG1 .mo_lightboxMulti .ticker_previous, .fancybox-inner #jl_contentArea .mod_DTIG1 .mo_lightboxMulti .ticker_next, .fancybox-inner #jl_contentArea .mod_DTVD1 .mo_lightboxMulti .ticker_previous, .fancybox-inner #jl_contentArea .mod_DTVD1 .mo_lightboxMulti .ticker_next{top: 180px;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_cntnt .ce_ctg, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_cntnt .ce_ctg{position:absolute;width:100%;text-align:right; font-size:1.2rem; color:#999; color:var(--color-primary, #999);margin-top:-30px;padding-right:0px;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_cntnt .ce_topic h2, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_cntnt .ce_topic h2{text-align:left; font-size:1.2rem; margin-bottom:unset; margin-top:unset;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_cntnt .ce_head h3, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_cntnt .ce_head h3{text-align:left; font-size:2.4rem;margin-bottom:unset;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_cntnt, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_cntnt{padding:30px 0px;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_cntnt .ce_bttn, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_cntnt .ce_bttn{position:relative; bottom:unset;margin-top:15px;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_img .ce_favi, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_video .ce_favi{position:absolute;width:100%;text-align:right; margin-top:-35px;} .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_t1 .ce_img .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_t2 .ce_img .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTIG1 .ce_t3 .ce_img .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_t1 .ce_video .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_t2 .ce_video .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_t3 .ce_video .ce_favi img{width:40px;display:inline;} .fancybox-inner #jl_contentArea .mod_DTVD1 .ce_boxVideo {overflow:visible;} /* Stories Ticker mit Logo im runden Feld */ /*.mod_10V4 .ce_logo { width: 124px; height: 124px; border-radius: 62px; border: 2px solid var(--color-primary, #999); overflow: hidden; margin:auto; margin-bottom:10px; } .mod_10V4 .ce_logo img{ border-radius: 60px; border: 3px solid #fff; } .mod_10V4 .ce_head{ text-align:center; }*/ .mod_10V4 .ce_ovl .ce_img {height:165px; border-radius:0;border-radius:var(--corner-radius, 0);} /*.mod_4_1V5 .ce_ovl.P1124_1_3 .ce_img {background-size: initial;}*/ .mod_10V4 .ce_cntnt{ position: absolute;bottom: 0;left: 0;right: 0; background-color: #999; background-color: var(--color-primary, #999);overflow: hidden;width: 100%;height: 0;transition: .5s ease; opacity: 0.85;padding:0 30px;border-radius:0;border-radius:var(--corner-radius, 0);} .mod_10V4 .ce_cntnt .ce_topic h2, .mod_10V2 .ce_cntnt .ce_head h3 {color: #FFF;} .mod_10V4 .ce_cntnt .ce_head h3 {font-size:1.6rem; color: #FFF;} .mod_10V4 .ce_img:hover .ce_cntnt{height:165px;padding: 30px;} .mod_10V4 .mo_tickerHorizontal .ticker_wrapper {margin-bottom: 0px;} /* ---------------------- IAA ----------------------------*/ /* Projektpräsentation Image-/Videozoom */ .fancybox-inner #jl_contentArea .mod_DTIM1Z .pb_ce, .fancybox-inner #jl_contentArea .mod_DTVD1Z .pb_ce{width:1166px;} .fancybox-inner #jl_contentArea .mod_DTIM1Z .ce_img .ce_favi, .fancybox-inner #jl_contentArea .mod_DTVD1Z .ce_video .ce_favi{position:absolute;width:100%;text-align:right; margin-top:-35px;} .fancybox-inner #jl_contentArea .mod_DTIM1Z .ce_t1 .ce_img .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTIM1Z .ce_t2 .ce_img .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTIM1Z .ce_t3 .ce_img .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTVD1Z .ce_t1 .ce_video .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTVD1Z .ce_t2 .ce_video .ce_favi img, .fancybox-inner #jl_contentArea .mod_DTVD1Z .ce_t3 .ce_video .ce_favi img{width:40px;display:inline;} .fancybox-inner #jl_contentArea .mod_DTIM1Z .mo_lightboxMulti.mo_content, .fancybox-inner #jl_contentArea .mod_DTVD1Z .mo_lightboxMulti.mo_content{margin: 0 30px;} .fancybox-inner #jl_contentArea .mod_DTIM1Z .mo_lightboxMulti.mo_content .ce_cntnt, .fancybox-inner #jl_contentArea .mod_DTVD1Z .mo_lightboxMulti.mo_content .ce_cntnt{padding: 0px;} .fancybox-inner #jl_contentArea .mod_DTIM1Z .mo_lightboxMulti .ticker_previous, .fancybox-inner #jl_contentArea .mod_DTVD1Z .mo_lightboxMulti .ticker_previous {left: -30px;} .fancybox-inner #jl_contentArea .mod_DTIM1Z .mo_lightboxMulti .ticker_next, .fancybox-inner #jl_contentArea .mod_DTVD1Z .mo_lightboxMulti .ticker_next{right: -30px;} /* Video Teaser: Einbindung des Play-Buttons über CSS mit MouseOver */ .mod_DTVD1Z .ce_boxVideo-imagePlay .ce_btn_videoPlay img{ visibility: hidden; } .mod_DTVD1Z .ce_boxVideo-imagePlay { bottom: calc(50% - 75px); left: calc(50% - 75px); } .mod_DTVD1Z .ce_boxVideo-imagePlay .ce_btn_videoPlay{ width:153px;height:153px; background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size:153px 153px; background-repeat:no-repeat; background-position:center center; } .mod_DTVD1Z .ce_boxVideo-imagePlay .ce_btn_videoPlay:hover, .mod_DTVD1Z .ce_ovl .ce_boxVideo:hover .ce_boxVideo-imagePlay .ce_btn_videoPlay{ background-image: url(../../_images/view/ok/elements/play_circle_transparentonwhite.svg); } /* Produkte Detailseite (allgemeiner Teil) */ .mod_DTIG2 .ce_cntnt {padding: 0px;} .mod_DTIG2 .ce_img .ce_favi {position:absolute;width:100%;text-align:right; margin-top:-10px;} .mod_DTIG2 .ce_t1 .ce_img .ce_favi img, .mod_DTIG2 .ce_t2 .ce_img .ce_favi img, .mod_DTIG2 .ce_t3 .ce_img .ce_favi img{width:40px;display:inline;} .mod_DTIG2 .ce_t3 .ce_img .ce_favi img{width:40px;display:inline;} .mod_DTIG2 .ce_labels {position: absolute; right: calc(50% - 380px); top: -15px;} .mod_DTIG2 .ce_labels > div { width: auto; display: inline-block; padding: 1px 15px 2px 15px; border: 1px solid var(--color-primary, #999); background-color: var(--color-primary, #999); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 1.8rem; color: #ffffff; top: -17.5rem; } .mod_DTIG2 .ce_labels span { word-break: normal;} .mod_DTIG2 .ce_img img{max-width:813px;margin:auto;} /* Logo mit Rahmen */ .mod_DTIG2 .pb_ce .ce_logo { position: absolute; left: calc(50% - 66px); margin-top: -155px; width:133px; height:133px; align-items: center; justify-content: center; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; padding: 0px; overflow:hidden; } .mod_DTIG2 .pb_ce .ce_logo img { width:auto; max-height:133px; } .mod_DTIG2 .pb_ce .ce_logo img[src$="pixel.gif"], .mod_DTIG2 .pb_ce .ce_logo[class*="noImage"] { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height:auto; } .mod_DTIG2 .pb_ce .ce_topic{ margin-top:90px; margin-bottom:30px; } .mod_DTIG2 .pb_ce .ce_topic h2 { font-size: 2.2rem; line-height: 1.2; text-align:center; font-weight:normal; } .mod_DTIG2 .pb_ce .ce_head { margin-bottom:60px; } .mod_DTIG2 .pb_ce .ce_head h3 { font-size: 4.5rem; line-height: 1.2; text-align:center; font-weight:normal; } .mod_DTIG2 .pb_ce .ce_text { color:var(--color-text-dark, #333); } /* Produkte Detailseite (Highlights) */ .mod_DTIGH .ce_cntnt {padding: 10px 95px 0 115px;} .mod_DTIGH .ce_text .wrap{border-bottom:1px solid #d1d1d1;padding:18px 0;} .mod_DTIGH .ce_text .wrap:first-child{border-top:1px solid #d1d1d1;} .mod_DTIGH .ce_text .wrap div:first-child{font-size:1.4rem; color:var(--color-text-light, #999);} .mod_DTIGH .ce_text .wrap div:last-child{font-size:2.2rem; font-weight:normal;color:var(--color-text-dark, #333);} /* Produkte Detailseite (Link) */ .mod_DTIGL .mo_content {/*padding:0 110px;*/} .mod_DTIGL .mo_data {display:flex; justify-content: space-between;} .mod_DTIGL .ce_cntnt {padding: 0px;} .mod_DTIGL .ce_hasLink .ce_cntnt {padding-bottom: 0px;} .mod_DTIGL .mo_data .pb_ce .ce_bttn {position: relative;bottom: 0px;} .mod_DTIGL .mo_data .pb_ce .ce_bttn a {font-size:2.2rem; font-weight:normal; color:var(--color-text-dark, #333);word-break: normal;} /* Produkte Detailseite (Bilder) */ .mod_DTIGPP {margin-top:50px;} .mod_DTIGPP .ce_img {position:relative; border: 1px solid #E3E3E3;} .mod_DTIGPP .ce_img:before { content: url("data:image/svg+xml;charset=UTF-8, "); position: absolute; top: 50%; left: 50%; z-index: 1; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; padding: 0; color: #fff; background-color: transparent; border: 0; cursor: pointer; transition: color .3s ease-in-out,transform .3s ease-in-out; } .mod_DTIGPP .ce_img:hover:before { content: url("data:image/svg+xml;charset=UTF-8, "); } .pb_c_3 .mod_DTIGPP .pb_ce {width: 33.333333% !important;margin-top: 0px !important;} /* Produkte Detailseite (Video) */ /* Video Teaser: Einbindung des Play-Buttons über CSS mit MouseOver */ .mod_DTIGVD .ce_boxVideo-imagePlay img { visibility: hidden; } .mod_DTIGVD .ce_boxVideo-imagePlay { background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size: 45px 45px; background-repeat: no-repeat; background-position: center center; } .mod_DTIGVD .ce_boxVideo-imagePlay:hover { background-image: url(../../_images/view/ok/elements/play_circle_transparentonwhite.svg); } .pb_c_3 .mod_DTIGVD .pb_ce {width: 33.333333% !important;margin-top: 0px !important;} /* Produkte Detailseite (Downloads) */ .mod_DTIGD .mo_data {margin: 0; width: 100%; padding: 0 110px;} .mod_DTIGD .pb_ce:first-child {border-top: 1px solid #d1d1d1; margin-top: 0px;} .mod_DTIGD .pb_ce {border-bottom: 1px solid #d1d1d1;padding:0px;} .mod_DTIGD .ce_hasLink .ce_cntnt {padding: 30px 0;} /*.mod_DTIGD .ce_cntnt {padding-top:15px; padding-bottom:15px;}*/ .mod_DTIGD .mo_data .pb_ce .ce_bttn {width:100%;position:relative;bottom:unset;} .mod_DTIGD .ce_bttn a{color:var(--color-text-dark, #333);font-size:2.2rem;font-weight:normal;width:100%;display:block;} .mod_DTIGD .ce_bttn a::after { background: #333; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content:""; position:absolute; right:55px; top:10px; width: 17px; height: 17px; display:inline-block; } .mod_DTIGD .ce_bttn a:hover::after { background: #999; background:var(--color-primary, #999); } .mod_DTIGD .mo_linkBottom.mo_linkButton {margin-top: 10px;text-align:right;} .mod_DTIGD .mo_linkBottom.mo_linkButton a{ display: inline-block; width: auto; padding: 0; /*right: calc(110px + 20px);*/ right: 110px; font-family: inherit; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background: none; transition: none; color: var(--color-text-dark, #333) !important; border-radius: none; margin-top: 20px; font-size:1.8rem !important; font-weight:normal !important; } .mod_DTIGD .mo_linkBottom.mo_linkButton a:hover{ color: #999; color:var(--color-primary, #999) !important; } .mod_DTIGD .mo_link.mo_linkBottom.mo_linkButton a::after { background: #000; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content:""; /*position:absolute; right:-20px; top:4px;*/ position:relative; left:8px; top:0px; width: 12px; height: 12px; display:inline-block; } .mod_DTIGD .mo_link.mo_linkBottom.mo_linkButton a:hover::after { background: #999; background:var(--color-primary, #999); } /* .mod_DTIGD .mo_linkBottom.mo_linkButton a:hover {color:#2ED1F7;} .mod_DTIGD .mo_linkBottom.mo_linkButton a:after{content:'';}*/ /* Produkte Detailseite (Themen) */ .mod_DTIGCLG5 .mo_content{padding:0 15px;} .mod_DTIGCLG5 .mo_data{display:flex;flex-wrap: wrap;} .pb_s.pb_m.pb_c_1 .mod_DTIGCLG5 .pb_ce{width:unset;margin:0;padding:0;} .mod_DTIGCLG5 .pb_ce .ce_cntnt {margin:0;padding:0;} .mod_DTIGCLG5 .ce_cntnt2{display:none;} .mod_DTIGCLG5 .ce_head h2{ padding: 1px 18px 2px 18px; border:1px solid var(--color-primary, #999); background-color:#ffffff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size:1.6rem; color:var(--color-text-dark, #333); margin-right:16px; margin-bottom:16px; } .mod_DTIGCLG5 .ce_head h2 a{color:var(--color-text-dark, #333);font-weight:normal} /* Produkte Detailseite (Kategorien) */ .mod_DTIGCLG2 .ce_path, .mod_DTIGCLG2 .ce_cntnt2{display:none;} .mod_DTIGCLG2 .mo_data {margin: 0; width: 100%; padding: 0 110px;} .mod_DTIGCLG2 .pb_ce:first-child {border-top: 1px solid #d1d1d1; margin-top: 0px;} .mod_DTIGCLG2 .mo_data .pb_ce {border-bottom: 1px solid #d1d1d1;padding:0px;margin-top:0px;} .mod_DTIGCLG2 .ce_cntnt {padding: 30px 0;} .mod_DTIGCLG2 .pb_ce .ce_head h2 a{font-size:2.2rem;font-weight:normal;position:relative;} .mod_DTIGCLG2 .pb_ce .ce_head h2:hover a{color:#999; color:var(--color-primary, #999)} .mod_DTIGCLG2 .pb_ce .ce_head h2 a::after { width:20px; height:2.9rem; vertical-align:middle; content: " "; display:inline-block; background-color:transparent; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size:6px 12px; background-repeat:no-repeat; background-position:center center; } /* ---------------------- IAA Ende----------------------------*/ /* Bild Text Kachel */ .mod_3 .ce_head h1 {font-size: 2.4rem; padding-bottom: 10px;line-height: 2.6rem; font-weight:bold;} .mod_3 .ce_t1 .ce_img {border-radius:0; border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} .mod_3 .ce_t2 .ce_img {border-radius:0; border-radius:var(--corner-radius, 0) 0 0 var(--corner-radius, 0);} .mod_3 .ce_t2.ce_imgR .ce_img {border-radius:0; border-radius:0 var(--corner-radius, 0) var(--corner-radius, 0) 0;} .mod_3 .ce_img.noImage{display:none;} .mod_3 .ce_t2 .ce_cntnt{width:50%;} .mod_3 .ce_t2 .ce_img{width:50%;} .mod_3 .ce_t2 .ce_img{ position:relative;overflow:hidden; /*overflow: hidden; background-image: url(../../media/251/1/F_1201_51/F_1201_51_1_N_ELM_73_1_1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;*/ display: flex; justify-content: center; align-items: center; } .mod_3 .ce_t2 .ce_img img{ /*height:100%;*/ width:100%; /*object-fit: cover; *//*https://stackoverflow.com/questions/37792720/ie-and-edge-fix-for-object-fit-cover*/ /*position: absolute; left: 50%; top: 50%; height: auto; width: auto; min-width: 100.01%; min-height: 100%; transform: translate(-50%,-50%);*/ } /* Text über Bild */ .mod_3 .cg_ift.ce_ovl {overflow:hidden;} .mod_3 .cg_ift.ce_ovl .ce_img {width:100%; height: inherit;display:block;} /*.mod_3 .cg_ift.ce_ovl .ce_img:hover {transform:scale(1.1);}*/ .mod_3 .cg_ift.ce_btS .ce_bttn{right:20px;z-index: 1;} .mod_3 .cg_ift.ce_btS .ce_bttn a{color:transparent; display: inline-block; width:40px; height:40px; overflow: hidden;} .mod_3 .cg_ift.ce_btS .ce_bttn a:before { content: ""; display:inline-block; /*position:absolute;*/ width: 40px; height: 40px; background: #999; background:var(--color-primary, #999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); } .mod_3 .cg_ift.ce_btS:hover .ce_bttn a:before, .mod_3 .cg_ift.ce_btS .ce_bttn a:hover:before { transform:rotate(180deg); transition:all ease-out 0.4s; } /* Trenner bei Buchstabenwechsel in einer Liste */ .ct_ll {font-size: 3.8rem; line-height:4rem; color:var(--color-text-dark, #333); font-weight:600;} /* Anzeige bei Totl */ .advert .ct_ll {font-size:1.0rem; line-height:1.0rem; color:var(--color-text-light, #999); font-weight:normal;} .pb_ce.advert {margin-top:10px !important;} /* Zusaetzliche Bilder bei Listeneinträgen */ .ce_additionalImages {display:flex; margin:0 0 20px 0;} .ce_additionalImages > div{margin-top:25px;margin-right:3%;} .ce_additionalImages > div:last-child{margin-right:0px;} .ce_additionalImages img{max-width:242px;max-height:150px;width:100%;border:1px solid #d1d1d1;} /* Overlay über zusaetzliche Bilder bei Listeneinträgen */ .ce_additionalImages > div {position:relative;} .ce_additionalImages .ce_ovlLayer, .ce_additionalImages .ce_ovlLayer .ce_ovlBg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer; } .ce_additionalImages .ce_ovlLayer{display: none;} .ce_additionalImages > div:hover .ce_ovlLayer{ display: block;} .ce_additionalImages .ce_ovlBg{ background-color:#999; background-color:var(--color-primary, #999); opacity: 0.85; } .ce_additionalImages .ce_btn_additionalImage{ position: absolute; top: 50%; left: 50%; font-size: 50px; color: white; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 3; background-image: url(../../_images/view/ok/elements/search-plus_white.svg); background-size: 60px 60px; background-repeat: no-repeat; background-position: center center; width: 60px; height: 60px; } /* Listeneintrag */ .mod_LiEn .ct_le {padding:25px; position:relative;} .mod_LiEn .ce_favi {position:absolute; right:25px; top:20px;} .mod_LiEn .pb_ce {display:flex;} .mod_LiEn .pb_ce .ce_cntnt {width:calc(100% - 250px); min-width:190px; text-align:left; display:block; float:left; padding:0;} .mod_LiEn .pb_ce .ce_img {width:200px; margin-right:50px; text-align:left; max-height:120px; display:block; float:left;} .mod_LiEn .pb_ce .ce_img img {width:auto; max-height:120px;} .mod_LiEn .ce_head {max-width:calc(100% - 80px);} .mod_LiEn .ce_head h2 a, .mod_LiEn .ce_head h2 {font-size: 2.1rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEn .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_LiEn .ce_topic {font-size: 1.4rem; line-height:2.9rem; color:var(--color-text-dark, #333); max-width:calc(100% - 45px);} .mod_LiEn .ce_text {font-size: 1.8rem; line-height:2.9rem; color:var(--color-text-dark, #333); max-width:calc(100% - 45px); padding:5px 0;} .mod_LiEn .wrp_labels {display:inline-block;} .mod_LiEn .ce_labels {display: -webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_LiEn .ce_labels > div {padding:5px 15px 5px 5px; margin:auto; display:flex; } .mod_LiEn .ce_labels > div img {max-height:50px; max-width:90px;} .mod_LiEn .wrp_footer {width:100%; border-top:1px solid #d1d1d1; margin:10px 0 0 0; padding:5px 0 0 0; position:relative; min-height:40px;} .mod_LiEn .wrp_footer.ce_footerWithoutExType {display: flex; justify-content: space-between; flex-direction: row-reverse;} /* Positionieren der Label 1 und des Footers mit Border */ .mod_LiEn .wrp_labels.lb_area_1 + .wrp_footer{border-top:1px solid #d1d1d1;} .mod_LiEn .wrp_labels.lb_area_1 {margin-top: auto;} .mod_LiEn .pb_ce > div .ce_cntnt .wrp_labels.lb_area_1 + .wrp_footer {margin-top: 10px;} .mod_LiEn .wrp_labels.lb_area_1 .ce_labels > div{font-weight:bold;padding:5px 30px 5px 0;} .mod_LiEn .wrp_labels.lb_area_2 { position: relative; right: 0px; /*min-width: 200px;*/} .mod_LiEn .wrp_labels.lb_area_2 .ce_labels{justify-content: flex-end;} .mod_LiEn .wrp_labels.lb_area_2 .ce_labels > div{padding:3px 5px 5px 0; line-height: 1.8rem;word-break:normal;} /*.mod_LiEn .wrp_labels.lb_area_2 .ce_labels > div:after{content:","; display:inline-block;} .mod_LiEn .wrp_labels.lb_area_2 .ce_labels > div:last-of-type:after{content:"";}*/ .mod_LiEn .ce_booth a {line-height:1.8rem; font-size:1.8rem;} /*.mod_LiEn .ce_booth.ce_extH a {color:var(--color-text-dark, #333);} .mod_LiEn .ce_booth.ce_extM a {color:var(--color-text-dark, #333);}*/ .mod_LiEn .ce_boothNo a {color: #999; color:var(--color-primary, #999);font-weight:bold;} .mod_LiEn .ce_boothNo > div {float:left; padding:0 10px; margin:10px 0; border-left:1px solid #808080; line-height:1.8rem;color: #999; color:var(--color-primary, #999);font-weight:bold;} .mod_LiEn .ce_boothNo > div:first-child {border-style:none; padding:0 10px 0 0;} .mod_LiEn .ce_extH + .ce_extM .ce_boothNo > div:first-child {border-left:1px solid #808080;padding-left:10px} .mod_LiEn .ce_exTy {position:absolute; right:0px; top:10px; max-width:40px; max-height:40px;} .mod_LiEn .ce_exTy.ce_exTy_posTop {position:absolute; right:5px; top:60px; max-width:40px; max-height:40px;width:40px;} .mod_LiEn .ce_exTy.ce_exTy_posTop img{margin:auto;} /* Listeneintrag Listenbanner Ex */ .mod_LiEn .cg_blex .ce_cntnt{width:100%;} .mod_LiEn .cg_blex .ce_cntnt img{width:100%;} .mod_LiEn .cg_blexprd .ce_cntnt{width:100%;} .mod_LiEn .cg_blexprd .ce_cntnt img{width:100%;} .mod_LiEn .cg_blexanw .ce_cntnt{width:100%;} .mod_LiEn .cg_blexanw .ce_cntnt img{width:100%;} .mod_LiEn .cg_blsearch .ce_cntnt{width:100%;} .mod_LiEn .cg_blsearch .ce_cntnt img{width:100%;} /* Listenkachel */ .mod_LiTl .mo_data {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_LiTl .pb_ce {position:relative;} .mod_LiTl .ct_lt {padding:16px;} .mod_LiTl .mo_data .pb_ce .ce_favi {position:absolute; width:40px; right:25px; top:5px;} .mod_LiTl .pb_ce {display:flex;} .mod_LiTl .pb_ce .ce_img {width:100%; padding:14px 14px 0 14px; background-color:#fff; text-align:center; height:120px; display:flex;border-radius:0; border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} .mod_LiTl .pb_ce .ce_img img {margin-right:auto; max-height:100px; object-fit: contain;} .mod_LiTl .pb_ce .ce_cntnt {width:100%; min-height:170px; padding:0;} .mod_LiTl .ce_head {padding:15px 14px 5px 14px;} .mod_LiTl .ce_head h2 a, .mod_LiTl .ce_head h2 {font-size: 1.9rem; line-height:2.6rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiTl .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_LiTl .ce_topic {font-size: 1.4rem; line-height:1.8rem; color:var(--color-text-dark, #333); padding:5px 14px;} .mod_LiTl .ce_text {font-size: 1.8rem; line-height:2.9rem; color:var(--color-text-dark, #333); max-width:calc(100% - 45px); padding:5px 0;} .mod_LiTl .ce_footer {height:auto;} .mod_LiTl .wrp_labels {display:inline-block; height:32px;} .mod_LiTl .ce_labels {display: -webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_LiTl .ce_labels > div {padding:5px 15px 5px 5px; margin:auto; display:flex;} .mod_LiTl .ce_labels > div img {max-height:50px; max-width:55px;} .mod_LiTl .wrp_labels.lb_area_1 .ce_labels > div{color:var(--color-text-light, #999); font-weight:bold;padding:5px 30px 5px 0;} .mod_LiTl .wrp_labels.lb_area_2 .ce_labels > div{color:var(--color-text-light, #999); padding:3px 5px 5px 0; line-height: 1.8rem;} .mod_LiTl .wrp_labels.lb_area_2 .ce_labels > div:after{content:","; display:inline-block;} .mod_LiTl .wrp_labels.lb_area_2 .ce_labels > div:last-of-type:after{content:"";} .mod_LiTl .wrp_footer {width:100%; border-top:1px solid #d1d1d1; margin:5px 0 0 0; padding:5px 0 0 0; position:relative; min-height:38px;vertical-align:bottom;} .mod_LiTl .ce_boothNo {line-height:1.8rem; font-size:1.8rem; /*margin:14px 0;*/ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width:calc(100% - 42px);} .mod_LiTl .ce_booth a {line-height:1.8rem; font-size:1.8rem;} .mod_LiTl .boothTyH {color: #999; color:var(--color-primary, #999);} .mod_LiTl .boothTyM {color: #999; color:var(--color-primary, #999);} .mod_LiTl .ce_boothNo a {color: #999; color:var(--color-primary, #999);font-weight:bold;} .mod_LiTl .ce_boothNo > div {float:left; padding:0 10px; margin:10px 0; border-left:1px solid #808080; line-height:1.8rem; color: #999; color: var(--color-primary, #999);font-weight: bold;} .mod_LiTl .ce_boothNo > div:first-child {border-style:none; padding:0 10px 0 0;} .mod_LiTl .ce_exTy {position:absolute; right:0px; top:11px; max-width:40px; max-height:26px;} .mod_LiTl .mo_data .pb_ce .ce_exTy.ce_exTy_posTop {position:absolute; right:29px; top:55px; max-width:40px; max-height:40px;width:40px;} .mod_LiTl .mo_data .pb_ce .ce_exTy.ce_exTy_posTop img{margin:auto;} /* Stände nach Gruppen (Anpassungen bei Aussteller-Listenkachel) */ .mod_LiTl .ce_boothGroups{margin-top: 10px;font-size: 1.4rem;} .mod_LiTl .ce_booth.ce_boothGroup .ce_boothNo {margin:0;} /* Listenkachel-Buchstabe */ .mod_LiTl .ct_ltl {padding:30px; font-size: 4.8rem; color:#fff; background-color:#f1f1f1;} /* Listenkachel (klein) */ .mod_LiTc .mo_data {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_LiTc .pb_ce {position:relative;} .mod_LiTc .mo_data .pb_ce .ce_favi {position:absolute; width:40px; right:25px; top:5px;} .mod_LiTc .pb_ce {display:flex;} .mod_LiTc .pb_ce .ce_img {width:100%; background-color:#fff; text-align:center; height:140px; display:flex; padding-top:40px; padding-bottom:20px; border-radius:0; border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} .mod_LiTc .pb_ce .ce_img img {margin:auto; max-width:80%; max-height:85px;} .mod_LiTc .pb_ce .ce_cntnt {width:100%; padding:15px;} .mod_LiTc .ce_head {padding:0;} .mod_LiTc h2 {font-size: 1.9rem; line-height:2.6rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiTc .ce_topic {font-size: 1.4rem; line-height:1.8rem; color:var(--color-text-dark, #333); padding:5px 0;} .mod_LiTc .ce_footer {display:none;} /* Listenkachel (klein) -Farben */ .mod_LiTc h2, .mod_LiTc .ce_topic {color:#fff;} .mod_LiTc .ct_lt {-webkit-background-clip: padding-box; background-clip: padding-box; /* Fixing background "bleed" on elements that use CSS3 border-radius property */} .mod_LiTc .ct_lt.ce_ck11 {background-color:#366735;} .mod_LiTc .ce_ck11 .ce_letter {color:#366735;} .mod_LiTc .ct_lt.ce_ck12 {background-color:#f67828;} .mod_LiTc .ce_ck12 .ce_letter {color:#f67828;} .mod_LiTc .ct_lt.ce_ck13 {background-color:#AA348A;} .mod_LiTc .ce_ck13 .ce_letter {color:#AA348A;} .mod_LiTc .ct_lt.ce_ck14 {background-color:#ffcc31;} .mod_LiTc .ce_ck14 .ce_letter {color:#ffcc31;} .mod_LiTc .ct_lt.ce_ck15 {background-color:#1f3855;} .mod_LiTc .ce_ck15 .ce_letter {color:#1f3855;} .mod_LiTc .ct_lt.ce_ckdf {background-color:#999;} .mod_LiTc .ce_ckdf .ce_letter {color:#999;} /* Listenkachel (klein) - Dividerkachel */ .mod_LiTc .ct_ltl {padding:30px; font-size:2.1rem; font-size:2.6rem; color:#fff; background-color:#f1f1f1;} /* Listeneintrag Marken */ .mod_LiEnBr .ct_le {padding:25px; position:relative;} .mod_LiEnBr .ce_favi {position:absolute; right:25px; top:20px;} .mod_LiEnBr .pb_ce {display:flex;} .mod_LiEnBr .pb_ce .ce_cntnt {width:78%; min-width:190px; text-align:left; display:block; float:left; padding:0;} .mod_LiEnBr .pb_ce .ce_img {width:22%; min-width:190px; padding-right:50px; text-align:left; max-height:120px; display:block; float:left;} .mod_LiEnBr .pb_ce .ce_img img {width:auto; max-height:120px;} .mod_LiEnBr .ce_head {max-width:calc(100% - 45px);} .mod_LiEnBr .ce_head h2 a, .mod_LiEnBr .ce_head h2 {font-size: 2.1rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEnBr .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_LiEnBr .ce_topic {font-size: 1.4rem; line-height:2.9rem; color:var(--color-text-dark, #333); max-width:calc(100% - 45px);} .mod_LiEnBr .ce_text {font-size: 1.8rem; line-height:2.9rem; color:var(--color-text-dark, #333); max-width:calc(100% - 45px); padding:5px 0;} .mod_LiEnBr .wrp_labels {display:inline-block;} .mod_LiEnBr .ce_labels {display: -webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_LiEnBr .ce_labels > div {padding:5px 15px 5px 5px; margin:auto; display:flex; } .mod_LiEnBr .ce_labels > div img {max-height:50px; max-width:90px;} .mod_LiEnBr .wrp_footer {width:100%; border-top:1px solid #d1d1d1; margin:10px 0 0 0; padding:5px 0 0 0; position:relative; min-height:40px;} .mod_LiEnBr .ce_booth a {line-height:1.8rem; font-size:1.8rem; color: #999; color:var(--color-primary, #999);font-weight:bold;} /*.mod_LiEnBr .ce_booth.ce_extH a {color:var(--color-text-dark, #333);} .mod_LiEnBr .ce_booth.ce_extM a {color:var(--color-text-dark, #333);}*/ .mod_LiEnBr .ce_boothNo > div {float:left; padding:0 10px; margin:10px 0; border-left:1px solid #808080; line-height:1.8rem; color: #999; color:var(--color-primary, #999);font-weight:bold;} .mod_LiEnBr .ce_boothNo > div:first-child {border-style:none; padding:0 10px 0 0;} .mod_LiEnBr .ce_extH + .ce_extM .ce_boothNo > div:first-child {border-left:1px solid #808080;padding-left:10px} .mod_LiEnBr .ce_exTy {position:absolute; right:0px; top:10px; max-width:40px; max-height:40px;} /* Listeneintrag Listenbanner */ .mod_LiEnBr .cg_blex .ce_cntnt{width:100%;} .mod_LiEnBr .cg_blex .ce_cntnt img{width:100%;} .mod_LiEnBr .cg_blexprd .ce_cntnt{width:100%;} .mod_LiEnBr .cg_blexprd .ce_cntnt img{width:100%;} .mod_LiEnBr .cg_blexanw .ce_cntnt{width:100%;} .mod_LiEnBr .cg_blexanw .ce_cntnt img{width:100%;} .mod_LiEnBr .cg_blsearch .ce_cntnt{width:100%;} .mod_LiEnBr .cg_blsearch .ce_cntnt img{width:100%;} /* Listeneintrag Teilnehmer */ .mod_LiEnTn .mo_data {position:relative;} .mod_LiEnTn .ct_le {padding:25px; position:relative;} .mod_LiEnTn .ct_le.ocHandler {cursor:pointer;} .mod_LiEnTn .ce_favi {position:absolute; right:25px; top:15px;} .mod_LiEnTn .ce_exTy {position:absolute; right:25px; top:60px; max-width:40px; max-height:40px;} .mod_LiEnTn .mo_data .pb_ce .ce_inf { position:absolute; z-index:10; left:calc(50% - 200px); top:30px; width:400px; box-shadow: 0px 0px 12px rgba(0,0,0,0.4); background-color:#fff; padding:50px 30px 30px 30px; font-size: 1.8rem; line-height:2.9rem; } .mod_LiEnTn .pb_ce {display:flex;} .mod_LiEnTn .pb_ce .ce_cntnt {width:78%; min-width:190px; text-align:left; display:block; float:left; padding:0;} .mod_LiEnTn .pb_ce .ce_img {width:22%; min-width:190px; padding-right:50px; text-align:left; max-height:120px; display:block; float:left;} .mod_LiEnTn .pb_ce .ce_img img {width:auto; max-height:120px;} .mod_LiEnTn .wrp_txt {max-width:calc(100% - 45px); min-height:80px;} .mod_LiEnTn .ce_head {width:100%;} .mod_LiEnTn .ce_head h2 a, .mod_LiEnTn .ce_head h2 {font-size: 2.1rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEnTn .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_LiEnTn .ce_text {width:100%; font-size: 1.8rem; line-height:2.9rem; color:var(--color-text-dark, #333); padding:5px 0;} .mod_LiEnTn .wrp_footer {width:100%; display:block; border-top:1px solid #d1d1d1; margin:5px 0 0 0; padding:15px 0 0 0; position:relative; min-height:40px;} .mod_LiEnTn .ce_company {width:calc(100% - 200px); float:left;} .mod_LiEnTn .ce_cmpName {font-size: 1.8rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEnTn .ce_cmpAddr {font-size: 1.4rem; line-height:2.9rem; color:var(--color-text-dark, #333);} .mod_LiEnTn .wrp_booths {max-width:200px; display:inline-block; float:right;} .mod_LiEnTn .ce_booth {color: #999; color:var(--color-primary, #999); font-size:1.8rem; line-height:2.9rem; text-align:right;} .mod_LiEnTn .ce_booth a {font-size:1.8rem; line-height:2.9rem;} /*.mod_LiEnTn .ce_booth.ce_extH a {color: #999; color:var(--color-primary, #999);} .mod_LiEnTn .ce_booth.ce_extM a {color: #999; color:var(--color-primary, #999);}*/ .mod_LiEnTn .ce_boothNo a {color: #999; color:var(--color-primary, #999);font-weight:bold;} .mod_LiEnTn .ce_boothNo > div {float:left; padding:0 10px; margin:0; border-right:1px solid #808080;} .mod_LiEnTn .ce_boothNo > div:last-child {border-style:none; padding:0 0 0 10px;} /* Kontaktformular Anpasssungen für Liste*/ .mod_LiEnTn .ce_contactFormHandler{ clear:both;padding-top:10px; } .mod_LiEnTn .ce_contactFormHandler .ce_cf_multipleUse{ position:relative; padding-top:10px; /*border-top:1px solid #d1d1d1;*/ } .mod_LiEnTn .ce_contactFormHandler .ce_cf_multipleUse .ce_cf_head{ position:absolute; right:30px; top:-38px; } .mod_LiEnTn .ce_contactFormHandler .ce_cf_multipleUse .ce_cf_formArea{ padding-top:10px; padding:10px; border-top:1px dotted #999; background:#fafafa; } .mod_LiEnTn .ce_contactFormHandler .ce_cf_multipleUse .ce_cf_open{ border: none; } /* Listeneintrag Listenbanner TN */ .mod_LiEnTn .cg_blex .ce_cntnt{width:100%;} .mod_LiEnTn .cg_blex .ce_cntnt img{width:100%;} .mod_LiEnTn .cg_blexprd .ce_cntnt{width:100%;} .mod_LiEnTn .cg_blexprd .ce_cntnt img{width:100%;} .mod_LiEnTn .cg_blexanw .ce_cntnt{width:100%;} .mod_LiEnTn .cg_blexanw .ce_cntnt img{width:100%;} .mod_LiEnTn .cg_blsearch .ce_cntnt{width:100%;} .mod_LiEnTn .cg_blsearch .ce_cntnt img{width:100%;} /* Listeneintrag Nomenklatur */ .mod_LiEnClg .ct_le {padding:0px;} .mod_LiEnClg .pb_ce {padding-bottom:20px !important;} .mod_LiEnClg .pb_ce:after {content:""; position:absolute; left:15px; bottom:0; height:1px; width:calc(100% - 30px); border-bottom:1px solid #d1d1d1;} .mod_LiEnClg .ce_cntnt {width:100%; text-align:left; display:block; padding:0;} .mod_LiEnClg .ce_cntnt1 {width:75%; min-width:190px; text-align:left; display:block; padding-right:20px;} .mod_LiEnClg .ce_cntnt2 {width:25%; min-width:190px; text-align:right; vertical-align:bottom; display:block;} .mod_LiEnClg .ce_cntnt2 a {line-height:2.9rem;} .mod_LiEnClg .ce_path, .mod_LiEnClg .ce_cntnt {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:0px;} .mod_LiEnClg .ce_path {margin-bottom:0px;} .path_item {display:inline-block; position:relative; font-size:1.4rem; line-height:2.4rem; color:var(--color-text-light, #999); vertical-align:middle; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; max-width:300px; font-weight:bold;} .path_item a {display:inline-block; padding-right:20px; font-size:1.4rem; line-height:2.4rem; font-weight:normal; color:var(--color-text-light, #999); white-space: nowrap; overflow: hidden; text-overflow:ellipsis; max-width:300px;} .path_item a::after {content:'>'; color:var(--color-text-light, #999); position:absolute; right:5px; top:0} .mod_LiEnClg .ce_head h2 a, .mod_LiEnClg .ce_head h2 {font-size: 2.1rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEnClg .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} /* Listeneintrag Pressemeldung */ .mod_LiEnPs .ct_le {padding:25px; position:relative;} .mod_LiEnPs .mo_data .pb_ce .ce_favi {position:absolute; width:40px; right:0px; top:5px;} .mod_LiEnPs .pb_ce {display:flex; /*border-top: 1px solid #d1d1d1;*/ padding-left: 0; padding-right: 0;} .mod_LiEnPs .pb_ce > div{display:flex;align-items:flex-start;} /*.mod_LiEnPs .pb_ce > div .ce_cntnt{display: flex; flex-direction: column; flex: 1;}*/ .mod_LiEnPs .pb_ce .ce_cntnt {width:80%; min-width:190px; text-align:left; display:block; float:left; padding:0;} .mod_LiEnPs .pb_ce .ce_img {width:17%; min-width:190px; max-width:250px; margin-right:3%; margin-bottom:10px; text-align:center; max-height:250px; display:block; float:left; /*background-color:#e4e6eb;*/ padding:5px 10px; border:1px solid #ccc; /*-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;*/ } .mod_LiEnPs .pb_ce .ce_img img {width:auto; margin:auto; max-height:120px; /*-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; */} .mod_LiEnPs .ce_head {max-width:calc(100% - 120px);} .mod_LiEnPs .ce_head h2 a, .mod_LiEnPs .ce_head h2 {font-size: 2.2rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEnPs .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_LiEnPs .ce_topic, .mod_LiEnPs .ce_subHead, .mod_LiEnPs .ce_subTopic,.mod_LiEnPs .ce_subTitle{max-width:calc(100% - 120px);} .mod_LiEnPs .ce_topic {font-size: 1.4rem; line-height:1.5; color:var(--color-text-dark, #333); margin:10px 0;} .mod_LiEnPs .ce_subHead {font-size: 1.6rem; line-height:1.5; color:var(--color-text-dark, #333); font-weight:bold;} .mod_LiEnPs .ce_subTopic {font-size: 1.4rem; line-height:1.5; color:var(--color-text-dark, #333);} .mod_LiEnPs .ce_subTitle {font-size: 1.8rem; line-height:2.4rem; font-weight:bold; color:var(--color-text-dark, #333); padding:5px 0;} .mod_LiEnPs .ce_date {font-size: 1.4rem; line-height:1; font-weight:normal; color:var(--color-text-dark, #333); padding:0 0 5px 0;} .mod_LiEnPs .ce_logo {position:absolute; right:25px; margin-top:-95px; width:95px; height:95px; padding:5px;display:flex;align-items: center; justify-content: center; border:1px solid #ccc; /*-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;*/ } .mod_LiEnPs .ce_logo img {max-width:93px;max-height:93px;padding:5px;} .mod_LiEnPs .wrp_footer {width:100%; position:relative; margin-top:10px; padding-top:10px; min-height:50px; border-top: 1px solid #d1d1d1;} .mod_LiEnPs .ce_booth a {line-height:1.8rem; font-size:1.8rem;} .mod_LiEnPs .ce_boothNo a {color: #999; color:var(--color-primary, #999);font-weight:bold;} .mod_LiEnPs .ce_boothNo > div {float:left; padding:0 10px; margin:5px 0; border-left:1px solid #808080; line-height:1.8rem; color: #999; color:var(--color-primary, #999);font-weight:bold;} .mod_LiEnPs .ce_boothNo > div:first-child {border-style:none; padding:0 10px 0 0;} .mod_LiEnPs .ce_exTy {position:absolute; right:0px; /*top:10px;*/ max-width:40px; max-height:40px;} /* Listeneintrag Jobboerse */ .mod_LiEnJb .ct_le {padding:25px; position:relative;} .mod_LiEnJb .mo_data .pb_ce .ce_favi {position:absolute; width:40px; right:25px; top:5px;} .mod_LiEnJb .pb_ce {display:flex;} .mod_LiEnJb .pb_ce .ce_cntnt {width:78%; min-width:190px; text-align:left; display:block; float:left; padding:0;} .mod_LiEnJb .pb_ce .ce_img {width:22%; min-width:190px; padding-right:50px; text-align:left; max-height:120px; display:block; float:left;} .mod_LiEnJb .pb_ce .ce_img img {width:auto; max-height:120px;} .mod_LiEnJb .ce_head {max-width:calc(100% - 45px);} .mod_LiEnJb .ce_head h2 a, .mod_LiEnJb .ce_head h2 {font-size: 2.1rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEnJb .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_LiEnJb .ce_topic {font-size: 1.4rem; line-height:2.9rem; color:var(--color-text-dark, #333); max-width:calc(100% - 45px);} .mod_LiEnJb .ce_subHead {color:var(--color-text-dark, #333); max-width:calc(100% - 45px);} .mod_LiEnJb .ce_subTitle {font-size: 1.8rem; line-height:2.4rem; font-weight:bold; color:var(--color-text-dark, #333); max-width:calc(100% - 45px); padding:5px 0;} .mod_LiEnJb .ce_date {font-size: 1.4rem; line-height:2.4rem; font-weight:normal; color:var(--color-text-dark, #333); max-width:calc(100% - 45px); padding:5px 0;} .mod_LiEnJb .wrp_footer {width:100%; margin:-50px 0 0 0; position:relative; min-height:50px;} .mod_LiEnJb .ce_exTy {position:absolute; right:0px; top:10px; max-width:40px; max-height:40px;} /* Listeneintrag Jobboerse Listenbanner */ .mod_LiEnJb .cg_bljoa .ce_cntnt{width:100%;} .mod_LiEnJb .cg_bljoa .ce_cntnt img{width:100%;} /* Listeneintrag redaktioneller Inhalt */ .mod_LiEnAg .ct_le {padding:25px; position:relative;} .mod_LiEnAg .mo_data .pb_ce .ce_favi {position:absolute; width:40px; right:25px; top:5px;} .mod_LiEnAg .pb_ce {display:flex;} .mod_LiEnAg .pb_ce .ce_cntnt {width:78%; min-width:190px; text-align:left; display:block; float:left; padding:0;} .mod_LiEnAg .pb_ce .ce_img {width:22%; min-width:190px; padding-right:50px; text-align:left; max-height:120px; display:block; float:left;} .mod_LiEnAg .pb_ce .ce_img img {width:auto; max-height:120px;} .mod_LiEnAg .ce_head {max-width:calc(100% - 45px);} .mod_LiEnAg .ce_head h2 a, .mod_LiEnAg .ce_head h2 {font-size: 2.1rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:600;} .mod_LiEnAg .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_LiEnAg .ce_topic {font-size: 1.4rem; line-height:2.9rem; color:var(--color-text-dark, #333); max-width:calc(100% - 45px);} .mod_LiEnAg .ce_date {font-size: 1.4rem; line-height:2.4rem; font-weight:normal; color:var(--color-text-dark, #333); max-width:calc(100% - 45px); padding:5px 0;} .mod_LiEnAg .ce_bttn {position:relative !important; bottom:0px !important;} /* Nomenklatur Headline */ #ceId_ClgTitle .ce_path + .ce_head h1 {font-size: 2.4rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:bold;} #ceId_ClgTitle .ce_head h1 {font-weight: normal; font-size: 3.8rem;line-height: 5.0rem;margin-block-end: 0;margin-top: 0px;} #ceId_ClgTitle.levTop .ce_head h1 {font-size: 3.8rem; line-height:4.2rem;} #ceId_ClgTitle .ce_head h1 span {font-size: 2.4rem; line-height:2.9rem; font-weight: normal;} #ceId_ClgTitle .path_item {height:31px; max-width:500px;} #ceId_ClgTitle .ce_path {margin-bottom:30px;} #ceId_ClgTitle .path_item a {max-width:500px;} /* Nomenklatur erstes Level */ .mod_CLGLST2 .ct_le {padding:0px;} .mod_CLGLST2 .lev1 {display:flex;} .mod_CLGLST2 .lev1 .ce_ad {position:relative;margin: auto 30px;} .mod_CLGLST2 .lev1 .ce_cntnt {width:calc(100% - 150px); text-align:left; display:block; padding:30px;} .mod_CLGLST2 .lev1 .ce_cntnt1 {width:100%; text-align:left; display:block; padding-right:20px;} .mod_CLGLST2 .lev1 .ce_cntnt2 {width:100%; text-align:left; display:block; font-size: 1.8rem; line-height:2.9rem; padding-right:20px;} .mod_CLGLST2 .lev1 .ce_cntnt2 a {color:var(--color-text-light, #999);} .mod_CLGLST2 .ce_head h2 a, .mod_CLGLST2 .ce_head h2 {font-size: 2.1rem; line-height:2.8rem; vertical-align:middle; color:var(--color-text-dark, #333); font-weight:600;} .mod_CLGLST2 .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999) !important;} /* Nomenklatur weitere Levels */ .mod_CLGLST2 .ct_le {padding:0px;} .mod_CLGLST2 .pb_ce:not(.lev1) {padding-bottom:20px !important;} .mod_CLGLST2 .pb_ce:not(.lev1):after {content:""; position:absolute; left:15px; bottom:0; height:1px; width:calc(100% - 30px); border-bottom:1px solid #d1d1d1;} .mod_CLGLST2 .pb_ce:not(.lev1) .ce_cntnt { display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:0px; width:100%; text-align:left; padding:0; } .mod_CLGLST2 .pb_ce:not(.lev1) .ce_cntnt1 {width:100%; min-width:190px; text-align:left; display:block; padding-right:20px;} .mod_CLGLST2 .pb_ce:not(.lev1) .ce_cntnt2 {width:100%; min-width:190px; text-align:right; display:block;} .mod_CLGLST2 .pb_ce:not(.lev1) .ce_cntnt2 a {line-height:2.9rem; display:flex; justify-content: flex-end;} .mod_CLGLST2 .pb_ce:not(.lev1) .ce_cntnt2 div {display:flex;} .mod_CLGLST2 .pb_ce:not(.lev1) .ce_cntnt2 div div:first-child:after{content: " / "; margin:0 5px;} .mod_CLGLST2 .lev1 .ce_cntnt2 div {display:flex;} .mod_CLGLST2 .lev1 .ce_cntnt2 div div:first-child:after{content: " / "; margin:0 5px;} .mod_CLGLST2 .pb_ce:not(.lev1) .ce_cntnt2 a.btTsAr:hover {color: #999 !important; color:var(--color-primary, #999) !important;} .mod_CLGLST2 .pb_ce:not(.lev1) .noSubs .ce_head h2 { display:block; padding-left:30px; background-image:url(../../_images/view/ok/elements/plus-regular_grey.png); background-repeat:no-repeat; background-position:left center; background-size:15px 15px; } .mod_CLGLST2 .pb_ce:not(.lev1) .subs .ce_head h2 a { display:block; padding-left:30px; background-image:url(../../_images/view/ok/elements/plus-regular_color.png); background-repeat:no-repeat; background-position:left center; background-size:15px 15px; } /* Nomenklatur erstes Level */ .mod_CLGLST5 .ct_le {padding:0px;} .mod_CLGLST5 .lev1 > div{display:flex;} .mod_CLGLST5 .lev1 .ce_ad {position:relative;margin: auto 30px;} .mod_CLGLST5 .lev1 .ce_ad > div {max-width: 160px;} .mod_CLGLST5 .lev1 .ce_cntnt {width:calc(100% - 150px); text-align:left; display:block; padding:30px;} .mod_CLGLST5 .lev1 .ce_cntnt1 {width:100%; text-align:left; display:block; padding-right:20px;} .mod_CLGLST5 .lev1 .ce_cntnt2 {width:100%; text-align:left; display:block; font-size: 1.8rem; line-height:2.9rem; padding-right:20px;} .mod_CLGLST5 .lev1 .ce_cntnt2 a {color:var(--color-text-light, #999);} .mod_CLGLST5 .ce_head h2 a, .mod_CLGLST5 .ce_head h2 {font-size: 2.1rem; line-height:2.8rem; vertical-align:middle; color:var(--color-text-dark, #333); font-weight:600;} .mod_CLGLST5 .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} /* Nomenklatur weitere Levels */ .mod_CLGLST5 .ct_le {padding:0px;} .mod_CLGLST5 .pb_ce:not(.lev1) .ce_ad {position:relative;display:flex;justify-content:flex-end;} .mod_CLGLST5 .pb_ce:not(.lev1) .ce_ad > div {max-width: 100px;} .mod_CLGLST5 .pb_ce:not(.lev1) {padding-bottom:20px !important;} .mod_CLGLST5 .pb_ce:not(.lev1):after {content:""; position:absolute; left:15px; bottom:0; height:1px; width:calc(100% - 30px); border-bottom:1px solid #d1d1d1;} .mod_CLGLST5 .pb_ce:not(.lev1) .ce_cntnt { display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:0px; width:100%; text-align:left; padding:0; } .mod_CLGLST5 .pb_ce:not(.lev1) .ce_cntnt1 {width:75%; min-width:190px; text-align:left; display:block; padding-right:20px;} .mod_CLGLST5 .pb_ce:not(.lev1) .ce_cntnt2 {width:25%; min-width:190px; text-align:right; vertical-align:bottom; display:block;} .mod_CLGLST5 .pb_ce:not(.lev1) .ce_cntnt2 a {line-height:2.9rem;} .mod_CLGLST5 .pb_ce:not(.lev1) .noSubs .ce_head h2 { display:block; padding-left:30px; background-image:url(../../_images/view/ok/elements/plus-regular_grey.png); background-repeat:no-repeat; background-position:left center; background-size:15px 15px; } .mod_CLGLST5 .pb_ce:not(.lev1) .subs .ce_head h2 a { display:block; padding-left:30px; background-image:url(../../_images/view/ok/elements/plus-regular_color.png); background-repeat:no-repeat; background-position:left center; background-size:15px 15px; } /* Werbung Nomenklatur weitere level (exkl. Sponsoring) */ .mod_CLGLST2 .mo_content.mo_hasAd, .mod_CLGLST5 .mo_content.mo_hasAd {display:flex;align-items: flex-start;justify-content: space-between;} .mod_CLGLST2 .mo_content.mo_hasAd .mo_adContainer, .mod_CLGLST5 .mo_content.mo_hasAd .mo_adContainer {margin-top:-20px; margin-left:30px;} .mod_CLGLST2 .mo_content.mo_hasAd .mo_adContainer img, .mod_CLGLST5 .mo_content.mo_hasAd .mo_adContainer img {width: 270px;min-width: 270px;} .mod_CLGLST2 .mo_content.mo_hasAd .mo_adContainer.mo_adIsLogobanner img, .mod_CLGLST5 .mo_content.mo_hasAd .mo_adContainer.mo_adIsLogobanner img {width: 160px;min-width: 160px; margin-left:110px;} .mod_CLGLST2 .mo_content.mo_hasAd .mo_adTitle, .mod_CLGLST5 .mo_content.mo_hasAd .mo_adTitle {text-align:right;font-size:1.4rem; color:var(--color-text-light, #999);} .mod_CLGLST2 .mo_content.mo_hasAd .mo_data, .mod_CLGLST5 .mo_content.mo_hasAd .mo_data {flex-grow: 1;} .ce_lboea img {min-width:50px;} /* Alphabet-Filter */ .ce_abcAll, .ce_abcAllM {display: -webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .ce_abcAllM {background-color:#e9e9e9; padding:10px;} /*.ce_abcPre {display:none; cursor:pointer; color:var(--color-primary, #999); margin:6px; line-height:1.8rem; font-size:1.8rem; font-weight:400;}*/ .ce_abcPre{display:none; cursor:pointer; color: #999; color:var(--color-primary, #999); margin:6px; line-height: 1.5rem; font-size: 1.5rem; overflow: hidden; width: 200px; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize; } .ce_abcPre span{letter-spacing: 3px;} .ce_abcLetter {float:left; display:flex; min-width:32px; border-color: #999; border-right:1px solid var(--color-primary, #999); line-height:1.4rem; font-size:1.4rem; margin:6px 0;} .ce_abcLetter > div {cursor:pointer; width:100%; text-align:center; color: #999; color:var(--color-primary, #999); margin:0 4px; border-bottom:1px solid transparent; line-height:1.5rem; font-size:1.5rem; text-transform:capitalize; display:inline-block;min-width:24px;} .ce_abcLetter.active div {border-color: #999; border-bottom:1px solid var(--color-primary, #999);} .ce_abcAll > div:last-child {border-style:none;} /* Tab-Filter */ .ce_lstTabsAll {display: -webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .ce_lstTab {float:left; display:flex; min-width:32px; border-color: #999; border-right:1px solid var(--color-primary, #999); line-height:1.4rem; font-size:1.4rem; margin:6px 0;} .ce_lstTab > div {cursor:pointer; width:100%; text-align:center; color: #999; color:var(--color-primary, #999); margin:0 4px; border-bottom:1px solid transparent; line-height:1.8rem; font-size:1.8rem; text-transform:capitalize;} .ce_lstTab.active div {border-color: #999; border-bottom:1px solid var(--color-primary, #999);} .ce_lstTabsAll > div:last-child {border-style:none;} /* Bild */ .mod_B1 .ce_img {border-radius:0; border-radius:var(--corner-radius, 0);} /* ++++++++ Video ++++++++ */ /*.mod_12 .pb_ce > div{ box-shadow: 0px 0px 12px rgba(0,0,0,0.4); }*/ .mod_12 .ce_shd{ box-shadow: 0px 0px 12px rgba(0,0,0,0.4); } .mod_12 .ce_head h2 {font-size:1.4rem; color: var(--color-text-light, #999);margin-bottom:10px; padding-bottom: 10px; line-height: 2.6rem;} .mod_12 .ce_head h3 { font-size:1.4rem; color: var(--color-text-light, #999); margin-bottom:10px; } .mod_12 .ce_bttn, .mod_12 .ce_bttn a{ font-size:2.4rem; color: var(--color-text-dark, #333); text-decoration:none; } .mod_12 .ce_bttn a:after{ content:''; } .mod_12 .pb_ce {display:flex;} .mod_12 .pb_ce > div.ce_hasLink{ display: flex; flex-direction: column; } .mod_12 .mo_data .pb_ce .ce_hasLink .ce_cntnt{ padding-bottom: 30px; display:flex; flex-direction: column; /*flex-grow:1;*//* Falls der Button/Link unten sein soll */ } .mod_12 .mo_data .pb_ce .ce_hasLink .ce_bttn{ position:relative; bottom:unset; margin-top:auto; } .mod_12 .mo_data .pb_ce .ce_hasLink .ce_head{ margin-bottom:auto; } .mod_12 .ce_boxVideo{border-radius:0;border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} .mod_12 .ce_ovl .ce_boxVideo{border-radius:0;border-radius:var(--corner-radius, 0);} /*.mod_12 .ce_ovl.ce_iVd {height:320px;}*/ .mod_12 .ce_ovl .ce_ovlcntnt {position: absolute;bottom: 0;left: 0;right: 0; background-color: #999; background-color: var(--color-primary, #999);overflow: hidden;width: 100%;height: 0;transition: .5s ease; opacity: 0.85;padding:0 30px;} .mod_12 .ce_ovl .ce_ovlcntnt .ce_topic h2, .mod_12 .ce_ovl .ce_ovlcntnt .ce_head h2, .mod_12 .ce_ovl .ce_ovlcntnt .ce_head h3, .mod_12 .ce_ovl .ce_ovlcntnt .ce_bttn, .mod_12 .ce_ovl .ce_ovlcntnt .ce_bttn a {color: #FFF;} .mod_12 .ce_ovl .ce_boxVideo:hover > .ce_ovlcntnt{padding: 0px;padding-bottom: 56.25%;} .ce_boxVideo-image{ position: relative; display:block; background-repeat: no-repeat; background-color: black; background-position: center; /*background-size:auto;*/ /*background-size:contain;*/ background-size:100%; } .ce_boxVideo-imagePlay{ bottom: calc(50% - 42px); position: absolute; left: calc(50% - 42px); z-index: 50; } .owl-carousel .ce_boxVideo-imagePlay{ /*bottom: calc(50% - 23px); left: calc(50% - 23px);*/ } .ce_boxVideo-image img{ width: 100% ; } .ce_btn_videoPlay img{ display:none; } .ce_btn_videoPlay{ width:100%; padding-bottom:56.25%; display: block; } .owl-carousel .ce_btn_videoPlay{ padding-bottom:0; } .ce_boxVideo-imagePlay .ce_btn_videoPlay img{ display:block; } .ce_boxVideo-imagePlay .ce_btn_videoPlay{ width:100%; padding-bottom: 0; display: block; } /* Video Teaser: Einbindung des Play-Buttons über CSS mit MouseOver */ .mod_12 .ce_boxVideo-imagePlay .ce_btn_videoPlay img{ visibility: hidden; } .mod_12 .ce_boxVideo-imagePlay .ce_btn_videoPlay{ background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size:60px 60px; background-repeat:no-repeat; background-position:center center; width: 90px; height: 90px; } .mod_12 .ce_boxVideo-imagePlay .ce_btn_videoPlay:hover, .mod_12 .ce_ovl .ce_boxVideo:hover .ce_boxVideo-imagePlay .ce_btn_videoPlay{ background-image: url(../../_images/view/ok/elements/play_circle_transparentonwhite.svg); } /* Video in Lightbox */ .mod_DTVD1 .ce_boxVideo-imagePlay .ce_btn_videoPlay img{ visibility: hidden; width:90px; } .mod_DTVD1 .ce_boxVideo-imagePlay .ce_btn_videoPlay{ background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size:80px 80px; background-repeat:no-repeat; background-position:center center; } .mod_DTVD1 .ce_boxVideo-imagePlay .ce_btn_videoPlay:hover{ background-image: url(../../_images/view/ok/elements/play_circle_transparentonwhite.svg); background-size:80px 80px; background-repeat:no-repeat; background-position:center center; } /* Video bei Präsentationen */ .mod_PPP .ce_boxVideo-imagePlay img, .mod_LiEnImgTle .ce_boxVideo-imagePlay img{ visibility: hidden; } .mod_PPP .ce_boxVideo-imagePlay, .mod_LiEnImgTle .ce_boxVideo-imagePlay{ background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size:60px 60px; background-repeat:no-repeat; background-position:center center; width: 90px; height: 90px; } .mod_PPP .ce_boxVideo-imagePlay:hover, .mod_LiEnImgTle .ce_boxVideo-imagePlay:hover{ background-image: url(../../_images/view/ok/elements/play_circle_transparentonwhite.svg); background-size:60px 60px; background-repeat:no-repeat; background-position:center center; } .ce_boxVideo iframe, .ce_boxVideo object, .ce_boxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_boxVideo { position: relative; /*padding-bottom: 56.25%;*/ /*padding-top: 25px;*/ /*height: 0;*/ overflow: hidden; } .ce_boxVideo .iframeBox{ padding-bottom: 56.25%; } /* Für Videos im Format 16:9 */ /*.ce_vd_16t9 .ce_boxVideo { padding-bottom: 56.25%; } .ce_vd_16t9 .ce_btn_videoPlay{ padding-bottom:56.25%; }*/ .ce_vd_16t9 .ce_boxVideo-imagePlay .ce_btn_videoPlay{ width:100%; } /* Für Videos im Format 4:3 */ .ce_vd_4t3 .ce_boxVideo{ padding-bottom: 75%; } .ce_vd_4t3 .ce_btn_videoPlay{ padding-bottom: 75%; } .ce_vd_4t3 .ce_boxVideo-imagePlay .ce_btn_videoPlay{ width:100%; } /* Für Videos im Format 9:16 */ .pb_ce .ce_vd_9t16{ margin-bottom: -30px; } .ce_vd_9t16 .ce_boxVideo{ max-width: 400px; aspect-ratio: 9/16; } .ce_vd_9t16 .ce_cntnt{ padding-bottom:0; margin-bottom:20px; max-width: 400px; display:flex; justify-content:flex-start; align-items:flex-start; } .ce_vd_9t16 .ce_cntnt .ce_logo{ width:50px;} .ce_vd_9t16 .ce_cntnt .ce_topic{} .ce_vd_9t16 .ce_cntnt .ce_topic h2{margin:0 0 0 10px;} /* Ausstellungsbereiche (Modul 5.4) */ .mod_5_4 .ce_nav {width:100%; margin:20px 10px;} .mod_5_4 .ce_coll {width:100%;} .mod_5_4 .pb_ceWrapper {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_5_4 .pb_ce {width:25%; /*max-width:300px;*/ margin-top:10px; display:-webkit-flex; display:-ms-flexbox; display:flex;} .mod_5_4 .pb_ce > div {padding-bottom:0px;} .mod_5_4 .pb_ce .ce_img {width:100%; background-color:#fff; text-align:center; height:120px; display:flex;} .mod_5_4 .pb_ce .ce_img img {margin:auto; max-width:85%; max-height:100px;} .mod_5_4 .ce_cntnt {vertical-align:top; margin:0px;} .mod_5_4 .ce_head {margin:0px;} .mod_5_4 .ce_text {font-size:1.2rem; line-height:1.8rem;} .mod_5_4 h3 {font-size:2.2rem; line-height:2.6rem;} .mod_5_4 .ce_nav, .mod_5_4 .ce_navTab {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_5_4 .ce_navTab {margin:10px 0 10px 15px; } .mod_5_4 .ce_postNavP {width:15px; border-right:solid 2px #999;} .mod_5_4 .ce_navP {font-size:2.0rem; line-height:2.6rem; color:var(--color-text-light, #999); font-weight:bold; cursor:pointer;} .mod_5_4 .navAct .ce_navP {color:var(--color-text-dark, #333);} .mod_5_4 .ce_nav .ce_navTab:last-child div:last-child {display:none;} .mod_5_4 .ce_bttn {margin:20px 15px 15px 15px;} .mod_5_4 .ce_info {margin:20px 15px 15px 15px; font-size:2.2rem; line-height:2.6rem; font-style:italic; padding:10px; border:1px dotted #999;} /* Anwendungsgebiete */ .mod_5_1 .ce_text {font-size:1.8rem; line-height:2.9rem; color:var(--color-text-light, #999);} .mod_5_1 .ce_head h2 {font-size: 2.4rem; padding-bottom: 10px; line-height: 2.6rem; color: var(--color-text-dark, #333);} /* Startups */ .pb_m .mod_4V4 .mo_data {padding:0 110px;} .pb_m .mod_4V4 .mo_data .pb_ce {margin-top:0;} .mod_4V4 .ce_cntnt{border-bottom: 1px solid #d1d1d1;} .mod_4V4 .pb_ce:first-child .ce_cntnt{border-top: 1px solid #d1d1d1;} /* Logo mit Rahmen */ .mod_4V4 .ce_img { width:95px; padding-right:50px; text-align:left; height:95px; display:flex; float:left; align-items: center; justify-content: center; margin-right: 3%; padding: 0px; margin-top:5px; } .mod_4V4 .ce_img img { width:auto; max-height:95px; } .mod_4V4 .ce_cntnt {min-height:123px;float:left;width:80%;align-items:center;padding:25px 12px;} .mod_4V4 .ce_getUrlH.ce_hasLink .ce_cntnt{/*padding-bottom:25px;*/} .mod_4V4 .ce_head h2 {font-weight: bold;font-size:2.2rem; color:var(--color-text-dark, #333); padding:0;} .mod_4V4 .ce_getUrlH.ce_hasLink:hover .ce_head h2{/*color:var(--color-primary, #999);*/} .mod_4V4 .ce_text,.mod_4V4 .ce_favi {display:none;} .mod_4V4 .wrp_footer {margin-top:15px;} .mod_4V4 .ce_boothGroups {display:inline-block;} .mod_4V4 .ce_booth.ce_boothGroup .ce_boothNo{display: flex;flex-wrap: wrap;} .mod_4V4 .ce_boothNo > div {float:left; padding:0 10px; margin:10px 0; border-left:1px solid #808080;; line-height:1.8rem;} .mod_4V4 .ce_boothNo > div:first-child {border-style:none; padding:0 10px 0 0;} .mod_4V4 .ce_boothNo a{color: #999;color: var(--color-primary, #999);} /* Produktkategorieren auf der Home */ .sec_clg2 .mod_5_1 .pb_ce:after {content:""; position:absolute; left:0px; bottom:0; height:2px; width:calc(100% - 30px); margin-left:15px; border-bottom:1px solid #d1d1d1;} .sec_clg2 .mod_5_1 .ce_getUrlH.ce_hasLink .ce_cntnt{padding-bottom:0px;} .sec_clg2 .mod_5_1 .ce_cntnt {width:100%; text-align:left; display:block; padding:0;} .sec_clg2 .mod_5_1 .ce_text {font-size:1.6rem;color:var(--color-text-dark, #333);} .sec_clg2 .mod_5_1 .ce_head h2, .sec_clg2 .mod_5_1 .ce_head h3 {font-size: 2.2rem; line-height:2.5rem; color:var(--color-text-dark, #333); font-weight:600; vertical-align:middle;} .sec_clg2 .mod_5_1 .ce_head h2:hover, .sec_clg2 .mod_5_1 .ce_hasLink:hover h2, .sec_clg2 .mod_5_1 .ce_head h3:hover, .sec_clg2 .mod_5_1 .ce_hasLink:hover h3{color: var(--color-primary, #999);} .sec_clg2 .mod_5_1 .ce_head h2::after, .sec_clg2 .mod_5_1 .ce_hasLink h2::after, .sec_clg2 .mod_5_1 .ce_head h3::after, .sec_clg2 .mod_5_1 .ce_hasLink h3::after { width:20px; height:2.5rem; vertical-align:middle; content: " "; display:inline-block; background-color:transparent; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size:6px 12px; background-repeat:no-repeat; background-position:center center; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .mo_data{ margin:0; width:100%; padding:0 90px 0 110px; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce, .sec_clg2 .mod_5_1 .mo_tickerHorizontal .pb_ce{ padding:0; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce{ margin-top:0; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .pb_ce.pb_ce_group .pb_ce{ padding:20px 0px 16px 1px; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .pb_ce.pb_ce_group::after{ border:none; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .pb_ce::after{ width:100%; margin-left:0px; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce.pb_ce_group .pb_ce:first-child, .sec_clg2 .mod_5_1 .mo_tickerHorizontal .mo_data > .pb_ce:first-child{border-top:1px solid #d1d1d1;margin-top:0px;} .sec_clg2 .mod_5_1 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce.pb_ce_group .pb_ce:first-child > div {margin-top:unset;} .sec_clg2 .mod_5_1 .mo_tickerHorizontal .owl-carousel .ticker_previous{ right:-5px; top:unset; left:unset; bottom: 48px; } .sec_clg2 .mod_5_1 .mo_tickerHorizontal .owl-carousel .ticker_next{ right:-5px; top:unset; bottom: -4px; } /* Projektpräsentationen */ /*.mod_10V1 .ce_img, .mod_DTEX7T .ce_img {-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.4); -moz-box-shadow: rgba(0,0,0,0.4); box-shadow: 0px 0px 12px rgba(0,0,0,0.4);}*/ .mod_10V1 .mo_shd, .mod_DTEX7T .mo_shd {box-shadow: none;} .mod_10V1 .mo_shd .ce_img, .mod_DTEX7T .mo_shd .ce_img {-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.4); -moz-box-shadow: rgba(0,0,0,0.4); box-shadow: 0px 0px 12px rgba(0,0,0,0.4);} .mod_10V1 .mo_brdr, .mod_DTEX7T .mo_brdr {border: none;} .mod_10V1 .mo_brdr .ce_img, .mod_DTEX7T .mo_brdr .ce_img {border:1px solid #ddd;} .mod_10V1 .ce_img img, .mod_DTEX7T .ce_img img {margin: auto; width:100%;} .mod_10V1 .ce_cntnt, .mod_DTEX7T .ce_cntnt {padding-left:0; padding-right:0;} .mod_10V1 .ce_cntnt .ce_head h2, .mod_DTEX7T .ce_cntnt .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_10V1 .ce_cntnt .ce_head h2, .mod_DTEX7T .ce_cntnt .ce_head h2, .mod_10V1 .ce_cntnt .ce_head h3, .mod_DTEX7T .ce_cntnt .ce_head h3 {font-size:1.8rem;} .mod_10V1 .ce_img, .mod_DTEX7T .ce_img { border-radius:0; border-radius:var(--corner-radius, 0);} /* Key Visual XL auf der Detailseite */ .mod_DTEX1 .pb_ce {width:100%;} .mod_DTEX1 .pb_ce .ce_img img {width:100%; height:100%;} /* Slogan auf der Detailseite */ .mod_DTEX3 .ce_cntnt {padding:30px 0px;} .mod_DTEX3 .ce_text, .mod_DTEX3 .ce_text p {font-size:3.8rem; line-height:1.2; color:var(--color-text-light, #999);margin-bottom:0;} /* Unternehmensprofil auf der Detailseite */ .mod_DTEX4 .ce_cntnt {padding:0px;} .mod_DTEX4 .mo_header h1 {font-size:3.8rem; line-height:4.0rem;} .mod_DTEX4 .ce_text ul {list-style-position: outside; list-style-type: disc; padding-left:20px; margin-bottom:20px;} .mod_DTEX4 .ce_text ol {list-style-position: outside; padding-left:20px; margin-bottom:20px;} /* Ausstellungsbereiche */ .mod_DTEX9 .ct_le {padding:0px;} .mod_DTEX9 .pb_ce {padding-bottom:15px !important; margin-top:15px /*!important*/;} .mod_DTEX9 .mo_data > .pb_ce:first-child {margin-top:0px !important;} .mod_DTEX9 .pb_ce:after {content:""; position:absolute; left:0px; bottom:0; height:1px; width:calc(100% - 30px); margin-left:15px; border-bottom:1px solid #afafaf;} .mod_DTEX9 .mo_data > .pb_ce:last-child::after {border-style:none;} .mod_DTEX9 .ce_cntnt {width:100%; text-align:left; display:block; padding:0;} .mod_DTEX9 .ce_cntnt1 {width:100%; min-width:190px; text-align:left; display:block; padding-right:0px;} .mod_DTEX9 .ce_cntnt2 {display:none;} /*.mod_DTEX9 .ce_cntnt3 {width:100%;} .mod_DTEX9 .ce_cntnt3 .ce_lbl img{width:100%; height:100%;} .mod_DTEX9 .ce_cntnt3 .ce_lbl {max-width:30px; margin:0 2px;background-repeat: no-repeat;} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_1 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_1.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_2 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_2.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_3 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_3.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_4 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_4.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_5 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_5.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_6 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_6.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_7 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_7.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_8 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_8.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_9 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_9.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_10 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_10.svg);} .mod_DTEX9 .ce_cntnt3 .ce_lbl.ce_clgk_11 {width:25px;height:25px;background-image: url(../../_images/view/ok/labels/application_11.svg);} */ .mod_DTEX9 .ce_path, .mod_DTEX9 .ce_cntnt, .mod_DTEX9 .ce_cntnt3 {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:0px;} .mod_DTEX9 .ce_path {margin-bottom:0px;} .mod_DTEX9 .ce_head h2 a, .mod_DTEX9 .ce_head h2 {font-size: 2.1rem; line-height:2.5rem; color:var(--color-text-dark, #333); font-weight:600; vertical-align:middle;} .mod_DTEX9 .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_DTEX9 .ce_head h2 a::after { width:20px; height:2.9rem; vertical-align:middle; content: " "; display:inline-block; background-color:transparent; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size:6px 12px; background-repeat:no-repeat; background-position:center center; } .mod_DTEX9 .mo_tickerHorizontal .mo_data{ margin:0; width:100% } .mod_DTEX9 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce{ padding:0; } /*.mod_DTEX9 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce{ margin-top:0; }*/ .mod_DTEX9 .mo_tickerHorizontal .pb_ce{ padding-left:5px; padding-right:5px; } .mod_DTEX9 .mo_tickerHorizontal .pb_ce.pb_ce_group::after{ border:none; } .mod_DTEX9 .mo_tickerHorizontal .pb_ce::after{ width:100%; margin-left:0px; } .mod_DTEX9 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce.pb_ce_group{ padding:0 5px; /*margin-top:0;*/ } .mod_DTEX9 .mo_tickerHorizontal .owl-carousel .ticker_previous{ left:-45px; } .mod_DTEX9 .mo_tickerHorizontal .owl-carousel .ticker_next{ right:-45px; } /* Kontakte Detailseite */ .mod_DTEX16 .pb_ce {border: 1px solid #E0E0E0; text-align: center;max-width:370px;margin:0 15px; border-radius:0; border-radius:var(--corner-radius, 0);} .mod_DTEX16 .ce_cntct .ce_topic {color: #999; color: var(--color-primary, #999);font-size:2.1rem;} .mod_DTEX16 .ce_cntct .ce_head {font-size:2.1rem;font-weight: bold;padding-bottom:30px;border-bottom: 1px solid #E0E0E0;} .mod_DTEX16 .ce_cntct .ce_text {font-size:1.4rem;padding-top:15px;} .mod_DTEX16 .ce_cntct .ce_text .ce_cmpny {padding-bottom: 15px; border-bottom: 1px solid #E0E0E0;margin-bottom: 30px;} .mod_DTEX16 .ce_cntct .ce_text a {font-size:1.4rem;color:inherit;} /* Anwendungsgebiete */ .mod_DTEX17 .ct_le {padding:0px;} .mod_DTEX17 .pb_ce {padding-bottom:15px !important; /*margin-top:15px !important;*/} .mod_DTEX17 .mo_data > .pb_ce {padding-left:0px;} .mod_DTEX17 .mo_data > .pb_ce:first-child {margin-top:0px !important;} .mod_DTEX17 .pb_ce:after {content:""; position:absolute; left:0px; bottom:0; height:1px; width:calc(100% - 30px); margin-left:15px; border-bottom:1px solid #E0E0E0;} .mod_DTEX17 .mo_data > .pb_ce:last-child::after {border-style:none;} .mod_DTEX17 .ce_cntnt {width:100%; text-align:left; display:block; padding:0;} .mod_DTEX17 .ce_cntnt1 {width:75%; min-width:190px; text-align:left; display:block; padding-right:20px;} .mod_DTEX17 .ce_cntnt2 {display:none;} .mod_DTEX17 .ce_path, .mod_DTEX17 .ce_cntnt {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom:0px;} .mod_DTEX17 .ce_path {margin-bottom:0px;} .mod_DTEX17 .ce_head h2 a, .mod_DTEX17 .ce_head h2 {font-size: 2.1rem; line-height:2.5rem; color:var(--color-text-dark, #333); font-weight:600; vertical-align:middle;} .mod_DTEX17 .ce_head h2 a:hover {color: #999; color:var(--color-primary, #999);} .mod_DTEX17 .ce_head h2 a::after { width:20px; height:2.9rem; vertical-align:middle; content: " "; display:inline-block; background-color:transparent; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size:6px 12px; background-repeat:no-repeat; background-position:center center; } /* .mod_DTEX17 #ceId_clgk_5_1 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#i);} .mod_DTEX17 #ceId_clgk_5_2 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#a);} .mod_DTEX17 #ceId_clgk_5_3 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#m);} .mod_DTEX17 #ceId_clgk_5_4 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#u);} .mod_DTEX17 #ceId_clgk_5_5 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#l);} .mod_DTEX17 #ceId_clgk_5_6 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#v);} .mod_DTEX17 #ceId_clgk_5_7 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#s);} .mod_DTEX17 #ceId_clgk_5_8 .ce_head {background-image: url(../../_images/view/ok/labels/application_icons_gray.svg#c);} .mod_DTEX17 .ce_head {padding-left:38px; background-repeat:no-repeat; background-size:25px 25px;} */ .mod_DTEX17 .mo_tickerHorizontal .mo_data{ margin:0; width:100%; } .mod_DTEX17 .mo_tickerHorizontal .pb_ce, .mod_DTEX17 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce{ padding:0; } /*.mod_DTEX17 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce{ margin-top:0; }*/ .mod_DTEX17 .mo_tickerHorizontal .pb_ce.pb_ce_group::after{ border:none; } .mod_DTEX17 .mo_tickerHorizontal .pb_ce::after{ width:100%; margin-left:0; } .mod_DTEX17 .mo_tickerHorizontal .owl-carousel .owl-item .pb_ce.pb_ce_group{ padding:0 5px; /*margin-top:0;*/ } .mod_DTEX17 .mo_tickerHorizontal .owl-carousel .ticker_previous{ left:-45px; } .mod_DTEX17 .mo_tickerHorizontal .owl-carousel .ticker_next{ right:-45px; } /* Ausstellerdetail Neuheiten */ .mod_DTEX18T .pb_ce > div {background:var(--color-primary, #999);} .mod_DTEX18T .ce_img{border: 1px solid #E3E3E3;} .mod_DTEX18T .ce_img img{margin: auto; width:100%;} .mod_DTEX18T .ce_cntnt{background:var(--color-primary, #999);position:relative;padding:30px;} .mod_DTEX18T .ce_cntnt .ce_topic{min-height:80px;} .mod_DTEX18T .ce_cntnt .ce_topic h2{color:#ffffff;font-size:2.2rem;margin-bottom:15px;} .mod_DTEX18T .ce_cntnt .ce_head h3{font-size:1.6rem;font-weight:normal;line-height:1.6rem;color: #ffffff;padding-bottom:0px;} .mod_DTEX18T .ce_labels { position:absolute;right:0;top:-15px;} .mod_DTEX18T .ce_labels > div { width:auto; display:inline-block; padding: 1px 15px 2px 15px; border:1px solid var(--color-primary, #999); background-color:var(--color-primary, #999); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size:1.8rem; color:#ffffff; top:-17.5rem; } .mod_DTEX18T .ce_labels span{word-break: normal;} /* Marken */ .mod_DTEX19 .pb_ce .ce_cntnt{ width:100%; padding:30px 0px; } .mod_DTEX19 .ce_img { /*width:190px;*/ height:168px; text-align:left; display:flex; align-items: center; justify-content: center; /*-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; */ -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; padding: 10px; margin:auto; margin-top:5px; } .mod_DTEX19 .ce_img img { width:auto; max-height:168px; } .mod_DTEX19 .owl-carousel .owl-item .ce_img img { width: auto; } .mod_DTEX19 .ce_img img[src$="pixel.gif"], .mod_DTEX19 .ce_img[class*="noImage"]{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height:auto; } .mod_DTEX19 .ce_cntnt .ce_head{ text-align:center; } .mod_DTEX19 .ce_cntnt .ce_head h2 {font-size:1.8rem; hyphens: none; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_DTEX19 .ce_cntnt .ce_head h3 { font-size:1.8rem; hyphens: none; } /* Verweise / Weitere Namen eines Ausstellers */ .pb_m .mod_DTEX20 .mo_data .pb_ce {margin-top:0;} .pb_m .mod_DTEX20 .mo_data .pb_ce .hideImg .ce_img {display:none} .pb_m .mod_DTEX20 .mo_data .pb_ce .hideImg .ce_cntnt {padding:25px 0px; width:100%;} .mod_DTEX20 .pb_ce > div{border-top: 1px solid #E3E3E3;display:flex;flex-wrap: wrap;} .mod_DTEX20 .pb_ce:first-child > div{border-top: none;} .mod_DTEX20 .ce_img {display: flex;align-items:center;width:210px;padding:10px 30px;vertical-align:middle;justify-content:center;} .mod_DTEX20 .ce_img img {max-width:150px; max-height:75px;} .mod_DTEX20 .ce_cntnt {width:calc(100% - 210px);display:flex;align-items:center;padding:25px 12px;} .mod_DTEX20 .ce_getUrlH.ce_hasLink .ce_cntnt{padding-bottom:25px;} .mod_DTEX20 .ce_head h3 {font-weight: normal;padding:0;} /* CareerDay (expo) */ .mod_DTEX22 .ce_img {display:none;} .mod_DTEX22 .ce_logo { display:inline-block; text-align:left; padding: 0px; margin-bottom:10px; } .mod_DTEX22 .ce_logo img { width:auto; max-height:168px; } .mod_DTEX22 .ce_cntnt .ce_text{ font-size:1.8rem; hyphens: none; } .mod_DTEX22 .ce_text a { color: inherit; } .mod_DTEX22 .ce_cntnt .ce_bttn{ position: relative; bottom: unset; margin-top: 15px; color: #999; color:var(--color-primary, #999); } .mod_DTEX22 .mo_header::after{ content:""; display: inline-block; margin-left:10px; /*position: absolute; right:30px;*/ width:30px; height:30px; background:url("../../_images/view/ok/labels/lbCareerDay.png"); background-repeat: no-repeat; background-position: center center; } .mod_DTEX22 .phone, .mod_DTEX22 .email{ font-size:0px; } .mod_DTEX22 .phone::before, .mod_DTEX22 .email::before{ content:""; display: inline-block; margin-right:10px; margin-top:5px; width:18px; height:18px; background-size: 18px; background-repeat: no-repeat; background-position: center bottom; } .mod_DTEX22 .phone::before{ background-image:url("../../_images/view/ok/icons/cIcon_phone.png"); } .mod_DTEX22 .email::before{ background-image:url("../../_images/view/ok/icons/cIcon_email.png"); } .mod_DTEX22 .mo_content{position:relative;} .mod_DTEX22 .mo_link.mo_linkBottom a:before, .mod_DTEX22 .mo_link.mo_linkBottom a:after{ display:none; } .mod_DTEX22 .mo_link.mo_linkBottom a::after{ content:"" !important; display: inline-block; position:relative; margin-left:10px; /*margin-top:5px; width:18px; height:18px; background-image:url("../../_images/view/ok/icons/icon_download_color.png"); background-size: 18px; background-repeat: no-repeat; background-position: center center; top:unset; right:unset;*/ background: #999; background:var(--color-primary, #999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); top:4px; width: 17px; height: 17px; } .mod_DTEX22 .mo_link.mo_linkBottom a{ background:none; color:var(--color-text-light, #999) !important; font-weight: normal !important; font-size: 1.8rem !important; margin-right:18px; margin-bottom:0px; margin-top:0px; padding:6px 12px; } .mod_DTEX22 .mo_link.mo_linkBottom{ position:absolute; margin-top:-65px; right:0px; background:none; color:var(--color-text-light, #999) !important; } /* Arbeitgeberporträt auf Ausstellerdetailseite (electronica) */ .mod_DTEX23 .ce_img {width: 33.3%;} .mod_DTEX23 .ce_cntnt {width:66.7%;} .mod_DTEX23 .ce_hasLink .ce_cntnt {padding-bottom: 60px;} /* Hiring-Link auf Ausstellerdetailseite (electronica) */ .mod_DTEX24 .ce_cntnt {padding:0px;} .mod_DTEX24 .mo_data .pb_ce .ce_bttn {position:relative;bottom:0;} /* Ausstellerkontakt */ .mod_DTEX11 .ce_head {font-size:2.1rem; line-height:2.8rem; font-weight:bold; margin-left:30px;} .mod_DTEX11 .ce_addr, .mod_DTEX11 .ce_website {margin-left:30px;} .mod_DTEX11 .ce_text > div {line-height:2.8rem;} .mod_DTEX11 .ce_cntnt {float:left; width:calc(100% - 55px); padding-right:10px; /*box-shadow:0px 0px 15px rgba(51,51,51,0.2); opacity:1;*/} .mod_DTEX11 .ct_ec, .mod_DTEX11 .ce_phone, .mod_DTEX11 .ce_mobile, .mod_DTEX11 .ce_fax, .mod_DTEX11 .ce_email, .mod_DTEX11 .ce_fndtn {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_DTEX11 .ce_cIcon, .mod_DTEX11 .ce_cDescr, .mod_DTEX11 .ce_cTxt {vertical-align:middle; line-height:2.8rem; display:flex;} .mod_DTEX11 .ce_cIcon {width:20px; text-align:center;} .mod_DTEX11 .ce_cIcon {background-repeat: no-repeat; background-size: 18px; background-position: center center; } .mod_DTEX11 .ce_phone .ce_cIcon {background-image: url("../../_images/view/ok/icons/cIcon_phone.png");} .mod_DTEX11 .ce_mobile .ce_cIcon {background-image: url("../../_images/view/ok/icons/cIcon_phone.png");} .mod_DTEX11 .ce_fax .ce_cIcon {background-image: url("../../_images/view/ok/icons/cIcon_fax.png");} .mod_DTEX11 .ce_email .ce_cIcon {background-image: url("../../_images/view/ok/icons/cIcon_email.png");} .mod_DTEX11 .ce_cTxt {margin-left:10px;} .mod_DTEX11 .ce_text a {color: inherit;} .mod_DTEX11 .ce_smchs {float:right; max-width:55px; padding:30px 5px 30px 10px; border-left: 1px solid #e3e3e3; /*background-image: linear-gradient(to right, rgba(51,51,51,0.15) -15px , transparent 15px);*/} .mod_DTEX11 .ce_smch {width:40px; height:40px; text-align:center; line-height:4.0rem;} .mod_DTEX11 .ce_smch a span {display:none;line-height:1rem;font-size: .6rem;} .mod_DTEX11 .ce_smch a {width:26px; height:26px; vertical-align:middle; display:inline-block; background-repeat: no-repeat; background-size: contain; background-position: center center;} .mod_DTEX11 .ce_smch.ce_Facebook a{background-image: url("../../_images/view/ok/icons/cIcon_facebook.png");} .mod_DTEX11 .ce_smch.ce_Instagram a{background-image: url("../../_images/view/ok/icons/cIcon_instagram.png");} .mod_DTEX11 .ce_smch.ce_LinkedIn a{background-image: url("../../_images/view/ok/icons/cIcon_linkedin.png");} .mod_DTEX11 .ce_smch.ce_Twitter a{background-image: url("../../_images/view/ok/icons/cIcon_twitter.png");} .mod_DTEX11 .ce_smch.ce_X a{background-image: url("../../_images/view/ok/icons/cIcon_x.png");} .mod_DTEX11 .ce_smch.ce_YouTube a{background-image: url("../../_images/view/ok/icons/cIcon_youtube.png");} .mod_DTEX11 .ce_smch.ce_Pinterest a{background-image: url("../../_images/view/ok/icons/cIcon_pinterest.png");} .mod_DTEX11 .ce_smch.ce_Xing a{background-image: url("../../_images/view/ok/icons/cIcon_xing.png");} .mod_DTEX11 .ce_smch.ce_TikTok a{background-image: url("../../_images/view/ok/icons/cIcon_tiktok.png");} .mod_DTEX11 .ce_smch.ce_Vimeo a{background-image: url("../../_images/view/ok/icons/cIcon_vimeo.png");} .mod_DTEX11 .ce_fndtn {margin:15px 30px 0 30px; padding-top:15px; border-top:1px solid #cecece;} .mod_DTEX11 .ce_fndtn .ce_cDescr {font-size:1.6rem; color:var(--color-text-light, #999); min-width:140px;} .mod_DTEX11 .ce_contactForm {margin:15px 30px 0 30px; padding-top:15px; border-top:1px solid #cecece;} .ce_cTxt, .ce_website, .ce_website a, .ce_email a {white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} /* Kontaktformular */ .ce_cf_head{ cursor: pointer; margin-bottom:20px; } .ce_cf_head::after{ content:""; display: inline-block; position: absolute; width:40px; height:25px; background:url("../../_images/view/ok/elements/arrow-right.png"); background-repeat: no-repeat; background-size: auto 15px; background-position: center center; transform: rotate(90deg); } .ce_cf_open{ border-bottom:1px dotted #999; } .ce_cf_open::after{ transform: rotate(270deg); } .ce_cf_formArea{} .ce_cf_formArea label{display:inline-block;float:left; width:20%;vertical-align:top;} .ce_cf_formArea input{} .ce_cf_formArea .ce_cf_error{color: #999; color:var(--color-primary, #999);} .ce_cf_formArea .ce_cf_errorText{width:auto;margin-left:20%;padding:0 1%; color: #999; color:var(--color-primary, #999);} .ce_cf_formArea input[type=text].ce_cf_errorField, .ce_cf_formArea textarea.ce_cf_errorField{border-color: #999; border-left: 2px solid var(--color-primary, #999);} .ce_cf_formArea input[type=text], .ce_cf_formArea textarea{border: 1px solid #bababa; color: #5b5b5b; font-size:1.8rem; font-family:var(--font-family,Arial),Arial;width: 80%; padding: 5px 1% 5px 1%;margin-bottom:5px;} .ce_cf_formArea input[type=checkbox]{display:none;} .ce_cf_formArea input[type=checkbox] + label{padding:0;} .ce_cf_formArea input[type=checkbox] + label:before{content: ""; line-height: 1.8rem; font-size:1.8rem; color: #999; color:var(--color-primary, #999); width: 18px;height: 18px;border: 1px solid #bababa; display: inline-block; margin-right: 15px;vertical-align:middle;} .ce_cf_formArea input[type=checkbox]:checked + label:before{content: "\2713";} .ce_cf_formArea fieldset{display:inline-block;float:left; width:80%;border:none;margin-bottom:1em;} .ce_cf_formArea fieldset label{width:45%;padding-left:33px;} .ce_cf_formArea fieldset input[type=text]{width:55%;float:right;} .ce_cf_formArea textarea{margin-bottom:1em;} .ce_cf_formArea .ce_cf_captcha {display:inline-block;float:left;width:80%;margin-bottom:1em;} .ce_cf_formArea .ce_cf_captcha .captcha_error_div{color: #999; color:var(--color-primary, #999);} .ce_cf_formArea .ce_cf_captcha .captcha_field_input{width:100px;} .ce_cf_formArea .ce_cf_captcha .captcha_text_div{padding:5px 0;} .ce_cf_formArea .ce_cf_captcha .floatClearer{font-size: 1px;height: 1px;} .ce_cf_formArea .ce_cf_groupRight{margin-left:20%;/*padding:0 1%;*/} .ce_cf_formArea .ce_cf_groupRight input[type="checkbox"] + label{width:100%;/*text-indent: -33px;padding-left:33px;*/} .ce_cf_formArea .bttn{margin:1em 0;} .fancybox-inner .ce_cf_formArea {max-width:600px;font-size: 1.8rem;} .fancybox-inner .ce_cf_formArea input[type=checkbox] + label{padding:0;} .fancybox-inner .ce_cf_formArea fieldset label {width:100%;padding-left:33px;float:none;} .fancybox-inner .ce_cf_formArea fieldset input[type=text]{width:calc(100% - 33px);margin-left:33px;float:none;} /* Downloads */ .mod_DTEX13 .mo_data {margin-top:15px;} .mod_DTEX13 .mo_link a {margin-left:10px; font-size:1.8rem;} .mod_DTEX13 .pb_ce {display:block; width:100%; margin-top:0px !important; border-bottom:1px solid #999; padding:0px; margin:0 15px;} .mod_DTEX13 .mo_data > .pb_ce:last-child {border-bottom:1px solid #999;} .mod_DTEX13 .ce_cntnt {width:100%; padding:10px 0;} .mod_DTEX13 .ce_bttn {position:relative !important; bottom:0 !important; margin:0 20px 0 10px; font-size:1.8rem; line-height:1.5em;} .mod_DTEX13 .ce_bttn a { display:block; width:100%; color:var(--color-text-dark, #333); padding-right:40px; /*background-size:18px 18px; background-image:url("../../_images/view/ok/icons/icon_downloadColor.png"); background-position:right center; background-repeat:no-repeat;*/ text-decoration:none; } .mod_DTEX13 .ce_bttn a:hover {color: #999; color:var(--color-primary, #999);} .mod_DTEX13 .ce_cntnt a::after {content:"";} .mod_DTEX13 .ce_bttn a::after { background: #333; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content:""; position:absolute; right:0px; top:5px; width: 17px; height: 17px; display:inline-block; } .mod_DTEX13 .ce_bttn a:hover::after { background: #999; background:var(--color-primary, #999); } .mod_DTEX13 .mo_link a::after { background: #999; background:var(--color-primary, #999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content:""; position:relative; left:12px; top:0px; width: 12px; height: 12px; display:inline-block; } /* Pressemappe */ .mod_DTEX21 .mo_data {margin-top:15px;} .mod_DTEX21 .mo_link a {margin-left:10px; font-size:1.8rem;} .mod_DTEX21 .pb_ce {display:block; width:100%; margin-top:0px !important; border-bottom:1px solid #999; padding:0px; margin:0 15px;} .mod_DTEX21 .mo_data > .pb_ce:last-child {border-bottom:1px solid #999;} .mod_DTEX21 .ce_cntnt {width:100%; padding:10px 0;} .mod_DTEX21 .ce_bttn {position:relative !important; bottom:0 !important; margin:0 20px 0 10px; font-size:1.8rem; line-height:1.5em;} .mod_DTEX21 .ce_bttn a { display:block; width:100%; color:var(--color-text-dark, #333); padding-right:40px; background-size:18px 18px; background-image:url("../../_images/view/ok/icons/icon_downloadColor.png"); background-position:right center; background-repeat:no-repeat; } .mod_DTEX21 .ce_bttn a:hover {color: #999; color:var(--color-primary, #999);} .mod_DTEX21 .ce_cntnt a::after {content:"";} /* Ausstellerdetail - Pressemeldungen */ .mod_4V2 .ce_head h3{ font-size: 1.8rem; padding:0; } .mod_4V2 .ce_cntnt{ font-size: 1.8rem; padding:0; } .mod_4V2 .mo_data {margin:0; width:100%; padding:0 110px;} .mod_4V2 .pb_ce:first-child {border-top:1px solid #afafaf; margin-top:0px;} .mod_4V2 .mo_data .pb_ce {border-bottom:1px solid #afafaf; padding:30px 0px; margin-top:0px;} .mod_4V2 .ce_cntnt, .mod_4V2 .ce_getUrlH.ce_hasLink .ce_cntnt {padding:0;display:flex;} .mod_4V2 .ce_topic h2 {padding: 0; margin-top:7px; font-size:1.6rem; font-weight:bold; color: #999; color:var(--color-primary, #999);line-height:2.2rem;} .mod_4V2 .ce_topic{margin-right:20px;} .mod_4V2 .ce_text{width:100%;padding-right:25px;margin-right:30px;font-size:2.1rem;font-weight:bold;} .mod_4V2 .ce_text:hover { color: #999; color:var(--color-primary, #999); } .mod_4V2 .ce_text::after { background: #afafaf; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position:absolute; right:0; top:8px; width: 18px; height: 18px; display:inline-block; } .mod_4V2 .ce_text:hover::after { background: #999; background: var(--color-primary, #999); } .mod_4V2 .mo_linkBottom.mo_linkButton {margin-top: 10px;text-align:right;} .mod_4V2 .mo_linkBottom.mo_linkButton a{ display:inline-block; padding:0; right: 95px; text-transform: none; width:auto; border: none; color: var(--color-text-dark, #333) !important; font-size:1.8rem; background-color: transparent; font-weight:normal; } .mod_4V2 .mo_linkBottom.mo_linkButton a::before{content:none !important;} .mod_4V2 .mo_linkBottom.mo_linkButton a::after { color: #999; color:var(--color-primary, #999); content: " ›" !important; position: unset; opacity:1; /*width: auto; height: auto; top: 0; background-color: inherit; overflow: hidden;*/ } /*.mod_4V2 .mo_linkBottom.mo_linkButton a:hover::after { color:#646464; }*/ .mod_4V2 .mo_linkBottom.mo_linkButton a:hover {/*color:#646464*/ color: #999; color:var(--color-primary, #999) !important;} /* Mitaussteller */ .pb_m .mod_DTCNM .mo_data .pb_ce {margin-top:0;} .pb_m .mod_DTCNM .mo_data .pb_ce .hideImg .ce_img {display:none} .pb_m .mod_DTCNM .mo_data .pb_ce .hideImg .ce_cntnt {padding:25px 0px; width:100%;} .mod_DTCNM .pb_ce > div{border-top: 1px solid #E3E3E3;display:flex;} .mod_DTCNM .pb_ce:first-child > div{border-top: none;} .mod_DTCNM .ce_img {float:left;display: flex;align-items:center;width:20%;padding:10px 30px;vertical-align:middle;justify-content:center;} .mod_DTCNM .ce_img img {max-width:150px; max-height:75px;} .mod_DTCNM .ce_cntnt {float:left;width:80%;display:flex;align-items:center;padding:25px 12px;} .mod_DTCNM .ce_getUrlH.ce_hasLink .ce_cntnt{padding-bottom:25px;} .mod_DTCNM .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; color: var(--color-text-dark, #333);} .mod_DTCNM .ce_head h2, .mod_DTCNM .ce_head h3 {font-weight: normal;padding:0;} .mod_DTCNM .ce_head h2::after, .mod_DTCNM .ce_head h3::after { width: 20px; height: 2.9rem; vertical-align: middle; content: " "; display: inline-block; background-color: transparent; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size: 6px 12px; background-repeat: no-repeat; background-position: center center; } /* Zusätzlich vertretene Unternehmen */ .pb_m .mod_DTCNZ .mo_data .pb_ce {margin-top:0;} .pb_m .mod_DTCNZ .mo_data .pb_ce .hideImg .ce_img {display:none} .pb_m .mod_DTCNZ .mo_data .pb_ce .hideImg .ce_cntnt {padding:25px 0px; width:100%;} .mod_DTCNZ .pb_ce > div{border-top: 1px solid #E3E3E3;display:flex;} .mod_DTCNZ .pb_ce:first-child > div{border-top: none;} .mod_DTCNZ .ce_img {float:left;display: flex;align-items:center;width:20%;padding:10px 30px;vertical-align:middle;justify-content:center;} .mod_DTCNZ .ce_img img {max-width:150px; max-height:75px;} .mod_DTCNZ .ce_cntnt {float:left;width:80%;display:flex;align-items:center;padding:25px 12px;} .mod_DTCNZ .ce_getUrlH.ce_hasLink .ce_cntnt{padding-bottom:25px;} .mod_DTCNZ .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; color: var(--color-text-dark, #333);} .mod_DTCNZ .ce_head h2, .mod_DTCNZ .ce_head h3 {font-weight: normal;padding:0;} .mod_DTCNZ .ce_head h2::after, .mod_DTCNZ .ce_head h3::after { width: 20px; height: 2.9rem; vertical-align: middle; content: " "; display: inline-block; background-color: transparent; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size: 6px 12px; background-repeat: no-repeat; background-position: center center; } /* Hauptaussteller */ .pb_m .mod_DTCNH .mo_data .pb_ce {margin-top:0;} .pb_m .mod_DTCNH .mo_data .pb_ce .hideImg .ce_img {display:none} .pb_m .mod_DTCNH .mo_data .pb_ce .hideImg .ce_cntnt {padding:25px 0px; width:100%;} .mod_DTCNH .pb_ce > div{border-top: 1px solid #E3E3E3;display:flex;} .mod_DTCNH .pb_ce:first-child > div{border-top: none;} .mod_DTCNH .ce_img {float:left;display: flex;align-items:center;width:20%;padding:10px 30px;vertical-align:middle;justify-content:center;} .mod_DTCNH .ce_img img {max-width:150px; max-height:75px;} .mod_DTCNH .ce_cntnt {float:left;width:80%;display:flex;align-items:center;padding:25px 12px;} .mod_DTCNH .ce_getUrlH.ce_hasLink .ce_cntnt{padding-bottom:25px;} .mod_DTCNH .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; color: var(--color-text-dark, #333);} .mod_DTCNH .ce_head h2, .mod_DTCNH .ce_head h3 {font-weight: normal;padding:0;} .mod_DTCNH .ce_head h2::after, .mod_DTCNH .ce_head h3::after { width: 20px; height: 2.9rem; vertical-align: middle; content: " "; display: inline-block; background-color: transparent; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size: 6px 12px; background-repeat: no-repeat; background-position: center center; } /* Ausstellerrepraesentanten */ .mod_DTCNE .ce_favi {position:absolute;top:0;right:0;} .mod_DTCNE .ce_head h2 {line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_DTCNE .ce_head h2, .mod_DTCNE .ce_head h3 {font-size:2.1rem;text-align:center;hyphens: none;} .mod_DTCNE .ce_text {font-size:1.4rem;text-align:center;} .mod_DTCNE .ce_prvcy { width:32px; height:32px; margin:10px auto; background-image: url(../../_images/view/ok/icons/icon_noContact.png); background-size:32px 32px; background-repeat:no-repeat; background-position:center center; } /*.mod_DTCNE .ce_prvcy.ocHandler {background-image: url(../../_images/view/ok/icons/icon_contact.png); cursor:pointer;}*/ .mod_DTCNE .ce_prvcy.ocHandler { width:32px; height:32px; margin:10px auto; background-image: url(../../_images/view/ok/icons/icon_info.svg); background-size:21px 21px; background-repeat:no-repeat; background-position:center center; } /* Falls es statt "ce_prvcy" "ce_contactFormHandler" gibt */ .mod_DTCNE .ce_contactFormHandler {display:none;} .mod_DTCNE .ce_contactFormHandler.ocHandler{display:block;width:auto;text-align:center;margin:30px auto 10px auto;padding-top:15px;border-top: 1px solid #E0E0E0;} .mod_DTCNE .ce_contactFormHandler.ocHandler span {margin-left: -15px;} .mod_DTCNE .ce_contactFormHandler.ocHandler span::after{ content:""; display: inline-block; position: absolute; width:30px; height:25px; background:url("../../_images/view/ok/elements/arrow-right.png"); background-repeat: no-repeat; background-size: auto 15px; background-position: center center; } .mod_DTCNE .ce_cntnt{height:170px;overflow:hidden;border:1px solid #E3E3E3;} .mod_DTCNE .mo_tickerHorizontal .ce_favi img, .mod_DTCNE .mo_tickerHorizontal .ce_prvcy img {width:auto;} .mod_DTCNE .mo_data .pb_ce .ce_inf { position:absolute; z-index:10; left:15px; top:15px; width:calc(100% - 30px); height:100%; opacity:0.9; text-align:center; background-color: #999; background-color:var(--color-primary, #999); padding:15px 15px 40px 15px; font-size: 1.6rem; line-height:2.4rem; font-weight:bold; color:#fff; border:1px solid #fff; } .mod_DTCNE .mo_data .pb_ce.pb_ce_group .pb_ce .ce_inf { left:0px; top:0px; width:100%; } .mod_DTCNE .mo_data .pb_ce .ce_inf a{ color:#fff; } .mod_DTCNE .ce_infClose {background-image: url(../../_images/view/ok/elements/close_thin_white.png); position:absolute; top:calc(100% - 40px); left:calc(100% - 40px);} .mod_DTCNE .ce_InfCntnt {font-size:1.4rem;line-height:1.2;} .mod_DTCNE .ce_InfCntnt a{ padding-left:16px; background-size:10px 10px; background-image:url("../../_images/view/ok/elements/arrow-long-right_white.png"); background-position:left center; background-repeat:no-repeat; font-size:1.4rem; } .mod_DTCNE .ce_eqh {display:flex;align-items:stretch;} .mod_DTCNE .ce_eqh .ce_cntnt{height:auto;display:flex;flex-direction: column;width:100%;} .mod_DTCNE .ce_eqh .ce_contactFormHandler.ocHandler{width:100%;margin-bottom:0;} /* Pressedetailseite */ /* Pressedetailseite Ausstellerinfo */ .mod_DTPS1 .pb_ce > div {margin-top:10px;padding-top:10px;/*border-top:1px solid #E3E3E3;*/} .mod_DTPS1 .ce_cntnt{position:relative;padding:30px 0;} .mod_DTPS1 .ce_date {font-size:1.8rem;color:var(--color-text-light, #999);margin-bottom:52px;} .mod_DTPS1 .ce_topic{margin-bottom:46px;max-width:calc(100% - 220px);} .mod_DTPS1 .ce_topic h2{font-size:2.2rem; color:var(--color-text-dark, #333);} .mod_DTPS1 .ce_topic h2 a{font-size: inherit;font-weight: inherit;color:inherit;} .mod_DTPS1 .ce_topic h2 a:hover{font-size: inherit;font-weight: inherit; color: #999; color: var(--color-primary, #999);} .mod_DTPS1 .ce_head{font-size:3.5rem;font-weight:bold;margin-bottom:50px;max-width:calc(100% - 220px);min-height:120px;} .mod_DTPS1 .ce_text{} .mod_DTPS1 .ce_logo{position:absolute;top:60px;right:0;} /* Logo mit Rahmen */ .mod_DTPS1 .ce_logo{ width:190px;height:190px; display:flex; align-items: center; justify-content: center; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; padding: 10px; overflow:hidden; } .mod_DTPS1 .ce_favi{position:absolute;top:0;right:0;} .fancybox-inner .mod_DTPS1 .pb_ce > div {margin-top:unset;padding-top:unset;border-top:none;} .fancybox-inner .mod_DTPS1 {width:100%;} .fancybox-inner .mod_DTPS1 .ce_date { font-size: 1.4rem; line-height: 1.9rem; } .fancybox-inner .mod_DTPS1 .ce_topic{margin-bottom:20px;} .fancybox-inner .mod_DTPS1 .ce_topic h2 { font-size: 1.8rem; line-height: 2.4rem; font-weight: bold; color: var(--color-text-dark, #333); margin: 20px 0; } .fancybox-inner .mod_DTPS1 .ce_head{min-height:unset;} .fancybox-inner .mod_DTPS1 .ce_head h1 { font-size: 2.4rem; line-height: 2.9rem; font-weight: bold; color: var(--color-text-dark, #333); } .fancybox-inner .mod_DTPS1 .ce_logo { width:120px; height:120px; border:1px solid #ccc; webkit-border-radius: unset; -moz-border-radius: unset; border-radius: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } /* Pressedetailseite Bilder */ .pb_c_3 .mod_DTPSPP .pb_ce {width: 33.333333% !important;margin-top: 0px !important;} .mod_DTPSPP .ce_cntnt{padding:30px 0px;} .mod_DTPSPP .ce_img img{max-height:245px; object-fit: scale-down;} .mod_DTPSPP .ce_img a{margin:auto;} .mod_DTPSPP .ce_img{position:relative; border: 1px solid #E3E3E3; display:flex; align-content: center;justify-content: center; padding:15px; height: 245px; border-radius:0; border-radius:var(--corner-radius, 0);} .mod_DTPSPP .ce_img:before { background: #fff; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; padding: 0; color: #fff; border: 0; cursor: pointer; transition: color .3s ease-in-out,transform .3s ease-in-out; } .mod_DTPSPP .ce_img:hover:before { background: #999; background: var(--color-primary, #999); } .mod_DTPSPP .ce_bttn {position:relative !important;} .mod_DTPSPP .ce_bttn a{color:var(--color-text-dark, #333);text-decoration:none;} .mod_DTPSPP .ce_bttn a:after{content:"";} .mod_DTPSPP .ce_getUrlH .ce_bttn {display:block;} /* Pressedetailseite Downloads */ .mod_DTPSD .mo_data {margin:0; width:100%; padding:0 110px;} .mod_DTPSD .pb_ce:first-child {border-top:1px solid #afafaf; margin-top:0px;} .mod_DTPSD .mo_data .pb_ce {border-bottom:1px solid #afafaf; padding:30px 0px; margin-top:0px;} .mod_DTPSD .ce_pre {display:block; float:left;} .mod_DTPSD .ce_pre {padding: 0; margin-top:7px; font-size:1.6rem; font-weight:bold; color: #999; color:var(--color-primary, #999);line-height:2.2rem;} .mod_DTPSD .ce_pre:after {content:""; display:inline-block; margin:0 6px 0 3px; width:20px; border-bottom: 1px solid #333;} .mod_DTPSD .ce_cntnt {padding:0;} .mod_DTPSD .ce_bttn {position:relative !important; bottom:0 !important; margin:0 20px 0 10px; } .mod_DTPSD .ce_bttn a { display:block; width:100%; color:var(--color-text-dark, #333); font-size:2.2rem; font-weight:bold; padding-right:40px; text-decoration:none; } .mod_DTPSD .ce_bttn a::after { /*background: #afafaf; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position:absolute; right:0; top:8px; width: 18px; height: 18px; display:inline-block;*/ background: #333; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content:""; position:absolute; right:0px; top:8px; width: 17px; height: 17px; display:inline-block; } .mod_DTPSD .ce_bttn a:hover::after { background: #999; background: var(--color-primary, #999); } .mod_DTPSD .ce_bttn a:hover {color: #999; color:var(--color-primary, #999);} .mod_DTPSD .ce_cntnt a::after {content:"";} .mod_DTPSD .mo_linkBottom.mo_linkButton {margin-top: 10px;text-align:right;} .mod_DTPSD .mo_linkBottom.mo_linkButton a{ display:inline-block; padding:0; right: 95px; text-transform: none; width:auto; border: none; /*color: #333 !important;*/ color: #999; color:var(--color-primary, #999) !important; font-size: 1.8rem !important; background-color: transparent; font-weight:normal !important; background:none; margin-top:0px; margin-right:30px; position:relative; } .mod_DTPSD .mo_linkBottom.mo_linkButton a::before{content:none !important;} .mod_DTPSD .mo_linkBottom.mo_linkButton a::after { background: #999; background:var(--color-primary, #999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content:""; position:relative; left:12px; top:0px; width: 12px; height: 12px; display:inline-block; } /*.mod_DTPSD .mo_linkBottom.mo_linkButton a:hover::after { color:#646464; }*/ .mod_DTPSD .mo_linkBottom.mo_linkButton a:hover {/*color:#646464*/ color: #999; color:var(--color-primary, #999) !important;} .fancybox-inner .mod_DTPSD .mo_title{ font-size: 2.1rem; line-height: 2.9rem; font-weight: bold; color: var(--color-text-dark, #333); } .fancybox-inner .mod_DTPSD .ce_bttn a{font-weight:normal; color:var(--color-text-dark, #333);} /* Pressedetailseite Ansprechpartner */ .mod_DTPSC .mo_data {margin:0; width:100%; padding:0 110px;} .mod_DTPSC .pb_ce {border-top:1px solid #afafaf; margin-top:0px;} .mod_DTPSC .ce_cntnt {padding:30px 0;} .fancybox-inner .mod_DTPSC .mo_title{ font-size: 2.1rem; line-height: 2.9rem; font-weight: bold; color: var(--color-text-dark, #333); } .mod_DTPSC .ce_cntnt .ce_text a { color: inherit; } /* Pressedetailseite weitere Pressemeldungen */ .mod_DTPSM .ce_img { /*position: relative;*/ border: 1px solid #E3E3E3; display: flex; align-items: center; justify-content: center; padding:15px; min-height:220px; border-radius:0; border-radius:var(--corner-radius, 0); } .mod_DTPSM .ce_img img{ max-width:150px; max-height:150px; } .mod_DTPSM .owl-carousel .owl-item .ce_img img{ width:auto; } .mod_DTPSM h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_DTPSM h2, .mod_DTPSM h3 { font-size:2.2rem; } .fancybox-inner .mod_DTPSM .mo_title{ font-size: 2.1rem; line-height: 2.9rem; font-weight: bold; color: var(--color-text-dark, #333); } .fancybox-inner .mod_DTPSM .ce_head h2, .fancybox-inner .mod_DTPSM .ce_head h3{ font-size: 1.8rem; line-height: 2.9rem; font-weight: normal; color: var(--color-text-dark, #333); } /* Notizen bei Favoriten */ .ce_note_bookmark {clear:both;margin-top:10px;} .ce_note_bookmark .ce_note_title a {font-size:1.8rem; display:flex;} .ce_note_bookmark .ce_note_title a::after{ background: #333; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; display: inline-block; position: relative; margin-left: 10px; margin-top: 6px; width: 10px; height: 16px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); } .ce_note_bookmark .ce_note_title_open a::after{transform: rotate(90deg);} .ce_note_bookmark .ce_note{font-size:1.4rem; word-break: normal;border-top: 1px solid #d1d1d1;display:flex;justify-content: space-between;} .ce_note_bookmark .ce_note_view {display:flex;} .ce_note_bookmark .ce_note_hide {display:none;} .ce_note_bookmark .ce_note_form{margin-top:5px;width:90%;} .ce_note_bookmark .ce_note_form form{display:flex;justify-content: space-between;flex-wrap: wrap;} .ce_note_bookmark .ce_note_editarea{font-size:1.4rem; width:100%; margin-bottom:5px;} .ce_note_bookmark .ce_note_editarea{padding-left:25px;position:relative;} .ce_note_bookmark .ce_note_editarea::before { background: #999; background: var(--color-primary, #999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position:absolute; left:0; top:3px; width: 16px; height: 16px; display:inline-block; } .ce_note_bookmark .ce_note_editarea p{margin-bottom:unset;font-size:1.4rem;} .ce_note_bookmark .ce_note_info{display:none;} .ce_note_bookmark .ce_note_save{display:none; padding: 5px 10px; color:#ffffff; background: #999; background:var(--color-primary, #999);cursor:pointer;} .ce_note_bookmark .ce_note_delete img{ width:35px; height:40px; } .ce_note_bookmark .ce_note_delete{ position:relative; } .ce_note_bookmark .ce_note_delete::before { background: #999; background: var(--color-primary, #999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position:absolute; left:0; top:4px; width: 20px; height: 20px; display:inline-block; } /* 1tes Listpaging */ .ce_pgWrapper, .pg_filterWrapper {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap:10px;} .ce_pgWrapper{justify-content:space-between;} .ce_pgWrapper > div, .pg_filterWrapper > div {float:left; display:flex; margin:5px 0;} .pg_filterWrapper + div {margin-left:150px; padding-left:0;} .ce_pgWrapper > div:first-child {padding-left:0px;} .ce_paging {position:relative;} .pg_sort, .pg_hits, .pg_rpp, .pg_xls, .pg_view {font-size:1.4rem; line-height:3.2rem; padding:0 20px 0 10px;} .pg_sortOpt {cursor:pointer; font-size:1.4rem; line-height:1.4rem; margin:9px 0; padding:0 10px; border-right:1px solid #333;} .pg_sortOpt.active {color: #999; color:var(--color-primary, #999); text-decoration:underline;} .pg_sort > div:last-child {border-style:none;} .pg_nav { flex-grow:2;justify-content:flex-end;} .pg_rpp { flex-grow:1;} .pg_rppOpt {cursor:pointer; font-size:1.6rem; line-height:3.2rem; margin:0 2px; padding:0 2px; min-width:32px; height:32px; text-align:center; background-color:#f1f1f1;} .pg_rppOpt.active {color: #999; color:var(--color-primary, #999);} .pg_rpp > div:last-child {margin-right:5px;} .pg_view {padding:0 0 0 30px;} .pg_viewOpt {cursor:pointer; font-size:1.6rem; line-height:3.2rem; margin:0 2px; width:32px; height:32px;} .pg_viewOpt.viewOptExt {background-image:url(../../_images/view/ok/elements/listingViewBars.png); background-repeat:no-repeat; background-position:center;} .pg_viewOpt.viewOptTle {background-image:url(../../_images/view/ok/elements/listingViewTiles.png); background-repeat:no-repeat; background-position:center;} .pg_viewOpt.viewOptExt.active {background-image:url(../../_images/view/ok/elements/listingViewBars_color.png);} .pg_viewOpt.viewOptTle.active {background-image:url(../../_images/view/ok/elements/listingViewTiles_color.png);} .pg_filter {cursor:pointer; font-size:1.8rem; line-height:3.2rem; padding:0 30px 0 0;} .pg_filterOpt {font-size:1.6rem; line-height:3.2rem; margin:0 5px 0 0; width:32px; height:32px;} .pg_filterOpt {background-image:url(../../_images/view/ok/elements/filter.png); background-repeat:no-repeat; background-position:center;} .pg_noHits {font-size:1.8rem; line-height:3.2rem; color: #999; color:var(--color-primary, #999);clear:left;} .ce_pgSiteSearchInfo {font-size: 1.8rem; line-height: 2.9rem; color:var(--color-primary, #999);} .ce_pgSiteSearchInfo.pg_siteSearchInfo {margin: 0 0 15px 0; display:block; clear:left; width:100%;} .pg_filterWrapper {width:100%} .pg_filterWrapper .pg_filter {min-width:140px; margin-right:10px;} .pg_filterWrapper .pg_currFilter {width:calc(100% - 150px); flex-wrap:wrap; gap:10px;} /* für insideFilter */ .ce_paging > div.pg_currFilter {float:left; display:flex; margin:5px 0; width:calc(100% - 150px); flex-wrap:wrap; gap:10px;} .ff_view { padding:7px 27px 7px 10px; min-width:50px; background-color:#fff; color: #999; color:var(--color-primary, #999); cursor:pointer; border-color: #999; border:1px solid var(--color-primary, #999); line-height:2.2rem; font-size:1.6rem; text-align:center; background-image: url(../../_images/view/ok/elements/close_color.png); background-size:12px 12px; background-repeat:no-repeat; background-position:calc(100% - 7px) center; word-break: normal; hyphens: auto; } .ff_viewRst { padding:7px 22px 7px 10px; min-width:50px; background-color:#fff; color: #999; color:var(--color-primary, #999); cursor:pointer; line-height:2.2rem; font-size:1.6rem; font-weight:bold; text-align:center; background-image: url(../../_images/view/ok/elements/close_color.png); background-size:12px 12px; background-repeat:no-repeat; background-position:right center; } .contOfNv_41 .pg_filter {flex-grow:1;} /* 2tes Listpaging */ #ceId_LstPgng_2 .pg_nav {width:100%; display:block;} /* Blätterfunktion für Listen */ .lt_area {float:right;} #changenumbertxt_paging_1, #changenumbertxt_paging_2, #changenumbertxt_booExhibitorListing {border:1px solid #d1d1d1; min-width:32px !important; height:32px !important; padding-left:10px; padding-right:5px; margin:0px; font-size:1.6rem;} .paging_table {float:right; white-space:nowrap;} .paging_LeftArrows_cell {float:left;} .paging_RightArrows_cell {float:left;} .paging_TextSubmits_cell {white-space:nowrap; float:left; padding:0px 5px 0px 5px; font-size:1.6rem;} .paging_textSubmit {font-size:1.6rem; border:0px; color:var(--color-text-dark, #333); cursor:pointer; background-color:#FFF; min-width:24px;} .paging_textArrows, .paging_textArrowsInactive {width:32px; height:32px !important;} .jl_p_act,.jl_p_inact {background:url(../../_images/view/ok/elements/listingArrows.svg) no-repeat; color:transparent; font-size:0px; border:0px; background-size: 32px auto;} .jl_p_act {cursor:pointer;} .jl_p_actnext {background-position:0px 0px;} .jl_p_actprev {background-position:0px -38px;} .jl_p_inact {cursor:text;} .jl_p_inactprev {background-position:0px -114px;} .jl_p_inactnext {background-position:0px -76px;} form[id^="paging_lazyLoad_"] .pg_nav, #ceId_LstPgng_2 form[id^="paging_lazyLoad_"] .pg_nav{ margin:auto; display:flex; } form[id^="paging_lazyLoad_"] .ce_pgWrapper{ float: unset; border-top: 1px solid #d1d1d1; padding-top: 10px; margin-top:30px; } form[id^="paging_lazyLoad_"] .lt_area{ margin:auto; float:left; } .jl_p_actLzyMore { background: #999; background:var(--color-primary, #999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; width:25px; height:50px !important; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); margin-bottom: 100px; } .jl_p_actLzyMore:hover { background: #aaa; background:var(--color-primary-light, #aaa); } .jl_p_actLzyLess { display:none !important; background-position: 0px -185px; margin-right: 5px; display:none; } .jl_p_inactLzyMore,.jl_p_inactLzyLess{ display:none; } /* XLS-Download */ #lb_loadingContainer {padding-top:50px; min-width:310px; background: url("../../_images/view/ok/elements/loading_logo.png") no-repeat scroll left top;} .lb_loadingArrow {background: url("../../_images/view/ok/elements/loading_arrows.gif") no-repeat scroll left 12px; padding-left:20px;} .lb_loadingWrapper {font-size:1.6rem; line-height:1.9rem; padding-top:10px; border-color: #999; border-top:1px solid var(--color-primary, #999); min-height:40px;} .lb_openFileLink { display:block; width:100%; color:var(--color-text-dark, #333); padding-right:40px; background-size:18px 18px; background-image:url("../../_images/view/ok/icons/icon_downloadColor.png"); background-position:right center; background-repeat:no-repeat; } /* Filter Formular und Felder */ #jl_contentWrapper {position:relative;} .pg_ff_form {position:absolute; top:60px; left:20px; min-width:280px; min-height:100px; z-index:100; border-radius:0; border-radius:var(--corner-radius, 0);} .pg_ff_wrapper {position:relative; width:100%; min-width:280px; min-height:100px; display:block; padding:20px;} .pg_ff_head {font-size:3.8rem; line-height:4.2rem; margin:10px 20px 20px 0;} input, select, button {font-family:var(--font-family,Arial),Arial;} .fff_field input::placeholder {color:var(--color-text-light, #999);} .fff_wrp {margin:10px 0 10px 0; max-width:450px;} .fff_head {font-size:2.4rem; line-height:3.2rem; font-weight:bold; margin:15px 0 5px 0; width:100%;} .fff_field, .fff_sel {position: relative; width:100%;} .fff_field input {font-size:1.6rem; line-height:2.2rem; border:1px solid #E0E0E0; color:var(--color-text-dark, #333); background-color:#fff; width:100%; padding:4px 1% 4px 1%;} .fff_sel select {font-size:1.6rem; line-height:2.2rem; border:1px solid #E0E0E0; color:var(--color-text-dark, #333); background-color:#fff; width:100%; padding:4px 1% 4px 1%; appearance:none; /*outline:none;*/} .fff_sel select::-ms-expand {display: none;} .fff_sel::before {pointer-events:none;} .fff_sel::after { position:absolute; right:10px; top:0px; display:block; z-index: 1; width:20px; height:30px; content: ""; pointer-events: none; background-color:#fff; background-image: url(../../_images/view/ok/elements/arrow-right.png); background-size:9px 18px; background-repeat:no-repeat; background-position:center center; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fff_sel option.lev0 {font-size:1.6rem; color:var(--color-text-light, #999);} .fff_sel option.lev1 {font-size:1.6rem; font-weight:bold;} .fff_sel option.lev2 {font-size:1.6rem;} .fff_plz .fff_field input {float:left;} /*.fff_plz .fff_field > input[type="text"]:first-child {width:28%; margin-right:2%;} .fff_plz .fff_field > input[type="text"]:last-child {width:70%;}*/ .fff_plz .fff_field > div {float:left;margin:0;padding:0;} .fff_plz .fff_field > div:first-child {width:28%; margin-right:2%;} .fff_plz .fff_field > div:last-child {width:70%;} .fff_plz .fff_field input[type="text"]{padding-right:30px;padding-left:8px;} .fff_plz .fff_field input.ff_searchTermBttn { border:none; position: absolute; margin-left: -30px; margin-top:3px; width: 25px; } .fff_opt {float:left; margin:4px 10px 4px 0;} .fff_opt label {display:inline-block; min-width:50px; background-color:#fff; color:var(--color-text-light, #999); line-height:2.2rem; font-size:1.6rem; text-align:center; cursor:pointer; padding:7px 10px; border:1px solid #E0E0E0;} .fff_opt input[type="radio"], .fff_opt input[type="checkbox"] {display:none;} .fff_opt input[type="radio"]:checked + label {background-color:#555; color:#fff; cursor:pointer;} .fff_opt input[type="checkbox"]:checked + label {background-color:#555; color:#fff; cursor:pointer;} button.bttn.ff_filterBttn{display:none;} .resetBttn { background-color:#fff; background-image: url(../../_images/view/ok/elements/close_color.png); background-size:14px 14px; background-repeat:no-repeat; background-position:left center; cursor: pointer; margin:6px 18px 6px 0; padding:2px 6px 2px 25px; vertical-align: middle; border:none; line-height:2.9rem; font-size:1.8rem; color: #999; color:var(--color-primary, #999); } /* Suchfeld im Contentbereich */ #ceId_search {background-color: var(--color-primary, #999); display:block;padding:20px;} .ce_search {max-width:1200px;display:block; margin:auto;background-color:#fff;height:40px;} .ce_search button.search_bttn{ float: left; margin:10px; background-image: url(../../_images/view/ok/elements/search_color.png); background-size:cover; background-color: transparent !important; width:20px; height:20px; display: block; border:none; cursor:pointer; } .ce_search input.search_input{ float: left; margin:5px 0 5px 0; height: 30px; width: calc(100% - 80px); display: inline-block; font-size:1.8rem; color: var(--color-text-light, #999); border:none; } .ce_search button.search_reset{ float:left; margin:10px 10px 10px 10px; background-color:#fff; background-image: url(../../_images/view/ok/elements/close_color.png); background-size:16px 16px; background-repeat:no-repeat; background-position:center center; height:20px; width:20px; display:none; border:none; cursor:pointer; } .ce_search button.active{ display:block; } .ce_search input.search_input:focus{ outline: none; } /* Suche Headline */ .ct_st .searchterm::before {content:''; color:var(--color-text-dark, #333);} .ct_st .searchterm::after {content:':'; color:var(--color-text-dark, #333); position:absolute; right:0; top:0} .ct_st .ce_head {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .ct_st .ce_head div {font-size:3.2rem; line-height:5.0rem; font-weight:normal; white-space:nowrap; display:inline-block; } .ct_st .ce_error {font-size:2.4rem; line-height:3.2rem; font-weight:normal; display:block; } .ct_st .searchterm { max-width:600px; color:var(--color-text-light, #999); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 10px 0 10px; margin-right:5px; min-width:0; position:relative; } /* Suchergebnis- und Favoritenlisting Titel */ body[data-nv="100"] .mo_title {font-size:3.2rem; line-height:4.2rem; margin-top:40px;} body[data-nv="100"] .mo_title span {font-weight:bold;} body[data-nv="98.1"] .mo_title {font-size:3.2rem; line-height:4.2rem; margin-top:40px;} body[data-nv="98.1"] .mo_title span {font-weight:bold;} .ce_snv_aat {font-size:3.2rem; line-height:4.2rem; margin-top:30px;} .ce_snv_aat span {font-weight:bold;} /* Ergebnisnavigation */ .ce_snv {display: -webkit-flex; display:-ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:20px 0;} .snv_item {display:inline-block; font-size:1.8rem; line-height:2.4rem; margin:10px;} .snv_item.more, .snv_item.anchor {cursor:pointer;} .snv_item span {color:var(--color-text-light, #999);} .snv_item.active, .snv_item.active span {color: #999; color:var(--color-primary, #999); text-decoration:underline;} /* Highlighing des Suchbegriffs in den Treffern */ .ct_le .highlight {font-size:inherit; line-height:inherit; font-weight:inherit; font-style:inherit; color: #999; color:var(--color-primary, #999); text-decoration:underline;} /* Jobboerse Ticker */ .mod_4_1V4 .ct_ti, .mod_DTEX15 .ct_ti {padding:0 12%;} .mod_4_1V4 .mo_content, .mod_DTEX15 .mo_content {margin: 0 30px;} .mod_4_1V4 .pb_ce, .mod_DTEX15 .pb_ce {border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;} .mod_4_1V4 .ce_img, .mod_DTEX15 .ce_img {width:150px; display:table-cell; vertical-align:middle;} .mod_4_1V4 .ce_img img, .mod_DTEX15 .ce_img img, .mod_4_1V4 .owl-carousel .owl-item .ce_img img, .mod_DTEX15 .owl-carousel .owl-item .ce_img img {width:auto; max-height:75px;max-width:150px;} .mod_4_1V4 .ce_cntnt, .mod_DTEX15 .ce_cntnt {display:table-cell; vertical-align:middle;} .mod_4_1V4 .ce_head h2, .mod_DTEX15 .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_4_1V4 .ce_head, .mod_DTEX15 .ce_head {font-size:2.1rem; line-height:2.9rem; color: #999; color:var(--color-primary, #999); font-weight:bold;} .mod_4_1V4 .ce_text, .mod_DTEX15 .ce_text {font-size:1.8rem; line-height:2.9rem; color:var(--color-text-dark, #333); font-weight:normal;} /* Jobboerse Detailseite */ .mod_DTJB1 .ce_cntnt, .mod_DTJB2 .ce_cntnt, .mod_DTJB3 .ce_cntnt {position:relative; padding: 30px 0 0 0;} .mod_DTJB1 .ce_area_1, .mod_DTJB2 .ce_area_1, .mod_DTJB3 .ce_area_1 {position:absolute; right:0px; top:75px; width:280px;} .mod_DTJB1 .ce_logo, .mod_DTJB2 .ce_logo, .mod_DTJB3 .ce_logo {margin-bottom:40px; overflow: auto;} .mod_DTJB1 .ce_logo img, .mod_DTJB2 .ce_logo img, .mod_DTJB3 .ce_logo img {width:auto; max-height:75px; float:right} .mod_DTJB1 .ce_bttn, .mod_DTJB2 .ce_bttn, .mod_DTJB3 .ce_bttn {position:static !important; text-align:right; clear:both;} .mod_DTJB1 .ce_area_2, .mod_DTJB2 .ce_area_2, .mod_DTJB3 .ce_area_2 {width:calc(100% - 300px);} .mod_DTJB1 .ce_date, .mod_DTJB2 .ce_date, .mod_DTJB3 .ce_date {font-size:1.4rem; line-height:1.9rem;} .mod_DTJB1 .ce_topic h2, .mod_DTJB2 .ce_topic h2, .mod_DTJB3 .ce_topic h2 {font-size:1.8rem; line-height:2.4rem; font-weight:bold; color:var(--color-text-dark, #333); margin:20px 0;} .mod_DTJB1 .ce_head h1, .mod_DTJB2 .ce_head h1, .mod_DTJB3 .ce_head h1 {font-size:2.4rem; line-height:2.9rem; font-weight:bold; color:var(--color-text-dark, #333);} .mod_DTJB1 .wrp_attributes, .mod_DTJB2 .wrp_attributes, .mod_DTJB3 .wrp_attributes {margin:20px 0;} .mod_DTJB1 .ce_attDescr, .mod_DTJB2 .ce_attDescr, .mod_DTJB3 .ce_attDescr {display:table-cell; color:var(--color-text-light, #999); padding:5px 5px 5px 0; min-width:200px;} .mod_DTJB1 .ce_attValue, .mod_DTJB2 .ce_attValue, .mod_DTJB3 .ce_attValue {display:table-cell; padding:5px 5px 5px 0;} .mod_DTJB1 .ce_txtDescr, .mod_DTJB2 .ce_txtDescr, .mod_DTJB3 .ce_txtDescr {font-size:2.1rem; line-height:2.9rem; font-weight:bold; color:var(--color-text-dark, #333); margin:20px 0;} .mod_DTJB1 .ce_txtValue, .mod_DTJB2 .ce_txtValue, .mod_DTJB3 .ce_txtValue {font-size:1.8rem; line-height:2.4rem; font-weight:normal; color:var(--color-text-dark, #333);} .mod_DTJB1 .ce_txtValue ul, .mod_DTJB2 .ce_txtValue ul, .mod_DTJB3 .ce_txtValue ul {padding-left:25px;} .mod_DTJB1 .ce_txtValue li, .mod_DTJB2 .ce_txtValue li, .mod_DTJB3 .ce_txtValue li {padding:2px;} .mod_DTJB1 .ce_favi, .mod_DTJB2 .ce_favi, .mod_DTJB3 .ce_favi {position:absolute; right:0px; top:20px;} .fancybox-inner #jl_contentArea .mod_DTJB1, .fancybox-inner #jl_contentArea .mod_DTJB2, .fancybox-inner #jl_contentArea .mod_DTJB3 {width:950px;} .fancybox-inner .mod_DTJB1 .ce_cntnt, .fancybox-inner .mod_DTJB2 .ce_cntnt, .fancybox-inner .mod_DTJB3 .ce_cntnt {padding: 30px 30px 0 30px;} .fancybox-inner .mod_DTJB1 .ce_favi, .fancybox-inner .mod_DTJB2 .ce_favi, .fancybox-inner .mod_DTJB3 .ce_favi {right:25px;} .fancybox-inner .mod_DTJB1 .ce_area_1, .fancybox-inner .mod_DTJB2 .ce_area_1, .fancybox-inner .mod_DTJB3 .ce_area_1 {right:25px;} /* Jobs Arbeitgeberpotraits Liste */ .mod_LiEnEp .pb_ce { display: flex; } .mod_LiEnEp .ct_le { padding: 25px; } .mod_LiEnEp .pb_ce .ce_img { width: 200px; margin-right: 50px; text-align: left; max-height: 120px; display: block; float: left; } .mod_LiEnEp .pb_ce .ce_img img { width: auto; max-height: 120px; } .mod_LiEnEp .pb_ce .ce_cntnt { width: calc(100% - 250px); min-width: 190px; text-align: left; display: block; padding: 0; } .mod_LiEnEp .ce_head h2 a, .mod_LiEnEp .ce_head h2 { font-size: 2.1rem; line-height: 2.9rem; color: var(--color-text-dark, #333); font-weight: 600; } /* Jobs Arbeitgeberpotraits (allgemeiner Teil) */ .mod_DTEP1 .ce_cntnt {padding: 0px;} .mod_DTEP1 .ce_img .ce_favi {position:absolute;width:100%;text-align:right; margin-top:-10px; display:none;} .mod_DTEP1 .ce_t1 .ce_img .ce_favi img, .mod_DTEP1 .ce_t2 .ce_img .ce_favi img, .mod_DTEP1 .ce_t3 .ce_img .ce_favi img{width:40px;display:inline;} .mod_DTEP1 .ce_img img{max-width:813px;margin:auto;border-radius:0;border-radius:var(--corner-radius, 0);} /* Logo mit Rahmen */ .mod_DTEP1 .pb_ce .ce_logo { position: absolute; left: calc(50% - 66px); margin-top: -155px; width:133px; height:133px; align-items: center; justify-content: center; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; padding: 5px; overflow:hidden; background:#fff; display: flex; } .mod_DTEP1 .pb_ce .ce_logo img { width:auto; max-height:133px; } .mod_DTEP1 .pb_ce .ce_logo img[src$="pixel.gif"], .mod_DTEP1 .pb_ce .ce_logo[class*="noImage"] { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height:auto; } .mod_DTEP1 .pb_ce .ce_topic{ margin-top:90px; margin-bottom:30px; } .mod_DTEP1 .pb_ce .ce_topic h2 { font-size: 2.2rem; line-height: 1.2; font-weight:bold; color:var(--color-text-dark, #333); text-align:center; } .mod_DTEP1 .pb_ce .ce_head { margin-bottom:60px; } .mod_DTEP1 .pb_ce .ce_head h3 { font-size: 3.8rem; line-height: 1.2; font-weight:bold; color:var(--color-text-dark, #333); text-align:center; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .mod_DTEP1 .pb_ce .ce_text { color:var(--color-text-dark, #333); } /* Jobs Arbeitgeberpotraits (Bilder) */ .mod_DTEPPP .ce_img {position:relative; border: 1px solid #E3E3E3;} .mod_DTEPPP .ce_img a:before { background: #fff; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; padding: 0; color: #fff; border: 0; cursor: pointer; transition: color .3s ease-in-out,transform .3s ease-in-out; } .mod_DTEPPP .ce_img a:hover:before { background: #999; background: var(--color-primary, #999); } .pb_c_3 .mod_DTEPPP .pb_ce {width: 33.333333% !important;margin-top: 0px !important;} /* Jobs Arbeitgeberpotraits (Video) */ .mod_DTEPVD .ce_cntnt {display:none;} /* Video Teaser: Einbindung des Play-Buttons über CSS mit MouseOver */ .mod_DTEPVD .ce_boxVideo-imagePlay img { visibility: hidden; } .mod_DTEPVD .ce_boxVideo-imagePlay { background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size:60px 60px; background-repeat:no-repeat; background-position:center center; width: 90px; height: 90px; } .mod_DTEPVD .ce_boxVideo-imagePlay:hover { background-image: url(../../_images/view/ok/elements/play_circle_transparentonwhite.svg); } .pb_c_3 .mod_DTEPVD .pb_ce {width: 33.333333% !important;margin-top: 0px !important;} /* Jobs Arbeitgeberpotraits (Key Facts) */ .mod_DTEPKF .ce_cntnt {padding: 10px 95px 0 115px;} .mod_DTEPKF .ce_text .wrap{border-bottom:1px solid #afafaf;padding:18px 0;} .mod_DTEPKF .ce_text .wrap:first-child{border-top:1px solid #afafaf;} .mod_DTEPKF .ce_text .wrap div:first-child{font-size:1.8rem; color:var(--color-text-light, #999);} .mod_DTEPKF .ce_text .wrap div:last-child{font-size:2.1rem; font-weight:bold;color:var(--color-text-dark, #333);} /* Karriere - Kacheln Redaktionelle Inhalte */ .mod_LiEnJecTle .ce_cntnt .ce_ctg {position:absolute;width:100%;margin-top:-30px;margin-left:-30px; padding:0px;} .mod_LiEnJecTle .ce_cntnt .ce_ctg span {display:inline-block; position:absolute; width:auto; white-space: nowrap; background: #aaa; color: #fff; font-size:1.4rem; padding: 2px 5px;} .mod_LiEnJecTle .ce_cntnt .ce_ctg span:nth-child(1) {margin-top: calc(1 * -28px);} .mod_LiEnJecTle .ce_cntnt .ce_ctg span:nth-child(2) {margin-top: calc(2 * -28px);} .mod_LiEnJecTle .ce_cntnt .ce_ctg span:nth-child(3) {margin-top: calc(3 * -28px);} .mod_LiEnJecTle .ce_cntnt .ce_ctg span:nth-child(4) {margin-top: calc(4 * -28px);} .mod_LiEnJecTle .ce_cntnt .ce_ctg span:nth-child(5) {margin-top: calc(5 * -28px);} .mod_LiEnJecTle .ce_cntnt .ce_ctg span:nth-child(6) {margin-top: calc(6 * -28px);} .mod_LiEnJecTle .ce_brdr .ce_img {border-radius:0;border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} /* Karriere - Kacheln Arbeitgeberporträt */ .mod_LiEnEpTle .ce_brdr .ce_img {border-radius:0;border-radius:var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} /* Karriere - Detail Redaktionelle Inhalte */ .mod_DTJEC1 .ce_cntnt {} .mod_DTJEC1 .ce_cntnt .wrp_jec_dtls_head {max-width: 813px;margin: auto;} .mod_DTJEC1 .ce_cntnt .ce_ctg {width:100%; } .mod_DTJEC1 .ce_cntnt .ce_ctg span {display:inline-block; width:auto; white-space: nowrap; background: #aaa; color: #fff; font-size:1.4rem; padding: 2px 5px; margin: 0px 5px;} .mod_DTJEC1 .ce_cntnt .ce_img + .ce_ctg span {position:absolute; margin: 0;} .mod_DTJEC1 .ce_cntnt .ce_img + .ce_ctg span:nth-child(1) {margin-top: calc(1 * -28px);} .mod_DTJEC1 .ce_cntnt .ce_img + .ce_ctg span:nth-child(2) {margin-top: calc(2 * -28px);} .mod_DTJEC1 .ce_cntnt .ce_img + .ce_ctg span:nth-child(3) {margin-top: calc(3 * -28px);} .mod_DTJEC1 .ce_cntnt .ce_img + .ce_ctg span:nth-child(4) {margin-top: calc(4 * -28px);} .mod_DTJEC1 .ce_cntnt .ce_img + .ce_ctg span:nth-child(5) {margin-top: calc(5 * -28px);} .mod_DTJEC1 .ce_cntnt .ce_img + .ce_ctg span:nth-child(6) {margin-top: calc(6 * -28px);} .mod_DTJEC1 .ce_cntnt .ce_head {margin-top:30px} .mod_DTJEC1 .ce_cntnt .ce_head h1 {text-align: center;} .mod_DTJEC1 .ce_cntnt .ce_text {margin-top:30px} .mod_DTJEC1 .ce_cntnt .ce_text ul {list-style-position: outside; list-style-type: disc; padding-left:20px; margin-bottom:20px;} .mod_DTJEC1 .ce_cntnt .ce_img {border-radius:0; border-radius:var(--corner-radius, 0);} .mod_DTJEC1 .ce_cntnt .ce_imgCpt {text-align: right;} .mod_DTJEC1 .ce_cntnt .ce_title h2 { display: inline-block; margin: 0px 0px 10px 0px; font-size: 3.8rem; line-height: 3.8rem; font-weight: normal; color: var(--color-text-dark, #333); } .mod_DTJEC1 .ce_cntnt .ce_video {margin-top:30px; width:30%;} .mod_DTJEC1 .ce_cntnt .ce_boxVideo-imagePlay img {visibility: hidden; } .mod_DTJEC1 .ce_cntnt .ce_boxVideo-imagePlay { background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size:60px 60px; background-repeat:no-repeat; background-position:center center; width: 90px; height: 90px; } .mod_DTJEC1 .ce_cntnt .ce_boxVideo-imagePlay:hover { background-image: url(../../_images/view/ok/elements/play_circle_transparentonwhite.svg); } .mod_DTJEC1 .ce_cntnt .ce_bttn {width:100%; position:relative !important; bottom:0; } .mod_DTJEC1 .ce_cntnt .ce_jec_download, .mod_DTJEC1 .ce_cntnt .ce_jec_link{margin-top:30px;} .mod_DTJEC1 .ce_cntnt .ce_jec_download .ce_bttn, .mod_DTJEC1 .ce_cntnt .ce_jec_link .ce_bttn {border-bottom:1px solid #afafaf;border-top:1px solid #afafaf; padding: 18px 0;margin: 10px 0px 0px 110px; width: calc(100% - 110px);} .mod_DTJEC1 .ce_cntnt .ce_jec_download .ce_bttn a, .mod_DTJEC1 .ce_cntnt .ce_jec_link .ce_bttn a {display: block; width: 100%; color: var(--color-text-dark, #333); font-size: 2.2rem; font-weight: bold; padding-right: 40px; position: relative; } .mod_DTJEC1 .ce_cntnt .ce_jec_download .ce_bttn a:hover, .mod_DTJEC1 .ce_cntnt .ce_jec_link .ce_bttn a:hover { color: #999; color:var(--color-primary, #999); } .mod_DTJEC1 .ce_jec_download .ce_bttn a::after, .mod_DTJEC1 .ce_jec_link .ce_bttn a::after { background: #afafaf; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position: absolute; right: 0; top: 8px; width: 18px; height: 18px; display: inline-block; } .mod_DTJEC1 .ce_jec_link .ce_bttn a::after { -webkit-transform: rotate(270deg);transform: rotate(270deg); } .mod_DTJEC1 .ce_cntnt .ce_jec_images {margin-top:30px; width:100%; display: flex;} .mod_DTJEC1 .ce_cntnt .ce_jec_images a { width: calc(100% / 3) ; margin-left:30px; box-sizing: content-box;} .mod_DTJEC1 .ce_cntnt .ce_jec_images a:first-child{margin-left:0px;} .mod_DTJEC1 .ce_cntnt .ce_jec_images .ce_img{position:relative;} .mod_DTJEC1 .ce_cntnt .ce_jec_images .ce_img:before { background: #fff; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; padding: 0; color: #fff; border: 0; cursor: pointer; transition: color .3s ease-in-out,transform .3s ease-in-out; } .mod_DTJEC1 .ce_cntnt .ce_jec_images .ce_img:hover:before { background: #999; background: var(--color-primary, #999); } /* Link zur Ausstellerdetailseite */ .mod_EXLI .ce_cntnt {padding-top:15px; padding-bottom:15px;} .mod_EXLI .ce_bttn {width:100%; text-align:right; position:static !important;} /* Tests */ .fancybox-wrap {padding:20px 0;} /* Shared URL von Bildern*/ .ce_img.urlShare {cursor:pointer;} /* Headline */ .mod_THL1 .ce_cntnt {padding:0px;} /* Akkordeon Text */ .mod_TOC1 .pb_ce {display:block; width:100%; margin:10px 0 !Important; position:relative;} .mod_TOC1 .pb_ce:after {content:""; position:absolute; left:15px; bottom:0; height:1px; width:calc(100% - 30px); border-bottom:1px solid #d1d1d1;} .mod_TOC1 .mo_data > div:last-child:after {border-style:none;} .mod_TOC1 .ce_cgTitle {font-size:2.4rem; line-height:3.2rem; color: #999; color:var(--color-primary, #999); font-weight:bold; margin-bottom:30px;} .mod_TOC1 .ce_cntnt {padding:0 30px 15px 0;} .mod_TBZ1 .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_TOC1 .ce_head h2, .mod_TOC1 .ce_head h3 {padding-bottom:0px; font-size:2.1rem; line-height:3.2rem;} .mod_TOC1 .ce_head { padding-left:30px; background-size:16px 16px; background-image:url("../../_images/view/ok/elements/arrow-long-right.png"); background-position:left center; background-repeat:no-repeat; } .mod_TOC1 .ce_text {font-size:1.8rem; line-height:2.6rem; padding:15px 30px;} /* FAQ */ /*.mod_TBZ1 .mo_data {display:block;}*/ .mod_TBZ1 .pb_ce > div{display:block;} .mod_TBZ1 .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .mod_TBZ1 .ce_img img{max-width:156px;} .mod_TBZ1 .ce_img {float:left;display: table-cell;} .mod_TBZ1 .ce_cntnt {display: table-cell;padding-top:0px;} .mod_TBZ1 .ce_cntnt .ce_bttn {position:unset;} .mod_TBZ1 .pb_ce .ce_shd, .mod_TBZ1 .pb_ce .ce_brdr {display: flex;} .mod_TBZ1 .pb_ce .ce_shd .ce_img, .mod_TBZ1 .pb_ce .ce_brdr .ce_img {margin:auto 0;} .mod_TBZ1 .pb_ce .ce_shd .ce_img img, .mod_TBZ1 .pb_ce .ce_brdr .ce_img img{width:100%;} .mod_TBZ1 .pb_ce .ce_shd .ce_cntnt, .mod_TBZ1 .pb_ce .ce_brdr .ce_cntnt {display: block;padding: 30px;} .mod_TOC2 .ce_cntnt {padding: 0px;} .mod_TOC2 .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} /* Textzeile ohne Abstand */ .mod_TOA .ce_cntnt {margin:0px; padding:0px;} .mod_TOA .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} /* App Info Registration */ .ce_appInfoRegistration .ce_pre{ display:table-cell; width:156px; height:126px; background-image:url("../../_images/view/ok/icons/appdownload_icon.jpg"); background-position:left 30px; background-repeat:no-repeat; background-size:156px auto; } .ce_appInfoRegistration .ce_cntnt{ display: table-cell; } .ce_appInfoRegistration .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .ce_appInfoRegistration input{ border: 1px solid #bababa; color: #5b5b5b; font-size: 1.8rem; font-family: var(--font-family,Arial),Arial; /*width: 80%;*/ padding: 5px 1% 5px 1%; margin-bottom: 5px; } .ce_appInfoRegistration .ce_error{ color: #999; color: var(--color-primary, #999); } .ce_appInfoRegistration .ce_errorField{ border-color: #999; border-left: 2px solid var(--color-primary, #999); } .ce_appInfoRegistration .ce_hint{ font-size: 85%; } .ce_appInfoRegistration .ce_result{ border-color: #999; border: 1px solid var(--color-primary, #999); border-radius:0; border-radius:var(--corner-radius, 0); color: #999; color: var(--color-primary, #999); text-align: center; padding:5px; } /* App Download */ .ce_appDownload .ce_pre{ display:table-cell; width:156px; height:126px; background-image:url("../../_images/view/ok/icons/appdownload_icon.jpg"); background-position:left 30px; background-repeat:no-repeat; background-size:156px auto; } .ce_appDownload .ce_cntnt{ display: table-cell; } .ce_appDownload .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} /*.ce_appDownload .ce_appDownloads{display:flex;justify-content:space-evenly;}*/ .ce_appDownload .ce_appDownloads a:first-child{margin-right:20px;} .ce_appDownload .ce_appDownloads a span{display:none;} .ce_appDownload .ce_appDownloads a.AppStore::before{ content: " "; display:inline-block; width:136px;height:97px; vertical-align:middle; background-color:transparent; background-image: url(../../_images/view/ok/icons/icon_appStore.jpg); background-size:136px auto; background-repeat:no-repeat; background-position:center center; } .ce_appDownload .ce_appDownloads a.GooglePlay::before{ content: " "; display:inline-block; width:156px;height:97px; vertical-align:middle; background-color:transparent; background-image: url(../../_images/view/ok/icons/icon_googlePlay.jpg); background-size:156px auto; background-repeat:no-repeat; background-position:center center; } .ce_appDownload .ce_head.ce_headQrCode{ margin-top:30px; } .ce_appDownload .ce_appQrCode::before{ content: " "; display:inline-block; width:156px;height:156px; vertical-align:middle; background-color:transparent; background-image: url(../../_images/view/ok/elements/QRCode_to_AppStores.png); background-size:156px auto; background-repeat:no-repeat; background-position:center center; } /* ISSUU */ .ce_issuu {background:#eee;} .ce_issuu .ce_boxIssuu .ce_text *{font-size:80%;} /* Hallenplan Navigation */ .ce_location_navigation * {word-break: normal;} .ce_location_navigation ul.ce_locations { list-style-type: none; margin:auto;margin-top:20px;display: flex;flex-wrap: wrap;} .ce_location_navigation ul.ce_locations li {font-size:2.0rem;font-weight:bold;margin-right:30px;} .ce_location_navigation ul.ce_locations li span{font-size:1.8rem;font-weight:normal;} .ce_location_navigation ul.ce_locations li.active {text-decoration:underline;} .ce_location_navigation ul.ce_locations li:last {margin-right:0px;} /* Hallenplan Listeneintrag Ausstellerliste */ #boo_svg_exhibitorlist.isLayer{/*position:absolute; top:20%;left:30%;*/ position:fixed;top:10px;right:20px;width:404px;max-width:90vw;z-index:2500;overflow: hidden;min-height:100px;background:#ffffff;padding-bottom:0px; border:2px solid #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; cursor: move; border-radius:0; border-radius:var(--corner-radius, 0); -webkit-background-clip: padding-box; background-clip: padding-box; } #boo_svg_exhibitorlist{position:relative;} #boo_svg_exhibitorlist .close{display:inline-block; position:absolute; right:0px;text-align:right; color:transparent;font-size:2.0rem;cursor:pointer; z-index:10;} #boo_svg_exhibitorlist .close:before{ display:inline-block; margin-top:10px; height:20px; width:20px; background: #fff; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); content: ""; } #boo_svg_exhibitorlist #jl_contentArea {min-height:unset;} #boo_svg_exhibitorlist #jl_contentArea > .pb_s, #boo_svg_exhibitorlist #jl_contentArea .pb_s_content {width:100%;max-width: 100%;} #boo_svg_exhibitorlist #jl_contentArea > .pb_s{margin-bottom:0px;margin-top:0px;} #boo_svg_exhibitorlist #jl_contentArea .pb_s_content{ width:100%; overflow: hidden;} #boo_svg_exhibitorlist #jl_contentArea .pb_s_content .pb_s_contentInner{ margin: 0 -30px 0 -30px;} .mod_LiEnLoc .mo_data {max-height:70vh;overflow-y:auto;overflow-x:none;margin:0 0 20px 0;} .mod_LiEnLoc .mo_data > div {border-top:1px solid #ccc;} .mod_LiEnLoc .mo_data > div:first-child {border-top:none;} .pb_m .mod_LiEnLoc .mo_data .pb_ce{margin: 0;padding:20px 30px} .mod_LiEnLoc .ce_subject {font-size:1.6rem; color:var(--color-text-light, #999);max-width: 250px;} .mod_LiEnLoc .ce_head a{font-size:1.8rem; line-height:1.5; font-weight:bold;} .mod_LiEnLoc .ce_favi {position:absolute; right:0px; top:-10px;} .mod_LiEnLoc .ce_exTy {position:absolute; right:30px; top:-2px; max-width:40px; max-height:24px;} .mod_LiEnLoc .ce_exTy img { max-height:24px;} .mod_LiEnLoc .ce_exTy.ce_exTy_posTop {position:absolute; right:35px; top:10px; max-width:40px; max-height:40px;} .mod_LiEnLoc .ce_exTy.ce_exTy_posTop img{margin:auto;} .mod_LiEnLoc .pb_ce .ce_cntnt {min-width:190px; text-align:left; display:block; float:left; padding:0;} .mod_LiEnLoc .pb_ce .ce_img {max-width:90px; margin-bottom:10px;} .mod_LiEnLoc .pb_ce .ce_img.noImage{ display:none;} .mod_LiEnLoc .wrp_labels {display:inline-block; } .mod_LiEnLoc .wrp_labels.lb_area_1 .ce_labels {display: -webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .mod_LiEnLoc .wrp_labels.lb_area_1 .ce_labels > div {padding:5px 10px 5px 5px; display:flex; } .mod_LiEnLoc .wrp_labels.lb_area_1 .ce_labels > div img {max-height:50px; max-width:90px;} /* Hallenplan logo-Banner */ .mod_9_3 .ce_img{height:100px;display: flex;align-items: center;justify-content: center;} .mod_9_3 .ce_img img{max-height:100px;} .mod_9_3 .ce_hasLink .ce_cntnt{padding: 0;border-top:1px dotted #333;margin-top:5px;} .mod_9_3 .ce_text a{color:#999;color:var(--color-primary, #999);font-size:1.4rem;} /* Titel von Listen zu Locations */ #ceId_LocLstTitle {padding:20px 30px; background-color: #999; background-color:var(--color-primary, #999);border-radius:0px; border-radius: var(--corner-radius, 0) var(--corner-radius, 0) 0 0;} .pb_ce + .pb_ce #ceId_LocLstSubTitle {padding:0 30px 30px 30px;} /* fuer Variante wenn Title und Subtitle zusammen in einem Modul ausgegeben werden */ .pb_ce #ceId_LocLstSubTitle {padding:30px; 30px 30px 30px;} #ceId_LocLstTitle h1 {font-weight:bold; font-size:2.6rem; line-height:3.0rem;color:#fff;} #ceId_LocLstSubTitle .ce_text {font-weight:normal; font-size:2.2rem; line-height:2.6rem;} #ceId_LocLstSubTitle .ce_bttn {position:static;} #ceId_LocLstSubTitle .ce_bttn a {color:var(--color-text-light, #999);font-weight:normal;font-size:1.6rem;} #ceId_LocLstSubTitle .ce_bttn a::after { content: ""; } #ceId_LocLstSubTitle .ce_bttn a::before{ content: url("data:image/svg+xml;charset=UTF-8, "); display:inline-block; margin-top:2px; margin-right:20px; } /* Button toTop */ .ce_backToTop .bttn_backToTop { background:#efefef; border-radius:50%; display:inline-block; width:40px; height:40px; right:10px; position:fixed; text-align:center; transition:background-color 0.15s ease-in-out; z-index:20; bottom:20px; right:35px; pointer-events: auto; opacity: 0.8; } .ce_backToTop .bttn_backToTop:before { content: ""; display: inline-block; position: relative; width: 12px; height: 13px; cursor: pointer; vertical-align: -15%; background: var(--color-primary,#dddddd); mask-repeat: no-repeat; mask-position: 50% 50%; mask-size: 100%; mask-image: url("data:image/svg+xml;charset=UTF-8, ToTop"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; -webkit-mask-size: 100%; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, ToTop"); transition:background-color 0.15s ease-in-out; } .ce_backToTop .bttn_backToTop:hover {background:#aaa;} .ce_backToTop .bttn_backToTop:hover:before {background: #000;} /* Links / Buttons */ .ce_btBc .ce_bttn a, .ce_btBw .ce_bttn a, .wBttn, .bttn, .bttnBordered, .bttnColor1, .bttnColor2, .mo_linkButton a { /*cursor:pointer; position:relative; display:inline-block; border:none; color:#fff !important; background-color: #999; background-color:var(--color-primary, #999); text-align:center; vertical-align:middle; margin-right:18px; margin-bottom:0px; padding:6px 12px; font-size:1.8rem; line-height:3.2rem; font-weight:400;*/ position:relative; font-size: 1.4rem !important; line-height: 2.0rem !important; display: inline-block; padding: .75em 35px .7em 1em; font-weight: 700 !important; font-family: inherit; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; transition: all .3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff !important; background-color: #999; background-color: var(--color-primary, #999); border-radius:6px; margin-top: 20px; background-image: url("data:image/svg+xml;charset=UTF-8, "); background-repeat:no-repeat; background-position:right 15px center; background-size:auto 12px; } .ce_btBc .ce_bttn a:active, .ce_btBc .ce_bttn a:focus, .ce_btBc .ce_bttn a:hover, .ce_btBw .ce_bttn a:active, .ce_btBw .ce_bttn a:focus, .ce_btBw .ce_bttn a:hover, .wBttn:active, .wBttn:focus, .wBttn:hover, .bttn:active, .bttn:focus, .bttn:hover, .bttnBordered:active, .bttnBordered:focus, .bttnBordered:hover, .bttnColor1:active, .bttnColor1:focus, .bttnColor1:hover, .bttnColor2:active, .bttnColor2:focus, .bttnColor2:hover, .mo_linkButton a:active, .mo_linkButton a:focus, .mo_linkButton a:hover{ color: #ffffff !important; background-color: #999; background-color: var(--color-primary-dark, #999); text-decoration: none; outline: none; background-image: url("data:image/svg+xml;charset=UTF-8, "); } .bttnBordered { color:var(--color-primary, #999) !important; border:1px solid var(--color-primary, #999); background-color:transparent; background-image: url("data:image/svg+xml;charset=UTF-8, "); -moz-transition: none; -webkit-transition: none; transition: none; } .bttnBordered:active, .bttnBordered:focus, .bttnBordered:hover { border:1px solid var(--color-primary-dark, #999); } /* Falls :has () unterstützt wird, die Hintergrundfarbe in before legen um sie dann abdunkeln zu können */ /*@supports selector(:has(a)) { .ce_btBc .ce_bttn a, .ce_btBw .ce_bttn a, .wBttn, .bttn, .bttnColor1, .bttnColor2, .mo_linkButton a {background-color:transparent;} .ce_btBc .ce_bttn a:active, .ce_btBc .ce_bttn a:focus, .ce_btBc .ce_bttn a:hover, .ce_btBw .ce_bttn a:active, .ce_btBw .ce_bttn a:focus, .ce_btBw .ce_bttn a:hover, .wBttn:active, .wBttn:focus, .wBttn:hover, .bttn:active, .bttn:focus, .bttn:hover, .bttnColor1:active, .bttnColor1:focus, .bttnColor1:hover, .bttnColor2:active, .bttnColor2:focus, .bttnColor2:hover, .mo_linkButton a:active, .mo_linkButton a:focus, .mo_linkButton a:hover{background-color: transparent;} .ce_btBc .ce_bttn, .ce_btBw .ce_bttn, .mo_linkButton, div:has(.wBttn), p:has(.wBttn), span:has(.wBttn), li:has(.wBttn), td:has(.wBttn), div:has(.bttn), p:has(.bttn), span:has(.bttn), li:has(.bttn), td:has(.bttn), div:has(.bttnColor1), p:has(.bttnColor1), span:has(.bttnColor1), li:has(.bttnColor1), td:has(.bttnColor1), div:has(.bttnColor2), p:has(.bttnColor2), span:has(.bttnColor2), li:has(.bttnColor2), td:has(.bttnColor2){z-index:1;} .ce_btBc .ce_bttn a::before, .ce_btBw .ce_bttn a::before, .wBttn::before, .bttn::before, .bttnColor1::before, .bttnColor2::before, .mo_linkButton a::before{ z-index:-1; content: " "; position:absolute; top:0; left:0; width:100%; height:100%; transition: all .3s ease-in-out; background-color: #999; background-color: var(--color-primary, #999); border-radius:6px; } .ce_btBc .ce_bttn a:active::before, .ce_btBc .ce_bttn a:focus::before, .ce_btBc .ce_bttn a:hover::before, .ce_btBw .ce_bttn a:active::before, .ce_btBw .ce_bttn a:focus::before, .ce_btBw .ce_bttn a:hover::before, .wBttn:active::before, .wBttn:focus::before, .wBttn:hover::before, .bttn:active::before, .bttn:focus::before, .bttn:hover::before, .bttnColor1:active::before, .bttnColor1:focus::before, .bttnColor1:hover::before, .bttnColor2:active::before, .bttnColor2:focus::before, .bttnColor2:hover::before, .mo_linkButton a:active::before, .mo_linkButton a:focus::before, .mo_linkButton a:hover::before{ filter: brightness(80%); } }*/ .bttn span{font-size: 1.4rem !important; line-height: 2.0rem !important; font-weight: 700 !important;} /*a.bttn, .ce_ftRed a.bttn, .ce_ftColorPrimary a.bttn, .ce_ftColor1 a.bttn, .ce_ftColor2 a.bttn, .mo_linkButton a {font-size:1.8rem;font-weight:600;}*/ .ce_btBw .ce_bttn a, .wBttn {background-color:#fff; color: #999; color:var(--color-primary, #999) !important;} .bttnColor1 {background-color: #999; background-color:var(--color-color1, #999);} .bttnColor2 {background-color: #999; background-color:var(--color-color2, #999);} /* *.ce_btBc .ce_bttn a::after, .ce_btBw .ce_bttn a::after, .bttn::after, .wBttn::after, .bttnColor1::after, .bttnColor2::after, .mo_linkButton a::after, .ce_btBc .ce_bttn a::before, .ce_btBw .ce_bttn a::before, .bttn::before, .wBttn::before, .bttnColor1::before, .bttnColor2::before, .mo_linkButton a::before { position:absolute; content:"" !important; width:8px; height:100%; top:0; background-color:inherit; overflow:hidden; } .ce_btBc .ce_bttn a::after, .ce_btBw .ce_bttn a::after, .bttn::after, .wBttn::after, .bttnColor1::after, .bttnColor2::after, .mo_linkButton a::after {opacity:.4; right:-20px;} .ce_btBc .ce_bttn a::before, .ce_btBw .ce_bttn a::before, .bttn::before, .wBttn::before, .bttnColor1::before, .bttnColor2::before, .mo_linkButton a::before {opacity:.8; right:-10px;} */ .mod_LiEnAg .bttn {background-color:#fff; color: #999; color:var(--color-primary, #999) !important; text-decoration:none; font-weight:normal; font-size:1.8rem; padding:0; margin:0;} .mod_LiEnAg .bttn::before {content: "" !important; position:relative;} .mod_LiEnAg .bttn::after {content: " ›" !important; position:relative; opacity:1.0; right:0px;} button.bttn { border: none; text-align: center; font-weight:600; color: #fff; background-color: #999; background-color: var(--color-primary, #999); font-size: 1.6rem; line-height: 2.6rem; margin:6px 40px 6px 0; } .btTcp {color: #999; color: var(--color-primary, #999) !important; text-decoration: none;} .btTuw{ color:#fff !important; text-decoration:underline !important;} .btTuhp {color:var(--color-text-dark, #333) !important; text-decoration:underline;} .btTuhp:hover{ color:#999; color:var(--color-primary, #999) !important; text-decoration:underline;} .btTrAr::after {font-size:1.8rem; color: #999; color: var(--color-primary, #999) !important; content: " ›" /*!important*/;} .btTrAr {color: #999; color: var(--color-primary, #999) !important; text-decoration: none;} .btTsAr::after {font-size:1.8rem; color: #999; color: var(--color-primary, #999) !important; content: " ›" /*!important*/; margin:0 5px;} .btTsAr {color: var(--color-text-dark, #333) !important; text-decoration: none;} .btTsArL {color: var(--color-text-dark, #333) !important;} .btTrArL {color: var(--color-primary, #999) !important;} .btTsArL::before, .btTrArL::before { content: ""; display: inline-block; position:relative; left:0px; vertical-align: middle; width: 20px; height: 12px; background: var(--color-primary,#999); -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-image: url("data:image/svg+xml;charset=UTF-8, "); mask-repeat: no-repeat; mask-size: auto 10px; } .btTsAr:hover, .btTsArL:hover {color: #999; color: var(--color-primary, #999); text-decoration: none;} .btTrArL:hover {color: var(--color-primary-light, #999) !important; text-decoration: none;} .btTrArL:hover::before {background: var(--color-primary-light,#999); } #ceId_ClgTitle .ce_head .btTsAr::after{ font-size:3rem;} /* Zentriert */ .ce_ftCntrd .ce_cntnt {display:flex; height:100%; width:100%; text-align:center; color: #999; color:var(--color-primary, #999);justify-content: center; align-items: center;} .ce_ftCntrd .ce_text {width: 100%;} .ce_ftCntrd p {margin:20px auto;} .ce_ftCntrd .ce_bttn{ width:100%; left:0; } /* Texte rot / zentriert */ .ce_ftRed hr {width:70%; height:1px; color: #999; color:var(--color-primary, #999); opacity:1.0; margin:20px auto; border-color: #999; border-top: 1px solid var(--color-primary, #999);} .ce_ftRed p, .ce_ftRed span, .ce_ftRed a {font-size:2.2rem; line-height:3.2rem; color: #999; color:var(--color-primary, #999);} .ce_ftRed .ck_headline {font-size:3.8rem; line-height:4.2rem; font-weight:600;} .ce_ftRed.ce_ftCntrd .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .ce_ftRed.ce_ftCntrd .ce_head h2, .ce_ftRed.ce_ftCntrd .ce_head h3 {font-size:3.8rem; line-height:4.2rem; font-weight:600; color: #999; color:var(--color-primary, #999);} /* Texte Primaerfarbe / zentriert */ .ce_ftColorPrimary hr {width:70%; height:1px; color: #999; color:var(--color-primary, #999); opacity:1.0; margin:20px auto; border-color: #999; border-top: 1px solid var(--color-primary, #999);} .ce_ftColorPrimary p, .ce_ftColorPrimary span, .ce_ftColorPrimary a {font-size:2.2rem; line-height:3.2rem; color: #999; color:var(--color-primary, #999);} .ce_ftColorPrimary .ck_headline {font-size:3.8rem; line-height:4.2rem; font-weight:600;} .ce_ftColorPrimary.ce_ftCntrd .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .ce_ftColorPrimary.ce_ftCntrd .ce_head h2, .ce_ftColorPrimary.ce_ftCntrd .ce_head h3 {font-size:3.8rem; line-height:4.2rem; font-weight:600; color: #999; color:var(--color-primary, #999);} /* Texte weiss / zentriert */ .ce_ftWht hr {width:70%; height:1px; color:#fff; opacity:1.0; margin:20px auto;} .ce_ftWht p, .ce_ftWht span, .ce_ftWht a {font-size:2.2rem; line-height:3.2rem; color:#fff;} .ce_ftWht .ck_headline {font-size:3.8rem; line-height:4.2rem; font-weight:600;} .ce_ftWht.ce_ftCntrd .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .ce_ftWht.ce_ftCntrd .ce_head h2, .ce_ftWht.ce_ftCntrd .ce_head h3 {font-size:3.8rem; line-height:4.2rem; font-weight:600; color:#fff;} /* Texte Farbe1 / zentriert */ .ce_ftColor1 hr {width:70%; height:1px; color: #999; color:var(--color-color1, #999); opacity:1.0; margin:20px auto; border-color: #999; border-top: 1px solid var(--color-color1, #999);} .ce_ftColor1 p, .ce_ftColor1 span, .ce_ftColor1 a {font-size:2.2rem; line-height:3.2rem; color: #999; color:var(--color-color1, #999);} .ce_ftColor1 .ck_headline {font-size:3.8rem; line-height:4.2rem; font-weight:600;} .ce_ftColor1.ce_ftCntrd .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .ce_ftColor1.ce_ftCntrd .ce_head h2, .ce_ftColor1.ce_ftCntrd .ce_head h3 {font-size:3.8rem; line-height:4.2rem; font-weight:600; color: #999; color:var(--color-color1, #999);} .ce_btnColor1 .bttn {background-color: #999;background-color: var(--color-color1, #999);} /* Texte Farbe2 / zentriert */ .ce_ftColor2 hr {width:70%; height:1px; color: #999; color:var(--color-color2, #999); opacity:1.0; margin:20px auto; border-color: #999; border-top: 1px solid var(--color-color2, #999);} .ce_ftColor2 p, .ce_ftColor2 span, .ce_ftColor2 a {font-size:2.2rem; line-height:3.2rem; color: #999; color:var(--color-color2, #999);} .ce_ftColor2 .ck_headline {font-size:3.8rem; line-height:4.2rem; font-weight:600;} .ce_ftColor2.ce_ftCntrd .ce_head h2 {font-size: 2.4rem; line-height: 2.6rem; padding-bottom: 10px; color: var(--color-text-dark, #333);} .ce_ftColor2.ce_ftCntrd .ce_head h2, .ce_ftColor2.ce_ftCntrd .ce_head h3 {font-size:3.8rem; line-height:4.2rem; font-weight:600; color: #999; color:var(--color-color2, #999);} .ce_btnColor2 .bttn {background-color: #999;background-color: var(--color-color2, #999);} /* Links auf ganzem CE-Element */ .ce_getUrlA, .ce_getUrlH, .ce_getUrlD {cursor:pointer;} .ce_getUrlH .ce_bttn {display:none;} .ce_getUrlH.ce_hasLink .ce_cntnt{ padding-bottom:30px;} .ct_ti, .ct_tx {position:relative;} /* Accordeon-Effekt bei Texten mit ce_stoc */ .ce_stoc .ce_head {cursor:pointer;} .ce_stoc .ce_text {display:none;} h1, h2, h3, h4, h5, h6 { -webkit-hyphens:auto; -webkit-hyphenate-limit-chars:auto 10; -webkit-hyphenate-limit-lines:4; -ms-hyphens:auto; -ms-hyphenate-limit-chars:auto 10; -ms-hyphenate-limit-lines:4; word-break:normal; hyphens:auto; word-wrap: break-word; } /* Abschlussschatten ganze Section */ .pb_s.sec_spcBSty {margin-bottom:0px !important;} .pb_s_bs {margin-bottom:40px; border-style:none; box-shadow: 5px 7px 8px rgba(51,51,51,0.1); height: 20px;} /* +++++++++++ Cookie-Hinweis +++++++++++ */ .mod_cookieinfo{position:fixed; bottom:0px; right:0px;max-width:300px;background-color:#fff;z-index:10000;width:98%;padding:10px; box-sizing: border-box;margin:0px 1% 1% 1%;border-radius: 5px; box-shadow: 0px 5px 10px rgba(0,0,0,0.2);border: 1px solid #ccc;font-size: 1.4rem;display:block;} .bttn_cookieInfo{margin-top:15px;padding:10px; background-color: #999; background-color: var(--color-primary, #999);color:#fff;text-align:center;border:1px solid #fff;font-size: 1.16667em;cursor:pointer;} .bttn_cookieInfo:hover{background-color: #fff; color: #999; color:var(--color-primary, #999); border-color: #999; border:1px solid var(--color-primary, #999);} /* +++++++++++ ENDE Cookie-Hinweis +++++++++++ */ /* floatClearer */ .flcl:after {content:""; display:table; clear:both;} .fb_advert {position:absolute; top:-2px; left:0; font-size:10px; color:red; background-color:transparent} /*.ce_shd, .mo_shd, .mod_8 .pb_ce > div, .mod_10V1 .ce_img, .mod_DTEX7T .ce_img{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: 1px solid #ddd; }*/ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Hallenplan Suchtreffer (Ausstellerliste/Geländeüberischt, Hallendetail, Hallenausstellerliste) */ .ce_locationHits { border: 1px solid #aaaaaa; padding: 5px; font-size: 1.6rem; display: inline-block; } .ce_locationHits h1{ font-size: 2rem; margin: 0; padding: 0; } .ce_locationHits .locationHitsLocationname {display:inline-block;margin-left:10px;width:200px;} .ce_locationHits .locationHitsType {display:inline-block;} .ce_locationHits .locationHitsCounter { display:inline-block; margin-bottom:5px; margin-left:5px; margin-right:10px; font-size:1.3rem; line-height:2.4rem; color:#fff; background:#aeaeae; width:24px; height:24px; border-radius:12px; text-align:center; vertical-align:middle; } .ce_locationHits a.locationHitsLinkToLocation span, .pg_locationLink span{ display:none; } .ce_locationHits a.locationHitsLinkToLocation::after, .pg_locationLink a::after, .locationLinkBookmarks a::before{ background: #1A171B; -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8, poi"); mask-image: url("data:image/svg+xml;charset=UTF-8, poi"); mask-repeat: no-repeat; content:""; position:relative; left:0px; top:0px; width: 26px; height: 28px; display:inline-block; } .ce_locationHits a.locationHitsLinkToLocation:hover::after, .pg_locationLink a:hover::after, .locationLinkBookmarks a:hover::before{ background: #999; background: var(--color-primary, #999); } .locationLinkBookmarks a::before {margin-right:10px;} /* -- Links bei der Navigationsalternative */ .ce_locationHitsBackToLocationOverview {clear:left;margin-top:10px;} .ce_locationHitsBackToLocationOverview a, .ce_locationHitsShowFiltered a {font-size:1.8rem !important;} .ce_locationHitsBackToLocationOverview a:before, .ce_locationHitsShowFiltered a:before {content:"\00BB"; display:inline-block; margin-right:5px;} /* -- Filterausgabe in der Ausstellerliste beim Hallenplan */ .ce_hallListFilterSubtitle {background:#ccc;margin-top:0px !important; padding-top:30px !important;} .ce_hallListFilterSubtitle .ce_text{font-size:1.8rem !important;} .ce_hallListFilterSubtitle .ce_text b{font-size:2.2rem !important;} /* -- Container mit der Navigationsalternative */ .ce_locationHitsNavAlternative{ background:var(--color-primary, #999); margin-bottom:30px; } .ce_locationHitsNavAlternative > div { width:100%; display:flex; max-width:1200px; margin:auto; padding:30px 0; } .ce_locationHitsNavAlternative > div > div { color:#ffffff; width:50%; font-size:2rem; } .ce_locationHitsNavAlternative .ce_locationHitsNavAlternativeLeft { flex-grow: 2; } .ce_locationHitsNavAlternative .ce_locationHitsNavAlternativeRight { text-align:right; } .ce_locationHitsNavAlternative .ce_locationHitsNavAlternativeRight a:after{content:"\2716";display:inline-block; margin-left:5px;} .ce_locationHitsNavAlternative a { color:#ffffff; font-size:2rem; } .ce_locationHitsCurrFilter {width:auto; display: inline-block;} .ce_locationHitsCurrFilter span { float:left; margin-right:10px; padding:7px 10px 7px 10px; min-width:50px; color: #fff; border: 1px solid #fff; line-height:2.2rem; font-size:1.6rem; text-align:center; word-break: normal; hyphens: auto; } /* Preview Badge */ .prvwBadge { position:absolute; top:140px; left:0px; width:180px; background-color:#ff0099; padding:10px; z-index:1000; border-radius:0 20px 20px 0; border: 1px solid #ff0099; -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.8); -moz-box-shadow: rgba(0,0,0,0.8); box-shadow: 0px 0px 12px rgba(0,0,0,0.8); overflow:hidden; } .prvwBadgeTtl {font-size:1.7rem !important; line-height:2.3rem !important; font-weight:bold !important;} .prvwBadgeSub {line-height:2.8rem !important; font-weight:bold !important;} .prvwBadgeCls a {line-height:2.8rem !important; font-weight:bold !important;} .prvwBadgeList {margin-left:10px;} .prvwBadge div, .prvwBadge a, .prvwBadge li { color:#fff; font-size:1.2rem; line-height:1.7rem; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; } .prvwBadgeLnk a:before { content: url("data:image/svg+xml;charset=UTF-8, "); display:inline-block; margin-top:2px; margin-left:0px; width:20px; } .prvwBadgeCls a:before { content: 'X'; display:inline-block; margin-top:2px; margin-left:0px; width:20px; } .prvwBadgePageHint { cursor: pointer; } .prvwBadgePageHint:before{ content: '\0026a0'; display:inline-block; font-size:150%; font-weight:bold; color:yellow; } .prvwBadgePageInfo { font-size:90%; } .prvwBadgePage .prvwBadgeLnk a:before{ content: url("data:image/svg+xml;charset=UTF-8, "); display:inline-block; margin-top:2px; margin-left:0px; width:15px; } /* ---------------- */ /* Auswahl aus Clg-Entries */ .fpf_clg_selectionWrapper_div .fc {clear:both; width:1px; height:1px; margin-top:-1px; overflow:hidden;} .fpf_clg_selectionWrapper_div .fpf_clg_selcWrapper_div, .fpf_clg_selectionWrapper_div .fpf_clg_selectionArea_div {font-size:1.4rem;} .fpf_clg_selectionWrapper_div .fpf_clg_selcWrapper_div {margin-bottom:10px; position:relative;} .fpf_clg_selectionWrapper_div .fpf_clg_selcWrapperClose_div {margin:5px 10px 10px 5px; margin-left: calc(100% - 27px); cursor:pointer; width:16px; height:16px; background-image:url(../../../../_inc002/_images/close_layer.gif); background-repeat:no-repeat; background-position:0px 0px;} .fpf_clg_selectionWrapper_div .fpf_clg_selcHeadline_div {float:left; margin:10px 0 5px 0; font-weight:bold; line-height:24px;} .fpf_clg_selectionWrapper_div .fpf_clg_selection_div {border:1px solid #E0E0E0;padding: 4px 1% 4px 1%;} .fpf_clg_selectionWrapper_div .fpf_clg_selectionHeadline_div {color:#646464; font-size: 1.6rem; line-height: 2.2rem; color: var(--color-text-dark, #333);} .fpf_clg_selectionWrapper_div .fpf_clg_selcArea_div {/*margin:10px 0px 0px 0px; background-color:white; border:1px solid #ccc;*/ max-height:400px; /*min-height:200px; width:450px;*/ overflow:auto; padding:5px;margin-right: 10px;margin-top:20px; margin-bottom:20px; /*-webkit-box-shadow: inset 3px 3px 5px 0px rgba(222,222,222,1); -moz-box-shadow: inset 3px 3px 5px 0px rgba(222,222,222,1); box-shadow: inset 3px 3px 5px 0px rgba(222,222,222,1);*/ } .fpf_clg_selectionWrapper_div .fpf_clg_selcLev1_div {margin-left:0px;} .fpf_clg_selectionWrapper_div .fpf_clg_selcLev2_div {margin-left:10px;} .fpf_clg_selectionWrapper_div .fpf_clg_selcLev3_div {margin-left:20px;} .fpf_clg_selectionWrapper_div .fpf_clg_selcLev4_div {margin-left:30px;} .fpf_clg_selectionWrapper_div .fpf_clg_selcLev5_div {margin-left:40px;} .fpf_clg_selectionWrapper_div .fpf_clg_selcLev6_div {margin-left:50px;} .fpf_clg_selectionWrapper_div .fpf_clg_selcLev7_div {margin-left:60px;} .fpf_clg_selectionWrapper_div .clgSItm {margin:9px 2px; display:flex;align-items:flex-start;} .fpf_clg_selectionWrapper_div .clgSItm p {margin:0px;} .fpf_clg_selectionWrapper_div .clgSItm .pre {width:10px; overflow:hidden; margin-right:5px;} .fpf_clg_selectionWrapper_div .clgSItm .preSel {background-image:url(../../../../_inc002/_images/icon_clgItemDot.png); background-repeat:no-repeat; background-position: center;} .fpf_clg_selectionWrapper_div .clgSItm .preSub {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_clgItemFolder.png); background-repeat:no-repeat; background-position: center;} .fpf_clg_selectionWrapper_div .clgSItm .preNoSub {background-image:url(../../../../_inc002/_images/icon_clgItemNoFolder.png); background-repeat:no-repeat; background-position: center;} .fpf_clg_selectionWrapper_div .clgSItm .preSubOpen {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_clgItemFolderOpen.png); background-repeat:no-repeat; background-position: center;} .fpf_clg_selectionWrapper_div .clgSItm .itm {max-width:320px; margin-right:5px;} .fpf_clg_selectionWrapper_div .clgSItm .itmSub {cursor:pointer;} .fpf_clg_selectionWrapper_div .clgSItm .pst {width:15px; overflow:hidden;} .fpf_clg_selectionWrapper_div .clgSItm .pstNot {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_radio_itemNotSelected.png); background-repeat:no-repeat; background-position:center;} .fpf_clg_selectionWrapper_div .clgSItm .pstNotDis {background-image:url(../../../../_inc002/_images/pixel.gif); background-repeat:no-repeat; background-position:center;} .fpf_clg_selectionWrapper_div .clgSItm .pstChk {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_radio_itemSelected.png); background-repeat:no-repeat; background-position:center;} .fpf_clg_selectionWrapper_div .clgSItm .pstChkSub {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_radio_itemSelected.png); background-repeat:no-repeat; background-position:center;} .fpf_clg_selectionWrapper_div .clgSItm .pstSub {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_radio_itemSubSelected.png); background-repeat:no-repeat; background-position:center;} .fpf_clg_selectionWrapper_div .clgSItm .pstChkParent {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_radio_itemParentSelected.png); background-repeat:no-repeat; background-position:center;} .fpf_clg_selectionWrapper_div .clgSItm .pstSubDis, .fpf_clg_selectionWrapper_div .clgSItm .pstChkSubDis {background-image:url(../../../../_inc002/_images/icon_itemDisabledSubSelected.png); background-repeat:no-repeat; background-position:center;} .fpf_clg_selectionWrapper_div .multipleSelect .clgSItm .pstNot {background-image:url(../../../../_inc002/_images/icon_itemNotSelected.png);} .fpf_clg_selectionWrapper_div .multipleSelect .clgSItm .pstChk, .fpf_clg_selectionWrapper_div .multipleSelect .clgSItm .pstChkSub, .fpf_clg_selectionWrapper_div .fpf_clg_selectionArea_div .pstChk, .fpf_clg_selectionWrapper_div .fpf_clg_selectionArea_div .pstChkSub {background-image:url(../../../../_inc002/_images/icon_itemSelected.png);} .fpf_clg_selectionWrapper_div .multipleSelect .clgSItm .pstSub {background-image:url(../../../../_inc002/_images/icon_itemSubSelected.png);} .fpf_clg_selectionWrapper_div .multipleSelect .clgSItm .pstChkParent {cursor:pointer; background-image:url(../../../../_inc002/_images/icon_itemParentSelected.png);} .fpf_clg_selectionWrapper_div .fpf_clg_selected_div {max-height:275px; border:1px solid transparent; overflow:auto; padding:5px; margin-top:5px; position:relative; } .fpf_clg_selectionWrapper_div .btnChg {padding-left:15px; line-height:22px; background-image:url(../../../../_inc002/_images/icon_clgItemFolder.png); background-repeat:no-repeat; background-position:0px 7px;} .fpf_clg_selectionWrapper_div .fpf_clg_selectionArea_div {margin:0 0 10px 0;} .fpf_clg_selectionWrapper_div .clg_selItem {margin:2px;} .fpf_clg_selectionWrapper_div .clg_selItem p {float:left; margin:2px;} .fpf_clg_selectionWrapper_div .fpf_clg_selectionArea_div {display:flex; flex-wrap: wrap; gap:10px;} .fpf_clg_selectionWrapper_div .fpf_clg_selected_div .clgSItm { display: inline; padding: 5px 30px 5px 10px; margin: 0px; background-color: #555; color: #FFF; cursor: pointer; border: 1px solid #555; line-height: 2.2rem; font-size: 1.4rem; text-align: center; word-break: normal; hyphens: auto; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: url(../../_images/view/ok/elements/close_color.png); background-size: 12px 12px; background-repeat: no-repeat; background-position: calc(100% - 7px) center; } .fpf_clg_selectionWrapper_div .fpf_clg_info_div { position:absolute; z-index:100; top:157px; right:20px; width:350px; padding:10px; background-color:#f1f1f1; border:1px solid #9B9B9B; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4); -moz-box-shadow: rgba(0,0,0,0.4); box-shadow: 0px 0px 8px rgba(0,0,0,0.4); font-size: 1.4rem; } .fpf_clg_selectionWrapper_div .close_div {float:right; width:16px; height:16px; margin:2px 0px 2px 0px; cursor:pointer; background-image:url(../../../../_inc002/_images/cms/icons/close.gif); background-repeat:no-repeat; background-position:top left;} #tiptip_content.fpf_clg_selection_tiptip {color: #000;border: 1px solid #000; background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); background:#fff; } /* -------------------- */ /* Story */ .mod_DTStory .ce_boxStory h1 { font-size: 1.6rem; } .mod_DTStory .ce_boxStory { position:relative; max-width: 1080px; max-height: 1920px; width:400px; height:auto; margin:auto; } .mod_DTStory .ce_boxStory button.storyStart { position:absolute; margin:auto; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat; border: none; cursor: pointer; overflow: hidden; outline: none; } .mod_DTStory .ce_boxStory button.storyStart span.play { display:inline-block; background-image: url(../../_images/view/ok/elements/play_circle_coloronwhite.svg); background-size: 60px 60px; background-repeat: no-repeat; background-position: center center; width: 90px; height: 90px; } .mod_DTStory .mod_DTStory .ce_boxStory button.storyStart span.bg { position: absolute; width:100%; height:100%; left:0; top:0; background:#FFF; opacity:0.3 } .mod_DTStory .ce_boxStory img, .mod_DTStory .ce_boxStory video { max-width: 100%; max-height: 100%; width:100%; /*height:100%;*/ height:auto; display: none; } .mod_DTStory .ce_boxStory .story-slide { width: 100%; height: calc(100% - 5px); } .mod_DTStory .ce_boxStory .progress-bar-container { display: flex; gap: 5px; margin: 5px 0; } .mod_DTStory .ce_boxStory .progress-bar { flex: 1; height: 5px; background: rgba(150, 150, 150, 0.3); cursor: pointer; } .mod_DTStory .ce_boxStory .progress-bar .fill { width: 0%; height: 100%; background: #333; transition: width 0.1s linear; }