/**
 * @project     X4
 * @version     7.4
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        x4.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_mobilebar{ display: none; } .x4_modal_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{ /*display: none;*/ position: relative; border:2px dashed rgba(255,0,0,0.25); } .x4_futureitem: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%; } .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; } .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; } .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%; } .udb_logindialog_requestreset{ display: none !important; } .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; } body.x4_ismobile{ /* font-size:250%; */ overflow-x:hidden; } .x4_mobilebody{ padding: 1em 0.5em 3em; padding-bottom:0; min-height:100%; /* border:2px solid red; */ overflow:hidden !important; } .x4_mobilebar{ height:3.5em; width:100%; /* overflow:hidden; */ background:#EEF1F5; position:relative; } .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%; } .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; position:relative; } .x4_column{ float:left; position:relative; } .x4,.x4 *{ font-family:helvetica ; line-height:1.2em; /* font-size:90%; */ font-size:14px ; } .x4_font{ font-family:helvetica ; } body.x4_ismobile .x4,body.x4_ismobile .x4 *{ line-height:1.2em; /* font-size:90%; */ font-size:14px !important ; } .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; } #udb_loginhead .cms_button{ display: block; height: 3.5em; line-height: 2.5em; margin: 0 0 1px; text-align: left; } #udb_loginhead .rootpanel .cms_button{ font-size: 80%; line-height: 1em; margin-left: 3em; background: rgb(200,0,0); margin-right: 2em; margin-bottom: 0; margin-top: 0.2em; } #udb_loginhead .cms_toggle_edit{ bottom: 0; color: white; display: block; font-size: 1em; height: 3em; left: 0; line-height: 2.7em; padding-left: 1em; position: absolute; text-align: left; top: 0; width: 100%; } body.x4_loginheadmini .cms_editlink, body.x4_loginheadmini .x4_ratiosizer{ display: none !important; } body[x4-iniframe="true"] .cms_editlink, body[x4-iniframe="true"] .x4_ratiosizer, body[x4-iniframe="true"] #udb_loginhead.udb_logged_in, body[x4-iniframe="true"] .additem.cms_button{ display: none !important; } body[x4-iniframe="true"][data-frl_dev="real"] .cms_editlink, body[x4-iniframe="true"][data-frl_dev="real"] .x4_ratiosizer, body[x4-iniframe="true"][data-frl_dev="real"] #udb_loginhead.udb_logged_in{ display: block !important; } body[x4-iniframe="true"][data-frl_dev="real"] .additem.cms_button{ display: inline-block !important; } /*#udb_loginhead.udb_logged_in.udb_role_editor, */ /*body[data-frl_dev] #udb_loginhead.udb_logged_in{ display: none !important; }*/ .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.8em; right:0; overflow-y:auto; overflow-x:hidden; } body.x4_ismobile .cms_mid{ height:100%; /* overflow:hidden !important; */ /* overflow-y:touch; */ /* -moz-box-sizing: border-box; */ /* border: 10px solid green; */ overflow:auto !important; position:relative; } .cms_tail{ /*background:#f0f0f0;*/ position:absolute; border-top:1px solid #eee; left:0; bottom:0px; right:0; min-height:3.5em; text-align:center; } body.x4_ismobile .cms_tail{ /* -moz-box-sizing: border-box; */ /* border: 5px solid orange; */ } body.x4_ismobile .cms_tail .cms_button{ font-size:14px !important; } .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; } body[data-cms_page_key="_template.html"] .cms_bg,body[data-cms_page_key="_template.html"] #udb_loginhead{ background:rgb(220,220,250) !important; } .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; } .loginokbutton,.logincancelbutton{ border:none; /* border: medium none !important; bottom: -0.2em !important; height: 2.5em !important; min-width: 10em !important; width: 10em !important; position:absolute;*/ } .loginokbutton{ /*left:7em;*/ } .logincancelbutton{ /*right:7em;*/ } .x4_taxoinnerdialog{ padding-bottom: 3em; width:60em; max-width:100%; /*min-width: 60em;*/ /*margin-left: 10em;*/ /*margin-right: 10em;*/ box-sizing: border-box; } body.x4_ismobile .x4_taxoinnerdialog{ min-width:0 !important; } .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;*/ } .x4_kv.x4_kv_hidden,.taxo_kv.x4_kv_hidden{ display: none; } .x4_kvlist { margin-top: 0.4em; } body.x4_ismobile .x4_kv{ height: auto !important; position: relative !important; margin:1em; /* width:50% !important; */ /* background:blue; */ } body.x4_ismobile .x4_key{ /* background: none repeat scroll 0 0 #008000; */ display: block !important; text-align: left; width: 50%; /* background:yellow; */ height: auto; line-height: 1.5em !important; } body.x4_ismobile .x4_value{ /* background: none repeat scroll 0 0 #008000; */ display: block !important; text-align: left; width: 100%; height: auto; line-height: 1.5em !important; } .x4_key{ color: #AAAAAA; display: inline-block; line-height: 2em; padding-right: 1%; position: relative; text-align: right; vertical-align: middle; width: 30%; } .x4_value{ /* background:rgba(0,0,255,0.2); */ display:inline-block; width:65%; vertical-align:top; text-align:left; margin-bottom:0.5em; } .x4_kvinfo{ clear: both; color: darkcyan; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 40em; line-height: 1.3em; font-size: 85%; } .x4_vhtml{ border: 1px solid #DDDDDD; margin-bottom: 1em; max-height: 17em; min-height: 3em; 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 textarea{ width:80%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.x4_ismobile .x4_value select,body.x4_ismobile .x4_value input[type="text"],body.x4_ismobile .x4_value input[type="password"],body.x4_ismobile .x4_value textarea{ width:auto !important; max-width:80% !important; } .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_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:80%; } #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; } .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); } .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; } .tg_ets,.x4_ratiodummy { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cms_requestform_error *{ color:red; } #udb_loginhead.udb_logged_in.udb_role_editor,body.loginbody #udb_loginhead{ display:block !important; } #udb_loginhead{ background: #444 none repeat scroll 0 0; min-width: 14em; padding-left: 0; padding-right: 0; position: fixed; right: 0; top: 0; z-index: 11; /*background-image: url(http://ntzwrk.de/x4.png); background-position: -2em -2em; background-repeat: no-repeat; background-size: 2em auto;*/ } #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; } #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; } ul.taxo_items.sortable{ margin-bottom: 0; margin-left: 0; margin-top: 0; padding: 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: 5%; text-align: right; width: 25%; display: inline-block; float: left; color: #888; } .taxo_kv .taxo_value{ color: #333; float: left; width: 60%; line-height: 1.4em; word-wrap:break-word; } .x4_vtype_check>.x4_value>.x4_kvlist{ margin-left:2em; margin-top:0.5em; } .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; } .x4_modal_frame ul.x4_taxo_anonitem_list li.sortable-placeholder.im_item{ height:20em !important; } .x4_modal_frame ul.taxo_items li.sortable-placeholder{ height:45px; } .x4_modal_frame ul.taxo_items li,.x4_modal_frame ul.taxo_items li.sortable-placeholder{ display: block; margin-top: 3px; text-align: left; width: 80%; height: 4.5em; } ul.taxo_items li.sortable-placeholder{ border: 1px solid rgba(0, 0, 0, 0.29); background: none repeat scroll 0 0 rgba(77, 111, 255, 0.11); } 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; } body.udb_logged_out #udb_loginhead{ display:none !important; } #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; } .x4_modal_frame .cms_droptarget{ opacity:0.75; background:lightblue; } .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 */ .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; } /*smartphone:*/ @media only screen and (max-width:640px) { .x4_mobileshare{ display: block; } } .x4_mobilebody{ background:white; } .x4_mobilehomelink{ width:10em; } .x4_mobilebar{ /* background:#66cc33; */ } .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_blogabo_dialog .x4_key.x4_vtype_section { font-size: 130%; margin-left: 0; margin-top: 0.5em; text-align: center; width: 90%; margin-left: 5%; border:none; } #x4_blogabo_dialog .input_email { width: 22em; height: 2.5em; } .newsitem { padding-bottom:2em; margin-bottom:2em; border-bottom:1px solid rgba(0,0,0,0.25); } .x4_newsitem_picpart, .x4_newsitem_contentpart{ width:35%; display: inline-block; position: relative; vertical-align: top; } .x4_newsitem_picpart{ margin-right:5%; } .x4_newsitem_contentpart{ width:60%; } .newsitem_piclink{ display: block; max-width: 100%; } .newsitem_pic{ max-width: 100%; max-height: 100%; } .newsitemdate{ color:rgba(0,0,0,0.5); } .newsitemtitle{ font-size: 150%; } .newsitembody{ margin-top:1em; margin-bottom:1em; } .newsitem.itempage .x4_newsitem_contentpart{ display: block; width:100%; margin:0; position: relative; } .newsitem.itempage .x4_newsitem_picpart{ /*border:1px solid red;*/ float:right; margin-left: 1em; margin-bottom: 1em; width:40%; } .newsitem.itempage .newsitem_pic{ /*max-height:20em;*/ /*margin-bottom:1em;*/ } 
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} 
.x4_jalousie{ width:10em; height:10em; position: relative; z-index: 0; display: block; overflow: hidden; } .x4_jal_overlay,.x4_jal_ground{ position: absolute; top:0%; left: 0%; width: 100%; height: 100%; right:0; bottom:0; transition:all 600ms; } .x4_jal_overlay{ padding: 1em; opacity:0; transition:all 500ms; z-index: 2; font-size: 90%; } .x4_jalousie.simhover .x4_jal_overlay{ opacity:0.9; } .x4_jal_msg.x4_jal_nomsg{ display: none; } .x4_jalousie.x4_jalousie_effect_shift .x4_jal_ground{ z-index: 3; } .x4_jalousie.x4_jalousie_effect_shift .x4_jal_overlay{ opacity: 1; } .x4_jalousie.x4_jalousie_effect_shift.simhover .x4_jal_ground{ top:100%; } .x4_jalousie.x4_jalousie_effect_shift.simhover .x4_jal_overlay{ opacity: 1; } .x4_jalousie.x4_jalousie_effect_shiftinv .x4_jal_ground{ z-index: 3; } .x4_jalousie.x4_jalousie_effect_shiftinv .x4_jal_overlay{ opacity: 1; } .x4_jalousie.x4_jalousie_effect_shiftinv.simhover .x4_jal_ground{ top:-100%; } .x4_jalousie.x4_jalousie_effect_shiftinv.simhover .x4_jal_overlay{ opacity: 1; } .x4_jal_link{ position: absolute; left: 0; top:0; bottom: 0; right: 0; display: block; width: 100%; height: 100%; z-index: 2; } .x4_jal_ground{ padding:1em; z-index: 1; display: flex; align-items: end; justify-content: center; background-repeat: no-repeat; } .x4_jal_msg{ transition:all 600ms; opacity: 1; font-size:150%; font-weight: bold; color: rgba(255, 255, 255, 0.9); font-size: 125%; font-weight: bold; opacity: 1; transition: all 600ms ease 0s; position: absolute; left: 0; bottom: 0; padding: 0.5em; right: 0; min-height: 3.5em; } .x4_jal_link{ text-decoration: none !important; } .x4_jalousie.simhover .x4_jal_msg{ opacity: 0; } .x4_jal_desctitle{ font-weight: bold; margin-bottom:1em; } .x4_jal_desclinkwrap{ display: none; } .x4_jal_desclinkwrap a{ border:1px solid rgba(0,0,0,0.1); padding:0.5em; margin-top:0.5em; display: inline-block; z-index: 1111; background: rgba(255,255,255,0.9); } .x4_jal_desclinkwrap a:hover{ background:rgba(0,0,0,0.1); } .x4_jalmsgbg{ position: absolute; left:0; top:0; bottom:0; right:0; background: transparent; z-index: -1; opacity: 0.75; } @media only screen and (max-width:1100px) { .x4_jal_desclinkwrap{ display: block; } .x4_jal_link{ display: none; } } 
.mailinglist{ /*background: wheat;*/ } .mailinglist input{ 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; } 
.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.2%; height:100%; left:-200.1%; -webkit-backface-visibility: hidden; top:0; } .hsl_frame{ margin:0; /*border:1px solid green;*/ padding:0; /* background:red; */ position:static; width:20%; 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_photowall{ min-height:1em; position: relative; } .x4_photowall_cellwrap{ position: relative; display: inline-block; vertical-align: top; } .x4_photowall_cell{ display: block; width:100%; height:0; position:relative; margin-bottom:0; background-repeat: no-repeat; background-position: center; } .x4_photowall_overlay{ -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; color:white; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 10; text-align: center; line-height:1.4em; display: none; overflow: hidden; } .x4_photowall_overlay p{ background:rgba(0,0,0,0.4); padding:1em; word-wrap: break-word; word-break: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .x4_photowall_cellwrap:hover .x4_photowall_overlay{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width:640px) { .x4_photowall_cellwrap{ width:49% !important; margin-right:2% !important; padding-bottom:2% !important; } .x4_photowall_cellwrap:nth-of-type(2n){ margin-right: 0 !important; } }