/** */
@import url('https://fonts.googleapis.com/css?family=Lato:regular');
@import url('https://fonts.googleapis.com/css?family=Roboto:300');

/**
 * @project     X4
 * @version     14.01
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        init.css
 * @contact     pascal[at]ntzwrk.de
 * @licstart  
 * 
 * Copyright (c) 2011 Pascal Lehwark
 * 
 * No warranty, explicit or implicit, provided.
 * In no event shall the author be liable for any claim or damages.
 * All rights reserved. This is proprietary software.
 * 
 * This software makes use of several 3rd-party software.
 * 
 * see x4-license.html (in the webroot-folder of this installation)
 * for more information.
 * 
 * @licend 
 */
.x4_ddtree{ width:100%; } .x4_ddtree li{ display:block; position: relative; transition: margin 0.15s ease; } .x4_ddtree li.x4_ddtree-closed>ul{ display:none; } .x4_ddtree-beforenode,.x4_ddtree-afternode{ height:0.75em; position: relative; z-index: 111; transition: height 0.15s ease, bottom 0.15s ease, top 0.15s ease; } .x4_ddtree.x4_ddtree_flat_true .x4_ddtree-beforenode, .x4_ddtree.x4_ddtree_flat_true .x4_ddtree-afternode { height: 100%; position: absolute; left: 0; right: 0; top:0; bottom:0; display: none; } .x4_ddtree.x4_ddtree_isdragging.x4_ddtree_flat_true .x4_ddtree-beforenode{ top: -50%; bottom:auto; display: block; } .x4_ddtree.x4_ddtree_isdragging.x4_ddtree_flat_true .x4_ddtree-afternode{ bottom: -50%; top:auto; display: block; } .x4_ddtree-afternode{ display:none; } li:last-child>.x4_ddtree-afternode{ display:block; } .x4_ddtree-innode { background: transparent; position: relative; min-height: 1.75em; display: inline-block; min-width: 15em; border: 2px solid transparent; } [data-cildcount="0"]>.x4_ddtree-innode>.x4_ddtree-toggler{ display:none; } .x4_ddtree-toggler { position: absolute; left: -2em; width: 2em; top: 0; bottom: 0; display: block; cursor: pointer; display:flex; align-items: center; justify-content: center; text-decoration: none !important; /* background:red; */ } .x4_ddtree-toggler i { pointer-events: none; font-size: 22px; /* color:crimson; */ } /* .x4_ddtree-toggler span{ pointer-events: none; } .x4_ddtree-toggler span::before{ content: "\f787"; font-family: 'Font Awesome 5 Free'; pointer-events: none; font-size:24px; vertical-align: middle; color:#444; } .x4_ddtree-toggler:hover span::before{ color:crimson; } */ .x4_ddtree_notoggle_true .x4_ddtree-toggler{ cursor:unset; } .x4_ddtree_notoggle_true .x4_ddtree-toggler span::before, .x4_ddtree_notoggle_true .x4_ddtree-toggler:hover span::before{ color:#aaa; } /* .x4_ddtree li.x4_ddtree-closed>.x4_ddtree-innode>.x4_ddtree-toggler span::before{ content:"\f0da"; } */ .x4_ddtree li.x4_ddtree-closed>.x4_ddtree-innode>.x4_ddtree-toggler>i::before{ content:"\f0da"; } .x4_ddtree-beforenode>hr, .x4_ddtree-afternode>hr { position: absolute; width: 100%; height: 1em; border: 0; border:1px solid crimson; top: 50%; padding: 0; display:none; margin-top:-0.5em; } .x4_ddtree li.x4_ddtree-dragover-after>.x4_ddtree-afternode>hr, .x4_ddtree li.x4_ddtree-dragover-before>.x4_ddtree-beforenode>hr{ display:block } .x4_ddtree.x4_ddtree_flat_false li.x4_ddtree-dragover-into>.x4_ddtree-innode{ border:2px solid crimson; } .x4_ddtree.x4_ddtree_flat_false li.x4_ddtree-dragover-after>.x4_ddtree-afternode, .x4_ddtree.x4_ddtree_flat_false li.x4_ddtree-dragover-before>.x4_ddtree-beforenode{ height:4em; } .x4_ddtree-innode.x4_ddtree-dragover-allowed{ border:2px solid rgba(0,0,0,0.5); } .x4_ddtree.x4_ddtree_flat_true li.x4_ddtree-dragover-before{ margin-top:2em; } .x4_ddtree.x4_ddtree_flat_true li.x4_ddtree-dragover-after{ margin-bottom:2em; } .x4_ddtree.x4_ddtree_flat_true li.x4_ddtree-dragover-before .x4_ddtree-beforenode{ height:calc(100% + 2em); top:calc(-50% - 2em); } .x4_ddtree.x4_ddtree_flat_true li.x4_ddtree-dragover-after .x4_ddtree-afternode{ height:calc(100% + 2em); bottom:calc(-50% - 2em); } html{ font-size:14px; } body{ font-size:14px; } big{ /* color:red; */ font-size: 110%; line-height: 1.5em; } small{ /* color:red; */ font-size: 90%; line-height: 1.5em; } body{ font-family: 'Lato'; color:rgba(79,76,76,1); line-height: 1.5em; } h1{ font-family: 'Roboto'; font-size:200%; color:rgba(0,102,204,1); line-height: 1.25em; } h2{ font-family: 'Roboto'; font-size:150%; color:rgba(0,102,204,1); line-height: 1.25em; } h3{ font-family: 'Roboto'; font-size:100%; color:rgba(79,76,76,1); line-height: 1.25em; } h4{ font-family: 'Roboto'; font-size:100%; color:rgba(79,76,76,1); line-height: 1.5em; } a{ color:rgba(0,64,128,1); } *{ outline: 0; } .fontfamily1{ font-family: 'Lato'; } .fontfamily2{ font-family: 'Roboto'; } .fontfamily3{ font-family: '_fontfamily3_'; } .x4_kv.x4_vtype_timestamp .x4_value { /* background: red; */ line-height: 2em; font-family: monospace; font-weight: bold; } .x4_kv.x4_vtype_timestamp input{ opacity:0 !important; position: absolute !important; } x4-icon { display: inline-block; min-width: 1.4em; min-height: 1.4em; background-repeat: no-repeat; background-size: contain; background-position: center; /* border: 1px solid red; */ vertical-align: middle; position: relative; overflow: hidden; max-width: 1.4em; max-height: 1.4em; } /* ================= */ /* custom checkbox and radiobutton : */ /* ================= */ .x4_customcheckbox_wrap, .x4_customradiobtn_wrap { display: block; position: relative; padding-left: 1.75em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.25em; } .x4_customcheckbox_wrap input, .x4_customradiobtn_wrap input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .x4_customcheckbox_checkmark, .x4_customradiobtn_checkmark { position: absolute; top: 0; left: 0; height: 1.25em; width: 1.25em; background-color: #eee; border: 1px solid rgba(0,0,0,0.1); } .x4_customradiobtn_checkmark { border-radius: 50%; } .x4_customcheckbox_wrap.x4_customcheckbox_wrap_disabled_false:hover .x4_customcheckbox_checkmark, .x4_customradiobtn_wrap.x4_customradiobtn_wrap_disabled_false:hover .x4_customradiobtn_checkmark { /* background-color: #9CD2FF; */ border-color: rgba(0,0,0,0.3); } .x4_customcheckbox_wrap input:checked ~ .x4_customcheckbox_checkmark, .x4_customradiobtn_wrap input:checked ~ .x4_customradiobtn_checkmark { background-color: #376DDB; } .x4_customcheckbox_wrap input:checked ~ .x4_customcheckbox_checkmark:after, .x4_customradiobtn_wrap input:checked ~ .x4_customradiobtn_checkmark:after { display: block; } .x4_customcheckbox_wrap .x4_customcheckbox_checkmark::after { content: ""; position: absolute; display: none; left: 0.4em; top: 0.25em; width: 0.3em; height: 0.5em; border: solid white; border-width: 0 0.15em 0.15em 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .x4_customradiobtn_wrap .x4_customradiobtn_checkmark::after { content: ""; position: absolute; display: none; top: 27%; left: 27%; width: 46%; height: 46%; border-radius: 50%; background: white; /* border: 1px solid red; */ } .x4_customcheckbox_wrap.x4_customcheckbox_wrap_disabled_true input:checked ~ .x4_customcheckbox_checkmark, .x4_customradiobtn_wrap.x4_customradiobtn_wrap_disabled_true input:checked ~ .x4_customradiobtn_checkmark{ background-color: #B4B4B4; } .x4_customcheckbox_wrap.x4_customcheckbox_wrap_disabled_true .x4_customcheckbox_checkmark::after, .x4_customradiobtn_wrap.x4_customradiobtn_wrap_disabled_true .x4_customradiobtn_checkmark::after{ border-color: #747474; } .x4_customcheckbox_wrap.x4_customcheckbox_wrap_disabled_true .x4_customcheckbox_label, .x4_customradiobtn_wrap.x4_customradiobtn_wrap_disabled_true .x4_customradiobtn_label{ opacity:0.75; } .x4_quickform_submitwrap{ text-align: center; } .x4_quickform_submitwrap input { background: #96c11a; padding: 0.5em 3em; color: white; text-transform: uppercase; letter-spacing: 1px; font-size: 17px; cursor: pointer; border: none; } .x4_loginsubmitwrap{ text-align: center; height:4em; } #x4_registerdialog{ padding-bottom:1em; } #x4_registerdialog .x4_required{ display:none; } #x4_loginform .x4_loginsubmitwrap input, #x4_registerdialog .x4_registersubmitwrap input { border: none; padding: 0.5em 3em 0.5em 3em; border-radius: 0; display: inline-block; width: 14em; margin: 1em 1em; } .x4_registersubmitwrap { margin-top: 2em; } #x4_loginform input[type="email"], #x4_loginform input[type="text"], #x4_loginform input[type="password"], #x4_registerdialog input[type="email"], #x4_registerdialog input[type="text"], #x4_registerdialog input[type="password"], #x4_registerdialog textarea, #x4_registerdialog select { width: 20em; max-width: 20em; min-width: 20em; padding: 0.35em 0.5em; border-radius: 2px; line-height: 1.4em; border: 1px solid #aaa; font-size: 100%; } .x4_login_forgotpasswrap,.x4_customloginpagetail { font-size: 12px; line-height: 1.4em; } .x4_inlinelogin .x4_login_forgotpasswrap{ text-align: center; } #x4_registerdialog input[type="email"], #x4_registerdialog input[type="text"], #x4_registerdialog input[type="password"], #x4_registerdialog textarea, #x4_registerdialog select { width: 24em; max-width: 24em; min-width: 24em; } #x4_registerdialog .x4_key { color: #333; padding-top: 0.5em; } /* [data-x4_kvref="privacynoticeaccepted_yes"] label { display: inline-block !important; max-width: calc(100% - 10em) !important; padding-left: 0.25em; font-size: 14px; line-height: 1.25em; } */ #x4_loginform.x4_loginform_disabled .x4_loginsubmitwrap input{ display:none; } #x4_loginform.x4_loginform_disabled .x4_loginsubmitwrap{ background:url("media/grafik/ajax.png"); background-repeat:no-repeat; background-position: center; background-size: 2em auto; } .x4_loginerror{ margin-bottom:1em; width:100%; color:red; text-align:center; } .x4_loginbg{ position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden; background-color: #444; background-position: center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; width:100%; height:100vh; display: flex; justify-content: center; align-items: center; } .x4_loginoverlay{ width:27em; max-width:100%; min-height:10em; max-height: 100%; overflow: auto; position: relative; display:block; background:rgba(255,255,255,0.8); padding:1em; font-family: monospace; font-size: 18px; line-height: 1.4em; color:#333; /* margin-bottom:20vh; */ box-shadow:0em 0em 1em rgba(0,0,0,0.1); } [data-cms_page_key="register.html"] .x4_loginoverlay{ width:42em; max-width: 100%; } .x4_loginoverlay>div{ /* border:1px dotted red; */ margin-top:1px; margin-bottom:1px; position: relative; text-align: center; line-height: 1.4em; /* padding:1em; */ } .x4_login_icon{ background-position: center; background-size: contain; background-repeat: no-repeat; height:5em; display:block; /* padding-top:1em; */ /* padding-bottom:1em; */ } .x4_login_name{ /* font-size:14px; */ padding:0.5em; padding-top:1.5em; } .x4_login_emailwrap,.x4_login_passwordwrap{ margin-bottom:0.5em; } .x4_loginsubmitwrap input{ font-size: 100%; width:20em !important; } body[data-cms_page_key="login.html"] .x4_mobilebar{ display:none !important; } @media only screen and (max-width:700px) { .x4_loginoverlay{ width:100%; max-width:100%; min-height:100vh; max-height: 100%; left:0; top:0; right:0; bottom:0; position: absolute; font-size: 14px; margin-bottom:0; box-shadow:none; } } .x4 .x4_rangerwrap { position: relative; } .x4 .x4_rangerwrap.rangerhover .x4_ranger_bar{ background:rgba(0,0,0,0.15); } .x4_ranger_control { display: inline-block; position: relative; } .x4_ranger_control a { display: inline-block; width: 2.5em; text-align: center; display: inline-block; text-decoration: none !important; color: rgba(0,0,0,0.5); line-height: 2em; border: 1px solid rgba(0,0,0,0.1); margin-right: 0.25em; } .x4_ranger_control a:hover{ color:rgba(0,0,0,0.8); } .x4_ranger_inputwrap { height: 100%; position: relative; background: yellow; display: inline-block; } .x4_ranger_unitlabel { display: inline-block; line-height: 2em !important; padding-left: 0.25em; padding-right: 0.25em; } .x4_ranger_input { font-family: monospace !important; text-align: right; padding-right: 0.5em !important; line-height: 1.5em !important; width:10em !important; border: 1px solid rgba(0,0,0,0.1) !important; } .x4_rgba_alpharanger{ /*border:1px solid red;*/ display: inline-block; width:70%; } .input_color { width: 20%; margin-right:5%; height: 2.4em; border: 1px solid rgba(0,0,0,0.1); background: transparent; display: inline-block; vertical-align: top; padding: 0; } .x4_modal_ground,.x4_busy_ground{ background: rgba(0,0,0,0.9); position: fixed; left:0; top:0; right:0; bottom: 0; width:100%; height:100%; z-index:111; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; } .x4_modal_frame{ background: white; min-width:4em; min-height:4em; max-width:90%; max-height:90%; /* margin-top:5%; */ /* margin-bottom:15%; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } .x4_modal_top,.x4_modal_mid,.x4_modal_bottom{ position: relative; } .x4_modal_top{ background: #8dc3e5; min-height:2.75em; } .x4_modal_mid{ overflow: auto; padding:1em; padding-bottom:4em; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;/* grow shrink basis */ } .x4_modal_bottom{ text-align: center; clear:both; } .x4_modal_ground.x4_modal_full .x4_modal_frame{ position: absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; max-width:100%; max-height:100%; margin-top:unset; margin-bottom:unset; } .x4_futureitem, [data-x4_isfuture="true"]{ /*display: none;*/ position: relative ; border:2px dashed rgba(255,0,0,0.25) !important; } .x4_futureitem:after, [data-x4_isfuture="true"]:after{ content:"noch nicht veröffentlicht"; position: absolute; right:0; top:0; background:rgba(255,0,0,0.25); padding:0.25em ; } @media only screen and (max-width:640px) { .x4_modal_top{ min-height:3em; } .x4_modal_frame{ position: absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; max-width:100%; max-height:100%; margin-top:unset; margin-bottom:unset; } } /* #udb_logindialog{ width:40em; max-width: 100%; } */ [data-x4_kvref="pagelang"]{ display: none !important; } [data-x4_hasrole_root="true"] [data-x4_kvref="pagelang"]{ display: block !important; } .x4_taxo_anonitem_listentry{ border: 1px solid #ddd; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0.5em; position: relative; min-height:3em; padding-right:4em; } .x4_taxo_anonitem_listentry.x4_taxo_anonitem_listentry_first .x4_anonitem_moveup{ display: none; } .x4_taxo_anonitem_listentry.x4_taxo_anonitem_listentry_last .x4_anonitem_movedown{ display: none; } .x4_anonitem_moveup,.x4_anonitem_movedown{ display: block; font-weight: normal; height: 1.8em; line-height: 1.5em; margin: 0; position: absolute; right: 1em; text-align: center; text-decoration: none !important; bottom: 0.5em; width: 3em; color: white; background: rgba(0,0,0,0.3); } .x4_anonitem_moveup{ bottom:2.5em; } .flex{ display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } body[data-x4_itemid]{ /*border-left:20px solid magenta;*/ } .x4_ps_grayframe{ border:2px solid black; } .x4_floating_left{ float:left; margin-right:1em; } .x4_floating_right{ float:right; margin-left:1em; } /* [data-cms_type="itemprop"]>.cms_editlink{ font-size: 12px; } */ /* [data-cms_type="props"]>.cms_editlink{ left:auto; right:0; } */ [data-cms_type="html"],[data-cms_type="item"],[data-cms_type="props"]{ position: relative; min-height:1em; } [data-cms_type="app"]{ display:block; width:100%; position:relative; } [data-cms_app="bgshow"]{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; right: 0; z-index: 0; } [data-cms_type="app"].x4_hasratiochild{ /* width:auto; */ /* position:unset; */ } .tg_ets{ /*border:1px dotted magenta !important;*/ } .x4_feedmix_pic{ float: left; max-height: 10em; margin-top: 0.4em; } .x4_feedmix_item{ background:rgba(0,0,0,0.01); box-shadow:0.25em 0.25em 0.25em rgba(0,0,0,0.5); padding:1em; margin-bottom:2em; padding-bottom:2em; color:rgba(0,0,0,0.5); } .x4_feedmix_title{ display: block; font-size: 150%; line-height: 1.25em; margin-bottom: 0.2em; margin-top: 0.2em; } .x4_feedmix_source{ margin-bottom:0.75em; font-style:italic; } .x4_feedmix_date{ color:rgba(0,0,0,0.5); } .x4_feedmix_body{ word-wrap: break-word; } .x4_obli{ color:red; } .x4_csstable{ display: table; height: 2.5em; width: 100%; padding-top:0.25em; padding-bottom:0.25em; } .x4_csstablecell{ display:table-cell !important; vertical-align:middle; } /* .udb_logindialog_requestreset{ display: none !important; } */ .x4_item_popup{ margin:1em; padding:1em; min-height:10em; } .x4_btninfo{ color: #FFFF91; font-size: 80% !important; text-align: center; width: 12em; } .x4_appdummy{ padding:1em; border:1px solid gray; background:rgba(0,0,0,0.5); color:white; display: none; } .x4_rsslink i{ color:orange; } .x4_nav{ /* border:1px solid red; */ text-align:left; } .x4_nav.x4_navstyle_tree .x4_navlist .x4_navlist,.x4_nav.x4_navstyle_dropdown .x4_navlist .x4_navlist .x4_navlist{ margin-left:1em; } /* //dropdown nav */ .x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem{ /* border:1px solid green; */ display:inline-block; /*height:1em;*/ vertical-align:top; position:relative; } [data-cms_app="nav"]{ z-index:1; } .x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem>.x4_navlist{ display:none; /* background:wheat; */ } /* //urhere nav */ .x4_nav.x4_navstyle_urhere .x4_navlist .x4_navitem,.x4_nav.x4_navstyle_urhere .x4_navlist,.x4_nav.x4_navstyle_urhere .x4_navdeli,.x4_nav.x4_navstyle_dropdown .x4_navdeli { display:inline-block; } /* columns: */ .x4_columns{ /* overflow:hidden; why? */ overflow:visible; position:relative; } .x4_column{ float:left; position:relative; } .x4_columns::after { content:" "; clear: both; display: block; } .x4,.x4 *{ font-family:helvetica ; line-height:1.2em; /* font-size:90%; */ font-size:14px ; } .x4_font{ font-family:helvetica ; } .fu_filename{ } .fu_progress{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #808080; margin: 1em auto auto; /* padding: 0.25em; */ height:2em; line-height:2em; width: 50%; position:relative; } .fu_bar{ background: none repeat scroll 0 0 #6BC1FD; bottom: 0; left: 0; position: absolute; top: 0; } .fu_perc{ bottom: 0; color: #333333; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .cms_button{ background: none repeat scroll 0 0 #376DDB; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 100%; margin: 0.4em 1em; min-width: 10em; padding: 0.5em 1em; line-height:1.4em; text-align: center; text-decoration: none !important; position:relative; } .cms_button:hover{ background: #073dab; } .cms_button i{ margin-right:1em; width:1em; } .cms_head{ /*background: #7c9de1;*/ /*background:yellowgreen;*/ /*background: lightslategrey;*/ background: #8dc3e5; height: 2.8em; line-height:1.4em; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; } .cms_mid{ position:absolute; left:0; top:2.8rem; right:0; overflow-y:auto; overflow-x:hidden; } .cms_tail { background: #E0E0E0; position: absolute; border-top:1px solid #c5c5c5; left: 0; bottom: 0px; right: 0; min-height: 3.5em; text-align: center; } .cms_title{ color: white; display: block; font-size: 125%; line-height: 2.2em; padding-left: 1em; padding-top: 0; text-align: left; } .x4_closelink,.taxo_items_deletelink{ color: #666; display: block; font-weight: normal; height: 1.8em; line-height: 1.5em; margin: 0; position: absolute; right: 1em; text-align: center; text-decoration: none !important; top: 0.5em; width: 3em; color: white; background: rgba(0,0,0,0.3); } .x4_closelink:hover,.taxo_items_deletelink:hover{ background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; color: black !important; } .taxo_items_deletelink{ font-size: 75%; } .x4_modal_mid input[type=text],.x4_modal_mid textarea,.x4_modal_mid input[type=password],.x4_modal_mid input{ border: 1px solid #AAAAAA; border-radius: 2px; padding: 0.25em; color:#444; line-height:1.5em; } .cms_page { min-width: 60em; position: relative; } .cms_question{ color: #666666; display: block; font-size: 130%; line-height: 1.5em; margin-top: 1em; width: 30em; max-width:100% !important; text-align: center; } .x4_taxoinnerdialog{ padding-bottom: 1em; width:60em; max-width:100%; /*min-width: 60em;*/ /*margin-left: 10em;*/ /*margin-right: 10em;*/ box-sizing: border-box; } .x4_taxoinnerdialog .cms_button { font-size: 100% !important; margin: 0.5em 0 0em 0em; z-index: 2; } .x4_filetaxo_ctrl .cms_button{ font-size:14px !important; padding:0.25em !important; } .x4_filetaxo_filename { font-weight: bold; color: #444; padding-top: 0.6em; font-family: monospace; } .x4_taxoerror{ color:red; font-size:90%; margin-top:0.5em; margin-bottom:0.5em; text-align:center; } .x4_kv { /* border: 1px solid red; */ width: 100%; position: relative; clear: both; /* min-width: 60em; */ padding-left: 1em; margin-top: 0.2em; margin-bottom: 0.4em; } .x4_kv .x4_kv .x4_kv { background: rgba(0,0,155,0.03); } .x4_kv.x4_kv_hidden,.taxo_kv.x4_kv_hidden{ display: none; } .x4_kvlist { /* margin-top: 0.4em; */ } .x4_itemlistseed{ position: relative; z-index:0; } .x4_key { color: teal; display: inline-block; line-height: 1.25em; padding-right: 1%; position: relative; text-align: left; vertical-align: middle; width: 12em; /* background: yellow; */ min-width: 12em; text-align: right; padding-top: 0.3em; } .x4_value { /* background: rgba(0,0,255,0.2); */ display: inline-block; /* width: 100%; */ vertical-align: top; text-align: left; position: relative; width: calc(100% - 12em); z-index: 2; } .x4_kvinfo { clear: both; color: steelblue; margin-bottom: 0.5em; margin-top: 0.25em; /* max-width: 40em; */ line-height: 1.3em; font-size: 85%; font-weight: normal; width: 100%; } .x4_kv .x4_kv .x4_kv .x4_key, .x4_kv .x4_kv .x4_kv .x4_value, .x4_taxo_allkvdisplayblock .x4_kv .x4_key, .x4_taxo_allkvdisplayblock .x4_kv .x4_value{ display:block; text-align: left; width:100%; } .x4_kv.x4_vtype_timestamp{ margin-top:0.85em; } .x4_taxo_timestamp_tgt { cursor: pointer; padding-top: 0.5em; display: inline-block; margin-top: -0.85em; } .x4_taxo_timestamp_tgt:hover{ color:#376ddb; } .x4_taxo_timestamp_tgt .cms_button { width: auto; height: 2em; max-width: 3em; min-width: 1em; padding: 0.25em 1em; text-align: center; } .x4_vhtml{ border: 1px solid #DDDDDD; margin-bottom: 1em; max-height: 17em; min-height: 6em; overflow: auto; padding: 0.25em; width: 90%; } .x4_vhtmleditlink,.taxo_items_addlink,.x4_taxo_anonitem_addlink{ min-width: 13em; text-align: left; margin: 0; margin-bottom: 0.25em; margin-top: 0.5em; } .x4_value select,.x4_value input[type="text"],.x4_value input[type="password"],.x4_value input[type="email"],.x4_value textarea{ width:calc(100% - 1em); /* 80%; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_key{ text-align: left; } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_key, .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_value{ /* border:1px solid magenta; */ width:100%; display: block; } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_key>a{ display: block; color: tomato; /* background:wheat; */ } .x4_kv.x4_vtype_guid{ display:none; } .x4_kv.x4_vtype_list.x4_kv_foldable > .x4_key > a > i { font-size: 16px; padding-right: 0.25em; } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_value{ display: none !important; } .x4_kv.x4_vtype_list.x4_kv_foldable.x4_kv_foldable_open>.x4_value{ display: block !important; } .x4_taxoinnerdialog > form > .x4_kvlist > .x4_kv.x4_vtype_list.x4_kv_foldable.x4_kv_foldable_open > .x4_value { border-left: 1px solid tomato; margin-left: 4px; } .x4_key.x4_vtype_section{ border-bottom: 1px solid; font-size: 130%; margin-left: 30%; margin-top: 0.5em; text-align: left; width: 54%; } /*.x4_value textarea{ width:35em; }*/ .x4_vtype_desc>.x4_value{ /* border:1px solid #aaa; */ /* border-radius:0.25em; */ padding:0.25em; color:#444; } .x4_vtype_check>.x4_value,.x4_vtype_radio>.x4_value{ width:100%; color:#444; } .x4_vtype_check>.x4_value>input,.x4_vtype_check>.x4_value>label, .x4_vtype_radio>.x4_value>input,.x4_vtype_radio>.x4_value>label{ cursor: pointer; } .x4_vtype_check>.x4_value>label, .x4_vtype_radio>.x4_value>label{ display: inline-block; min-width:12em; max-width:100%; } .x4_kv.x4_vtype_image img{ max-width:15em; max-height:10em; } .io_dialog_full .cms_mid{ bottom:3.5em; } .item_title{ width: 20em; word-wrap: break-word; } .item_desc{ /* width: 20em; */ margin-top: 0.25em; /* font-style: italic; */ } .item_desc > div { font-size: 12px; color: lightsteelblue; line-height: 1.25em; } .x4_noselect{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } /* #io_busydialog{ position:fixed; background:rgba(0, 0,0, 0.7); left:0; top:0; right:0; bottom:0; z-index:1000; } #io_busyinner{ max-height:30em; overflow:hidden; overflow-y:auto; } #io_busydialogbox{ background: none repeat scroll 0 0 #FEFEFE; display: block; height: 25em; position: relative; width: 40em; margin:auto !important; text-align:center; margin-top:3em !important; border-radius:2px; overflow:hidden; } */ .x4_busycontent{ min-width:36em; min-height:10em; padding:1em; position:relative; } .x4_busy_iconwrap{ text-align: center; } #x4_busywrap h2{ text-align:center; margin:1em; font-size:125%; font-weight:bold; } .additem{ display:none; /*font-size:80%;*/ } body.udb_logged_in .additem{ display:inline-block; background: palevioletred; float: right; } body.udb_logged_in .additem:hover{ background:#073dab; } .x4_abotypewrap,[data-x4_kvref="misc_abo_abotype"]{ display: none !important; } .x4_emoticon{ display: inline-block; width:1em; height:1em; vertical-align: middle; background-image: url(media/grafik/emoticon_smile.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .x4_emoticon.x4_emoticon_bigsmile{ background-image: url(media/grafik/emoticon_bigsmile.png); } .x4_emoticon.x4_emoticon_sad{ background-image: url(media/grafik/emoticon_sad.png); } .x4_emoticon.x4_emoticon_wink{ background-image: url(media/grafik/emoticon_wink.png); } .forumformwrap{ /*background: yellow;*/ width:100%; /*min-height:20em;*/ display: block; } .forumform_emailwrap{ display: none; } .forum_optional{ color:#aaa; font-size: 90%; display: block; } .forumformwrap form input[type="text"], .forumformwrap form input[type="email"], .forumformwrap form textarea { width: 80%; border: 1px solid rgba(0,0,0,0.25); padding: 0.5em; } .forumformwrap form textarea{ min-height: 10em; } .forumformwrap form input[type="checkbox"], .forumformwrap form input[type="radio"]{ width: auto; margin: 0; margin-right: 0.25em; } .forumform_valrow{ width: 80%; display: inline-block; margin-left:20%; } .forumform_valrow span{ vertical-align: middle; line-height: 1em; padding-bottom: 0.5em; font-size: 85%; } .forumform_label{ display: inline-block; width:20%; vertical-align: top; padding-top:1em; padding-bottom:1em; /*line-height: 3em;*/ } .forumform_submitwrap{ width:100%; text-align: right; margin-bottom:2em; } .forumform_submitlink{ background: rgba(0,0,0,0.75) none repeat scroll 0 0; border: 2px solid rgba(0,0,0,0.75); color: white; display: inline-block; padding: 0.5em; text-align: center; width: 20em; text-transform: uppercase; /*font-size: 90%;*/ margin-top: 1em; /*float:right;*/ -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; } .forumform_submitlink:hover{ background: white; color:rgba(0,0,0,0.75); text-decoration: none !important; } .forumtop .forumaddpost{ display: none !important; } .io_forum{ /* border:1px dotted red; */ text-align:left; width:100%; /*color:#333;*/ position:relative; } .forumtop{ border-bottom:1px solid #ccc; min-height:2em; margin-bottom:1em; padding-bottom:0.25em; position:relative; } .forumtitle{ position:absolute; left:0; bottom:0; /*font-size:120%;*/ } .forumaddpost{ position:absolute; right:0.25em; /*font-size:80%;*/ bottom:0.25em; } .forumnode{ /* border:1px solid blue; */ position:relative; margin-bottom:0.25em; } .forumnode .fn_moderator>.fn_body>.fn_head{ /* color:darkred; */ } .fn_space{ position:absolute; left:0; top:0; /*font-size:80%;*/ color:#aaa; } .fn_space i{ width:0.5em; text-align:center; display:inline-block; } .fn_body{ /*border: 1px solid #CCCCCC;*/ padding: 1em; /*background: red;*/ border-left:2px solid rgba(0,0,0,0.25); background: rgba(0,0,0,0.05); margin-bottom:1em; } .forumnode.fn_depth_0>.fn_body{ border: none; padding: 0; } .fn_head{ /*border-top: 1px solid #CCCCCC;*/ font-size: 80%; margin-bottom:0.25em; /*height: 3em;*/ overflow: hidden; position: relative; } .fn_head.fn_deleted.fn_nochildren{ border:none; } .fn_author{ /* font-size:80%; */ /*position:absolute;*/ /*left:0.25em;*/ /*top:0.25em;*/ /*line-height:1.5em;*/ display: inline-block; } .fn_time{ /* font-size:80%; */ /*position:absolute;*/ /*left:0.25em;*/ /*bottom:0;*/ color:#aaa; /*font-size:80%;*/ /*line-height:1.5em;*/ display: inline-block; margin-left:0.5em; } .fn_controls{ /* font-size:80%; */ /*position:absolute;*/ /*right:0.25em;*/ /*bottom:0.25em;*/ margin-bottom:1em; text-align: right; } .fn_controls a{ margin-left:1em; } .fn_title{ font-weight:bold; } .fn_content{ display: inline-block; } .fn_toggle{ /* display: none !important; */ text-align:right; /*font-size:80%;*/ } /*mobile:*/ @media only screen and (max-width:640px) { .forumform_label{ width: 100%; display: block; } .forumform_submitlink{ width: 100%; } } /*.forumnode .forumnode .fn_toggle{ margin-left:5em; }*/ .taxo_items .cms_foto_mini{ left: 0.25em; position: absolute; top: 0.25em; bottom: 0.25em; width: 90%; } body.cms_overlay{ overflow:hidden; } .taxo_items{ /* margin-bottom:1em !important; */ } .taxo_wordcounter{ color: #FF8C00; font-size: 80%; margin:0; text-align: left; width: 100%; } [data-cms_content_id]{ position:relative; max-width: 100%; } .tg_ets,.x4_ratiodummy { height: 100%; left: 0; position: absolute; top: 0; width: 100%; white-space: nowrap; } #cms_requestform_error *{ color:red; } #udb_logoutdialog{ text-align:center; } .taxo_items .cms_foto_mini .cms_fototitle { font-size: 80%; height: 98%; left: 6.5em; line-height: 1em; margin: 0; overflow: hidden; position: absolute; top: 0.25em; width: 70%; } /* PHOTOSHOW */ .slidesjs-stop,.slidesjs-play{ display:none !important; } .photoshow{ text-align: left; position:absolute;left:0;top:0;right:0;bottom:0; /* overflow:hidden !important; */ overflow:visible !important; overflow-y:hidden !important; /* display:none; */ /* hidden; */ } .photoshow .slidesjs-container{ overflow:hidden !important; height:100% !important; width:100% !important; } .photoshow .slidesjs-container a{ height: 100%; width: 100%; } .photoshow .slidesjs-container a img{ max-width:100% !important; max-height:100% !important; } .photoshow img{ max-width:100%; max-height:100% !important; } .slidesjs-control{ height:100% !important; /* overflow:hidden; */ width: 100% !important; } .photoshow_info{ position:absolute; bottom:0; left:0; right:0; height:20px; line-height:20px; font-size:100%; color:#333333; background:rgba(255,255,255,0.5); z-index:11; text-align:center; } .photoshow .slidesjs-previous,.photoshow .slidesjs-next { background-repeat: no-repeat; display: block !important; height: 50%; left: -1.7em; position: absolute; top: 25%; width: 1.4em; z-index: 101; } .photoshow .slidesjs-previous{ background-image:url("media/grafik/arrow-prev.png"); background-position: right center; background-size: 100% auto; } .photoshow .slidesjs-next{ background-image:url("media/grafik/arrow-next.png"); background-position: left center; background-size: 100% auto; right:-1.7em; left:auto; } .photoshow .slidesjs-pagination { display: block; height: 20px; line-height: 20px; margin: 0; padding: 0; text-align: center; width: 100%; margin-top:10px; } .photoshow .slidesjs-pagination li { display: inline-block; list-style: none outside none; margin-left: 4px; margin-right: 4px; } .photoshow .slidesjs-pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(media/grafik/pagination.png); background-position:0 0; float:left; overflow:hidden; margin-right:5px; margin-left:5px; } .photoshow .slidesjs-pagination li a.active { background-position:0 -12px; } .taxo_error{ color:red; margin-left:310px; } .taxo_dialog input{ height:14px; } .taxo_kv.taxo_type_text .taxo_value{ /* border:1px solid red; */ /* margin-left:180px; */ margin-bottom:1em; max-width:350px; } .x4_modal_frame a{ text-decoration:underline; } .x4_modal_frame a:hover{ /*color:#333333;*/ } .io_dialog_ihtml{ background:white; width:300px; margin-bottom:10px; padding-bottom:10px; } .io_dialog_buttons{ background:white; padding:3px; text-align:center; position:absolute; width:100%; height:25px; overflow:hidden; left:0; bottom:15px; } .io_dialog_buttons a{ display:inline-block; position:relative; width:100px; margin:0; padding:3px; margin-right:5px; margin-left:5px; border:1px solid #333333; color:#333333; border-radius: 4px; background-color:gray; /* font-family:helvetica; */ font-size:11px; letter-spacing:1px; } .taxo_dialog h1{ margin-top:7px; } #udb_login_link{ margin-right:10px; } .udb_dialog_error{ color:red; } .taxo_dialog{ width:900px; } img { border:0; } a{ text-decoration:none; outline: none !important; border:0px; } a:visited{ text-decoration:none; } .taxo_type_image a{ width:128px; height:128px; display:inline-block; border:1px solid #cccccc; border-radius:3px; margin-bottom:10px; } .taxo_type_image img{ max-width:128px; max-height:128px; } .io_dialog_ihtml p{ margin:0; padding:0; } li.taxo_type_ssl .taxo_label{ cursor:pointer; padding-bottom:3px; } .taxo_error{ color:red; } .taxo_dialog input{ /* height:14px; */ } .taxo_dialog ul{ width:700px; padding-left:10px; } .taxo_dialog li{ margin:3px; } .io_dialog_ihtml{ background:white; width:300px; margin-bottom:10px; padding-bottom:10px; position:relative; } .io_dialog_buttons{ background:white; padding:3px; text-align:center; position:absolute; width:100%; height:25px; overflow:hidden; left:0; bottom:5px; } #udb_login_link{ margin-right:10px; } .x4_croppedimage_inline{ display:block; } .x4_cropeditor_wrap { position: relative; width: 60em; /* max-width: 90vw; */ /* max-height:20em; */ margin: 2em; } .x4_cropeditor{ position: relative; width:100%; max-width: 90vw; max-height:80vh; } .x4_taxo_croppedimg_preview{ position: relative; margin-top: 0.5em; margin-bottom: 1em; clear: both; } .x4_croppedimage { position: relative; width: 100%; } .x4_croppedimage img{ position: absolute; } .x4_croppedimage_inline { position: relative; /* border:2px solid red; */ } #udb_username_span{ background: transparent none repeat scroll 0 0; color: white; display: block; height: 3em; margin: 0; padding-left: 3.5em; padding-top: 0.7em; text-align: left; } .udb_dialog_error{ color:red; } .taxo_dialog{ width:900px; } .simplemodal-wrap{ overflow-y:hidden !important; overflow-x:hidden !important; } .x4_modal_frame ul{ margin-bottom: 0; margin-top: 0; } .ace-eclipse .ace_gutter{ background:none !important; } .x4_modal_frame textarea{ min-height:6em; } input.input_checkbox,input.input_radio{ border:none !important; outline:none !important; float:left; min-width:auto; } .taxo_info{ clear: both; color: #666666; font-size: 11px; margin-bottom: 10px; margin-left: 315px; max-width: 455px; } li ul li .taxo_info{ margin-left: 5px; } .x4_modal_frame div.error{ text-align:center; font-size:14px; color:#cc0000; padding-right:40px; } .taxo_timestamp{ color:#aaa; font-size:80%; } .taxo_timestamp input{ min-width: 2em; text-align: right; width: 3.5em !important; display: inline-block; margin-right: 1em; } .taxo_combiprice{ color:#aaa; /* font-size:80%; */ } .taxo_combiprice input{ min-width: 4em; text-align: right; width: 3.5em !important; display: inline-block; margin-right: 1em; } #wrapvmid{ background:yellow; } #wrapleft{ float:left; width:185px; } #wrapright{ float:right; width:770px; } .clearer{ clear:both; font-size:1px; height:0px; } .taxo_kv{ display:block; margin-bottom:5px; min-height:20px; margin-top:5px; overflow:hidden; } .taxo_kv .taxo_label { clear: both; margin-right: 0; text-align: left; width: 100%; display: block; float: left; color: #888; font-size: 12px; margin-top: 0.5em; margin-bottom: 0.25em; } .taxo_kv .taxo_value{ color: #333; /* float: left; */ width: 100%; line-height: 1.4em; word-wrap:break-word; } .x4_vtype_check>.x4_value>.x4_kvlist, .x4_vtype_check>.x4_value>form>.x4_kvlist{ margin-left:2em; margin-top:0.5em; } .x4_ratiopic{ position: relative; display: inline-block; white-space: nowrap; vertical-align: top; } .x4_ratiopic_border2{ position: relative; white-space: nowrap; } .x4_ratiopic img{ display: block; } .x4_ratiopic_rboxwrap { /* border: 2px solid green; */ position: relative; } .taxo_innerdialog li{ /* background:yellow; */ clear:both; } .taxo_item_html{ display:block; } .taxo_item.taxo_itemtype_newsitem .taxo_label{ display:none; } .taxo_item.taxo_itemtype_newsitem .taxo_value img{ float:left; } .taxo_item.taxo_itemtype_newsitem .taxo_key_title .taxo_value{ font-size:16px; } .taxo_item.taxo_itemtype_newsitem .taxo_key_desc .taxo_value{ float:left; display:block; } .taxo_item.taxo_itemtype_newsitem .taxo_item_html{ clear:both; } ul.jqtree-tree .jqtree-toggler{ font-size:16px !important; } .cms_headline{ font-size: 17px; font-weight: bold; letter-spacing: 2px; line-height: 24px; margin: 0; } .cms_apperror{ color:red; font-weight:bold; } ul.taxo_items{ margin-bottom: 0; margin-left: 0; margin-top: 0; padding: 0; } body.dragging, body.dragging * { cursor: move !important; } .dragged { position: absolute; opacity: 0.5; z-index: 2000; } li.placeholder { position: relative; border: 1px solid rgba(0, 0, 0, 0.29); background: none repeat scroll 0 0 rgba(77, 111, 255, 0.11); /* margin-bottom:0.25em; */ /* height:2em !important; */ } li.placeholder:before { position: absolute; /* display: none; */ } .x4_modal_frame ul.taxo_items li { width: 100%; position: relative; float: unset; /* min-height: 4.5em; */ display: block; /* margin-bottom: 0.5em; */ /* margin-top: 0.5em; */ } .x4_modal_frame ul.taxo_items li .x4_ddtree-innode { width: 100%; } .x4_ddtree .im_item{ height:4em; } p{ margin:0; } img.cms_foto_S{ max-width:64px; max-height:64px; } .x4_modal_frame img.cms_foto_M{ max-width:100%; max-height:100%; } #cms_ajaxicon{ padding:17px; } #cms_msgbox{ display:none; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); bottom: 0; color: #666666; height: 100%; left: 0; margin: 0; overflow: hidden; padding: 0; position: fixed; top: 0; width: 100%; z-index: 2147483647; color: black !important; padding-top: 10em; text-align: center; } #cms_msgbox i{ color:#333333; } #io_dialog_tmp{ min-width:350px; max-width:80%; border:1px solid red; } #btn_prevfullpic, #btn_nextfullpic,.closewaitmsg{ border: 1px solid #666666; border-radius: 1em; color: #666666; height: 2em; line-height: 2.1em; position: relative; text-align: center; width: 2em; vertical-align:top; } #btn_nextfullpic{ left:auto; } /* ///OLD: */ #fullpic_ground{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 10; } #fullpic{ background: white; /* none repeat scroll 0 0 rgba(255, 255, 255, 0.99); */ border-radius: 7px 7px 7px 7px; display: none; left: 0; line-height: 100%; padding: 75px 10px 10px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000; } #fullpic .fp_navi{ /* background: none repeat scroll 0 0 #FFFF00; */ height: 2em; left: 0; line-height: 2em; position: absolute; right: 0; text-align: center; top: 0.5em !important; width: 100%; } #fullpic .fp_navi_info{ color: #AAAAAA; display: inline-block; height: 2em; min-width: 5em; } #btn_closefullpic{ color: #666666; display: block; height: 1.5em; line-height: 1.5em; position: absolute; right: 0.25em; text-align: center; top: 0.25em; width: 1.5em; } #btn_closefullpic:hover{ color:#bbbbbb; } #fullpictitle{ /* background: none repeat scroll 0 0 #FFA500; */ color: #333333; height: 2em; left: 1em; line-height: 1em; position: absolute; right: 1em; text-align: center; top: 3em; } #fullpic img.bigpic{ bottom: 0 !important; left: 0; margin: auto; max-height: 100%; max-width: 100%; right: 0; top: 0; } /* ORDERFORM */ form.cms_orderform table{ width:100%; margin-bottom:10px; } form.cms_orderform table td{ width:20%; /* border:1px solid gray; */ text-align:right; vertical-align:top; } form.cms_orderform table th.of_label_count,form.cms_orderform table th.of_label_article { text-align:left; } form.cms_orderform table th.of_label_price,form.cms_orderform table th.of_label_sum { text-align:right; } form.cms_orderform .of_title,form.cms_orderform .of_desc{ text-align:left; } form.cms_orderform .of_input_count{ width:50px; text-align:right; } form.cms_orderform td.of_count{ width:10%; } form.cms_orderform td.of_foto{ width:12%; text-align:center; } form.cms_orderform td.of_foto img.cms_foto_S{ max-width:100%; max-height:100%; } form.cms_orderform td.of_article{ width:48%; } form.cms_orderform td.of_offer{ width:15%; } form.cms_orderform td.of_midsum{ width:15%; } form.cms_orderform table td{ border:none; border-bottom:1px solid gray; height:50px; padding-top:10px; } form.cms_orderform table td.of_final{ border:none; } form.cms_orderform table { border-spacing:0; border-collapse:collapse; } form.cms_orderform .of_orderlink{ background: none repeat scroll 0 0 #eee; display: block; height: 30px; width: 200px; text-align: center; line-height: 30px; border: 1px solid; font-size: 12px; border-radius: 3px; float:right; } form.cms_orderform .of_finalsum{ font-weight:bold; } #of_preview_dialog{ width:900px; } #of_preview_dialog .of_preview_adr{ width:400px; } #of_preview_dialog .of_preview_orders{ width:500px; vertical-align:top; } #of_preview_dialog .of_preview_orders table td{ text-align:right; min-width:100px; vertical-align:top; } .gmap{ width:100%; height:100%; text-align:center; /* border:1px solid gray; */ } form.cms_orderform .of_title{ font-weight:bold; } /* TG */ .tg_rb >.tg_ets >.tg_cbx{ position:absolute; left:0; top:0; right:0; bottom:0; } .file{ background-image: url("media/grafik/file_octet.png"); background-repeat: no-repeat; background-size: auto 2em; display: block; height: 2em; line-height: 32px; margin-bottom: 1em; padding-left: 3em; } .file:hover{ opacity:0.8; } .file_zip,.file_gz,.file_rar{ background-image: url("media/grafik/file_archive.png"); } .file_txt{ background-image: url("media/grafik/file_plain.png"); } .file_js{ background-image: url("media/grafik/file_src.png"); } .file_docx,.file_doc,.file_odt{ background-image: url("media/grafik/file_word.png"); } .file_xlsx{ background-image: url("media/grafik/file_excel.png"); } .file_psd{ background-image: url("media/grafik/file_palette.png"); } .file_html{ background-image: url("media/grafik/file_html.png"); } .file_pdf{ background-image: url("media/grafik/file_pdf.png"); } .file_wav,.file_mp3,.file_midi{ background-image: url("media/grafik/file_sound.png"); } .file_svg,.file_eps{ background-image: url("media/grafik/file_svg.png"); } .file_java{ background-image: url("media/grafik/file_java.png"); } .file_tex{ background-image: url("media/grafik/file_tex.png"); } /* JQTREE */ ul.jqtree-tree { margin-left: 12px; } ul.jqtree-tree, ul.jqtree-tree ul.jqtree_common { list-style: none outside; margin-bottom: 0; padding: 0; } ul.jqtree-tree ul.jqtree_common { display: block; margin-left: 12px; margin-right: 0; } ul.jqtree-tree li.jqtree-closed > ul.jqtree_common { display: none; } ul.jqtree-tree li.jqtree_common { clear: both; list-style-type: none; } ul.jqtree-tree .jqtree-toggler { display: block; position: absolute; left: -1.5em; top: 30%; *top: 0; /* fix for ie7 */ font-size: 12px; line-height: 12px; font-family: arial; /* fix for ie9 */ border-bottom: none; cursor:pointer; color: #376DDB; } ul.jqtree-tree .jqtree-toggler:hover { color: #376DDB; } ul.jqtree-tree .jqtree-element { } ul.jqtree-tree .jqtree-title { color: #1C4257; vertical-align: middle; } ul.jqtree-tree li.jqtree-folder { margin-bottom: 4px; } ul.jqtree-tree li.jqtree-folder.jqtree-closed { margin-bottom: 1px; } ul.jqtree-tree li.jqtree-folder .jqtree-title { margin-left: 0; } ul.jqtree-tree .jqtree-toggler.jqtree-closed { background-position: 0 0; } span.jqtree-dragging { color: #fff; background: #000; opacity: 0.6; cursor: pointer; padding: 2px 8px; } ul.jqtree-tree li.jqtree-ghost { position: relative; z-index: 10; margin-right: 10px; } ul.jqtree-tree li.jqtree-ghost span { display: block; } ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { background-image: url(jqtree-circle.png); background-repeat: no-repeat; height: 8px; width: 8px; position: absolute; top: -4px; left: 2px; } ul.jqtree-tree li.jqtree-ghost span.jqtree-line { background-color: #0000ff; height: 2px; padding: 0; position: absolute; top: -1px; left: 10px; width: 100%; } ul.jqtree-tree li.jqtree-ghost.jqtree-inside { margin-left: 48px; } ul.jqtree-tree span.jqtree-border { position: absolute; display: block; left: -2px; top: 0; border: solid 2px #0000ff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0; } ul.jqtree-tree .jqtree-element { width: 100%; /* todo: why is this in here? */ *width: auto; /* ie7 fix; issue 41 */ position: relative; } ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover { /* background-color: #97BDD6; background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA)); background: -moz-linear-gradient(top, #BEE0F5, #89AFCA); background: -ms-linear-gradient(top, #BEE0F5, #89AFCA); background: -o-linear-gradient(top, #BEE0F5, #89AFCA); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);*/ } ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title { outline: dashed 1px #0000ff; } /* CODEMIRROR */ /* BASICS */ .gs_close{ font-size: 125%; position: absolute; right: 0.5em; top: 0.5em; } .x4_lang_noentry{ display: inline; color:red; font-style: italic; } .x4_lang_entry{ display: inline; /*color:;*/ /*font-style: italic;*/ /*border:1px solid;*/ background: wheat !important; color: black !important; } #edititemdialog [data-x4_kvref="email"]{ /*display: none !important;*/ } .x4_mobileshare{ height:3em; width:100%; overflow:hidden; position:relative; background:wheat; margin-top:1em; margin-bottom:1em; } .x4_mobileshare a{ /* border: 1px solid red; */ display: inline-block; height: 3em; line-height: 3.25em; text-align: center; vertical-align: top; width: 20%; } .x4_mobileshare a i{ font-size:150%; color:white; } .x4_mobileshare a.x4_mobshare_facebook{ background:#3a5795; } .x4_mobileshare a.x4_mobshare_twitter{ background:#55acee; } .x4_mobileshare a.x4_mobshare_gplus{ background:#ffa900; } .x4_mobileshare a.x4_mobshare_xing{ background:#026466; } .x4_mobileshare a.x4_mobshare_whatsapp{ background:#34af23; } .x4_mobileshare{ display: none; } .x4_mobilelinkright{ border-left: 1px solid #D1D5DA; color: #222222 !important; display: table-cell !important; font-size: 220%; height: 98%; right: 0; text-align: center; top: 1%; vertical-align: middle; width: 20%; } .x4_mobile_focus a{ background: none repeat scroll 0 0 #9C9C9C; color: #FFFFFF;} .x4_mobilenav{ background: none repeat scroll 0 0 #EEF1F5; border-color: -moz-use-text-color; border-image: none; box-shadow: -0.15em 0.15em 0.25em rgba(0, 0, 0, 0.25); color: #222222 !important; left: 5em; position: absolute; right: 0.25em; top: 3.25em; z-index: 100; display:none; } .x4_mobilelinkleft{ /* background: none repeat scroll 0 0 #008000; */ padding: 1em 20% 1em 1em; color: #222222 !important; } .x4_mobile_preferdesktop{ border-right: 1px solid #D1D5DA; } .x4_mobile_contact{ } .x4_mobile_option{ color: #222222 !important; display: inline-block; line-height: 3em; margin-bottom: 0.25em; margin-top: 0.25em; text-align: center; width: 49%; } .x4_mobileoptions{ border-bottom: 1px solid #D1D5DA; } .x4_mobilebutton{ min-height:3em; position:relative; line-height:1em; border-bottom:1px solid #d1d5da; } .x4_mobilebutton_invisible{ font-style:italic; } .x4_mobilebody{ padding: 1em 0.5em 3em; padding-bottom:0; min-height:100%; /* border:2px solid red; */ overflow:hidden !important; } .x4_mobilebar{ color: white; height: 3.5em; left: 0; position: absolute; top: 0; display:none; z-index: 4; height:3.5em; width:100%; background:#EEF1F5; position:relative; display: none; } .x4_mobilehomelink{ /* border:1px solid red; */ width:4em; display:block; background-color:yellow; background:url(media/grafik/logo_mobile.png); background-size:contain; background-position: center; background-repeat:no-repeat; position:absolute; left:0; top:0; bottom:0; /* width:80%; */ } .x4_mobiletitle{ /* border:1px solid red; */ position:absolute; left:4.5em; width:14em; overflow:hidden; padding-top:0.1em; } .x4_mobiletitle_main{ font-size:110%; /* background:yellow; */ } .x4_mobiletitle_sub{ font-size:80%; } .x4_mobilephone,.x4_mobilemenulink,.x4_mobilemail,.x4_mobilecoords{ /* border:1px solid red; */ /* background-color: #EEF1F5; */ bottom: 0; display: block; /* font-size: 220%; */ /* line-height: 122%; */ color:#222; position: absolute; right: 4em; text-align: center; top: 0; width: 3.5em; height:3.5em; line-height:4em; } .x4_mobilephone{ padding-top:0.25em; } .x4_mobilemenulink{ right:0.25em; padding-top:0.15em; } .x4_mobilemail{ right:7.75em; } .x4_mobilecoords{ right:11.55em; } .x4_mobilephone i,.x4_mobilemenulink i{ font-size:200%; } .x4_mobilemail i{ font-size:180%; } .x4_mobilecoords i{ font-size:180%; } /* Grid-Cols Display: */ .x4_gridcols{ display:-ms-grid; display:grid; grid-gap: 1em; min-height: 1em; } .x4_gridcols_col, [data-cms_type="app"].x4_hasratiochild.x4_gridcols_col{ position: relative; } .x4_cookiedialog{ font-family: helvetica; position: fixed; bottom:0; left:0; right:0; z-index: 1000; display:block; text-align: center; opacity:0; max-width:100%; } .x4_cookiedialog_inner { background: rgba(92, 89, 89, 0.95); margin-left: auto; margin-right: auto; max-width: 100%; display: inline-block; border-radius: 1em 1em 0 0; padding-left:4em; padding-right:4em; } .x4_cookiedialog_message{ line-height:1.5em; padding:1em; color:white; display: inline-block; } .x4_cookiedialog_message a{ color:lightblue; } .x4_cookiedialog_button{ background:lightblue; padding:0.25em; padding-left:1em; padding-right:1em; display: inline-block; color:#333; } @media (max-width:640px) { div.x4_mobilebar,div.x4_mobileshare{ display: block; } .x4_key,.x4_value{ display:block; width:100%; text-align: left; } .root .cms_button, .x4_modal_ground .cms_button, .cms_window .cms_button, .ctabutton { font-size: 100% !important; } } .x4_udb_superbar,.x4_udb_supernav{ position:fixed; z-index:11; right:1em; top:1em; } .x4_udb_superbar_base, .x4_udb_superbar_ext{ display:inline-block; } .x4_udb_superbar_basetoggle { border-radius: 4em; display: block; background:#333; width: 3em; height: 3em; line-height: 3em; text-align: center; color:white; } .x4_udb_superbar_basetoggle i, .x4_udb_superbar_exttoggle i{ font-size:17px; } .x4_inlineregister .x4_buttonwrap, .x4_inlineregister .cms_button.x4_registercancelbutton{ display:none !important; } .x4_inlineregister .x4_registersubmitwrap{ text-align: center; } .x4_udb_superbar_exttoggle { width: 2em; height: 2em; line-height: 2em; text-align: center; color: white; position: absolute; right: 0; top: 0; bottom: 0; font-size: 18px; display:none; } .x4_udb_superbar_username { display: inline-block; padding-right: 1em; padding-left:0.3em; margin-right: 2em; } .x4_udb_superbar_ext{ display: none; } .x4_udb_supernav { margin-top: 3.25em; background: #444; display: none; max-height: calc(100vh - 4em); overflow: auto; } .x4_udb_supernav a.cms_button { display: block; height: 3.5em; line-height: 2.5em; margin: 0 0 1px; text-align: left; min-width:14em; } body[data-x4_udbmode="2"] .x4_udb_supernav, body[data-x4_udbmode="3"] .x4_udb_supernav{ display:block; } body[data-x4_udbmode="2"] .x4_udb_superbar_ext, body[data-x4_udbmode="3"] .x4_udb_superbar_ext { display: inline-block; line-height: 3em; } body[data-x4_udbmode="2"] .x4_udb_superbar_basetoggle, body[data-x4_udbmode="3"] .x4_udb_superbar_basetoggle { border-radius: 0; background: none; width: 100%; text-align: left; padding-left: 1em; } body[data-x4_udbmode="2"] .x4_udb_superbar, body[data-x4_udbmode="3"] .x4_udb_superbar { background: #333; color: white; min-width: 14em; min-height: 3em; padding-left: 3em; } body[data-x4_udbmode="2"] .x4_udb_superbar_base, body[data-x4_udbmode="3"] .x4_udb_superbar_base{ position: absolute; left: 0; right: 0; } .x4_rootcontrol{ background:darkred !important; } @media (max-width:700px) { body[data-x4_udbmode="2"] .x4_udb_superbar_base, body[data-x4_udbmode="3"] .x4_udb_superbar_base{ right: 3em; } body[data-x4_udbmode="1"] .x4_udb_supernav, body[data-x4_udbmode="2"] .x4_udb_supernav{ display:none; } .x4_udb_superbar_exttoggle { display: inline-block; } .x4_udb_superbar,.x4_udb_supernav{ top:auto; bottom:1em; } .x4_udb_supernav { margin-top:0; margin-bottom: 3.25em; } .x4_udb_supernav a.cms_button { height: 2.5em; line-height: 1.5em; margin: 0 0 1px; text-align: left; min-width:14em; /* font-size:12px; */ } .x4_matbutton{ display:none !important; } } [data-cms_content_id="fullbg"]>.x4.x4_flashlink{ right:auto; left:0; } [data-cms_app="fullbg"]{ position: fixed; left:0; top:0; right:0; width:100%; height:100vh; bottom:0; } .x4_fullbg{ position: absolute; left:0; top:0; right:0; width:100%; height:100%; bottom:0; background-position: center; background-size: cover; } .x4_videoplayer_wrap video{ width:100%; height:100%; } [data-cms_app="videoplayer"] .x4_ratiosizer { /* display:none !important; */ } .x4_singlepic_wrap .x4_ratiosizer { display:none !important; } .x4_singlepic_figure{ margin:0; } .x4_singlepic_figure_caption { font-size: 85%; /* text-align: center; */ /* font-family: monospace; */ /* text-transform: uppercase; */ color: rgba(0,0,0,0.8); /* border: 1px solid blue; */ line-height: 1.5em; /* margin: 1em; */ margin-top:0.25em; } .x4_singlepic_figure_caption>div>.x4.cms_editlink{ top:0; } .x4_singlepic_link{ position:absolute; /* background:rgba(255,0,0,0.5); */ left:0; top:0; bottom:0; right:0; z-index: 1; } [data-x4_singlepic_linkmode="none"] .x4_singlepic_link{ display:none !important; } .mailinglist{ /*background: wheat;*/ line-height: 1em; } .mailinglist input[type="email"], .mailinglist input[type="submit"]{ border: 1px solid rgba(25,25,25,0.9); background: rgba(255,255,255,0.9); border-radius: 0; box-sizing: border-box; display: block; font-size: 100%; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0.25em; width: 100%; } .mailinglist input[type="submit"]{ text-transform: uppercase; cursor:pointer; } .mailinglist a{ /* display:block; margin-top:0.25em; padding:0.15em; padding-left:0.5em; padding-right:0.5em; background:#b6d67b; width:100%; text-align:center; color:#333; box-sizing:border-box; */ } .mailinglist a:hover{ /* background:#86bc24; */ } .mailinglist_privacynoticelabel{ font-size:12px; } .dots_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: absolute; right: -2em; top: 0; width: 2em; z-index: 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .x4_psdot{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width:2em; height:1.2em; } .x4_psdotsymbol{ width:5px; height:5px; background:rgb(155, 155, 155); border-radius: 1em; } .x4_psdot.x4_psdot_focus .x4_psdotsymbol, .x4_psdot:hover .x4_psdotsymbol{ background:rgb(201, 86, 100); } .x4_ps_caz,.x4_ps_clink{ cursor:pointer; } .x4_psdot:hover { text-decoration: none !important; } [data-x4_kvref="clicking_caz_lbgroup"]>.x4_key{ display:none; } [data-x4_kvref="clicking_caz_lbgroup"] select{ width:100%; } .thumbs_leftoverflow .thumbs_wrap:hover .thumbs_prev, .thumbs_rightoverflow .thumbs_wrap:hover .thumbs_next{ display: -webkit-box; display: -ms-flexbox; display: flex; } .thumbs_next,.thumbs_prev{ background: rgba(0,0,0,0.3); -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; left: 0; position: absolute; top: 0; z-index: 10; height: 100%; /*margin-top: -2em;*/ color: white; width: 2em; text-align: center; line-height: 4em; /*display: none;*/ overflow:hidden; /*-webkit-transition: all 150ms linear;*/ /*transition: all 150ms linear;*/ display: none; } .thumbs_next{ left:auto; right:0; } .thumbs_next i,.thumbs_prev i{ font-size: 150%; } .thumbs_next:hover,.thumbs_prev:hover{ background: rgba(255,255,255,0.7); color: black; } .photoshow_thumbs{ /*background:white;*/ z-index: 10; height: 100%; width:100%; position: relative; overflow: hidden; } .photoshow_thumbs img{ height: 100%; max-width:none; /*border: 2px solid magenta;*/ opacity: 0.5; } .photoshow_thumbs a{ /*background:rgba(255,255,255,0.5);*/ /*border: 1px solid magenta;*/ } .x4_ps_thumbrow{ width: auto; position: absolute; height: 100%; white-space: nowrap; /*left:-500px;*/ } .x4_ps_thumbrow a:hover img{ opacity: 0.9 !important; } .x4_ps_thumboverlay{ position: absolute; border: 1px solid red; left:0; right: 0; top:0; bottom:0; } .x4_photoshow_placeholder{ z-index: 1; position: relative; } .x4_lightbox_fs .prev,.x4_lightbox_fs .next{ display: block; } .x4_lightbox_fs .prev:hover,.x4_lightbox_fs .next:hover{ background: rgba(0,0,0,0.3); color:white; } .x4_lightbox_fs .x4_closelink{ top:0; right:0; width:3em; height:3em; bottom:0; z-index:2; line-height: 3em; font-weight: 900; overflow: hidden; background: rgba(0,0,0,0.3); -webkit-transition: all 150ms linear; transition: all 150ms linear; } .x4_lightbox_fs .x4_closelink.navhidden{ width:0; height:0; } .x4_lbfs_head{ background:rgba(0,0,0,0.3) none repeat scroll 0 0; position: absolute; z-index: 2; left:0; right:0; bottom:0; width:100%; min-height:3em; padding:0.5em; color:white; overflow:hidden; opacity:1; /*padding-right:4em;*/ -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .x4_lbfs_headtitle{ width:100%; /*background: red;*/ /*padding-right:1em;*/ /*padding-left:1em;*/ word-wrap:break-word; /*margin-right:1em;*/ /*margin-left:1em;*/ font-size:100%; line-height:1.2em; text-align: center; } .x4_lbfs_head.navhidden{ opacity:0; } .x4_lightbox_fs,.x4_lbfs_target{ display: block; position: fixed; left:0; top:0; bottom:0; right:0; height:100%; width:100%; z-index: 100; background:black; } .x4_lbfs_target{ position: absolute; z-index: 1; } .next,.prev,.one{ background: rgba(0,0,0,0.3); display: block; left: 0; position: absolute; top: 50%; z-index: 10; height: 4em; margin-top: -2em; color: white; width: 3em; text-align: center; line-height: 4.5em; display: none; overflow:hidden; /*-webkit-transition: all 150ms linear;*/ /*transition: all 150ms linear;*/ } .prev.navhidden,.next.navhidden{ width: 0; } .photoshow:hover .prev,.photoshow:hover .next{ display: block; } .next{ left:auto; right:0; } .next i,.prev i{ font-size: 150%; } .next:hover,.prev:hover{ background: rgba(255,255,255,0.7); color: black; } .one{ bottom:auto; left:0; height:3em; right: auto; top:0; margin-top: 0; line-height: 3em; display: none; } .hsl_first{ position:absolute; right:0; top:0; display:block; background:darkred; color:white; left:50%; bottom:0; z-index:10; } .hsl_busy{ position:absolute; /*border:2px solid black;*/ left:48%; right:48%; top:48%; width:4%; height:4%; /*background:orange;*/ z-index:2; /* background-image:url("media/grafik/ajax.png"); background-position:center; background-repeat:no-repeat; background-size:contain; */ } html,body{ height:100%; } .hsl_base{ margin:0; padding:0; position:absolute; left:0; right:0; top:0; bottom:0; /* width:100%; */ /* height:100%; */ /* border:1px solid red; */ /* width:70%; */ /* height:50%; */ /* margin-left:10em; */ overflow:hidden; /*background:white;*/ z-index:1; } .hsl_triplet { margin: 0; padding: 0; position: absolute; /* border: 1px solid blue; */ width: 500%; height: 100%; left: -200%; -webkit-backface-visibility: hidden; top: 0; } .hsl_frame{ margin:0; /*border:1px solid green;*/ padding:0; /* background:red; */ position:static; width:20.00%; height:100%; display:inline-block; /* background-image:url("pics/1.jpg"); */ background-position:center; background-repeat:no-repeat; background-size:contain; /*background-color:white;*/ -webkit-backface-visibility: hidden; z-index:1; background-color:transparent; /* float:left; */ } .hsl_fadeframe{ /*border:1px solid red; */ position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; background-position:center; background-repeat:no-repeat; background-size:contain; /*background-color:white;*/ opacity:0; display:none; -webkit-backface-visibility: hidden; /* background:red; */ } /* .x4_masonry{ border:1px solid red; width:100%; overflow: hidden; position: relative; background:orange; padding-top:10px; padding-left:10px; } */ .x4_masonry_cellwrap { /* border: 1px solid blue; */ width: 100%; display: block; /* background: blue; */ position: relative; } .x4_masonry_cell { background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0px 10px 10px 0px; } .x4_masonry_rowwrap{ width:100%; white-space: nowrap; } .x4_masonry_row{ /* border:2px solid red; */ width:100%; min-height:1em; position: relative; /* margin-bottom:1em; */ } /* GRID:*/ .x4_masonry_grid{ /* border:2px solid magenta; */ } /* WATERFALL: */ .x4_masonry_column{ position: relative; /* border:1px solid red; */ /* flex:1; */ } .x4_masonry_column img{ width:100%; /* display: block; */ } [data-x4_wideblock_wrap="true"]{ display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } .x4_wideblock{ background-size:cover !important; } .x4_wideblock, [data-x4_wideblock_wrap="true"], .x4_wideblock_cell { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .x4_wideblock, [data-x4_wideblock_wrap="true"], .x4_wideblock>.contentwrap, .x4_wideblock_cellcontent{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;/* grow shrink basis */ } .x4_wideblock_cell{ /* border:2px solid magenta; */ width: 50%; position: relative; } .x4_wideblock_cellcontent,.blogentrywrap { padding: 2em; margin: 0em 3em; } .x4_wideblock_cell.x4_wideblock_cell2 .x4_wideblock_cellcontent, .blogentrywrap { background: rgba(207,199,188,0.75); } .finalfooter .x4_wideblock_cell.x4_wideblock_cell2 .x4_wideblock_cellcontent{ background:transparent; } [data-x4_wideblock_wrap="true"][data-x4_wideblock_contentmode="none"] .x4_wideblock_cell, [data-x4_wideblock_wrap="true"][data-x4_wideblock_contentmode="onecol"] .x4_wideblock_cell.x4_wideblock_cell1{ display:none !important; } [data-x4_wideblock_wrap="true"][data-x4_wideblock_contentmode="onecol"] .x4_wideblock_cell.x4_wideblock_cell2{ width:100%; } [data-x4_wideblock_wrap="true"][data-x4_wideblock_contentmode="twocolreverse"] .contentwrap{ flex-direction: row-reverse; } [data-x4_macroname="wideblock"]{ display:none !important; } 

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

html, body {
	margin: 0;
	padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.root {
	width: 100%;
	max-width: 100%;
	margin: auto;
	z-index: 1;
	min-height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* [data-x4_hasrole_editor="true"] .root{
	margin-bottom:1em;
} */

[data-cms_app="fullbg"] .x4.cms_editlink {
	top: auto;
	bottom: 0;
}

[data-cms_content_id="fullbg"]>.x4.x4_flashlink {
	/* right: auto; */
	/* left: 3em; */
}

.x4_flashlink {
	/* display: none !important; */
}

body[data-x4_itemtaxo="user"] .header .x4.cms_editlink, body[data-x4_itemtaxo="event"] .header .x4.cms_editlink {
	display: none !important;
}

.header {
	position: relative;
	/* background:red;
	height:16em; */
}


.main {
	margin-top: 1em;
	/* background: orange; */
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 3em;
}

.maincontent {
	min-height: 28em;
}

.main>.contentwrap {
	/* display: grid; */
	/* grid-template-columns: auto 20em; */
	/* border:1px solid red; */
}

.socialwrap {
	/* border: 1px solid red; */
	position: absolute;
	right: 1em;
	bottom: 2em;
	font-size: 27px;
	display:none !important;
}

.socialwrap a{
	display: inline-block;
	margin-left:0.25em;
}
.x4_rsslink,
.taxo_item_timelineelement [data-x4_kvref="date"]{
	display:none !important;
}

.stickyfooter {
	/* background: rgba(0,0,0,0.75); */
	min-height: 5em;
	/* padding: 2em; */
	/* text-align: center; */
	/* color: <footerfgcolor>; */
	/* flex-shrink: 0; */
	/* border-top: 1px solid rgba(0,0,0,0.2); */
	/* font-size: 90%; */
	line-height: 1.4em;
	text-align: right;
}
.finalfooter {
	/* min-height: 10em; */
	background: #9f9b85;
}

.prodpage_side_body {
	margin-top: 0.25em;
}
.contentwrap {
	/* min-height: 100%; */
	/* border: 1px dashed red; */
	display: block;
	margin: auto;
	margin-top: 0;
	position: relative;
	width: 1100px;
	/* width: 1920px; */
	/* padding:12.5%; */
	max-width: 100vw;
	padding:0em 1em;
	background:white;
}

.stickyfooter .contentwrap {
	background:transparent;
}
.topmenu_wrap{
	position: relative;
	overflow: visible;
	z-index: 11;
}
.topmenu {
	/* background: blue; */
	/* min-height: 2em; */
	/* padding: 2em; */
	/* padding-right: 0; */
	margin-left: -0.9em;
	margin-top: 1em;
}
.topmenu .x4_navlist {
	/* text-align: right; */
}

.topmenu .x4_navlink {
	display: inline-block;
	/* height: 2em; */
	/* color: rgba(180,180,180,1); */
	color:#333;
	text-transform: uppercase;
	/* font-weight: bold; */
	padding-right: 1em;
	/* background: yellow; */
	/* letter-spacing: 1px; */
	margin-right: 0em;
	line-height: 1.25em;
	padding: 0.4em 1em;
	font-size: 100%;
	/* font-size: 22px; */
}
.toplogo_wrap,.topmenu_wrap {
	/* border: 1px solid green; */
}
[data-x4_fixedgridcell_type="itemtype-product"] .x4_gridcols_col.x4_gridcols_col_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
}
.toplogo {
	/* border: 1px solid red; */
	display: inline-block;
	width: 34.5em;
	height: 4em;
	background: url(media/grafik/head_hansche01.png);
	background-size: contain;
	background-repeat: no-repeat;
	/* position: absolute; */
	/* left: 0.5em; */
	/* top: 0.5em; */
	/* bottom: 0.25em; */
	z-index: 3;
	/* width: 6em; */
	background-position: left center;
	margin: 1em 0em;
	display:none; 
}

[data-cms_page_key="index.html"] .toplogo{
	/* display:inline-block !important; */
}



.x4_navdeli {
	display: inline-block;
	width: 1em;
	text-align: center;
	font-weight: bold;
	color: rgba(180,180,180,1);
}

.x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem>.x4_navlist .x4_navdeli {
	display: none !important;
}

.x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem>.x4_navlist {
	background: #fff;
	min-width: 15em;
	padding: 0.25em;
	position: absolute;
}

.x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem>.x4_navlist .x4_navlink {
	display: block;
	font-size: 90%;
	padding-bottom: 0.15em;
	padding-left: 0;
	padding-top: 0.15em;
	text-align: left;
	/* border-left: 2px solid #b86e5c; */
	margin-left: 1em;
	margin-bottom: 0.5em;
	margin-right: 1em;
	margin-top: 0.5em;
	line-height: 1.25em;
}

.cms_button.cibutton {
	font-size: 16px;
	border-radius: 0;
	margin: 0;
}
.x4_quickform_submitwrap input {
	font-size: 16px;
	border-radius: 0;
	margin: 0;
	background: none repeat scroll 0 0 #871c2d;
	border-radius: 2px;
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	margin: 0.4em 1em;
	min-width: 10em;
	padding: 0.5em 1em;
	line-height: 1.4em;
	text-align: center;
	text-decoration: none !important;
	position: relative;
	border: 0;
	border-radius: 0;
	padding: 0.75em 3em;
}


/* body[data-x4_itemtaxo="product"] .prodpage_side_requestwrap{
	display: none !important;
} */

[data-x4_itemtaxo="project"] .prodpage_side_requestwrap {
	display: none !important;
}

.RequestInfoDialog .x4_modal_mid{
	padding-bottom:1em;
}

.x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem>.x4_navlist .x4_nav_last .x4_navlink {
	border-bottom: none;
}


.cms_button {
	background: none repeat scroll 0 0 #871c2d;
}

.x4_modal_top {
	background: #871c2d;
}
.cms_button:hover{
	background: #871c2d;
} 


h1, h2, h3, h4, h5 {
	/* font-size: 125%; */
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}

h2, h3, h4 {
	/* font-size: 100%; */
}

h3 {
	/* border-bottom:1px solid rgba(0,0,0,0.5); */
}

.x4_fullbg {
	opacity: 1;
}

.x4_navlink:hover, .x4_nav_focus>.x4_navlink, .x4_nav_inpath>.x4_navlink, .x4_navlink.anchorfocus {
	/* color: tomato; */
	/* text-decoration:underline; */
}



.sharebuttons a {
	background: #ad9961;
	border: 2px solid rgba(0,64,128,1);
}

.sharebuttons a:hover i {
	color: rgba(0,64,128,1);
}

.sharebuttons {
	/*text-align: center;*/
	margin-top: 1em;
}

.sharebuttons a, .rssbutton, .x4_blogabodialogbutton {
	background: rgba(0,64,128,1) none repeat scroll 0 0;
	border: 2px solid rgba(0,64,128,1);
	border-radius: 3em;
	display: inline-block;
	height: 2em;
	line-height: 1.8em;
	margin-left: 0.25em;
	margin-right: 0.25em;
	text-align: center;
	-webkit-transition: all 150ms linear 0s;
	-o-transition: all 150ms linear 0s;
	transition: all 150ms linear 0s;
	width: 2em;
}

.sharebuttons a:hover, .rssbutton:hover, .x4_blogabodialogbutton:hover {
	background: white;
}

.sharebuttons a i, .rssbutton i, .x4_blogabodialogbutton i {
	font-size: 100%;
	color: white;
}

.sharebuttons a:hover i, .rssbutton:hover i, .x4_blogabodialogbutton:hover i {
	color: _linkcolor_;
}

.x4_mobilebar {
	color: white;
	height: 3.5em;
	left: 0;
	position: absolute;
	top: 0;
	display: none;
	z-index: 4;
}

.x4_loginbg.x4_loginbg_inpage {
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
}

.x4_loginbg.x4_loginbg_inpage .x4_loginoverlay {
	background: rgba(255, 255, 255, 0.9);
}

.x4_loginbg.x4_loginbg_inpage .x4_loginsubmitwrap {
	text-align: center;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.prodpiccell .x4_ratiosizer{
	display: none !important;
}
.prodpiccell img{
	width:100%;
}
.prodpiccell_bgpic {
	/* background-color: #B4B4B4; */
	display: block;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.prodpiccell_overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background: rgba(0,0,0,0.7);
	color: white;
	text-align: center;
	padding: 1em;
}

.prodpiccell:hover .prodpiccell_overlay{
	opacity: 1;
}

.prodpiccell_link{
	z-index: 3;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
}

.prodpiccell{
	margin:auto;
}

.prodpage_wrap .closelink {
	position: absolute;
	right: 2em;
	top: 1em;
	font-size: 25px;
	display: block;
	z-index: 111;
}

.prodpiccell_title_bottom {
	text-align: center;
	padding-top: 0.25em;
}

.prodpage_wrap {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	position: fixed;
	/* border:2px dotted magenta; */
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 15;
	/* background-color: #efeeec; */
	background-color: #000;
}
.prodpage_pics {
	/* border: 1px solid red; */
	position: relative;
	margin: 1em;
	/* max-height: 48em; */
	display: -ms-grid;
	display: grid;
	grid-template-rows: calc(100vh - 9em) 8em;
}

/* .prodpage_pics */
.prodpage_picpswrap {
	position: relative;
}

.prodpage_picsub {
	text-align: center;
	color: white;
	margin: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.prodpage_side_nav .fas {
	font-size: 23px;
	/* background: yellow; */
	padding: 0.15em;
	color: #aaaaaa;
}

.prodpage_side_title {
	font-size: 14px;
	/* margin-bottom: 1.25em; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/* color:black; */
}

.prodpage_thumbs_wrap {
	margin-top: 2em;
}


@media (min-width:800px) {

	body[data-x4_itemtaxo="product"] [data-cms_app="photoshow"],
	body[data-x4_itemtaxo="product"] [data-cms_app="photoshow"]>div.x4_floating_none,
	body[data-x4_itemtaxo="product"] [data-cms_app="photoshow"]>div.x4_floating_none>div,
	body[data-x4_itemtaxo="project"] [data-cms_app="photoshow"],
	body[data-x4_itemtaxo="project"] [data-cms_app="photoshow"]>div.x4_floating_none,
	body[data-x4_itemtaxo="project"] [data-cms_app="photoshow"]>div.x4_floating_none>div{
		position: absolute !important;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index: 4;
		width: 100% !important;
		height:100% !important;
		padding:0 !important;
	}

}

body[data-x4_itemtaxo="product"] [data-cms_app="photoshow"],
body[data-x4_itemtaxo="project"] [data-cms_app="photoshow"]{
	/* background-color: #efeeec; */

}

.prodpage_thumbs .x4_ps_thumbrow {
	/* width: 100%; */
	position: relative;
	/* height: auto; */
	/* white-space: nowrap; */
	/* left: -500px; */
	/* border: 2px solid green; */
	left: unset !important;
	white-space: unset;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1em 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1em;
}
.prodpage_thumbs .x4_ps_thumbrow a {
	display: inline-block;
	width: 100%;
	/* height: 3em; */
	/* border: 1px solid; */
	position: relative;
}
.prodpage_side {
	height: 100vh;
	overflow: auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: calc(100% - 5em) auto;
	grid-template-columns: calc(100% - 5em) auto;
	/* margin: 2em; */
	padding: 2em 1em 1em 0em;
}

.prodpage_thumbs .x4_ps_thumbrow img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
	opacity: 1 !important;
}

.x4_navroot_mainroot>*{
	text-align: center;
}


.prodpage_side_requestwrap .cms_button {
	background: transparent;
	font-size:14px;
}

.prodpage_side_body {
	margin-top: 0.25em;
	font-size: 20px;
}
.prodpage_side_copyright {
	font-size: 14px;
	/* margin-bottom: 1em; */
	/* margin-right: 1em; */
	margin-left: 1em;
	/* color:black; */
}
.prodpage_side_requestfootwrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width:1460px) {

}

@media (max-width:1100px) {

}

@media (max-width:700px) {
	.prodpage_side_title,.prodpage_side_copyright {
		color:black;
	}
	.prodpage_wrap .closelink {
		right: 1em;
		position:fixed;
	}
	.prodpage_wrap {
		background-color: #fff;
	}
	.prodpage_side_body_{
		color:black;
	}

	.prodpage_picpswrap {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.prodpage_pics {
		/* border: 1px solid red; */
		position: relative;
		margin: 1em;
		/* max-height: 48em; */
		display: -ms-grid;
		display: grid;
		grid-template-rows: calc(100vh - 15em) 15em;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		padding: 1em;
		background:white;
		display:block;
	}
.prodpage_picsub{
	display:block;
}
	.prodpage_side_requestwrap .cms_button {
		color:black !important;
	}
	
	.x4_mobilehomelink {
		/* border: 1px solid red; */
		width: 13em;
		display: block;
		background-color: yellow;
		background: url(media/grafik/logo_mobile.png);
		background-size: contain;
		background-position: left center;
		background-repeat: no-repeat;
		position: absolute;
		left: 0.25em;
		top: 0.25em;
		bottom: 0.25em;
		/* width: 80%; */
	}

	.mailinglist {
		/* background: wheat; */
		line-height: 1em;
		max-width: 16em;
		margin: auto;
	}

	body[data-x4_itemtaxo="product"] .x4_mobilebar,
	body[data-x4_itemtaxo="project"] .x4_mobilebar{
		display: none !important;
	}
	.prodpage_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		/* top: 3em; */
		/* padding: 1em; */
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		position: relative;
	}
	.prodpage_side_nav {
		text-align:right ;
	}
	.prodpage_pics {

		margin: 0;
	}
	.prodpage_side_title {
		margin-top: 1em;
	}
	.prodpage_side {
		height: auto;
		overflow: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;

		/* grid-template-columns: 100%; */
		/* margin: 2em; */
		padding: 1em 1em 1em 0em;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.prodpage_thumbs .x4_ps_thumbrow {
		-ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
		grid-template-columns: repeat(5,1fr);
	}
	.x4_mobilephone{
		display:none !important;
	}
	.stickyfooter *{
		text-align: center !important;
	}
	.root{
		padding-top:3em;
	}
	.main > .contentwrap {
		padding:1em;
	}
	.x4_mobilebar {
		background: rgba(255, 255, 255, 0.75);
		display: block;
		font-size: 16px;
	}
	.x4_mobilenav {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
		border-color: -moz-use-text-color;
		-o-border-image: none;
		   border-image: none;
		-webkit-box-shadow: -0.15em 0.15em 0.25em rgba(0, 0, 0, 0.25);
		        box-shadow: -0.15em 0.15em 0.25em rgba(0, 0, 0, 0.25);
		color: #222222 !important;
		left: 5em;
		position: absolute;
		right: 0;
		top: 3.5em;
		z-index: 100;
		display: none;
		font-size: 16px;
	}
	
	.fullwblock.navblock, .x4_mobileshare {
		display: none !important;
	}
	
}