/*File: https://www.wp-cms2.de/js/plugins/venoBox/venobox.css*/ /*Grabber: https://www.wp-cms2.de/js/plugins/venoBox/venobox.css*/ /********************************************************/ /* ------ venobox.css --------*/ .vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{ -webkit-backface-visibility: hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body{ -webkit-overflow-scrolling:touch; } /* ------- overlay: change here background color and opacity ----- */ .vbox-overlay{ background: #181818; background: rgba(0,0,0,0.85); width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 999; overflow: hidden; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .relativo{ float: left; width: 100%; height: 100%; display: block; position: relative; } /* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */ /* circle preloader */ .vbox-preloader{ position:fixed; width:32px; height:32px; left:50%; top:50%; margin-left:-16px; margin-top:-16px; background-image: url(https://www.wp-cms2.de/js/plugins/venoBox/preload-circle.png); text-indent: -100px; overflow: hidden; -webkit-animation: playload 1.4s steps(18) infinite; -moz-animation: playload 1.4s steps(18) infinite; -ms-animation: playload 1.4s steps(18) infinite; -o-animation: playload 1.4s steps(18) infinite; animation: playload 1.4s steps(18) infinite; } @-webkit-keyframes playload { from { background-position: 0px; } to { background-position: -576px; } } @-moz-keyframes playload { from { background-position: 0px; } to { background-position: -576px; } } @-ms-keyframes playload { from { background-position: 0px; } to { background-position: -576px; } } @-o-keyframes playload { from { background-position: 0px; } to { background-position: -576px; } } @keyframes playload { from { background-position: 0px; } to { background-position: -576px; } } /* IOS preloader */ /* .vbox-preloader{ position:fixed; width:32px; height:32px; left:50%; top:50%; margin-left:-16px; margin-top:-16px; background-image: url(https://www.wp-cms2.de/js/plugins/venoBox/preload-ios.png); text-indent: -100px; overflow: hidden; -webkit-animation: playload 1.4s steps(12) infinite; -moz-animation: playload 1.4s steps(12) infinite; -ms-animation: playload 1.4s steps(12) infinite; -o-animation: playload 1.4s steps(12) infinite; animation: playload 1.4s steps(12) infinite; } @-webkit-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @-moz-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @-ms-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @-o-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } */ /* dots preloader */ /* .vbox-preloader{ position:fixed; width:32px; height:11px; left:50%; top:50%; margin-left:-16px; margin-top:-16px; background-image: url(https://www.wp-cms2.de/js/plugins/venoBox/preload-dots.png); text-indent: -100px; overflow: hidden; -webkit-animation: playload 1.4s steps(24) infinite; -moz-animation: playload 1.4s steps(24) infinite; -ms-animation: playload 1.4s steps(24) infinite; -o-animation: playload 1.4s steps(24) infinite; animation: playload 1.4s steps(24) infinite; } @-webkit-keyframes playload { from { background-position: 0px; } to { background-position: -768px; } } @-moz-keyframes playload { from { background-position: 0px; } to { background-position: -768px; } } @-ms-keyframes playload { from { background-position: 0px; } to { background-position: -768px; } } @-o-keyframes playload { from { background-position: 0px; } to { background-position: -768px; } } @keyframes playload { from { background-position: 0px; } to { background-position: -768px; } } */ /* quads preloader */ /* .vbox-preloader{ position:fixed; width:32px; height:10px; left:50%; top:50%; margin-left:-16px; margin-top:-16px; background-image: url(https://www.wp-cms2.de/js/plugins/venoBox/preload-quads.png); text-indent: -100px; overflow: hidden; -webkit-animation: playload 1.4s steps(12) infinite; -moz-animation: playload 1.4s steps(12) infinite; -ms-animation: playload 1.4s steps(12) infinite; -o-animation: playload 1.4s steps(12) infinite; animation: playload 1.4s steps(12) infinite; } @-webkit-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @-moz-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @-ms-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @-o-keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } @keyframes playload { from { background-position: 0px; } to { background-position: -384px; } } */ /* ----- navigation ----- */ .vbox-close{ cursor: pointer; position: fixed; top: -1px; right: 0; width: 46px; height: 40px; padding: 10px 20px 10px 0; display: block; background: url(https://www.wp-cms2.de/js/plugins/venoBox/close.gif) no-repeat #161617; background-position:10px center; color: #fff; text-indent: -100px; overflow: hidden; } .vbox-next, .vbox-prev{ cursor: pointer; position: fixed; top: 50%; color: #fff; width: 30px; height: 30px; margin-top: -15px; text-indent: -100px; overflow: hidden; } .vbox-prev{ left: 10px; background: url(https://www.wp-cms2.de/js/plugins/venoBox/prev.gif) center center no-repeat; } .vbox-next{ right: 10px; background: url(https://www.wp-cms2.de/js/plugins/venoBox/next.gif) center center no-repeat; } .vbox-title{ width: 100%; height: 40px; float: left; text-align: center; line-height: 28px; font-size: 12px; color: #fff; padding: 6px 40px; overflow: hidden; background: #161617; position: fixed; display: none; top: -1px; left: 0; } .vbox-num{ cursor: pointer; position: fixed; top: -1px; left: 0; height: 40px; display: block; color: #fff; overflow: hidden; line-height: 28px; font-size: 12px; padding: 6px 10px; background: #161617; display: none; } /* ------- inline window ------ */ .vbox-inline{ width: 420px; height: 315px; padding: 10px; background: #fff; text-align: left; margin: 0 auto; overflow: auto; } /* ------- Video & iFrames window ------ */ .venoframe{ border: none; width: 1200px; max-width: 100%; height: 800px; max-height: 82vh; } @media (max-width: 992px) { .venoframe{ width: 786px; height: 480px; } } @media (max-width: 767px) { .venoframe{ width: 610px; height: 315px; } } @media (max-width: 460px) { .vbox-inline{ width: 100%; } .venoframe{ width: 100%; height: 260px; } } /* ------- PLease do NOT edit this! (or do it at your own risk) ------ */ .vbox-container{ position: relative; background: #000; width: 98%; max-width: 1024px; margin: 0 auto; } .vbox-content{ text-align: center; float: left; width: 100%; position: relative; overflow: hidden; } .vbox-container img{ max-width: 100%; height: auto; } .vwrap{ opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; width: 100%; height: auto; float: left; position: relative; margin: 0; padding: 0; left: 0; overflow: hidden; z-index: 1; } /* ---------- Einmalige Überarbeitung der VenoBox ----------- */ .vbox-container{max-width:1200px; width:75%;} .vbox-inline{ width:100%; height:auto; min-height:450px; max-height:600px; /*height:50%; */ padding:1.2em 2em !important; -webkit-border-radius:4px; border-radius:4px; } @media (max-width: 1024px) { .vbox-container{width:85%;} } @media (max-width: 768px) { .vbox-container{width:90%;} .vbox-inline{min-height:150px; max-height:450px;} } @media (max-width: 360px) { .vbox-inline{ max-height:400px; min-height:200px; padding:1.1em 1.2em !important; } } /*File: https://www.wp-cms2.de/js/plugins/jqtransform/jqtransform.css*/ /*Grabber: https://www.wp-cms2.de/js/plugins/jqtransform/jqtransform.css*/ /********************************************************/ /* form.jqtransformdone label{ margin-top:4px; margin-right: 8px; display: block; float:left; } form.jqtransformdone div.rowElem{ clear:both; padding:4px 0px; } */ /* ------------- * Inputs & Textarea * ------------- */ .jqTransformTextareaWrapper, .jqTransformInputWrapper { background-color:#FFF; /*border:1px solid #a8a8a8;*/ border-radius:5px; padding: 0px; display:inline-block; min-height: 30px } .jqTransformTextareaInner { margin:10px 0; } .jqTransformTextareaInner .jqTransformElement, .jqTransformInputInner .jqTransformElement { min-height: 30px; /*margin:0px 0px 0px 10px;*/ margin:0px 10px 0;/*0 10*/ } .jqTransformInputWrapper input, .jqTransformTextareaWrapper textarea { font-size:14px; line-height: 18px; vertical-align: middle; min-height: 30px; color:#404040; border: none; /*margin: 1px 0 0;*/ background:transparent; } .jqTransformTextareaWrapper textarea { resize:vertical; width:100% !important; } .jqTransformInputInner input.noInput, .jqTransformTextareaInner textarea.noInput { color:#adadad; } /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper { display:inline-block; /*margin: 0px 4px 0;*/ margin-right:4px; } .jqTransformRadio { background: transparent url(https://www.wp-cms2.de/js/plugins/jqtransform/img/radio.png) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:inline-block; } /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{ display:inline-block; /*margin: 0px 4px 0;*/ margin-right:0; /*4px*/ } a.jqTransformCheckbox { background: transparent url(https://www.wp-cms2.de/js/plugins/jqtransform/img/checkbox.png) no-repeat center top; vertical-align: middle; height: 19px; width: 16px; display:inline-block; margin-bottom:1px;/*4*/ margin-top:2px; /*margin-left: -2px;*/ } /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ a.jqTransformChecked { background-position: center bottom; } /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { width: 45px; position:relative; height: 30px; display:inline-block; /*border:1px solid #a8a8a8; border-radius:5px;*/ background-color:#FFF; } .jqTransformSelectWrapper .jqTransformElement { /*overflow:hidden;*/ border-radius:2px; } .jqTransformSelectWrapper .jqTransformSelectedLabel { font-size: 14px; display:inline-block; height: 30px; line-height: 30px; overflow: hidden; cursor:pointer; text-align:left; width:100% !important; } .jqTransformSelectWrapper .jqTransformSelectedLabel span { padding-left:10px; display:block; overflow:hidden; width:100%; } .jqTransformSelectWrapper.selected .jqTransformSelectedLabel span { /*color: #333333*/ } .jqTransformSelectWrapper.noInput .jqTransformSelectedLabel span, .jqTransformSelectWrapper.noInput ul .optionLabel a, .jqTransformSelectWrapper.noInput ul .optionLabel a.selected { /*color:#ADADAD; !important*/ font-size: 15px;/*13*/ line-height: 39px; } .jqTransformSelectWrapper.noInput.error_input .jqTransformSelectedLabel span, .jqTransformSelectWrapper.noInput.error_input ul .optionLabel a, .jqTransformSelectWrapper.noInput.error_input ul .optionLabel a.selected { /*color:#FFBDBD; */ } .jqTransformSelectWrapper a.jqTransformSelectOpen__old { display:inline-block; width: 31px; height: 30px; background: rgb(244,244,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-left:1px solid #d8d8d8; } .jqTransformSelectWrapper a.jqTransformSelectOpen { display:inline-block; width: 31px; height: 30px; } .jqTransformSelectWrapper a.jqTransformSelectOpen .jqTransformSelectIcon { padding:0; display:block; width:100%; height:100%; /*background-image: url(https://www.wp-cms2.de/js/plugins/jqtransform/img/selectArrow2.png); background-position:center; background-repeat:no-repeat;*/ background-color: #FFFFFF; background-color: rgba(255,255,255,.0); display: table; } .jqTransformSelectWrapper a.jqTransformSelectOpen .jqTransformSelectIcon span[class^="icon-"]{ display: block; height: 100%; display: table-row; } .jqTransformSelectWrapper a.jqTransformSelectOpen .jqTransformSelectIcon [class^="icon-"]:before, .jqTransformSelectWrapper a.jqTransformSelectOpen .jqTransformSelectIcon [class*=" icon-"]:before{ height: 100%; width: 100%; line-height: 100%; color: #2E2E2E !important; display: table-cell; text-align: center; vertical-align: middle; } .jqTransformSelectWrapper ul { position: absolute; width: 100% !important; /*min-width:280px !important;*/ top: 100%; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; max-height: 250px; overflow: auto; overflow-y: auto; z-index:9999; text-align:left; } .jqTransformSelectWrapper ul a { display: block; padding: 8px 8px 8px 9px; text-decoration: none; color:#333; background-color: #FFF; /* font-size: 15px; font-family:"open_sansregular",Arial,Helvetica,sans-serif;*/ } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#124f87; color: #fff; text-decoration:none; } /*hover*/ .jqTransformInputWrapper_hover, .jqTransformTextareaWrapper_hover, .jqTransformSelectWrapper_hover{ /*border:1px solid #c0cad2;*/ } /*focus*/ .jqTransformInputWrapper_focus, .jqTransformTextareaWrapper_focus, .jqTransformSelectWrapper_focus{ /*border:1px solid #aacdea;*/ } .jqTransformInputWrapper.error_input, .jqTransformTextareaWrapper.error_input, .jqTransformSelectWrapper.error_input{ /*border:1px solid #aa0000;*/ background:#FF8484; color:#FFF; } .jqTransformSelectWrapper.error_input .jqTransformSelectOpen { /*border-left:1px solid #aa0000;*/ background:#FF8484; } .jqTransformSelectWrapper.noInput.error_input .jqTransformSelectedLabel{ color:#FFF; } .jqTransformSelectWrapper.noInput .jqTransformSelectedLabel{ /*color:#adadad; */ } .jqTransformInputWrapper.error_input input, .jqTransformTextareaWrapper.error_input textarea, .jqTransformInputWrapper.error_input input.noInput, .jqTransformTextareaWrapper.error_input textarea.noInput { color:#FFF; } .error_input, .error_input td { /*border:1px solid #A00000;*/ background:#FF8484; color:#FFF; } .error_input td { border:none; background:#FF8484; color:#FFF; } .jqTransformCheckboxWrapper.error_input{background:none;} .jqTransformCheckboxWrapper.error_input a{border:1px solid #FF8484;} /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} .mainContentArea .jqTransformSelectWrapper ul li { padding:0; } .mainContentArea .jqTransformSelectWrapper ul li span{ display:none; } /*--------------- Anpassungen für Homepage ----------------------*/ /*--------------------------------------------------------------------*/ #ajax_loader { background-color: #FFFFFF; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; padding: 20px; position: fixed; z-index: 9999; } .jqTransformSelectWrapper .selectField { width:100%; padding:0; } .textInput, .selectField, .textarea { padding:0; } /*--------------- Erfolgsmeldungen ----------------------*/ #form_message.erfolg, #form_message.fehler { background-image: none; } #form_message { background-image:none; background-color: #FFFFFF; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15); position: fixed; width: 500px; max-width:90%; z-index: 15000; } #form_message.fehler { box-shadow: 0 0 5px 5px rgba(125, 0, 0, 0.25); } #form_message.erfolg { box-shadow: 0 0 5px 5px rgba(0, 130, 15, 0.25); } #message_content { padding: 20px; } #message_button { padding: 0 20px 20px; } /*--------------- Anpassungen am Plug-In ----------------------*/ .jqTransformSelectWrapper { position:relative; } .jqTransformSelectedLabel { /*width:100% !important;*/ /*width:100%;*/ overflow:hidden; display:block; /*float:left;*/ } .jqTransformSelectOpen { display:block; /*float:right;*/ position:absolute; right:0; } .jqTransformInputWrapper, .jqTransformInputWrapper input, .jqTransformSelectWrapper { width:100% !important; } .jqTransformInputWrapper, .jqTransformTextareaWrapper, .jqTransformSelectWrapper { -webkit-border-radius:1px; border-radius:1px; /*-webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF;*/ border: 1px solid #dadada; } .jqTransformInputWrapper.error_input, .jqTransformTextareaWrapper.error_input, .jqTransformSelectWrapper.error_input { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15); } /*--------------- Anpassungen für alle Formulare ----------------------*/ .jqTransformSelectWrapper, .jqTransformSelectWrapper .jqTransformSelectedLabel, .jqTransformSelectWrapper a.jqTransformSelectOpen, /* .jqTransformTextareaWrapper, .jqTransformTextareaWrapper textarea, */ .jqTransformInputWrapper, .jqTransformInputWrapper input { /*height: 39px;*/ line-height: 41px; min-height: 39px; } .jqTransformSelectWrapper a.jqTransformSelectOpen { width:25px; } .jqTransformSelectWrapper ul { top:39px; padding: 0 !important; } .jqTransformSelectWrapper ul li{line-height:22px;} .tableForm .formTextLabel { display:block; height:100%; } .tableForm .jqTransformInputWrapper, .tableForm .jqTransformTextareaWrapper, .tableForm .jqTransformSelectWrapper, .tableForm .formTextLabel, .tableForm .button { margin-bottom:12px; } .tableForm hr { margin-top:5px; } .tableForm hr.topMargin { margin-top:20px; } /*--------------- Anpassungen für alle Formulare in Modulen ----------------------*/ .box .jqTransformSelectWrapper, .smallForm .jqTransformSelectWrapper, .box .jqTransformSelectWrapper .jqTransformSelectedLabel, .smallForm .jqTransformSelectWrapper .jqTransformSelectedLabel, .box .jqTransformSelectWrapper a.jqTransformSelectOpen, .smallForm .jqTransformSelectWrapper a.jqTransformSelectOpen, .box .jqTransformInputWrapper, .smallForm .jqTransformInputWrapper, .box .jqTransformInputWrapper input, .smallForm .jqTransformInputWrapper input { height:24px; line-height:24px; min-height:24px; } .box .jqTransformSelectWrapper a.jqTransformSelectOpen, .smallForm .jqTransformSelectWrapper a.jqTransformSelectOpen { width:24px; } .box .jqTransformSelectWrapper ul, .smallForm .jqTransformSelectWrapper ul { top:24px; } .box .tableForm .jqTransformInputWrapper, .smallForm .tableForm .jqTransformInputWrapper .box .tableForm .jqTransformTextareaWrapper, .smallForm .tableForm .jqTransformTextareaWrapper, .box .tableForm .jqTransformSelectWrapper, .smallForm .tableForm .jqTransformSelectWrapper, .box .tableForm .formTextLabel, .smallForm .tableForm .formTextLabel, .box .tableForm .button, .smallForm .tableForm .button { margin-bottom:12px; } .box .button, .smallForm .button{ height:26px; /*line-height:26px;*/ min-height:26px; } .smallForm.miniText .jqTransformInputWrapper input, .smallForm.miniText .jqTransformTextareaWrapper textarea, .smallForm.miniText .jqTransformSelectWrapper, .smallForm.miniText .formTextLabel{ font-size:11px; } /*--------------- Search Result Input ----------------------*/ .inputSearchField { position:relative; } .inputSearchField .inputSearchResult { position:absolute; left:0; top:31px; z-index:9000; background-color:#FFF; border: solid 1px #CCC; margin: 0px; padding: 0px; min-height:10px; max-height: 260px; /*min-width:250px;*/ overflow: auto; overflow-y: auto; } .inputSearchField .closer { font-size:13px; cursor:pointer; position:absolute; right:5px; top:5px; z-index:600; } .inputSearchField .inputSearchLoading { font-size:18px; position:absolute; right:5px; top:-2px; z-index:600; } .inputSearchField .inputSearchResultList, .inputSearchField .inputSearchResultList li { padding:0 !important; margin:0 !important; list-style:none; } .inputSearchField .inputSearchResultList li { padding:9px !important; color:#333333; border-bottom: 1px solid #F5F5F5; } .inputSearchField .inputSearchResultList a { color:#333333; display:block; font-size: 14px; line-height: 16px; } .inputSearchField small { line-height:14px; display:block; } .inputSearchField .inputSearchResultList li:hover, .inputSearchField .inputSearchResultList li:hover a { background:#005da8; color: #fff; } @media all and (max-width: 960px) { .jqTransformSelectWrapper .jqTransformSelectedLabel {font-size:15px;/*12*/} } @media all and (max-width: 768px) { .jqTransformSelectWrapper .jqTransformSelectedLabel {font-size:inherit;} .jqTransformSelectWrapper ul{left:inherit; right:0;} } @media all and (max-width: 610px) { .jqTransformSelectWrapper .jqTransformSelectedLabel{font-size:15px;/*13*/} } @media all and (max-width: 480px) { #form_message #message_error h1{font-size: 1.688em;} } /* --- CSS3 Erweiterung für Formualrfelder --> Checkboxen / Radios / Hover-Effekte --- */ /* --- Text, Textarea, SelectBox --- */ .jqTransformInputWrapper, .jqTransformTextareaWrapper, .jqTransformSelectWrapper { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .jqTransformInputWrapper.jqTransformInputWrapper_hover, .jqTransformTextareaWrapper.jqTransformTextareaWrapper_hover, .jqTransformSelectWrapper.jqTransformSelectWrapper_hover { border:1px solid #999; /* -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); */ } .jqTransformInputWrapper.jqTransformInputWrapper_focus, .jqTransformTextareaWrapper.jqTransformTextareaWrapper_focus, .jqTransformSelectWrapper.jqTransformSelectWrapper_focus { border:1px solid #333; /* -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); */ } /* --- Checkboxes --- */ .jqTransformCheckbox:not(.fuckIE) { position:relative; background-image:none; background-color:#FFF; border:1px solid #CCC; /*border-radius:3px;*/ height:20px; width:20px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .jqTransformCheckbox.jqTransformChecked:after { width:8px; height:3px; border-left:2px solid #000; border-bottom:2px solid #000; position:absolute; left:5px; top:6px; content:" "; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .jqTransformCheckbox:not(.fuckIE):hover{ border:1px solid #999; } .jqTransformCheckbox.jqTransformChecked:not(.fuckIE){ border:1px solid #333; } /* --- Radiobuttons --- */ .jqTransformRadio:not(.fuckIE) { position:relative; background-image:none; background-color:#FFF; border:1px solid #CCC; border-radius:25px; height:20px; width:20px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .jqTransformRadio.jqTransformChecked:after { border:4px solid #000; border-radius:5px; position:absolute; left:6px; top:6px; content:" "; } .jqTransformRadio:not(.fuckIE):hover{ border:1px solid #999; } .jqTransformRadio.jqTransformChecked:not(.fuckIE){ border:1px solid #333; } /*File: https://www.wp-cms2.de/js/plugins/tipsy/stylesheets/tipsy.css*/ /*Grabber: https://www.wp-cms2.de/js/plugins/tipsy/stylesheets/tipsy.css*/ /********************************************************/ .tipsy { font-size: 0.8em; line-height:1.4em; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 220px; padding: 5px 8px 4px 8px; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /*File: https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/basicStyles.css*/ /*Grabber: https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/basicStyles.css*/ /********************************************************/ #cookieBar{ position: fixed; bottom:initial !important; top:0; left:0; width: 100%; z-index: 9000; background: #333333; padding:8px 10px; font-size: 12.5px; color: #FFFFFF; line-height:1.5em; box-sizing: border-box; } #cookieBar a{ color: #FFFFFF; text-decoration: underline; } #cookieBar > div{ box-sizing: border-box; } #cookieBar:after, #cookieBar .responsiveFormular{ display: block; content: ' '; clear: both; } #cookieBar #cookieInfo{ width: 75%; float: left; } #cookieBar #cookieForm{ float: right; width: 21%; } #outer #cookieBar .jqTransformCheckbox{ /* height: 13px !important; width: 13px !important; */ } /* #cookieBar .jqTransformCheckbox.jqTransformChecked:after { left: 2px; top: 3px; } */ #cookieBar .checkboxRadioContainer label { margin-left: 30px; } #cookieBar .checkboxRadioContainer{ width: 270px; float: left; } #cookieBar .responsiveFormular .formElement.submit{ float: right; width: auto !important; } @media all and (max-width: 1280px) { #cookieBar #cookieInfo{ width: 65%; } #cookieBar #cookieForm{ width: 30%; } } @media all and (max-width: 1080px) { #cookieBar #cookieInfo, #cookieBar #cookieForm, #cookieBar .checkboxRadioContainer{ width: 100%; } #cookieBar .checkboxRadioContainer{ width: 100%; } #cookieBar #cookieForm{ margin-top: 10px; } #cookieBar .responsiveFormular .formElement.submit { position: absolute; float: none; right: 10px; bottom:10px; } } @media all and (max-width: 670px) { #cookieBar #cookieForm{ margin-top: 20px; } #cookieBar .checkboxRadioContainer { padding-right: 70px; box-sizing: border-box; } } body{ -webkit-text-size-adjust: 100%; } img { border:none; } body.activeVenobox { overflow:hidden; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#b7b7b7; } ::-moz-placeholder { /* Firefox 19+ */ color:#b7b7b7; } :-ms-input-placeholder { /* IE 10+ */ color:#b7b7b7; } :-moz-placeholder { /* Firefox 18- */ color:#b7b7b7; } body#tinymce { padding:10px; } body#tinymce .imagesInRow, .imagesInRow { display:block; margin:1em 0; } body#tinymce .imagesInRow, .admin .imagesInRow { padding:1em 0; /*background-color:#CCC;*/ } body#tinymce .imagesInRow img, .admin .imagesInRow img { white-space: nowrap; margin-right:20px; width:150px; height:auto; } body#tinymce .imagesInRow.cnt2 img, .admin .imagesInRow.cnt2 img{ margin-right:5%; width:45%; } body#tinymce .imagesInRow.cnt3 img, .admin .imagesInRow.cnt3 img{ margin-right:3%; width:28%; } body#tinymce .imagesInRow.cnt4 img, .admin .imagesInRow.cnt4 img{ margin-right:1%; width:23%; } .displayNone { display:none; } .imagesInRow { width:calc(100% + 20px); margin-left:-10px; } .imagesInRow .imageRowElement { display:inline-block; } .imagesInRow .imageRowElement a { display:block; width:100%; height: 100%; } .imagesInRow.cnt2 .imageRowElement{ width:50%; } .imagesInRow.cnt3 .imageRowElement{ width:33%; } .imagesInRow.cnt4 .imageRowElement{ width:25%; } .imagesInRow .imageRowInner { margin:10px; } .imagesInRow .imageRowElement img { width:100%; height:auto; margin:0; } .corporateFrame, .imageOnLeft, .imageOnRight, .greycolorRahm, .width100 { position:relative; } .corporateFrame .caption, .imageOnLeft .caption, .imageOnRight .caption, .greycolorRahm .caption, .width100 .caption { position:absolute; bottom:0; left:0; z-index:10; width:100%; background-color:rgba(255,255,255,0.75); font-size:12px; color:#292929; padding:3px 10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight:bold; } .osm_clusterLabel { background-repeat:no-repeat; background-size:100% 100%; font-weight:bold; font-size:14px; padding-top:10px; text-align:center; } .osmContainer .leaflet-popup-content { padding:10px; } .osm_modul_popup { font-size:14px; } .osm_modul_popup .osm_name { font-weight:bold; } .osm_modul_popup .osm_adress, .osm_modul_popup .osm_button { margin-top:7px; } @media all and (max-width: 610px) { .imagesInRow.cnt2 .imageRowElement{ width:50%; } .imagesInRow.cnt3 .imageRowElement{ width:33%; } .imagesInRow.cnt4 .imageRowElement{ width:33%; } } @media all and (max-width: 480px) { .imagesInRow.cnt2 .imageRowElement{ width:50%; } .imagesInRow.cnt3 .imageRowElement{ width:50%; } .imagesInRow.cnt4 .imageRowElement{ width:50%; } } #adminModeInfoBox { position:fixed; padding:10px; background-color:rgba(255,255,255,0.85); border:1px solid #999; border-radius:10px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); z-index:9999; width:200px; } #adminModeInfoBox.top { top:10px; } #adminModeInfoBox.bottom { bottom:10px; } #adminModeInfoBox.left { left:10px; } #adminModeInfoBox.right { right:10px; } /* #adminModeInfoBox .directions { position:absolute; right:5px; top:5px; } */ .TABLET .responsiveImage, .MOBILE .responsiveImage { width:100%; height:auto; } #outer a .naviInfoText, #outer .naviInfoText { color:#bdbdbd !important; } .blockLink { width:100%; } .button, .blockLink { position:relative; } .contentAttachment { margin-top:20px; } .googleMapsContainer, .videoIframeContainer { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; } .googleMapsContainer.paragraph, .videoIframeContainer.paragraph { margin-bottom:1.5em; } .videoIframeContainer iframe, .googleMapsContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dynamicVideoContainer .controlLeft { float:left; width: 50%; } .dynamicVideoContainer .controlRight { float:left; width: 50%; } p.message { padding:1em; font-weight:bold; font-size:1em; color:#FFF; margin:0; margin-bottom:1em; } p.message.success { background: rgb(159,193,94); /* Old browsers */ background: -moz-linear-gradient(top, rgba(159,193,94,1) 0%, rgba(123,150,13,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,193,94,1)), color-stop(100%,rgba(123,150,13,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(159,193,94,1) 0%,rgba(123,150,13,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(159,193,94,1) 0%,rgba(123,150,13,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(159,193,94,1) 0%,rgba(123,150,13,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(159,193,94,1) 0%,rgba(123,150,13,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fc15e', endColorstr='#7b960d',GradientType=0 ); /* IE6-9 */ } p.message.error { background: rgb(163,3,3); /* Old browsers */ background: -moz-linear-gradient(top, rgba(163,3,3,1) 0%, rgba(109,0,25,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,3,3,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(163,3,3,1) 0%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(163,3,3,1) 0%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(163,3,3,1) 0%,rgba(109,0,25,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(163,3,3,1) 0%,rgba(109,0,25,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a30303', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ } .sprechblase { position: relative; padding:1.5em; font-style:italic; background-color:#FFF; border-radius:15px; border:1px solid #dcdcdc; -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25); box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25); width:calc(100% - 6px); margin:0 auto; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sprechblase.arrowBottom:after, .sprechblase.arrowBottom:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .sprechblase.arrowBottom:after { border-color: rgba(255, 255, 255, 0); border-top-color: #FFF; border-width: 16px; margin-left: -15px; } .sprechblase.arrowBottom:before { border-color: rgba(220, 220, 220, 0); border-top-color: #dcdcdc; border-width: 20px; margin-left: -18px; } .sprechblase.arrowTop:after, .sprechblase.arrowTop:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .sprechblase.arrowTop:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 15px; margin-left: -15px; } .sprechblase.arrowTop:before { border-color: rgba(220, 220, 220, 0); border-bottom-color: #dcdcdc; border-width: 19px; margin-left: -19px; } .sprechblase.arrowLeft:after, .sprechblase.arrowLeft:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .sprechblase.arrowLeft:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 15px; margin-top: -15px; } .sprechblase.arrowLeft:before { border-color: rgba(220, 220, 220, 0); border-right-color: #dcdcdc; border-width: 17px; margin-top: -17px; } .sprechblase.arrowLeftTop:after, .sprechblase.arrowLeftTop:before { right: 100%; top: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .sprechblase.arrowLeftTop:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFF; border-width: 15px; margin-top: -15px; } .sprechblase.arrowLeftTop:before { border-color: rgba(220, 220, 220, 0); border-right-color: #dcdcdc; border-width: 17px; margin-top: -17px; } .sprechblase.arrowRight:after, .sprechblase.arrowRight:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .sprechblase.arrowRight:after { border-color: rgba(255, 255, 255, 0); border-left-color: #FFF; border-width: 15px; margin-top: -15px; } .sprechblase.arrowRight:before { border-color: rgba(220, 220, 220, 0); border-left-color: #dcdcdc; border-width: 19px; margin-top: -17px; } /* .outerFrameset.loginHolder { width:50%; margin:0 auto; } */ /* # Popup ############################################################# */ #responsivePopup { position:absolute; z-index:10000; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); } #popUpCloser { color:#FFF; position:absolute; right:-40px; top:-40px; font-size:40px; cursor:pointer; } #popupContentHolder { width:90%; max-width:768px; min-height:150px; background-color:#FFF; position:absolute; border:1px solid #000; } #popupContent { padding:40px; } /*********************************************************************************/ #customPageLayer { width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:9999; } #layerContent { /*height:50%;*/ max-width:625px; width:50%; position:absolute; background-color:#FFF; } #layerContentInner { padding:50px; height:100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #layerCloser { position:absolute; top:-1em; right:-1em; font-size:2em; cursor:pointer; } #layerCloser { color: #FFF !important; } .layerText { width:85%; margin:0 auto; } @media all and (max-width: 1024px) { #layerContent { max-width:none; width:90%; } .layerText { width:100%; } } @media all and (max-width: 480px) { #layerContentInner { padding:20px; } } /* # Login-Seite ############################################################# */ .loginHolder { text-align:center; } .loginHolder .customFormular.login .customElement { width:30%; float:left; } .loginHolder .customFormular.login .customElement.user, .loginHolder .customFormular.login .customElement.pass { width:35%; } .loginHolder .customFormular.login .customElement.buttonHolder { width:20%; } .loginHolder .customFormular .customSpacer { width:5%; height:5px; float:left; } .loginHolder .customFormular.pwForget .customElement { width:47.5%; float:left; } .loginHolder .forgetLink { margin-top:2.5em; } .loginHolder #passwordResetForm { margin-top:1.5em; } .loginHolder .customRadioChoose{ border: 1px solid #E3E3E3; background: #E3E3E3; border-radius: 3px; margin: 15px 0; overflow: hidden; } .loginHolder .customRadioChoose .customRadioChooseButton{ display: inline-block; box-sizing: border-box; padding: 10px; float: left; text-align: center; background: #FFFFFF; outline: 1px solid #E3E3E3; cursor: pointer; } .loginHolder .customRadioChoose.third .customRadioChooseButton{ width: 33.3333%; } .loginHolder .customRadioChoose .customRadioChooseButton .jqTransformRadioWrapper{ display: none; } @media all and (max-width: 768px) { .loginHolder .customFormular .customElement { width:100% !important; float:none !important; margin-bottom:0.75em !important; } .loginHolder .customFormular .customSpacer { display:none; } } /* # Icon Einstellungen ############################################################# */ .absoluteIcon span[class^="icon-"] { position:absolute; top:0; /*height:100%;*/ top:50%; display:inline-block; height:auto; } .absoluteIcon.leftIcon { padding-left:27px; } .absoluteIcon.leftIcon span[class^="icon-"] { left:5px; } .absoluteIcon.rightIcon { padding-right:27px; } .absoluteIcon.rightIcon span[class^="icon-"] { right:5px; } /* # Frame Einstellungen ############################################################# */ .outerFrameset { position:relative; } .outerFrameset.recursive .mainArea{ opacity:0.3; border-top:2px dotted #333; border-bottom:2px dotted #333; } .outerFrameset .editInfo{ position:absolute; left:0; top:20px; max-width:400px; padding:15px; background-color:rgba(255,255,255,0.85); border:1px solid #898989; border-radius:5px; z-index:100; } .outerFrameset .editInfo p { margin-top:0; } optgroup { padding-top:7px; } #frameEditForm .contentExtras { pointer-events:none; } /* # Basis-Elemente und Breitenangaben ############################################################# */ ul.no_style, ul.no_style li { list-style:none; padding:0; margin:0; } a { text-decoration:none; } .clear { clear:both; } .float_left {float:left;} .float_right {float:right;} .relative{ position: relative; } .pointer{ cursor:pointer; } *[class*="mediaQuery_max"] { display:none; } .displayNone { display:none; } .basicFramePadding { padding-top:72px;/*84*/ padding-bottom:72px;/*84*/ } .basicFramePadding.small{ padding-top:28px; padding-bottom:28px; } .dynamicVideoContainer, .videoEmbedCode { height:100%; /* Anweisung bitte stehen lassen, damit sich der Video-Player am Eltern-Element orientieren kann*/ } .responsiveExternIframeContainer { height:450px; } .dontClickMe, .visibleOverlay.visible{ /*pointer-events:none;*/ /*background-image: url('https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../images/helper/transparent_3x3.png'); background-image: url('https://wp-cms2.de/modules/pageFramesAndModules/basicContent/images/helper/transparent_3x3.png');*/ position: absolute; width: 100%; height: 100%; z-index: 8000; left:0; top:0; } .visibleOverlay.visible { background: rgba(255,255,255,0); } .visibleOverlay.showMe.visible { background: rgba(255,255,255,0.5); } .custom_image_002 { overflow: hidden; } /* img.overflow { opacity:0 } img.scale { opacity:0 } */ .imageOnRight, .imageOnLeft { display:inline-block; margin-bottom:7px;/*6*/ margin-top:6px; } . .ieX .imageOnRight, .ieX .imageOnLeft, .admin .imageOnRight, .admin .imageOnLeft { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* IE8 */ filter: alpha(opacity=1); /* IE6-7 */ } .imageOnLeft {float:left; margin-right:30px;}/*19*/ .imageOnRight {float:right; margin-left:30px;}/*19*/ .imageOnRight img, .imageOnLeft img{ width:100% !important; height:auto !important; } .width100 {width:100%; display:inline-block;} .width50 {width:50%; display:inline-block;} .width40 {width:40%; display:inline-block;} .width30 {width:30%; display:inline-block;} .width25 {width:25%; display:inline-block;} .width20 {width:20%; display:inline-block;} .width10 {width:10%; display:inline-block;} .greycolorRahm { border:1px solid #d3d5d4; } .width100 img, .width50 img, .width40 img, .width30 img, .width25 img, .width20 img, .width10 img { width:100%; height:auto; } @media all and (max-width: 480px) { #frameOutputArea .width100, #frameOutputArea .width50, #frameOutputArea .width40, #frameOutputArea .width30, #frameOutputArea .width25, #frameOutputArea .width20, #frameOutputArea .width10 { width:100%; display:block; } } .imageOnLeft.corporateFrame, .imageOnRight.corporateFrame { /*width:200px; height:125px;*/ } .imageOnLeft.portrait.corporateFrame, .imageOnRight.portrait.corporateFrame { height:200px; width:125px; } .imageOnLeft.basic img, .imageOnRight.basic img { width:100%; height:auto; } .imageOnRight .corporateInnerFrame img, .imageOnLeft .corporateInnerFrame img { padding:0 !important; } .imageOnLeft.corporateFrame a, .imageOnRight.corporateFrame a { display:block; width:100%; height:100%; } @media all and (max-width: 768px) { .imageOnLeft.corporateFrame, .imageOnRight.corporateFrame { /*width:150px; height:95px;*/ } .imageOnLeft.portrait.corporateFrame, .imageOnRight.portrait.corporateFrame { height:150px; width:95px; } .imageOnLeft {float:left; margin-right:15px;} .imageOnRight {float:right; margin-left:15px;} } @media all and (max-width: 480px) { .imageOnLeft.corporateFrame, .imageOnRight.corporateFrame { width:120px; height: auto; max-width: 120px; } .imageOnLeft.portrait.corporateFrame, .imageOnRight.portrait.corporateFrame { height:120px; width:75px; } .imageOnLeft {float:left; margin-right:13px;} .imageOnRight {float:right; margin-left:13px;} } .blockLink { display:block; width:100%; height:100%; } .button .imgIcon { position:absolute; right:10px; top:0; height:100%; width:20px; background-repeat:no-repeat; background-position:center } .button .imgIcon.calc { background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../basicContent/images/basic/icons/calc.png); } .button .imgIcon.pdf { background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../basicContent/images/basic/icons/pdf.png); } .button .imgIcon.search { background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../basicContent/images/basic/icons/search.png); } .button .imgIcon.contact { background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../basicContent/images/basic/icons/light/contact.png); } .button:hover .imgIcon.calc { background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../basicContent/images/basic/icons/light/calc.png); } .button:hover .imgIcon.pdf { background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../basicContent/images/basic/icons/light/pdf.png); } .button:hover .imgIcon.search { background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../basicContent/images/basic/icons/light/search.png); } .displayNone { display: none; } .divTableCell { display: block; float: left; min-height: 10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .txtLeft { text-align: left !important; } .txtRight { text-align: right !important; } .txtCenter { text-align: center !important; } .underline { text-decoration:underline; } .noMargin { margin:0 !important; } .noPadding { padding:0 !important; } #globalMerkzettelHolder { background-color: #505050; /* background-image: url("https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../images/basic/diverses/merkzettel.png");*/ background-position: 3px 26px; background-size:auto 98px; background-repeat: no-repeat; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; color: #FFFFFF; cursor: pointer; font-size: 16px; height: 120px; left: 0; padding: 6px; position: fixed; top: 0; width: 19px; z-index: 5000; } #globalMerkzettelHolder:after { content: 'Merkzettel'; color: #ffffff; display: block; transform: rotate(-90deg); right: -21px; top: 63px; position: absolute; pointer-events: none; } #globalMerkzettelHolder a { display:block; width:100%; height:100%; color:#FFF !important; } #globalMerkzettelHolder span { margin-left: -3px; margin-top:-3px; } .adminMode .frameHolder{ border-bottom: 3px dashed #999; } a.frameCancel{ color: #BD080B !important; }a.frameCancel:hover{ color: #000000 !important; } /* # Frame Elemente & Editfunktion ############################################################# */ .contentWidth { max-width:1200px; margin:0 auto; position:relative; } .editMe { position:absolute; right:0px; top:0px; z-index:10000; width:100%; } .basicFrame { overflow:hidden; } .editAreaFunctionHolder { position:relative; } #main .editAreaFunctionHolder, #main .editAreaFunctionHolder a { color:#333 !important; } .editAreaLink { font-size:18px; } .editAreaFunctionHolder { position:absolute; right:0; top:0; padding:15px; border:1px solid #333; background-color:rgba(255,255,255,0.85); font-size:13px; padding:15px; display:none; width:100%; } .editAreaBoxHolder:hover .editAreaFunctionHolder { display:block; } .functionBarHolder { position:relative; } .functionBar { position:absolute; right:0; top:0; font-size:20px; color:#333 !important; display:none; z-index:9000; } .functionBar.info { left:0; right:inherit; } .frameHolder .statusBar{ display:none; } .frameHolder:hover .statusBar{ display:block; } .frameHolder:hover .functionBar{ display:inline-flex; } .frameHolder:hover .functionBar{ display:block; /*display:inline-flex; */ } .fcSpacer { float:left; height:10px; padding:0 10px; } .fcElementContainer.info { float:right; } .fcElementContainer { float:left; border:1px solid #dbdbdb; border-right:none; } .fcElement { float:left; cursor:pointer; } .fcElement { width:50px; height:35px; background-color:#FFF; padding-top:15px; text-align:center; border-right:1px solid #dbdbdb; box-sizing: content-box; } .fcElement.toggleMobile span, .fcElement.toggleDesktop span { opacity: 0.5; color: red; } .fcElement.green span { opacity: 1 !important; color:#009b0f; } .functionBar.info .fcElement { width:350px; font-weight:bold; font-size:14px; text-align:left; padding:10px 15px 15px 15px; cursor:auto; } .fcElement:hover { background-color:#f9f9f9; } .toggleVisibility span { opacity:0.5; } .toggleVisibility.visible span{ opacity:1; } .fcElement.blocked span{ opacity:0.5; } .functionBar.mini { font-size:15px; top:-40px; } .functionBar.mini .fcElement { width:40px; height:30px; background-color:#FFF; padding-top:8px; text-align:center; border-right:1px solid #dbdbdb; } .contentModuleHolder { position:relative; } .editFrameHolder .basicFramePadding { padding:0; } .editFrameHolder .outerFrameset { padding:25px 0; } .colorPreview{ display: inline-block; width: 20px; height: 20px; margin-top: 4px; margin-left:4px; -webkit-box-shadow: 0 0 3px 0 #B8B8B8; box-shadow: 0 0 3px 0 #B8B8B8; background: #FFFFFF; } .floatElements *{ float: left; } /* # Icons ############################################################# */ .downloadIcon { display:inline-block; width:28px; height:37px; background-repeat:no-repeat; background-image:url(https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/../../../../../pics/files/map.png); } .downloadIcon.PDF { background-position:-24px -25px; } .downloadIcon.XLS { background-position:-78px -25px; } .downloadIcon.DOC { background-position:-24px -87px; } .downloadIcon.RAR { background-position:-78px -87px; } /* # Table Elemente ############################################################# */ .mixedListElement { padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px solid #CCC; } .mixedListElement:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; } .mixedListElement.withImg .mixedMedia { float:left; width:20%; } .mixedListElement.withImg .mixedMedia .corporateFrameInner, .mixedListElement.withImg .mixedMedia a{ display:block; width:100%; height:100%; } .mixedListElement.withImg .mixedText { float:right; width:75%; } /* # Table Elemente ############################################################# */ .responsiveTable tr td { padding:6px 0; } .responsiveTable .trRow1 td { /*background-color:rgba(255,255,255,0.15);*/ /*background-color:rgba(0,0,0,0.15);*/ } .responsiveTable .tdValue { /*font-size:medium;*/ } .responsiveTable td.highlightTD { /*font-size:medium;*/ /*font-weight:bold;*/ font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; } /* # Sonstige Elemente ############################################################# */ .dotdotdotToggle .open { display: inline; } .dotdotdotToggle .close { display: none; margin-left:5px;} .opened .dotdotdotToggle .open { display: none; } .opened .dotdotdotToggle .close { display: inline; } /* # Kundenstimmen details ############################################################# */ #fullKundenStimmen .kStimmenElement { margin-bottom:1.5em; padding-bottom:1.5em; border-bottom:1px solid #CCC; } #fullKundenStimmen .kStimmenElement.last { margin-bottom:0; padding-bottom:0; border-bottom:none; } #fullKundenStimmen .kStimmeFotoContainer { width:30%; float:left; } #fullKundenStimmen .kStimmeFotoContainer .kStimmeFoto { width:75%; margin:0 auto; margin-bottom:1em; } #fullKundenStimmen .kStimmeName { text-align:center; font-weight:bold; } #fullKundenStimmen .kStimmeContent { width:65%; float:right; } /* # Content-Pager ############################################################# */ .contentDetailPager { margin-top:1em; padding-top:1em; border-top:1px solid #B0B0B0; } .contentDetailPager .pager { float:left; min-height:1px; } /* .contentDetailPager .pager.next, .contentDetailPager .pager.prev { width:25%; } .contentDetailPager .pager.overview { width:50%; } */ .contentDetailPager .pager.next, .contentDetailPager .pager.prev, .contentDetailPager .pager.overview { width:33%; } @media only screen and (max-width : 480px) { .contentDetailPager .pager.next, .contentDetailPager .pager.prev { width:50%; } .contentDetailPager .pager.overview { display:none; } } @media only screen and (max-width : 1280px) { .contentWidth { width:auto; padding-left:50px; padding-right:50px; } } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) {} @media only screen and (max-width : 1024px) { .mediaQuery_max-width_1024 { display:inherit; } .mediaQuery_min-width_1024 { display:none; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .contentWidth { padding-left:40px; padding-right:40px; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .contentWidth { padding-left:30px; padding-right:30px; } .tableLabel .mediaQuery_max-width_1024{display:none;} } /* ALTE VERSIONEN DES MEDIA QUERIES*/ @media all and (max-width: 1280px) { } @media all and (max-width: 960px) { .mediaQuery_max-width_960 { display:inherit; } .mediaQuery_min-width_960 { display:none; } .basicFramePadding { padding-top:50px; padding-bottom:50px; } #objektDetailFrame.basicFramePadding {padding-top:85px;} } @media all and (max-width: 800px) { #objektDetailFrame.basicFramePadding{padding-top:55px;} } @media all and (max-width: 768px) { .mediaQuery_max-width_768 { display:inherit; } .mediaQuery_min-width_768 { display:none; } } @media all and (max-width: 610px) { .basicFramePadding { padding-top:30px; padding-bottom:30px; } .mediaQuery_max-width_610 { display:inherit; } .mediaQuery_min-width_610 { display:none; } .responsiveExternIframeContainer { height:350px; } #objektDetailFrame.basicFramePadding{padding-top:45px;} .contentWidth { width:auto; padding-left:25px; padding-right:25px; } } @media all and (max-width: 480px) { .mediaQuery_max-width_480 { display:inherit; } .mediaQuery_min-width_480 { display:none; } .responsiveExternIframeContainer { height:275px; } #globalMerkzettelHolder{ background-image:none; height: 21px; padding-top:3px; line-height:18px; } #globalMerkzettelHolder span{top:0;} #globalMerkzettelHolder:after { content:''; } } @media all and (max-width: 360px) { } @media all and (max-width: 320px) { /* styles for iPhone/Android portrait */ .mediaQuery_max-width_320 { display:inherit; } .mediaQuery_min-width_320 { display:none; } } #outer.admin #footer { z-index:9999; } .responsiveListPager .container { background: #fdfdfd; padding: 1rem; margin: 3rem auto; border-radius: 0.2rem; counter-reset: pagination; text-align: center; } .responsiveListPager .container:after { clear: both; content: ""; display: table; } .responsiveListPager .container ul { width: 100%; } .responsiveListPager .xlarge { width: 65rem; } .responsiveListPager .large { width: 45rem; } .responsiveListPager .middle { width: 32rem; } .responsiveListPager .small { width: 22rem; } .responsiveListPager .xsmall { width: 14rem; } .responsiveListPager ul, .responsiveListPager li { list-style: none; display: inline; padding-left: 0px; } .responsiveListPager li { counter-increment: pagination; } .responsiveListPager li:hover a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20; } .responsiveListPager li.active a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20; } .responsiveListPager li:first-child { float: left; } .responsiveListPager li:first-child a:after { content: "Zurück"; } .responsiveListPager li:nth-child(2) { counter-reset: pagination; } .responsiveListPager li:last-child { float: right; } .responsiveListPager li:last-child a:after { content: "Weiter"; } .responsiveListPager li a { border: solid 1px #d6d6d6; border-radius: 0.2rem; color: #7d7d7d; text-decoration: none; text-transform: uppercase; display: inline-block; text-align: center; padding: 0.5rem 0.9rem; } .responsiveListPager li a:after { content: " " counter(pagination) " "; } .responsiveListPager .large li a { display: none; } .responsiveListPager .large li:first-child a { display: inline-block; } .responsiveListPager .large li:first-child a:after { content: "Zurück"; } .responsiveListPager .large li:nth-child(2) a { display: inline-block; } .responsiveListPager .large li:nth-child(3) a { display: inline-block; } .responsiveListPager .large li:nth-child(4) a { display: inline-block; } .responsiveListPager .large li:nth-child(5) a { display: inline-block; } .responsiveListPager .large li:nth-child(6) a { display: inline-block; } .responsiveListPager .large li:nth-child(7) a { display: inline-block; } .responsiveListPager .large li:nth-child(8) a { display: inline-block; } .responsiveListPager .large li:last-child a { display: inline-block; } .responsiveListPager .large li:last-child a:after { content: "Weiter"; } .responsiveListPager .large li:nth-last-child(2) a { display: inline-block; } .responsiveListPager .large li:nth-last-child(3) { display: inline-block; } .responsiveListPager .large li:nth-last-child(3):after { padding: 0 1rem; content: "..."; } .responsiveListPager .middle li a { display: none; } .responsiveListPager .middle li:first-child a { display: inline-block; } .responsiveListPager .middle li:first-child a:after { content: "<"; } .responsiveListPager .middle li:last-child a { display: inline-block; } .responsiveListPager .middle li:last-child a:after { content: ">"; } .responsiveListPager .middle li:nth-child(2) a { display: inline-block; } .responsiveListPager .middle li:nth-child(3) a { display: inline-block; } .responsiveListPager .middle li:nth-child(4) a { display: inline-block; } .responsiveListPager .middle li:nth-child(5) a { display: inline-block; } .responsiveListPager .middle li:nth-last-child(2) a { display: inline-block; } .responsiveListPager .middle li:nth-last-child(3) { display: inline-block; } .responsiveListPager .middle li:nth-last-child(3):after { padding: 0 1rem; content: "..."; } .responsiveListPager .small li { display: none; } .responsiveListPager .small li:first-child { width: 50%; display: inline; } .responsiveListPager .responsiveListPager .small li:first-child a:after { content: "Vorherige Seite"; } .responsiveListPager .small li:last-child { display: inline; } .responsiveListPager .small li:last-child a:after { content: "Nächste Seite"; } .responsiveListPager .xsmall li { display: none; } .responsiveListPager .xsmall li.active { display: inline; } .responsiveListPager .xsmall li:first-child { display: inline; } .responsiveListPager .xsmall li:first-child a:after { content: "Zurück"; } .responsiveListPager .xsmall li:last-child { display: inline; } .responsiveListPager .xsmall li:last-child a:after { content: "Weiter"; } .videoPlayButtonContainer{ display: none; position: absolute; left: 50%; top: 50%; font-size: 2.5em; width: 80px; margin-left:-40px; margin-top: -25px; padding: 13px 0 10px; text-align: center; cursor: pointer; box-sizing: border-box; color: white; opacity: .7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .videoPlayButtonContainer:hover{ opacity: .9; } .videoPlayButtonContainer .videoPlayButton span:before{ line-height: 0.5em; } .tokenOguloPreview a, .tokenOguloPreview { display:block; width:100%; height:100%; } .tokenOguloPreview a { position:relative; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; background-color:rgba(0,0,0,0.5); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .tokenOguloPreview a:hover { background-color:rgba(0,0,0,0); } .tokenOguloPreview .playButton { position: absolute; top: 50%; left:50%; z-index:100; transform: translateY(-50%); margin-left:-38px; background-image:url('/pics/360.png'); background-repeat:no-repeat; width:76px; height:74px; } /* Sonstiges */ .vbox-title { font-family:"open_sanssemibold"; } .underLine{ border-bottom:2px solid #3d70a8; } .button { padding:3px 15px; /*8 15*/ display:inline-block; font-size:0.8em; cursor:pointer; font-family:"open_sanssemibold"; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position:relative; } input.button { /*padding:8px 15px 7px; 6 15*/ padding: 10px 15px 8px;/*8 15 / 5 15*/ } .button.small { padding:4px 15px; font-size:0.933em; } .button.block { display:block; width:100%; text-align:center; } input.button.block { width:100%; } #outer .inputSearchResultList { padding-left:0; } #outer .inputSearchResultList li { padding:5px 10px; } /* #outer:not(.hideBorder) .corporateFrame { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:1px solid #FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); background-color:#FFF; border:1px solid #FFF; overflow:hidden; padding:3px; } #outer.hideBorder .corporateFrame { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); border:3px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } */ .corporateInnerFrame a { display: block; height: 100%; overflow: hidden; width: 100%; } .objektBilder .corporateBorder, #outer .objektBilder .corporateBorder{ border: 3px solid #E9E9E9; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .objektBilder .corporateBorderOut, #outer .objektBilder .corporateBorderOut{ border: 3px solid #E9E9E9; } .objektBilder .shadowBorder, #outer .objektBilder .shadowBorder{ border:1px solid #ecece9; -webkit-box-shadow: 0 0 3px 0 #ecece9; box-shadow: 0 0 3px 0 #ecece9; } .objektBilder .immoContainer, #outer .objektBilder .corporateFrame { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:1px solid #FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); background-color:#FFF; border:1px solid #FFF; overflow:hidden; padding:7px; } .objektBilder .immoContainer { padding:0; } /* #outer .immoContainer{ padding:0; } */ #outer .thumbnailContainer .corporateFrame { padding:3px; } .corporateInnerFrame{ display:block; overflow:hidden; width:100%; height:100%; position:relative; } .corporateInnerFrame a{ display:block; width: 100%; height: 100%; overflow:hidden; } .corporateCaption { position:absolute; left:0; bottom:0; z-index:100; padding:5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color:rgba(255,255,255,0.8); font-size:0.867em; line-height:15px; width:100%; } /*Newsletterformular Content*/ .Newsletteranmeldung .hrOne{margin-bottom:35px;} @media all and (max-width: 1280px) { .corporateCaption { font-size:0.733em; line-height:1.5; } } @media all and (max-width: 960px) { .objektBilder .immoContainer, #outer .corporateFrame {padding:6px;} } @media all and (max-width: 610px) { .objektBilder .immoContainer, #outer .corporateFrame {padding:4px;} } @media all and (max-width: 480px) { .imageOnLeft .corporateCaption, .imageOnRight .corporateCaption { display:none; } } @media all and (max-width: 320px) { .objektBilder .immoContainer, #outer .corporateFrame {padding:3px;} } .bgDark1 { background-color:#203f4e; } .bgDark2 { background-color:#1b3542; } .row1 { background-color:#f8f8f8; } .row0 { background-color:#fff; } tr.sum td { font-weight:bold; } .tableHead { background-color: #061D47; color: #FFFFFF; font-weight: bold; } .textRight { text-align:right; } .alert{ padding: 2px 5px; border: 1px solid #719B45; color: #668E3D; background: #EFFFEE; display: block; margin-bottom: 15px; } .alert.error{ border: 1px solid #9B4545; color: #8E3D3D; background: #FFEEEE; } /** * Tooltip */ sup.tip{ display: inline-block; /*padding-left: 3px;*/ position: relative; top: 5px; margin-top: -5px; cursor: help; color: #3d70a8; } .button .infoColour{ color: #FFFFFF; } .infoColour{ color: #A4A4A4; font-family: "open_sanslight", Arial, Helvetica, sans-serif; } /* ========== Pfeile und ICONS die in der settings.php angelegt werden ========== */ .gotoLink .icon-right-open:before{ font-size: 0.75em; line-height:1.4; margin-left:1px; margin-right:0; } .siteMapLink .icon-angle-right:before{ margin-left:-4px; margin-right:0; font-size:1.1em; } /* ========== Freischwebende Kontaktbox auf rechter Seite ========== */ /* #wp-fixBox .jqTransformSelectWrapper { min-height:auto; height:auto; } #wp-fixBox .jqTransformSelectWrapper, #wp-fixBox .jqTransformSelectWrapper .jqTransformSelectedLabel, #wp-fixBox .jqTransformInputWrapper, #wp-fixBox .jqTransformInputWrapper input { height:100%; } */ .wp-fixBox, #wp-fixBox{ position: fixed; right: 0; top: 30%; z-index: 999; } .wp-fixBox-wrap, #wp-fixBox-wrap{ position: relative; } .wp-fixBox .wp-handle, #wp-fixBox .wp-handle{ position: absolute; top: 0; right: 100%; display: inline-block; width: 82px; /*96px*/ font-size: 1.175em; /*1.375em*/ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform-origin: 80% 50% 0; padding: 0.4em 0.4em 0.5em 0.7em; background: black; border: 1px solid #AAAAAA; color: #FFFFFF; cursor: pointer; /*-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.6); box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);*/ } .wp-fixBox .wp-handle .handle-icon, #wp-fixBox .wp-handle .handle-icon{ display: inline-block; padding-left: 3px; -webkit-transition: transform 500ms ease; -moz-transition: transform 500ms ease; -ms-transition: transform 500ms ease; -o-transition: transform 500ms ease; transition: transform 500ms ease; } .wp-fixBox .wp-handle .handle-icon:before, #wp-fixBox .wp-handle .handle-icon:before{ width: 0.5em; } .wp-fixBox .wp-handle .handle-icon.rotated, #wp-fixBox .wp-handle .handle-icon.rotated{ -webkit-transform: rotate(180deg) translate(-6px,-3px); -moz-transform: rotate(180deg) translate(-6px,-3px); -ms-transform: rotate(180deg) translate(-6px,-3px); -o-transform: rotate(180deg) translate(-6px,-3px); transform: rotate(180deg) translate(-6px,-3px); } .wp-fixBox .wp-moveable, #wp-fixBox .wp-moveable{ overflow: hidden; display: none; background: #FFFFFF; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.6); box-shadow: 0 0 5px 0 rgba(0,0,0,0.6); } .wp-fixBox .wp-content, #wp-fixBox .wp-content{ padding: 42px 40px 50px; width: 470px; } .wp-fixBox-contact-right h2, #wp-fixBox-contact-right h2, #wp-fixBox-wrap h2{ font-size:16px; font-family:'opensans_semibold'; margin-bottom:0.75em; } #outer .wp-fixBox-contact-right h3, #outer #wp-fixBox-contact-right h3 { font-size:16px; font-family:'opensans_regular'; text-transform:none; margin-bottom:0 !important; } .wp-fixBox-contact-right .position, #wp-fixBox-contact-right .position { font-size:12px; color:#8f8f8e; position:relative; top:-6px; } .wp-fixBox .wp-content ul.wp-content-nav, #wp-fixBox .wp-content ul.wp-content-nav{ padding: 0; margin: 0 0 40px; display: inline-block; border-bottom: 1px solid #e0e0e0; } .wp-fixBox .wp-content ul.wp-content-nav li, #wp-fixBox .wp-content ul.wp-content-nav li{ float: left; list-style: none; } .wp-fixBox .wp-content ul.wp-content-nav li a, #wp-fixBox .wp-content ul.wp-content-nav li a{ position: relative; display: inline-block; width: 145px; text-align: center; padding: 8px 0 10px; margin-right: 7px; background: #f2f2f2; border: 1px solid #f2f2f2; border-top: 3px solid #f2f2f2; border-bottom: 0 none; /*color: black;*/ } .wp-fixBox .wp-content ul.wp-content-nav li.last a, #wp-fixBox .wp-content ul.wp-content-nav li.last a{ margin-right: 0; } .wp-fixBox .wp-content ul.wp-content-nav li a:hover, #wp-fixBox .wp-content ul.wp-content-nav li a:hover{ background: #f5f5f5; border-color: #f5f5f5; } .wp-fixBox .wp-content ul.wp-content-nav li a.selected, .wp-fixBox .wp-content ul.wp-content-nav li a.selected:hover, #wp-fixBox .wp-content ul.wp-content-nav li a.selected, #wp-fixBox .wp-content ul.wp-content-nav li a.selected:hover{ background: #FFFFFF; border-top: 3px solid black; top: 1px; padding: 7px 0 11px; } .wp-fixBox p.info, #wp-fixBox p.info{ color: #9c9c9c; font-size: 0.875em; line-height:1.3em; } /** * Kontakt */ #wp-fixBox .wp-content .wp-fixBox-contact .icon-phone{ display: inline-block; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } #wp-fixBox .wp-content .wp-fixBox-contact-left { float: left; position:relative } #wp-fixBox .wp-content .wp-fixBox-contact-left img { position:absolute; top:-1.7em; } #wp-fixBox .wp-content .wp-fixBox-contact-right { float:right; } #wp-fixBox .wp-content .wp-fixBox-contact-left{ width: 33%; } #wp-fixBox .wp-content .wp-fixBox-contact-right{ width: 64%; } #wp-fixBox .wp-content .wp-fixBox-contact-right h3{ margin-bottom: 0.3em; } #wp-fixBox .wp-content .wp-form-cell.full { margin-top:0.8em; } #wp-fixBox .wp-content .position{ padding-top: 0.1em; } #wp-fixBox .wp-content .telInfo{ /*font-size: 1.45em;*/ margin-bottom: 0; padding-top: 0.9em; border-top: 1px solid #b7b7b7; } /** * Formular */ #wp-fixBox .wp-form-row{ width: 103%; margin-bottom:15px; } #wp-fixBox .wp-form-row:last-child { margin-bottom:0; } #wp-fixBox .wp-form-cell{ float: left; width: 30.3333%; margin-right: 3%; } #wp-fixBox .wp-form-cell:not(.two-thirds){ max-height:43px; margin-bottom: 8px; } #wp-fixBox .wp-form-cell.two-thirds{ width: 63.666%; } #wp-fixBox .wp-form-cell.full{ width: 97%; } #wp-fixBox .text-right{ text-align: right; } #wp-fixBox .wp-form-left{ float: left; margin-right: 3%; width: 30.5%; } #wp-fixBox .wp-form-right{ float: left; height: auto; width: 63.5%; } #wp-fixBox .checkboxLabel, #wp-fixBox .jqTransformCheckboxWrapper, #wp-fixBox .iconLock, #wp-fixBox .textLock{ display: inline-block; float: left; } #wp-fixBox .iconLock{ width: 5%; } #wp-fixBox .textLock{ width: 95%; } #wp-fixBox .jqTransformCheckboxWrapper{ width: 11%; } #wp-fixBox .checkboxLabel{ width: 89%; } #wp-fixBox .jqTransformTextareaWrapper, #wp-fixBox .jqTransformTextareaWrapper textarea{ min-height: 71px; resize:none; } @media all and (max-width: 668px) { .wp-fixBox, #wp-fixBox{ position: absolute; } .wp-fixBox .wp-content, #wp-fixBox .wp-content { width: 460px; } .wp-fixBox .wp-content .wp-fixBox-contact-left, #wp-fixBox .wp-content .wp-fixBox-contact-left { width: 33%; } .wp-fixBox .wp-content .wp-fixBox-contact-right, #wp-fixBox .wp-content .wp-fixBox-contact-right { width: 67%; } .wp-fixBox, #wp-fixBox { display: none; } } /* * * */ /** * Dialog - Links */ .wp-fixBox.left{ position: fixed; left: 0; right: inherit; top: 20%; z-index: 999; } .wp-fixBox.left .wp-handle{ left: 100%; right: inherit; width: 108px; top: 6px; margin-left: -79px; } .wp-fixBox.left h2{ margin-bottom: 0.3em; } .wp-fixBox.left h5{ margin-bottom: 0.3em; } /** * Kategorien - Tabelle */ .wp-fixBox .wp-hinweis-kat-row{ margin-top: 23px; } .wp-fixBox .wp-hinweis-kat-cell{ float: left; width: 50%; } .wp-fixBox .wp-hinweis-kat-cell a.h5{ display: block; } .wp-fixBox .wp-hinweis-kat-left{ float: left; width: 25%; } .wp-fixBox .wp-hinweis-kat-right{ float: left; width: 75%; } .wp-fixBox .wp-hinweis-kat-right h6{ line-height: 1em; margin-bottom: 0.133em; } .wp-fixBox .wp-hinweis-kat-right > div{ font-size: 0.875em; line-height:1.3em; } .wp-fixBox .wp-hinweis-kat-right > div.smaller{ font-size: 0.813em; line-height:1.3em; margin-top: 5px; } /** * Dialog - Safari-Fix */ .wp-fixBox.left.safari-fix .wp-handle{ top: 42px; margin-left: -43px; } .wp-fixBox.safari-fix .wp-handle, #wp-fixBox.safari-fix .wp-handle{ top: 30px; margin-right: -30px; } /***************************************************************************************/ .contentModuleHolder.moduleMargin { margin-bottom: 50px; } .contentModuleHolder.moduleMargin:last-child { margin-bottom: 0; } /*File: https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/basicForms.css*/ /*Grabber: https://www.wp-cms2.de/modules/pageFramesAndModules/basicContent/assets/css/basicForms.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .contentExtras { margin-top:15px; } .responsiveFormular .formBackground { padding:15px 0px; background-color:rgba(0,0,0,0) !important; } .responsiveFormular .checkBoxArea { margin:0; /*20px 0*/ margin-bottom:15px; /*font-weight:bold;*/ line-height:1.7; } .responsiveFormular .formRow.lockHolder { margin-bottom:0; } .responsiveFormular .lockHolder .iconElement{ float:left; /*padding-top:2px;*/ } .responsiveFormular .lockHolder .iconLabel { margin-left:25px; display:block; font-size:12px; line-height:1.5; } .responsiveFormular .lockHolder .formElement {font-size:12px; line-height:1.5;} .responsiveFormular .text_small a.jqTransformCheckbox{margin-top:1px;} .responsiveFormular .formRow { margin-bottom:20px; } .responsiveFormular .formRow:list.child { margin-bottom:0; } .responsiveFormular .formHeadline { padding:5px; background-color:#666; color:#fff; margin-bottom:10px; } .responsiveFormular .formElement { float:left; width:47.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .responsiveFormular .formElement.label{ padding-top:9px; font-weight:bold; } .responsiveFormular .formElement.submit{ width:30% !important; /*margin-top:30px;*/ } .responsiveFormular .formElement.fullWidth { float:none; width:99.8%; } .responsiveFormular .formSpacer { float:left; width:4.8%; height:10px; } .responsiveFormular .formSperator { height:15px; } .responsiveFormular .formElement.submit { text-align:right; } .responsiveFormular .mainLabel { } .responsiveFormular .infoLabel { font-size:0.733em; } .checkboxRadioContainer .jqTransformCheckboxWrapper, .checkboxRadioContainer .jqTransformRadioWrapper { display:block; float:left; } .checkboxRadioContainer label { display:block; margin-left:30px; } .responsiveFormular .formElementText { font-weight:bold; padding-top:7px; } /*========== Anbieterformular ===========*/ .Anbieterform .checkBoxArea{margin-bottom:13px;} .Anbieterform .checkBoxArea a.jqTransformCheckbox{margin-top:4px;} /*---------------- ENDE ----------------*/ /*========== Anbieterformular ===========*/ .Suchauftrag .checkBoxArea{margin-bottom:13px;} .Suchauftrag .checkBoxArea a.jqTransformCheckbox{margin-top:4px;} /*---------------- ENDE ----------------*/ .stepByStepForm .formContainer { display: none; } .stepByStepForm .formContainer.active { display: block; } @media all and (max-width: 1280px) { /* styles for desktop Browser */ } @media all and (max-width: 960px) { /* styles for narrow desktop browsers and iPad landscape */ } @media all and (max-width: 768px) { /* styles for narrower desktop browsers and iPad portrait */ } @media all and (max-width: 610px) { /* styles for medium Tablets (Kindle etc)) */ } @media all and (max-width: 480px) { /* styles for iPhone/Android landscape (and really narrow browser windows) */ /* .responsiveFormular .formRow { margin-bottom:0px; } */ .responsiveFormular .formElement { float:none; width:100% !important; margin-bottom:10px; } .responsiveFormular .formSpacer { display:none; } .responsiveFormular .formElement.submit { text-align:left; } .responsiveFormular .checkBoxArea{line-height:1.4; margin-top:16px;} .responsiveFormular .checkboxRadioContainer{margin-top:12px;} } @media all and (max-width: 360px) { /* styles for iPhone/Android portrait */ #kassenForm .button { width:100%; text-align:center; } } /*File: https://www.live.wp-cms2.de//css/style.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/style.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ html,body{ min-height:100%; height:100%; margin:0; padding:0; } /* body { font-family:"open_sanslight", Arial, Helvetica, sans-serif; font-size:24px; line-height:38px; background-color:#ffffff; } @media all and (max-width: 1280px) { body { font-size: 20px; line-height: 34px; } } */ body { font-family:"open_sanslight", Arial, Helvetica, sans-serif; font-size:16px;/*16*/ line-height:21px;/*21*/ background-color:#ffffff; } @media all and (max-width: 960px) { body { font-size:14px; } } @media all and (max-width: 480px) { body { font-size:12px; } } #outer { min-height:100%; position:relative; } /*Bitte lassen!*/ input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{ color:#FFF; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{ color:#FFF; } ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder{ color: #404040; opacity: 1; } /* #out { padding-bottom:235px; } */ /*------------------------------------------------------------------------------------------------------------ALLGEMEIN BEREICH-------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0 0 0.7em 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { border:none; font-family:"open_sanslight", Arial, Helvetica, sans-serif; font-weight:normal; } h1, .h1{ font-size:2em;/*2.111*/ line-height:1.15;/*1*/ text-transform:uppercase; font-family:"open_sanslight", Arial, Helvetica, sans-serif; } h2, .h2{ font-size:1.25em; line-height:1.3;/*1*/ text-transform:uppercase; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; } h3, .h3{ font-size:1.053em;/*1.333*/ line-height:1.1; text-transform:uppercase; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; } .h3.underLine{ padding-bottom:10px; /*Anweisung nur für BKJ*/ } .h3.noUppercase, .noUppercase{text-transform:none;} .uppercase{text-transform:uppercase;} h4, .h4{ font-size:1em; line-height:1.12; font-family:"open_sanslight", Arial, Helvetica, sans-serif; } a h3, a.h3, a .h3, .h3 a, a h4, a.h4, a .h4{font-family:"open_sanslight", Arial, Helvetica, sans-serif;} h5, .h5{ font-size:1.0em; line-height:1.2; font-family:"open_sanslight", Arial, Helvetica, sans-serif; } h6, .h6{ font-size:1em; line-height:1.0; font-family:"open_sanslight", Arial, Helvetica, sans-serif; } .smallText { font-size:0.8em; } .tinyText { font-size:0.7em; } .bigSize { font-size:4.2em; line-height:1.05;} .mediumSize { font-size:2.7em; line-height:1.2;} .infoText { font-size:0.85em; color:#939393; } /* ===== Slider Headline ===== */ .sliderHeadline{ font-size:3.2em;/*2.111*/ line-height:1;/*1*/ color:#ffffff; margin-bottom:18px; } .sliderSubHeadline{ /*font-size:1.3em;/*1.15*/ /*line-height:1.4;/*1.2*/ /*color:#cbbba0;*/ } /* ----- Slider ende ----- */ /* === NICHT LÖSCHEN -> Special Anpassung für die Headlines in den Content / Immoseiten Seiten === */ /* .content_001 h1, .content_001 h1, .content_002 h1, .content_002 h1, .content_003 h1, .content_003 h1{ text-transform:none; font-size:1.755em; } .immoSearchResult_001 .buttonHolder, .immoSearchResult_002 .buttonHolder, .immoSearchResult_001 .immoTableElement .value, .immoSearchResult_002 .immoTableElement .value{ font-family:"robotomedium", Arial, Helvetica, sans-serif; } .vb_custom_start_001 .fourBox.newsletter .infoText .info{ font-family:"robotoitalic", Arial, Helvetica, sans-serif; } */ /***********/ .tinyMceBody h1 > h2, .tinyMceBody .h1 > .h2 { margin-top:0; } .tinyMceBody table{ width:100% !important; float:none; } .tinyMceBody p{ margin:5px 0 10px; } .font_regular a, .font_regular{ font-family:"open_sansregular", Arial, Helvetica, sans-serif; } .font_italic a, .font_italic{ font-family:"open_sansitalic", Arial, Helvetica, sans-serif; } i, a.font_lightItalic, .font_lightItalic a, .font_lightItalic{ font-family:"open_sanslight_italic", Arial, Helvetica, sans-serif; } .font_semibold a, .font_semibold{ font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; } .font_bold a, .font_bold{ font-family:"open_sansbold", Arial, Helvetica, sans-serif; } a.font_light { font-family:"open_sanslight" !important;} .font_light a, .font_light{ font-family:"open_sanslight", Arial, Helvetica, sans-serif; } .font_condensedLight{font-family:"open_sanslight", Arial, Helvetica, sans-serif;} strong, b{font-family:"open_sansbold", Arial, Helvetica, sans-serif; font-weight:normal; } hr { height:1px; line-height:1px; font-size:1px; margin:0;/*40 0*/ border:none; border-top: 1px solid #ccc;/*006*/ } form hr{ margin:40px 0; } i{ font-style:normal; } .floatLeft{ float:left; } .floatRight{ float:right; } .textCenter{text-align:center;} .buttonHolder a, .breadElement a, .contentModuleBox a, .backLink a{ /*font-weight:bold;bold*/ } .tinyMceBody a, .cmsContentContainer a{ font-weight:bold; } .tableSeprationLine { margin:0; } .mainArea .editArea ol:not(.no_style){padding-left:21px;/*29*/} .mainArea .editArea ul:not(.no_style){padding-left:34px;/*17*/} .mainArea .editArea li{ list-style:none; margin-bottom:10px; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; } .mainArea .editArea li:before{ font-family: 'fontello'; content: '\e800'; /* '' */ margin-right:14px; margin-left:-30px; } .zitatText{font-size:1.2em;} .zitatUSchrift{font-size:0.8em;} .formTargetURL{ display: none; } .editFrameHolder .formTargetURL{ display: block; } /* @media all and (max-width: 768px) { .sliderHeadline{ font-size:2.8em; line-height:1.15; } .sliderSubHeadline{ font-size:1.3em; } } @media all and (max-width: 610px) { h1, .h1{font-size:1.7em;} h3, .h3{line-height:1.3;} } @media all and (max-width: 480px) { h1, .h1{font-size:1.3em; line-height:1.4;} h2, .h2{font-size:1.5em; line-height:1.4;} h3, .h3{font-size:1.15em; line-height:1.3;} } @media all and (max-width: 360px) { body{font-size:18px; line-height:23px;} .mediumSize {font-size: 2.1em;} h3, .h3{font-size:0.9em; line-height:1.2;} } @media all and (max-width: 320px) { body { font-size: 15px; line-height: 20px; } h2, .h2{margin-bottom:24px;} } */ /*File: https://www.live.wp-cms2.de//css/header.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/header.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ #headerHolder{ position: relative; background-color:#ffffff; border-bottom:1px solid #e0e0e0; /*-webkit-box-shadow: 0 4px 7px 1px #e0e0e0; box-shadow: 0 4px 7px 1px #e0e0e0;*/ } #logoHead { padding: 38px 0 23px; width: 25%; float: left; } #logo { height:49px; width:100%; max-width:182px; min-width:182px; /* background-image:url(/css/../pics/logo-big.png); background-repeat:no-repeat; background-size:100%; */ } #logo a { display:block; width:100%; height:100%; } @media all and (max-width: 1024px) { #logoHead {width: 29%;} } @media all and (max-width: 960px) { #logoHead {width: 30%;} } @media all and (max-width: 800px) { } @media all and (max-width: 768px) { } @media all and (max-width: 610px) { /* styles for iPhone/Android landscape (and really narrow browser windows) */ #logo { width:100%; } #logoHead { padding:15px 0; width:100%; } #headerHolder{ -webkit-box-shadow: none; box-shadow: none; } } @media all and (max-width: 480px) { /* styles for iPhone/Android landscape (and really narrow browser windows) */ #logoHead{width:55%;} #headerHolder{height:100px;} #logoHead{padding-top:29px; padding-bottom:10px;} /*#logoHead { padding:15px 0; }*/ } @media all and (max-width: 360px) { #logo { max-width:182px; } } @media all and (max-width: 320px) { #logoHead{width:69%;} #logo { max-width:182px; } } /*File: https://www.live.wp-cms2.de//css/footer.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/footer.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ /*------------------------------------------FOOTER BEREICH-----------------------------------*/ .copyrightSocial { padding:15px 0; } .copyrightSocial .footerLeft { padding-top:2px; } .copyrightSocial .footerRight { text-align:right; } #footer{ bottom:0; font-size:16px;/*12*/ position:absolute; width:100%; background: #fff; } #footer .button{ font-size:1.3em; } #footer a{color:#000000;} #footer a:hover{color:#a20000;} #footer .footerToggle { /*margin-left: -6px;*/ } #footer .toggleIcon.icon-angle-right:before{ float:left; margin:10px 6px 0 -6px;/*5 8 0 -4*/ } #footer .toggleIcon.icon-angle-down:before{margin-left:-6px;} #footer .seoDesc{position:relative; display:inline-block; } #footer .seoText.toggleIcon.icon-angle-right:before{ float:left; margin:5px 4px 0 -2px;/*5 8 00*/ } #footer .seoText.toggleIcon.icon-angle-down:before{margin-left:0px;} #footer #seoContentText{ color:#000000; } .footerLeft { float:left; width:70%;/*55 / 58*/ color:#929ead; margin-top:-4px; } .footerRight { float:right; width:30%;/*43.5 / 42*/ margin-top:-4px; } .footerLinkSpacer { padding:0 20px; } .realFooter { padding:28px 0 18px;/*37 0 26*/ /*-webkit-box-shadow:0 -5px 5px -1px rgba(0,0,0,0.1); box-shadow:0 -5px 5px -1px rgba(0,0,0,0.1);*/ } .footerSpacer{margin-right:35px;} .copyright{ display: inline-block; } .design{ font-style: italic; } #footer .copyright, #footer .design a{color:#929ead;} #footer .design a:hover{color:#ffffff; text-decoration:none;} #footer .impressum{ display:inline-block; /*margin-left:22px;*/ } #socialMediaHolder{ float: right; } #socialMediaButton{ float: right; } #socialMediaHolder .iconHolder a { font-size: 19px; display: block; } #footer #socialMediaHolder .iconHolder a { color: #929ead; } #footer #socialMediaHolder .iconHolder a:hover{ color: #fff; text-decoration:none; } #socialMediaHolder .iconHolder { width:25px;/*30*/ display:inline-block; cursor:pointer; position:relative; margin-right:1px;/*5*/ } #socialMediaHolder .iconHolder.gp{margin-left:3px;} #socialMediaHolder .iconHolder .icon-circle { font-size:2em; color:#5c7480; transition: all 0.4s ease 0s; } #socialMediaHolder .iconHolder:hover .icon-circle { color:#9cb2bd; } #socialMediaHolder .iconHolder span[class^=social]{ font-size:0.5em; position:absolute; left:8px; top:7px; z-index:50; color:#1b3542; } /* #footer .button { font-family:"roboto_condensedbold"; } */ @media all and (max-width: 1280px) { #footer .toggleIcon.icon-angle-right:before{ float:left; margin:8px 6px 0 -6px;/*5 8 0 -4*/ } } @media all and (max-width: 960px) { /* styles for narrow desktop browsers and iPad landscape */ .footerLinkSpacer { padding:0; } .footerLeft { width:75%; /*margin-bottom: 10px;*/ } .footerRight{ width:25%; margin-top:0; } } @media all and (max-width: 800px) { .footerRight{ width:20%;/*57*/ margin-top:-2px; } .footerLeft{ width:80%;/*43*/ margin-top:-5px;/*-2*/ margin-bottom:0; } } @media all and (max-width: 786px) {} @media all and (max-width: 610px) { .footerLeft{width:75%;/*49*/} .footerRight{width:22%;/*50*/} #footer #sitemapHolder .sitemapColumn{width:25%;} .footerLeft .design.footerSpacer{float:none; display:inline-block;} } @media all and (max-width: 480px) { .newsLetterForm, .quickNavi { padding:18px 0; border-bottom:none; } .copyrightSocial { padding:13px 0; } .footerLeft{ width:50%;/*85*/ float:left; /*margin-bottom:12px;*/ margin-top:10px; /*neu dazu*/ } .footerRight { width:48%;/*8*/ float:right; text-align:right; } .footerRight .impress{float:right;} #socialMediaHolder { margin-top:0px;/*2*/ text-align:right; /*center*/ /*width: auto;*/ margin-bottom: 0px;/*10*/ margin-left:0px;/*-15*/ } #socialMediaButton{ float: right;/*left none*/ } #socialMediaHolder .iconHolder { width:20px;/*35*/ margin-bottom:4px; } #socialMediaHolder .iconHolder .icon-circle { font-size:2.5em; } #socialMediaHolder .iconHolder span[class^="social"] { left: 11px; top: 8px; } #footer .design{float:none;} .footerRight.textRight{margin-top:0;} #socialMediaHolder{text-align:left;} } @media all and (max-width: 360px) { #socialMediaButton{float:none;/*left*/ width:100%; text-align: center;} #socialMediaHolder{margin-left:0; float:none;/*left*/ width:100%;} .social_share_privacy_area.clearfix{display:inline-block !important;} /*.design{float:none;} .footerRight.textRight{width:100%;}*/ .footerLeft{margin-top:-2px;} .footerRight.textRight{text-align:left !important;} } @media all and (max-width: 320px) { .footerLeft.seoLinks {/*display:none;*/} .design {display: block; float: right;} } /*------------------------------------------SITEMAP BEREICH-----------------------------------*/ #sitemap li.kat{ font-weight:bold; } #sitemap li.subkat{ } #sitemapHolder{ padding:10px 0; } #footer #seoContentTextHolder{padding:0px 0 25px;} #footer #sitemapHolder .headline { font-size: 1.1em; } #footer #sitemapHolder .headline a { font-size:1.09em; } #footer #sitemapHolder .sitemapColumn { float: left; width: 20%; padding-bottom:20px; min-height:56px;/*110 / 150*/ } #footer .sitemapColumn, #footer .sitemapColumn a { font-size: 1em; line-height: 1.5; } @media all and (max-width: 768px) { #footer #sitemapHolder .sitemapColumn, #sitemapHolder .sitemapColumn { width:33%; /*min-height:150px;*/ } } @media all and (max-width: 610px) { #footer #sitemapHolder .sitemapColumn {min-height:auto;} } @media all and (max-width: 480px) { #footer #sitemapHolder .sitemapColumn, #sitemapHolder .sitemapColumn { width:50%; } } @media all and (max-width: 360px) { #footer #sitemapHolder .sitemapColumn, #sitemapHolder .sitemapColumn { width:100%; float:none; /*min-height:10px;*/ padding-bottom:10px; margin-bottom:10px; border-bottom: 1px solid #4d6571; } /*.copyright{margin-left:9px;} .design{float:left; margin-left:0;}*/ /*#socialMediaHolder{float:right;}*/ } /*File: https://www.live.wp-cms2.de//css/navi.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/navi.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ #navigationHolder{ /*position: absolute; top: 100%;*/ width: 75%;/*100*/ float: right; /*z-index: 9999999; background-color:#ffffff; border-bottom:1px solid #d3d3d3; -webkit-box-shadow:inset 0 5px 5px -1px rgba(0,0,0,0.2); box-shadow:inset 0 5px 5px -1px rgba(0,0,0,0.1);*/ font-size: .88em; } #navigation { height: 30px;/*61*/ margin-top: 35px; } .rspNavigationMenuButton{ position: relative; display: none; width: 40px; height: 37px; cursor: pointer; background: url(/pics/navi-menu.png) no-repeat top; } .rspNavigationMenuButton{ background-position:bottom; } .responsiveNaviMenuContentInner{text-align:right;} /** * Responsive Navigation - Basics * Ebene 0: */ ul.responsiveNavi{ margin: 0; padding: 0; display: inline-block; position: relative; z-index: 9000; width: 100%; } ul.responsiveNavi li{ list-style: none; float: right;/*left*/ } ul.responsiveNavi li.nav{ /*width: 19.5%;*/ } ul.responsiveNavi li.nav.icon{ width: 5.5%;/*8.5 7*/ } ul.responsiveNavi li.responsiveNaviMenu{ position: relative; width: 69.5%;/*85.5*/ } ul.responsiveNavi li.nav.line{ width: 1px; height: 12px; margin: 12px 4.5% 0;/*26 5.2*/ /*border-left:1px solid #c5c5c6;*/ } ul.responsiveNavi li.nav.line.first{ margin-left:1%; margin-right:2%; } /** * Ebene 1: */ ul.responsiveNavi li > div.responsiveSubNaviHolder{ position: absolute; display: none; z-index: 9001; top: 100%; left: 0; margin: 0; } ul.responsiveNavi li div.responsiveSubNaviInner{ position: relative; /*background: #FFFFFF;*/ background: rgba(255,255,255,0.95); -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px; padding: 19px 25px; } ul.responsiveNavi li div.responsiveSubNaviInner:after { bottom: 100%; left: 25px;/*13*/ border:0px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; margin-left: -8px; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } ul.responsiveNavi li div.responsiveSubNaviInner .subLine{ height: 1px; border-bottom:1px solid #d5d5d5; } ul.responsiveNavi li div.responsiveSubNaviInner .subLine.afterOverviewButton{ display: none; } ul.responsiveNavi li:hover > div.responsiveSubNaviHolder{ display: block; } /** * Ebene 2: */ div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder{ position: absolute; display: none; z-index: 9002; top: -10px; left: 100%; margin: 0; padding: 0; } div.responsiveSubNaviHolder div:hover > div.responsiveSubSubNaviHolder{ display: block; } ul.responsiveNavi li > div.responsiveSubNaviHolder.right { left: auto; right: 0; } ul.responsiveNavi li > div.responsiveSubNaviHolder.right .responsiveSubNaviInner:after{left:85%;} /** * Ebene 3: */ div.responsiveSubSubNaviHolder div > div.responsiveSubSubSubNaviHolder{ position: absolute; display: none; z-index: 9003; top: 0; left: 100%; margin: 0; padding: 0; } div.responsiveSubSubNaviHolder div:hover > div.responsiveSubSubSubNaviHolder{ display: block; } /** * Ebene 4: */ div.responsiveSubSubSubNaviHolder div > div.responsiveSubSubSubSubNaviHolder{ position: absolute; display: none; z-index: 9004; top: 0; right: 0; margin: 0; padding: 0; } div.responsiveSubSubSubNaviHolder div:hover > div.responsiveSubSubSubSubNaviHolder{ display: block; } /** * Ebenenübergreifend: */ ul.responsiveNavi li, div.responsiveSubNaviHolder div, div.responsiveSubSubNaviHolder div, div.responsiveSubSubSubNaviHolder div{ position: relative; } ul.responsiveNavi li a.responsiveNaviMenuButton{ display: none; cursor: pointer; } ul.responsiveNavi .subLine{ display: block; padding: 0; margin: 0; width: 100%; height: 6px; } ul.responsiveNavi .responsiveSubNaviMultidropContainer.second > .subLine:first-child, ul.responsiveNavi .responsiveSubNaviMultidropContainer.third > .subLine:first-child, ul.responsiveNavi .responsiveSubNaviMultidropContainer.fourth > .subLine:first-child{ display: none;/*none*/ } ul.responsiveNaviMenuContent{ padding: 0; margin: 0; } ul.responsiveNavi .responsiveOverviewButton{ display: none; } /** /* Navigation Stile /* Ebene 0: */ ul.responsiveNavi li a{ display: inline-block; padding: 5px 0 5px;/*21 0 15*/ font-family: "open_sanslight", Arial, Helvetica, sans-serif; /*font-size: 1.067em; text-transform: uppercase;*/ color: #1a1a1a; width: 100%; text-align: left; } ul.responsiveNavi li a:hover{ text-decoration: none; color: #a20000; } ul.responsiveNavi a span.arrowIcon{ display: none; } ul.responsiveNavi div.withSubPages > a span.arrowIcon{ display: block; } ul.responsiveNavi li.nav a.aTop.icon{ font-size: 1.4em;/*1.067*/ /*padding: 21px 0 18px;*/ } ul.responsiveNavi li.nav a.aTop.icon .icon-home{ display: inline-block;/*none*/ } ul.responsiveNavi li.nav a.aTop.icon .txt{ display: none;/*inline-block*/ } ul.responsiveNavi li.nav:hover a.aTop, ul.responsiveNavi li.nav.active a.aTop { position: relative; z-index: 50; } @media all and (max-width: 600px) { ul.responsiveNavi li.nav:hover a.aTop, ul.responsiveNavi li.nav.active a.aTop { padding-left:0; padding-right:0; } #navigationHolder{ background-color:transparent; border-bottom:0; } } ul.responsiveNavi li.nav:hover a.aTop, ul.responsiveNavi li:hover a.responsiveNaviMenuButton, ul.responsiveNavi .responsiveNaviMenuContent li.nav:hover a.aTop{ background-color: #fff; } ul.responsiveNavi li.nav.active a.aTop, ul.responsiveNavi li.nav:hover a.aTop, ul.responsiveNavi li.active a.responsiveNaviMenuButton, ul.responsiveNavi .responsiveNaviMenuContent li.nav.active a.aTop{ /*background: #eda90f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYTkwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y3ODQwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y3NzAwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2Y4ODgwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTJkMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eda90f 0%, #f78405 51%, #f77005 53%, #f8880a 99%, #e92d03 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eda90f), color-stop(51%,#f78405), color-stop(53%,#f77005), color-stop(99%,#f8880a), color-stop(100%,#e92d03)); background: -webkit-linear-gradient(top, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); background: -o-linear-gradient(top, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); background: -ms-linear-gradient(top, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); background: linear-gradient(to bottom, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda90f', endColorstr='#e92d03',GradientType=0 ); color: #FFFFFF;*/ color: #3d70a8; /*border-bottom:3px solid #3d70a8;*/ } /** /* Ebene 1: */ div.responsiveSubNaviHolder, div.responsiveNaviMenuContent > div.responsiveSubNaviHolder{ padding: 15px 0; /*background-color: #203F4E; background-color: rgba(32,63,78,0.9);*/ } div.responsiveSubNaviHolder > div a{ width: 100%; font-size: 0.9em; padding: 4px 0; text-transform: none; text-align: left; border: none; /*width: 178px;*/ background-color: transparent; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -ms-transition: background 200ms linear; -o-transition: background 200ms linear; transition: background 200ms linear; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #5d5d5d; } div.responsiveSubNaviHolder.forceLong .responsiveSubNaviMultidropContainer { border:none; margin-top:15px;/*15*/ } div.responsiveSubNaviHolder .responsiveSubNaviMultidropContainer.first { margin-top:0; } div.responsiveSubNaviHolder .subNav { width:25%; padding-right:10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; } div.responsiveSubNaviHolder .subNav.withSubPages .arrowIcon, div.responsiveSubNaviHolder .subNav .arrowIcon { display:none; } div.responsiveSubNaviHolder.forceLong .subNav .arrowIcon { display:block; } div.responsiveSubNaviHolder .subNav.responsiveOverviewButton { display:none; } div.responsiveSubNaviHolder .subNav .responsiveSubImage{ height:82px; border:1px solid #d2dbe4; } div.responsiveSubNaviHolder .subNav .responsiveSubImage .responsiveSubImageInner { height:100%; } div.responsiveSubNaviHolder .subNav .responsiveSubImage a { display:block; height:100%; width:100%; overflow:hidden; padding:0; float:none; } div.responsiveSubNaviHolder .subLine {display:none;} div.responsiveSubNaviHolder .subNav a.aSub { border-bottom:1px solid #d5d5d5; } div.responsiveSubNaviHolder.forceLong .subNav a.aSub { margin-bottom:0px;/*10*/ } div.responsiveSubNaviHolder .subNav.active .aSub, div.responsiveSubNaviHolder .subsubNav.active .aSubSub{color:#3d70a8;} div.responsiveSubNaviHolder > div a span.arrowIcon, div.responsiveSubSubNaviHolder > div a span.arrowIcon, div.responsiveSubSubSubNaviHolder > div a span.arrowIcon{ float: right; margin-top: 4px; } div.responsiveSubNaviHolder > div a span.responsiveButtonPadding, div.responsiveSubSubNaviHolder > div a span.responsiveButtonPadding, div.responsiveSubSubSubNaviHolder > div a span.responsiveButtonPadding{ padding: 0 1px; display: inline-block; float: left; font-family: "open_sanslight", Arial, Helvetica, sans-serif; } div.responsiveSubNaviHolder > div .subNav:hover a, div.responsiveSubNaviHolder > div a:hover{ /*background-color: #2d5769;*/ color: #3d70a8; } div.responsiveSubNaviHolder > div.responsiveSubNaviMultidropContainer{ float: left; width: 215px; } div.responsiveSubNaviHolder > div.responsiveSubNaviMultidropContainer.second, div.responsiveSubNaviHolder > div.responsiveSubNaviMultidropContainer.third, div.responsiveSubNaviHolder > div.responsiveSubNaviMultidropContainer.first{ width: 215px; padding: 0 24px; border-right: 1px solid #627377; } div.responsiveSubNaviHolder > div.responsiveSubNaviMultidropContainer.first{ padding-left: 0; } div.responsiveSubNaviHolder.multiElements_2 > div.responsiveSubNaviMultidropContainer.second{ padding-right: 0; border-right: 0; } div.responsiveSubNaviHolder.multiElements_3 > div.responsiveSubNaviMultidropContainer.third{ padding-right: 0; border-right: 0; } div.responsiveSubNaviHolder.multiElements_4 > div.responsiveSubNaviMultidropContainer.fourth{ padding-right: 0; border-right: 0; } __div.responsiveSubNaviHolder.multiElements_2{ width: 480px; /*215 + 265*/ } __div.responsiveSubNaviHolder.multiElements_3{ width: 745px; /* 215 + 265 + 265 */ } div.responsiveSubNaviHolder.multiElements_1 { width:260px; } div.responsiveSubNaviHolder.multiElements_1.forceLong, div.responsiveSubNaviHolder { width:745px; } div.responsiveSubNaviHolder.multiElements_1:not(.forceLong) .subNav { width:100%; padding-right:0; } /** /* Ebene 2: */ div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder { padding: 0 0 0 40px; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviInner{ position: relative; background: #FFFFFF; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px; padding: 19px 25px; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviInner:after{ right: 100%; top: 27px; border:0px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; margin-top: -8px; border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; bottom: inherit; left: inherit; } /** /* Responsive Navigation - Media Queries */ /* @media all and (max-width: 960px) and (min-width: 600px), all and (orientation : portrait){ */ @media all and (max-width: 1280px) { ul.responsiveNavi li.nav.line {margin:26px 3.5% 0;} /*ul.responsiveNavi li.nav{width:84%;}*/ } @media all and (max-width: 1024px) { ul.responsiveNavi li.nav.line{margin-left:3.5%; margin-right:3.5%;} #navigationHolder{width:71%;} ul.responsiveNavi li.nav.icon{/*width:13.5%;*/} ul.responsiveNavi li.responsiveNaviMenu{width:82.5%;} } /*@media all and (max-width: 960px) and (min-width: 600px) {*/ @media all and (max-width: 992px) and (min-width: 770px) { #navigationHolder{width:70%;} ul.responsiveNavi li.nav.icon{width:9.5%;} .responsiveSubImage { display:none; } ul.responsiveNavi .subNav { float:none; display:block; width:100%; } div.responsiveSubNaviHolder .subNav a.aSub { margin-bottom:0px; } div.responsiveSubNaviHolder .subNav a.aSub span{ display:none; } div.responsiveSubNaviHolder .responsiveSubNaviMultidropContainer { margin-top:0; } ul.responsiveNavi li.responsiveNaviMenu{ width: auto; } ul.responsiveNavi li a.responsiveNaviMenuButton{ display: block; margin-left: 4px; } ul.responsiveNavi li ul.responsiveNaviMenuContent{ display: none; position: absolute; top: 100%; left: 0; width: 228px; padding: 15px 0; } ul.responsiveNavi li div.responsiveNaviMenuContentInner{ position: relative; background: #FFFFFF; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px; padding: 19px 25px; } ul.responsiveNavi li div.responsiveNaviMenuContentInner:after{ bottom: 100%; left: 27px; border:0px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; margin-left: -8px; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } ul.responsiveNavi li a.responsiveNaviMenuButton:hover ul.responsiveNaviMenuContent, ul.responsiveNavi li:hover ul.responsiveNaviMenuContent{ display: block; } ul.responsiveNavi .withSubPages > a span.arrowIcon{ display: block; } ul.responsiveNavi li.nav { width: auto;/*20 100 */ } ul.responsiveNavi ul.responsiveNaviMenuContent a span.responsiveButtonPadding{ padding: 0 5px; display: inline-block; } ul.responsiveNavi li ul.responsiveNaviMenuContent li{ display: block; float: none; } ul.responsiveNavi li ul.responsiveNaviMenuContent li.nav.line{ height: 0; border-bottom: 1px solid #d5d5d5; width: 100%; } ul.responsiveNavi li ul.responsiveNaviMenuContent li.nav.line.first{ display: none; } ul.responsiveNavi li.nav.active a.aTop, /*ul.responsiveNavi li.nav:hover a.aTop,*/ ul.responsiveNavi li.active a.responsiveNaviMenuButton, ul.responsiveNavi .responsiveNaviMenuContent li.nav.active a.aTop{ /*background: transparent; background: #3d70a8;*/ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYTkwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y3ODQwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y3NzAwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2Y4ODgwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTJkMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eda90f 0%, #f78405 51%, #f77005 53%, #f8880a 99%, #e92d03 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eda90f), color-stop(51%,#f78405), color-stop(53%,#f77005), color-stop(99%,#f8880a), color-stop(100%,#e92d03)); background: -webkit-linear-gradient(top, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); background: -o-linear-gradient(top, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); background: -ms-linear-gradient(top, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); background: linear-gradient(to bottom, #eda90f 0%,#f78405 51%,#f77005 53%,#f8880a 99%,#e92d03 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda90f', endColorstr='#e92d03',GradientType=0 ); border-bottom:0;*/ color: #3d70a8; border-bottom:none; /*color: #3d70a8;*/ } ul.responsiveNavi li.nav:hover a.aTop{border-bottom:0;} /*ul.responsiveNavi li.nav.line{margin:4px 0;}*/ ul.responsiveNavi li.nav a.aTop.icon .txt{display:none;} ul.responsiveNavi li.nav a.aTop.icon{font-size:1.6em;} ul.responsiveNavi li ul.responsiveNaviMenuContent li a{ width: 100%; font-size: 1em; padding: 4px 0; text-transform: none; text-align: left; border: none; width: 178px; background: transparent; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -ms-transition: background 200ms linear; -o-transition: background 200ms linear; transition: background 200ms linear; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #5d5d5d; display: inline-block; } ul.responsiveNavi li ul.responsiveNaviMenuContent li a span.arrowIcon{ float: right; margin-top: 4px; } ul.responsiveNavi li ul.responsiveNaviMenuContent li a:hover{ color: #3d70a8; } ul.responsiveNaviMenuContent li > div.responsiveSubNaviHolder{ /*margin-left: 25px;*/ width: 228px; left: 100%; top: -14px; padding: 0 0 0 45px; } ul.responsiveNaviMenuContent li div.responsiveSubNaviInner:after{ right: 100%; top: 13%; border:0px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; margin-top: -8px; border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; bottom: inherit; left: inherit; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder{ padding: 0 45px 0 0; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviInner:after{ left: 100%; top: 27px; border:0px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 8px; margin-top: -8px; border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; bottom: inherit; right: inherit; } ul.responsiveNavi .responsiveNaviMenuContent li a { display:inline; } ul.responsiveNaviMenuContent li > div.responsiveSubNaviHolder.right{ left: 100%; right: auto; } div.responsiveSubNaviHolder div:hover > div.responsiveSubSubNaviHolder{ display: block; left: auto; right: 100%; } ul.responsiveNaviMenuContent li > div.responsiveSubNaviHolder .responsiveSubNaviMultidropContainer{ border: none; padding: 0; float: none; } /* ul.responsiveNavi .responsiveSubNaviMultidropContainer.second > .subLine:first-child, ul.responsiveNavi .responsiveSubNaviMultidropContainer.third > .subLine:first-child, ul.responsiveNavi .responsiveSubNaviMultidropContainer.fourth > .subLine:first-child{ display: block; } */ ul.responsiveNavi li.nav .icon-angle-right.arrowIcon{display:none;} } @media all and (max-width: 800px) { #navigationHolder{width:70%;} ul.responsiveNavi li.nav.line{margin-left:2%; margin-right:2%;} /*ul.responsiveNavi li.nav{width:28%; margin-right:3%;}*/ } @media all and (max-width: 768px) { /*610*/ #navigationHolder{width:100%;} ul.responsiveNavi{width:109.2%; margin-left:-24px;} ul.responsiveNavi li.nav{width:100%;} #navigation{ height: 2px; } ul.responsiveNavi li.nav a.aTop.icon .icon-home{display:none;} #navigation > .contentWidth{ padding: 0; } #rspNavigation{ width: 100%; position: relative; } .responsiveSubImage { display:none; } ul.responsiveNavi .subNav { float:none; display:block; width:100%; } div.responsiveSubNaviHolder .subNav a.aSub { margin-bottom:0px; } div.responsiveSubNaviHolder .subNav a.aSub span{ display:none; } div.responsiveSubNaviHolder .responsiveSubNaviMultidropContainer { margin-top:0; } div.responsiveSubNaviHolder .subNav a.aSub { border:none; } .rspNavigationMenuButton{ display: block; position: absolute; right: 0px;/*20*/ top: -166px; z-index: 9999999; } ul.responsiveNavi{ display: none; width: 111.5%;/*100*/ background-color: #FFFFFF; /*border-bottom: 3px solid #4D8FA8;*/ } ul.responsiveNavi .responsiveOverviewButton{ display: block; } ul.responsiveNavi li a.responsiveNaviMenuButton{ display: none; } ul.responsiveNavi li ul.responsiveNaviMenuContent{ display: block; background: none; padding: 0; position: relative; width: 100%; } ul.responsiveNavi li.nav.line, ul.responsiveNavi .subLine, ul.responsiveNavi .subsubLine{ display: block; height: 1px; background-color: #d6d7d7; margin: 0; width: 100%; } ul.responsiveNavi .subLine{ background-color: #d6d7d7; } div.responsiveSubNaviHolder > div a{ color: #848587; } div.responsiveSubNaviHolder > div a:hover{ /*background-color: #1f73ad;*/ color: #3d70a8; } ul.responsiveNavi .responsiveSubNaviHolder .subLine, ul.responsiveNavi .responsiveSubSubNaviHolder .subLine{ background-color: transparent; } ul.responsiveNavi li div.responsiveSubNaviInner { padding: 0; -webkit-border-radius: 0; border-radius: 0; /*background: #1b6496;*/ } ul.responsiveNavi li div.responsiveSubNaviInner:after{ border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #bf4443; } ul.responsiveNavi li div.responsiveSubNaviInner .subLine.afterOverviewButton{ display: block; } ul.responsiveNavi li div.responsiveSubNaviInner .aSub{ padding: 4px 18px 4px 16px; } ul.responsiveNavi li div.responsiveSubNaviInner .subLine { border-bottom: 1px solid #165077; height: 1px; } ul.responsiveNavi li.responsiveNaviMenu{ width: 100%; } ul.responsiveNavi li, ul.responsiveNavi li ul.responsiveNaviMenuContent li, ul.responsiveNavi li.nav.icon{ display: block; width: 100%; } ul.responsiveNavi li.nav.icon span[class^="icon-"]{ display: none; } ul.responsiveNavi li.nav a.aTop.icon .txt{ display: inline-block !important; } ul.responsiveNavi li a.aTop, ul.responsiveNavi li ul.responsiveNaviMenuContent li a.aTop, ul.responsiveNavi li.nav a.aTop.icon, ul.responsiveNavi li ul.responsiveNaviMenuContent li a.aTop.icon{ /*border-bottom: 0 none;*/ display: block; font-family: "open_sansregular", Arial, Helvetica, sans-serif; font-size: 1.533em; padding: 0; text-transform: uppercase; width: 100%; -webkit-border-radius: 0; border-radius: 0; /*background: #005ea8;*/ color: #848587; box-shadow: none; -webkit-box-shadow: none; } ul.responsiveNavi li.nav.active a.aTop, ul.responsiveNavi li.nav:hover a.aTop, ul.responsiveNavi li.active a.responsiveNaviMenuButton, ul.responsiveNavi .responsiveNaviMenuContent li.nav.active a.aTop { color: #3d70a8; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder{ } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviInner{ -webkit-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background-color: #268ed6; } /*ul.responsiveNavi li.nav:hover a.aTop, ul.responsiveNavi li.nav.active a.aTop, ul.responsiveNavi li:hover a.responsiveNaviMenuButton, ul.responsiveNavi li.active a.responsiveNaviMenuButton, ul.responsiveNavi .responsiveNaviMenuContent li.nav:hover a.aTop, ul.responsiveNavi .responsiveNaviMenuContent li.nav.active a.aTop, ul.responsiveNavi .responsiveNaviMenuContent li.nav:hover a.aTop.icon, ul.responsiveNavi .responsiveNaviMenuContent li.nav.active a.aTop.icon{ background: #0067b8; }*/ ul.responsiveNavi .responsiveSubNaviMultidropContainer.second > .subLine:first-child, ul.responsiveNavi .responsiveSubNaviMultidropContainer.third > .subLine:first-child, ul.responsiveNavi .responsiveSubNaviMultidropContainer.fourth > .subLine:first-child{ display: block; } div.responsiveSubNaviHolder > div a, div.responsiveSubSubNaviHolder > div a, div.responsiveSubSubSubNaviHolder > div a{ font-size: 1.3em; width: 100%; } ul.responsiveNavi li a span.responsiveButtonPadding, ul.responsiveNavi li ul.responsiveNaviMenuContent li a span.responsiveButtonPadding{ display: block; padding: 25px 19px 22px; } ul.responsiveNavi li ul.responsiveNaviMenuContent .responsiveSubNaviHolder a span.responsiveButtonPadding{ padding: 19px 4px 19px; } ul.responsiveNavi div.responsiveSubNaviHolder > div a span.arrowIcon, ul.responsiveNavi div.responsiveSubSubNaviHolder > div a span.arrowIcon, ul.responsiveNavi div.responsiveSubSubSubNaviHolder > div a span.arrowIcon{ margin-top: 25px; display: none; } ul.responsiveNavi li div.responsiveSubNaviHolder, ul.responsiveNavi li ul.responsiveNaviMenuContent li div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder, ul.responsiveNavi li ul.responsiveNaviMenuContent li div.responsiveSubSubNaviHolder div > div.responsiveSubSubSubNaviHolder, ul.responsiveNaviMenuContent li div.responsiveSubNaviHolder > div.responsiveSubNaviMultidropContainer{ position: relative; width: 100%; left: 0; top: 0; padding: 0; } div.responsiveSubSubSubNaviHolder div:hover > div.responsiveSubSubSubSubNaviHolder, div.responsiveSubSubNaviHolder div:hover > div.responsiveSubSubSubNaviHolder, div.responsiveSubNaviHolder div:hover > div.responsiveSubSubNaviHolder, ul.responsiveNavi li:hover > div.responsiveSubNaviHolder{ display: none; } div.responsiveSubSubSubNaviHolder div.open > div.responsiveSubSubSubSubNaviHolder, div.responsiveSubSubNaviHolder div.open > div.responsiveSubSubSubNaviHolder, div.responsiveSubNaviHolder div.open > div.responsiveSubSubNaviHolder, ul.responsiveNavi li.open > div.responsiveSubNaviHolder{ display: block; } /* Farben */ ul.responsiveNavi li div.responsiveSubNaviHolder, ul.responsiveNavi li ul.responsiveNaviMenuContent li div.responsiveSubNaviHolder div.responsiveSubNaviMultidropContainer{ background: #ffffff;/*5EB0CF*/ margin-top:0; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder{ background: #BBDA4D; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder a{ color: #FFF; } div.responsiveSubNaviHolder div > div.responsiveSubSubNaviHolder a:hover{ color: #fff; } div.responsiveSubSubNaviHolder div > div.responsiveSubSubSubNaviHolder{ background: #0C191F; } /* Icons */ ul.responsiveNavi li.nav.withSubPages a.aTop, ul.responsiveNavi li.nav.active.withSubPages a.aTop, ul.responsiveNavi li ul.responsiveNaviMenuContent li.withSubPages a.aTop, ul.responsiveNavi li div.responsiveSubNaviHolder div.withSubPages a.aSub, ul.responsiveNavi li ul.responsiveNaviMenuContent li div.responsiveSubNaviHolder div.withSubPages a.aSub, ul.responsiveNavi li.nav.active a.aTop ul.responsiveNavi li div.responsiveSubSubNaviHolder div.withSubPages a.aSubSub, ul.responsiveNavi li ul.responsiveNaviMenuContent li div.responsiveSubSubNaviHolder div.withSubPages a.aSubSub{ background-image: url(/css/../pics/navi-arrow-right.png); background-repeat: no-repeat; background-position:center right; -webkit-border-radius: 0; border-radius: 0; } ul.responsiveNavi li.withSubPages.open a.aTop, ul.responsiveNavi li ul.responsiveNaviMenuContent li.withSubPages.open a.aTop, ul.responsiveNavi li div.responsiveSubNaviHolder div.withSubPages.open a.aSub, ul.responsiveNavi li ul.responsiveNaviMenuContent li div.responsiveSubNaviHolder div.withSubPages.open a.aSub, ul.responsiveNavi li div.responsiveSubSubNaviHolder div.withSubPages a.aSubSub, ul.responsiveNavi li ul.responsiveNaviMenuContent li div.responsiveSubSubNaviHolder div.withSubPages a.aSubSub{ background-image: url(/css/../pics/navi-arrow-down.png); background-repeat: no-repeat; background-position:center right; -webkit-border-radius: 0; border-radius: 0; } #headerHolder{height:100px;} #logoHead{padding-top:29px;} #navigation{margin-top:9px;} .rspNavigationMenuButton{top:-79px;/*-65*/} } @media all and (max-width: 610px) { .rspNavigationMenuButton{top:-70px;} } @media all and (max-width: 480px) { .rspNavigationMenuButton{top:-68px;} } @media all and (max-width: 360px) { #headerHolder{height:92px;} #navigation{margin-top:10px;} .rspNavigationMenuButton{top:-68px;} #navigationHolder{width:100%;} ul.responsiveNavi{width:117.5%;} .rspNavigationMenuButton{right:0;} } @media all and (max-width: 320px) { } /******* QUICK-NAVIGATION IM FOOTER *********/ .quickNaviElement { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:left; width:16.6%; padding-left:17px; border-left:1px solid #586f7a; margin:5px 0; font-size:1.3em; } @media all and (max-width: 1280px) { .quickNaviElement { font-size:1.000em; } } .quickNaviElement .aQuick { text-transform:uppercase; font-family:"open_sanssemibold"; color:#fff !important; word-wrap:break-word; } @media all and (max-width: 960px) { .quickNaviElement { font-size:1.200em; } .responsiveQuickNavigation .clear.sep { clear:none; } .quickNaviElement { width:33.3%; } } @media all and (max-width: 480px) { .quickNaviElement { width:50%; font-size:0.933em; } } @media all and (max-width: 360px) { .quickNaviElement { width:100%; float:none; padding-left:0px; border-left:none; border-bottom:1px solid #586f7a; padding-bottom:10px; margin-bottom:10px; font-size:1.067em; } .quickNaviElement.last, .quickNaviElement:last-child, .quickNaviElement:nth-last-child(1){ border-bottom:none; padding-bottom:0px; margin-bottom:0px; } } /** * Framenavigation - Basicstile */ .frameNavigation li a{ color: #272727; font-family: "open_sanssemibold", Arial, Helvetica, sans-serif; } .frameNavigation li a.aSub{ color: #272727; font-family: "open_sanslight", Arial, Helvetica, sans-serif; } /* .frameNavigation li strong a{ font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; font-weight:normal; } */ .frameNavigation li a:hover, .frameNavigation li.active a/*, .frameNavigation li.active a*/{ text-decoration:none; color: #3d70a8; /*font-family: "open_sanssemibold", Arial, Helvetica, sans-serif;*/ } /* .modul_navigation-sitemap_003 .withSubPages a{ font-family: "open_sansregular",Arial,Helvetica,sans-serif; } .modul_navigation-sitemap_003.frameNavigation li a:hover, .modul_navigation-sitemap_003.frameNavigation li.active a{ font-family: "open_sanslight",Arial,Helvetica,sans-serif; } */ /*File: https://www.live.wp-cms2.de//css/sonstiges.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/sonstiges.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .vbox-title { font-family:"open_sanssemibold"; } .underLine{ border-bottom:2px solid #3d70a8; } .button { padding:3px 15px; /*8 15*/ display:inline-block; font-size:0.8em; cursor:pointer; font-family:"open_sanssemibold"; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position:relative; } input.button { /*padding:8px 15px 7px; 6 15*/ padding: 10px 15px 8px;/*8 15 / 5 15*/ } .button.small { padding:4px 15px; font-size:0.933em; } .button.block { display:block; width:100%; text-align:center; } input.button.block { width:100%; } #outer .inputSearchResultList { padding-left:0; } #outer .inputSearchResultList li { padding:5px 10px; } /* #outer:not(.hideBorder) .corporateFrame { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:1px solid #FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); background-color:#FFF; border:1px solid #FFF; overflow:hidden; padding:3px; } #outer.hideBorder .corporateFrame { -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); border:3px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } */ .corporateInnerFrame a { display: block; height: 100%; overflow: hidden; width: 100%; } .objektBilder .corporateBorder, #outer .objektBilder .corporateBorder{ border: 3px solid #E9E9E9; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .objektBilder .corporateBorderOut, #outer .objektBilder .corporateBorderOut{ border: 3px solid #E9E9E9; } .objektBilder .shadowBorder, #outer .objektBilder .shadowBorder{ border:1px solid #ecece9; -webkit-box-shadow: 0 0 3px 0 #ecece9; box-shadow: 0 0 3px 0 #ecece9; } .objektBilder .immoContainer, #outer .objektBilder .corporateFrame { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border:1px solid #FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); background-color:#FFF; border:1px solid #FFF; overflow:hidden; padding:7px; } .objektBilder .immoContainer { padding:0; } /* #outer .immoContainer{ padding:0; } */ #outer .thumbnailContainer .corporateFrame { padding:3px; } .corporateInnerFrame{ display:block; overflow:hidden; width:100%; height:100%; position:relative; } .corporateInnerFrame a{ display:block; width: 100%; height: 100%; overflow:hidden; } .corporateCaption { position:absolute; left:0; bottom:0; z-index:100; padding:5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color:rgba(255,255,255,0.8); font-size:0.867em; line-height:15px; width:100%; } /*Newsletterformular Content*/ .Newsletteranmeldung .hrOne{margin-bottom:35px;} @media all and (max-width: 1280px) { .corporateCaption { font-size:0.733em; line-height:1.5; } } @media all and (max-width: 960px) { .objektBilder .immoContainer, #outer .corporateFrame {padding:6px;} } @media all and (max-width: 610px) { .objektBilder .immoContainer, #outer .corporateFrame {padding:4px;} } @media all and (max-width: 480px) { .imageOnLeft .corporateCaption, .imageOnRight .corporateCaption { display:none; } } @media all and (max-width: 320px) { .objektBilder .immoContainer, #outer .corporateFrame {padding:3px;} } .bgDark1 { background-color:#203f4e; } .bgDark2 { background-color:#1b3542; } .row1 { background-color:#f8f8f8; } .row0 { background-color:#fff; } tr.sum td { font-weight:bold; } .tableHead { background-color: #061D47; color: #FFFFFF; font-weight: bold; } .textRight { text-align:right; } .alert{ padding: 2px 5px; border: 1px solid #719B45; color: #668E3D; background: #EFFFEE; display: block; margin-bottom: 15px; } .alert.error{ border: 1px solid #9B4545; color: #8E3D3D; background: #FFEEEE; } /** * Tooltip */ sup.tip{ display: inline-block; /*padding-left: 3px;*/ position: relative; top: 5px; margin-top: -5px; cursor: help; color: #3d70a8; } .button .infoColour{ color: #FFFFFF; } .infoColour{ color: #A4A4A4; font-family: "open_sanslight", Arial, Helvetica, sans-serif; } /* ========== Pfeile und ICONS die in der settings.php angelegt werden ========== */ .gotoLink .icon-right-open:before{ font-size: 0.75em; line-height:1.4; margin-left:1px; margin-right:0; } .siteMapLink .icon-angle-right:before{ margin-left:-4px; margin-right:0; font-size:1.1em; } /*File: https://www.live.wp-cms2.de//css/fontello/css/fontello.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/fontello/css/fontello.css*/ /********************************************************/ @charset "UTF-8"; @font-face { font-family: 'fontello'; src: url('/css/fontello/css/../font/fontello.eot?61279925'); src: url('/css/fontello/css//css/fontello/css/../font/fontello.eot?61279925#iefix') format('embedded-opentype'), url('/css/fontello/css/../font/fontello.woff?61279925') format('woff'), url('/css/fontello/css/../font/fontello.ttf?61279925') format('truetype'), url('/css/fontello/css/../font/fontello.svg?61279925#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/css/fontello/css/../font/fontello.svg?61279925#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-left:before { content: '\2190'; } /* '←' */ .icon-up:before { content: '\2191'; } /* '↑' */ .icon-right:before { content: '\2192'; } /* '→' */ .icon-down:before { content: '\2193'; } /* '↓' */ .icon-check:before { content: '\2713'; } /* '✓' */ .icon-zoom-in:before { content: '\e750'; } /* '' */ .icon-zoom-out:before { content: '\e751'; } /* '' */ .icon-ok:before { content: '\e800'; } /* '' */ .icon-rss:before { content: '\e801'; } /* '' */ .icon-help:before { content: '\e802'; } /* '' */ .icon-help-circled:before { content: '\e803'; } /* '' */ .icon-info:before { content: '\e804'; } /* '' */ .icon-info-circled:before { content: '\e805'; } /* '' */ .icon-star:before { content: '\e806'; } /* '' */ .icon-star-empty:before { content: '\e807'; } /* '' */ .icon-cancel:before { content: '\e808'; } /* '' */ .icon-cancel-circled:before { content: '\e809'; } /* '' */ .icon-plus:before { content: '\e80a'; } /* '' */ .icon-plus-circled:before { content: '\e80b'; } /* '' */ .icon-plus-squared:before { content: '\e80c'; } /* '' */ .icon-minus:before { content: '\e80d'; } /* '' */ .icon-minus-circled:before { content: '\e80e'; } /* '' */ .icon-minus-squared:before { content: '\e80f'; } /* '' */ .icon-direction:before { content: '\e810'; } /* '' */ .icon-down-dir:before { content: '\e811'; } /* '' */ .icon-up-dir:before { content: '\e812'; } /* '' */ .icon-left-dir:before { content: '\e813'; } /* '' */ .icon-right-dir:before { content: '\e814'; } /* '' */ .icon-down-open:before { content: '\e815'; } /* '' */ .icon-left-open:before { content: '\e816'; } /* '' */ .icon-right-open:before { content: '\e817'; } /* '' */ .icon-up-open:before { content: '\e818'; } /* '' */ .icon-angle-left:before { content: '\e819'; } /* '' */ .icon-angle-right:before { content: '\e81a'; } /* '' */ .icon-cw:before { content: '\e81b'; } /* '' */ .icon-shuffle:before { content: '\e81c'; } /* '' */ .icon-signal:before { content: '\e81d'; } /* '' */ .icon-facebook-squared:before { content: '\e81e'; } /* '' */ .icon-gplus:before { content: '\e81f'; } /* '' */ .icon-twitter:before { content: '\e820'; } /* '' */ .icon-angle-up:before { content: '\e821'; } /* '' */ .icon-angle-down:before { content: '\e822'; } /* '' */ .icon-angle-double-left:before { content: '\e823'; } /* '' */ .icon-angle-double-right:before { content: '\e824'; } /* '' */ .icon-angle-double-up:before { content: '\e825'; } /* '' */ .icon-angle-double-down:before { content: '\e826'; } /* '' */ .icon-left-1:before { content: '\e827'; } /* '' */ .icon-right-1:before { content: '\e828'; } /* '' */ .icon-up-1:before { content: '\e829'; } /* '' */ .icon-down-1:before { content: '\e82a'; } /* '' */ .icon-left-circled:before { content: '\e82b'; } /* '' */ .icon-right-circled:before { content: '\e82c'; } /* '' */ .icon-up-circled:before { content: '\e82d'; } /* '' */ .icon-down-circled:before { content: '\e82e'; } /* '' */ .icon-star-1:before { content: '\e82f'; } /* '' */ .icon-star-empty-1:before { content: '\e830'; } /* '' */ .icon-star-half:before { content: '\e831'; } /* '' */ .icon-star-half-alt:before { content: '\e832'; } /* '' */ .icon-ok-1:before { content: '\e833'; } /* '' */ .icon-ok-circled:before { content: '\e834'; } /* '' */ .icon-location:before { content: '\e835'; } /* '' */ .icon-angle-circled-left:before { content: '\e836'; } /* '' */ .icon-angle-circled-right:before { content: '\e837'; } /* '' */ .icon-angle-circled-up:before { content: '\e838'; } /* '' */ .icon-angle-circled-down:before { content: '\e839'; } /* '' */ .icon-cog-alt:before { content: '\e83a'; } /* '' */ .icon-chart-pie-alt:before { content: '\e83b'; } /* '' */ .icon-chart-line:before { content: '\e83c'; } /* '' */ .icon-chart-bar:before { content: '\e83d'; } /* '' */ .icon-picture:before { content: '\e83e'; } /* '' */ .icon-camera:before { content: '\e83f'; } /* '' */ .icon-signal-1:before { content: '\e840'; } /* '' */ .icon-eye:before { content: '\e841'; } /* '' */ .icon-phone-1:before { content: '\e842'; } /* '' */ .icon-logout:before { content: '\e843'; } /* '' */ .icon-off:before { content: '\e844'; } /* '' */ .icon-off-1:before { content: '\e845'; } /* '' */ .icon-mail:before { content: '\e846'; } /* '' */ .icon-chat:before { content: '\e847'; } /* '' */ .icon-phone:before { content: '\e848'; } /* '' */ .icon-globe:before { content: '\e849'; } /* '' */ .icon-print:before { content: '\e84a'; } /* '' */ .icon-check-1:before { content: '\e84b'; } /* '' */ .icon-check-empty:before { content: '\e84c'; } /* '' */ .icon-circle:before { content: '\e84d'; } /* '' */ .icon-circle-empty:before { content: '\e84e'; } /* '' */ .icon-users:before { content: '\e84f'; } /* '' */ .icon-user:before { content: '\e850'; } /* '' */ .icon-home:before { content: '\e851'; } /* '' */ .icon-link:before { content: '\e852'; } /* '' */ .icon-music:before { content: '\e853'; } /* '' */ .icon-search-1:before { content: '\e854'; } /* '' */ .icon-users-1:before { content: '\e855'; } /* '' */ .icon-camera-2:before { content: '\e856'; } /* '' */ .icon-lock:before { content: '\e857'; } /* '' */ .icon-info-1:before { content: '\e858'; } /* '' */ .icon-rss-1:before { content: '\e859'; } /* '' */ .icon-award:before { content: '\e85a'; } /* '' */ .icon-dollar:before { content: '\e85b'; } /* '' */ .icon-euro:before { content: '\e85c'; } /* '' */ .icon-sitemap:before { content: '\e85d'; } /* '' */ .icon-heart:before { content: '\e85e'; } /* '' */ .icon-location-1:before { content: '\e85f'; } /* '' */ .icon-comment:before { content: '\e860'; } /* '' */ .icon-chat-1:before { content: '\e861'; } /* '' */ .icon-user-1:before { content: '\e862'; } /* '' */ .icon-buffer:before { content: '\e863'; } /* '' */ .icon-arrows-cw-1:before { content: '\e864'; } /* '' */ .icon-shuffle-1:before { content: '\e865'; } /* '' */ .icon-wrench:before { content: '\e866'; } /* '' */ .icon-cog:before { content: '\e867'; } /* '' */ .icon-xing:before { content: '\e868'; } /* '' */ .icon-gplus-1:before { content: '\e869'; } /* '' */ .icon-youtube:before { content: '\e86a'; } /* '' */ .icon-facebook:before { content: '\e86b'; } /* '' */ .icon-twitter-1:before { content: '\e86c'; } /* '' */ .icon-right-2:before { content: '\e86d'; } /* '' */ .icon-left-2:before { content: '\e86e'; } /* '' */ .icon-down-2:before { content: '\e86f'; } /* '' */ .icon-up-2:before { content: '\e870'; } /* '' */ .icon-trash:before { content: '\e871'; } /* '' */ .icon-trash-1:before { content: '\e872'; } /* '' */ .icon-trash-2:before { content: '\e873'; } /* '' */ .icon-trash-3:before { content: '\e874'; } /* '' */ .icon-trash-4:before { content: '\e875'; } /* '' */ .icon-docs:before { content: '\e876'; } /* '' */ .icon-menu-1:before { content: '\e877'; } /* '' */ .icon-tools:before { content: '\e878'; } /* '' */ .icon-spin3:before { content: '\e879'; } /* '' */ .icon-resize-full-alt:before { content: '\e87a'; } /* '' */ .icon-resize-full-alt-1:before { content: '\e87b'; } /* '' */ .icon-resize-full:before { content: '\e87c'; } /* '' */ .icon-resize-full-alt-2:before { content: '\e87d'; } /* '' */ .icon-phone-2:before { content: '\e87e'; } /* '' */ .icon-calendar:before { content: '\e87f'; } /* '' */ .icon-mobile:before { content: '\e880'; } /* '' */ .icon-search-2:before { content: '\e881'; } /* '' */ .icon-search-3:before { content: '\e882'; } /* '' */ .icon-xing-squared:before { content: '\e883'; } /* '' */ .icon-xing-1:before { content: '\e884'; } /* '' */ .icon-youtube-1:before { content: '\e885'; } /* '' */ .icon-youtube-squared:before { content: '\e886'; } /* '' */ .icon-twitter-squared:before { content: '\e887'; } /* '' */ .icon-twitter-2:before { content: '\e888'; } /* '' */ .icon-facebook-squared-1:before { content: '\e889'; } /* '' */ .icon-facebook-1:before { content: '\e88a'; } /* '' */ .icon-gplus-2:before { content: '\e88b'; } /* '' */ .icon-gplus-squared:before { content: '\e88c'; } /* '' */ .icon-file-pdf:before { content: '\e88d'; } /* '' */ .icon-file-word:before { content: '\e88e'; } /* '' */ .icon-file-powerpoint:before { content: '\e88f'; } /* '' */ .icon-file-image:before { content: '\e890'; } /* '' */ .icon-file-archive:before { content: '\e891'; } /* '' */ .icon-file-excel:before { content: '\e892'; } /* '' */ .icon-doc-text-inv:before { content: '\e893'; } /* '' */ .icon-doc-inv:before { content: '\e894'; } /* '' */ .icon-doc-text:before { content: '\e895'; } /* '' */ .icon-spin5:before { content: '\e896'; } /* '' */ .icon-search:before { content: '🔍'; } /* '\1f50d' */ /*File: https://www.live.wp-cms2.de//css/fontello/css/animation.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/fontello/css/animation.css*/ /********************************************************/ /* Animation example, for spinners */ .animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*File: https://www.live.wp-cms2.de//css/social/css/fontello.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/social/css/fontello.css*/ /********************************************************/ @font-face { font-family: 'social'; src: url('/css/social/css/../font/fontello.eot?21864503'); src: url('/css/social/css//css/social/css/../font/fontello.eot?21864503#iefix') format('embedded-opentype'), url('/css/social/css/../font/fontello.woff?21864503') format('woff'), url('/css/social/css/../font/fontello.ttf?21864503') format('truetype'), url('/css/social/css/../font/fontello.svg?21864503#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/css/social/css/../font/fontello.svg?21864503#fontello') format('svg'); } } */ [class^="social-"]:before, [class*=" social-"]:before { font-family: "social"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .social-apple:before { content: '\e807'; } /* '' */ .social-rss:before { content: '\e804'; } /* '' */ .social-twitter:before { content: '\e800'; } /* '' */ .social-facebook:before { content: '\e801'; } /* '' */ .social-gplus:before { content: '\e802'; } /* '' */ .social-android:before { content: '\e806'; } /* '' */ .social-windows:before { content: '\e803'; } /* '' */ .social-xing:before { content: '\e808'; } /* '' */ .social-youtube2:before { content: '\e809'; } /* '' */ .social-youtube:before { content: '\e805'; } /* '' */ /*File: https://www.live.wp-cms2.de//css/custom_frame_styles.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/custom_frame_styles.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .immoSearchForm_001-stripped .moduleBoxHolder{ min-height: 280px !important; } /* ==================== ALLGEMEINTE ANGABEN !! ==================== */ .jqTransformInputWrapper input, .jqTransformTextareaWrapper textarea, .jqTransformSelectWrapper.noInput .jqTransformSelectedLabel span, .jqTransformSelectWrapper.noInput ul .optionLabel a{ font-family:"open_sanslight"; font-size:18px; } .contentModuleBox { background-color:#FFF; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); position:relative; } .contentModuleBox .contentModuleBoxInner { padding: 35px 35px 32px; } .contentModuleBox .contentModuleBoxButton { margin-top:20px; position:relative; z-index:2; } .contentModuleBox .contentModuleBoxImage { background-repeat: no-repeat; background-size: 100% 100%; bottom: 0; position: absolute; right: 0; max-width:125px; } .contentModuleBox .absoluteImage.contentModuleBoxImage img{ max-height:90px;/*80*/ } .frameHeader { position: relative; height: 78px; line-height: 74px;/*78*/ background-color: #3d70a8; font-size: 50px; text-align: center; font-family: 'journalregular'; color: #FFFFFF; letter-spacing:2px; } .frameHeader:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(234, 106, 10, 0); border-top-color: #3d70a8; border-width: 20px; margin-left: -20px; } .frameHeaderLabel { overflow: hidden; } @media (max-width: 360px){ #logo { width: 100% !important; margin-top: 3px !important; } } @media all and (max-width: 1024px) { .frameHeader { height: 70px; line-height: 70px; } } @media all and (max-width: 960px) { .frameHeader { height: 65px; line-height: 65px; } } @media all and (max-width: 768px) { .frameHeader { height: 60px; line-height: 60px; font-size:43px; } } /*File: https://www.live.wp-cms2.de//css/special_frame_styles.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/special_frame_styles.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ /*File: https://www.live.wp-cms2.de//css/themes/normal.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/themes/normal.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .normal { color: #272727; } .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal .h1, .normal .h2, .normal .h3, .normal .h4, .normal .h5, .normal .h6 { color: #a20000; } h1.normal, h2.normal, h3.normal, h4.normal, h5.normal, h6.normal, .normal.h1, .normal.h2, .normal.h3, .normal.h4, .normal.h5, .normal.h6 { color: #a20000 !important; } .normal h1, .normal .h1 { color: #a20000; } h1.normal, .normal.h1 { color: #a20000 !important; } .normal h2, .normal .h2 { color: #1e1c1c; } h2.normal, .normal.h2 { color: #1e1c1c !important; } .normal h3, .normal .h3 { color: #1e1c1c; } h3.normal, .normal.h3 { color: #1e1c1c !important; } .normal h5, .normal .h5 { color: #a20000; } h5.normal, .normal.h5 { color: #a20000 !important; } a, .normal a { color: #a20000; } a.normal { color: #a20000 !important; } /* a:hover, .normal a:hover { color: #94dbff; text-decoration:underline;} a.normal:hover { color: #94dbff !important; text-decoration:underline;} */ a:hover, .normal a:hover { color: #1e1c1c; } a.normal:hover { color: #1e1c1c !important; } .normal hr { border-color:#CCCCCC; } hr.normal hr { border-color:#CCCCCC !important; } .button a{ color:#FFF !important; } .normal input.button, .normal a.button, .normal .button, input.button.normal, a.button.normal, .button.normal { /* border:1px solid #0057A6 !important;*/ background-color:#f5ab1c !important; background:#f5ab1c; border:none; /*background: #a7a9ab; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YTlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzlhOWRhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzgzODQ4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Mzk2OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a7a9ab 0%, #9a9da0 31%, #838486 73%, #93969a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7a9ab), color-stop(31%,#9a9da0), color-stop(73%,#838486), color-stop(100%,#93969a)); background: -webkit-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); background: -o-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); background: -ms-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); background: linear-gradient(to bottom, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a9ab', endColorstr='#93969a',GradientType=0 );*/ color:#FFFFFF !important; } .normal input.button.disabled, .normal a.button.disabled, .normal .button.disabled, input.button.normal.disabled, a.button.normal.disabled, .button.normal.disabled, .normal input.button.disabled:hover, .normal a.button.disabled:hover, .normal .button.disabled:hover, input.button.normal.disabled:hover, a.button.normal.disabled:hover, .button.normal.disabled:hover { background-color:#B5811C; background:#C99125; /*background: #feffe8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmRiYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(100%,#d6dbbf)); background: -webkit-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); background: -o-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); background: -ms-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); background: linear-gradient(to bottom, #feffe8 0%,#d6dbbf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 );*/ color:#B4B4B4 !important; /*border-color:#1e1c1c;*/ cursor: not-allowed; } .normal input.button:hover, .normal a.button:hover, .normal .button:hover, input.button.normal:hover, a.button.normal:hover, .button.normal:hover { background-color:#EFB74B !important;/*94dbff / 1e1c1c */ background:#EFB74B!important; /*background: #f9980e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5OTgwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3N2UwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y3N2UwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODdlMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f9980e 0%, #f77e05 50%, #f77e05 51%, #f87e08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9980e), color-stop(50%,#f77e05), color-stop(51%,#f77e05), color-stop(100%,#f87e08)); background: -webkit-linear-gradient(top, #f9980e 0%,#f77e05 50%,#f77e05 51%,#f87e08 100%); background: -o-linear-gradient(top, #f9980e 0%,#f77e05 50%,#f77e05 51%,#f87e08 100%); background: -ms-linear-gradient(top, #f9980e 0%,#f77e05 50%,#f77e05 51%,#f87e08 100%); background: linear-gradient(to bottom, #f9980e 0%,#f77e05 50%,#f77e05 51%,#f87e08 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9980e', endColorstr='#f87e08',GradientType=0 );*/ text-decoration:none; } .normal input.button.grey, .normal a.button.grey, .normal .button.grey, input.button.normal.grey, a.button.normal.grey, .button.normal.grey{ color:#FFF !important; background: #a7a9ab; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YTlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzlhOWRhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzgzODQ4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Mzk2OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a7a9ab 0%, #9a9da0 31%, #838486 73%, #93969a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7a9ab), color-stop(31%,#9a9da0), color-stop(73%,#838486), color-stop(100%,#93969a)); background: -webkit-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); background: -o-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); background: -ms-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); background: linear-gradient(to bottom, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a9ab', endColorstr='#93969a',GradientType=0 ); } .normal input.button.grey:hover, .normal a.button.grey:hover, .normal .button.grey:hover, input.button.normal.grey:hover, a.button.normal.grey:hover, .button.normal.grey:hover{ background:#a20000 !important; background-color:#a20000 ; /*background: #93969a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzOTY5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzgzODQ4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzlhOWRhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2E5YWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #93969a 0%, #838486 27%, #9a9da0 69%, #a7a9ab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93969a), color-stop(27%,#838486), color-stop(69%,#9a9da0), color-stop(100%,#a7a9ab)); background: -webkit-linear-gradient(top, #93969a 0%,#838486 27%,#9a9da0 69%,#a7a9ab 100%); background: -o-linear-gradient(top, #93969a 0%,#838486 27%,#9a9da0 69%,#a7a9ab 100%); background: -ms-linear-gradient(top, #93969a 0%,#838486 27%,#9a9da0 69%,#a7a9ab 100%); background: linear-gradient(to bottom, #93969a 0%,#838486 27%,#9a9da0 69%,#a7a9ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93969a', endColorstr='#a7a9ab',GradientType=0 );*/ } .normal .sliderControls { background-color:#a20000; } .normal.sliderControls { background-color:#a20000 !important; } .bgNormal { background-color:#a20000 !important; } .normal.bg{ background: repeating-linear-gradient( -41deg, #0057A6, #0057A6 10px, #94dbff 12px, #94dbff 18px); } /*File: https://www.live.wp-cms2.de//css/themes/light.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/themes/light.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .light { color: #FFF; } .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light .h1, .light .h2, .light .h3, .light .h4, .light .h5, .light .h6 { color: #FFF; } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light, .light.h1, .light.h2, .light.h3, .light.h4, .light.h5, .light.h6 { color: #FFF !important; } .light.special h3, .light.special .h3, .light .special h3, .light .special .h3 { color:#FFFFFF !important; } .light h2, .light .h2 { color: #FFF; } h2.light, .light.h2 { color: #FFF !important; } .light .special a, a.light .special, .light.special a, a.light.special { color: #cbbca0 !important; } .light .special a:hover, .light.special a:hover { color: #FFF !important; } a.light .special:hover, a.light.special:hover { color: #FFF !important; } .light a { color: #FFF; } a.light { color: #FFF !important; } .light a:hover { color: #FFF; } a.light:hover { color: #FFF !important; } .light hr { border-color:#FFF; } hr.light { border-color:#FFF !important; } .light .underLine{border-bottom:2px solid #FFFFFF;} .light input.button, .light a.button, .light .button, input.button.light, a.button.light, .button.light{ /*border:1px solid #FFF;*/ background-color:#94dbff; background:#94dbff; color:#010d1a !important; /*background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); background: -webkit-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); background: -o-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 );*/ } .light input.button:hover, .light a.button:hover, .light .button:hover, input.button.light:hover, a.button.light:hover, .button.light:hover { /*border:1px solid #FFF !important;*/ background-color:#396a90 !important; background:#396a90; color:#FFFFFF !important; /*background: #a7a9ab !important; background: url(data:image/svg+xml !important;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YTlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzlhOWRhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzgzODQ4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Mzk2OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a7a9ab 0%, #9a9da0 31%, #838486 73%, #93969a 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7a9ab), color-stop(31%,#9a9da0), color-stop(73%,#838486), color-stop(100%,#93969a)) !important; background: -webkit-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%) !important; background: -o-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%) !important; background: -ms-linear-gradient(top, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%) !important; background: linear-gradient(to bottom, #a7a9ab 0%,#9a9da0 31%,#838486 73%,#93969a 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a9ab', endColorstr='#93969a',GradientType=0 ) !important;*/ } .light .sliderControls { background-color:#FFF; } .light.sliderControls { background-color:#FFF !important; } .bgLight { background-color:#FFF !important; } .light.bg{ background-color:#FFF !important; } /*File: https://www.live.wp-cms2.de//css/themes/dark.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/themes/dark.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .dark { color: #000; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6 { color: #000; } h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark, .dark.h1, .dark.h2, .dark.h3, .dark.h4, .dark.h5, .dark.h6 { color: #000 !important; } .dark h2, .dark .h2 { color: #000; } h2.dark, .dark.h2 { color: #000 !important; } .dark a { color: #333; } a.dark { color: #333 !important; } .dark hr { border-color:#000; } hr.dark { border-color:#000 !important; } .dark input.button, .dark a.button, .dark .button { border:1px solid #000; background-color:#333; color:#FFF; } input.button.dark, a.button.dark, .button.dark { border:1px solid #000 !important; background-color:#333 !important; color:#FFF !important; } .dark .sliderControls { background-color:#333; } .dark.sliderControls { background-color:#333 !important; } .bgDark { background-color:#333 !important;/*333*/ } .dark.bg{ background-color:#000 !important;/*000*/ } /*File: https://www.live.wp-cms2.de//css/themes/color1.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/themes/color1.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .color1 { color: #a20000; } .color1.important{ color: #a20000 !important; } a .color1:hover { color: #1e1c1c; } .color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 h5, .color1 h6, .color1 .h1, .color1 .h2, .color1 .h3, .color1 .h4, .color1 .h5, .color1 .h6 { color: #a20000; } h1.color1, h2.color1, h3.color1, h4.color1, h5.color1, h6.color1, .color1.h1, .color1.h2, .color1.h3, .color1.h4, .color1.h5, .color1.h6 { color: #a20000 !important; } .color1 h2, .color1 .h2 { color: #1e1c1c; } h2.color1, .color1.h2 { color: #1e1c1c !important; } .color1 a { color: #a20000; } a.color1 { color: #a20000 !important; } .color1 hr { border-color:#a20000; } hr.color1 { border-color:#a20000 !important; } .color1 input.button, .color1 a.button, .color1 .button { border:1px solid #a20000; background-color:#a20000; color:#FFF; } input.button.color1, a.button.color1, .button.color1 { border:1px solid #a20000 !important; background-color:#a20000 !important; color:#FFF !important; } .color1.sliderControls { background-color:#a20000; } .color1.sliderControls { background-color:#a20000 !important; } .borderColor1 { border-color:#a20000 !important; } .bgColor1 { background-color:#3c9ccd !important; } .color1.bg{ background-color:#3c9ccd !important; } .bgColor1.withHover:hover{background-color:#1e1c1c !important;} .light .color1, .light.color1{color:#94dbff;} /*File: https://www.live.wp-cms2.de//css/themes/color2.css*/ /*Grabber: /www/htdocs/w013c0f7/content//css/themes/color2.css*/ /********************************************************/ @charset "utf-8"; /* CSS Document */ .color2 { color: #1e1c1c; } a .color2:hover { color: #f5aa1c; } .color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 h6, .color2 .h1, .color2 .h2, .color2 .h3, .color2 .h4, .color2 .h5, .color2 .h6 { color: #f5aa1c; } h1.color2, h2.color2, h3.color2, h4.color2, h5.color2, h6.color2, .color2.h1, .color2.h2, .color2.h3, .color2.h4, .color2.h5, .color2.h6 { color: #f5aa1c !important; } .color2 h2, .color2 .h2 { color: #f5aa1c; } h2.color2, .color2.h2 { color: #f5aa1c !important; } .color2 a { color: #f5aa1c; } a.color2 { color: #f5aa1c !important; } .color2 hr { border-color:#f5aa1c; } hr.color2 { border-color:#f5aa1c !important; } .color2 input.button, .color2 a.button, .color2 .button { border:1px solid #f5aa1c; background-color:#f5aa1c; color:#fff; } input.button.color2, a.button.color2, .button.color2 { border:1px solid #f5aa1c !important; background-color:#f5aa1c !important; color:#fff !important; } .color2.sliderControls { background-color:#f5aa1c; } .color2.sliderControls { background-color:#f5aa1c !important; } .bgColor2 { background-color:#f5aa1c !important; } .color2.bg{ background-color:#f5aa1c !important; } .bgColor2.withHover:hover{background-color:#f5aa1c !important;}