/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.linotype.com */ @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=b83786d5-cf95-424c-a934-c5a320009caa&fontids=774845,774857"); @font-face{ font-family:"Futura W01 Medium"; src:url("../../Ressource/Css/Font/774845/f0052336-792e-4fcf-8750-fe6d7d5dccbad41d.eot?#iefix"); src:url("../../Ressource/Css/Font/774845/f0052336-792e-4fcf-8750-fe6d7d5dccbad41d.eot?#iefix") format("eot"), url("../../Ressource/Css/Font/774845/1b696b29-a6bd-4411-a50f-37fd8a209b36.woff") format("woff"), url("../../Ressource/Css/Font/774845/a3931c31-5998-4dbd-b7d5-d310e4ed3d60.ttf") format("truetype"), url("../../Ressource/Css/Font/774845/6779412d-2ea7-4f1a-acfd-f6a527baaee7.svg#6779412d-2ea7-4f1a-acfd-f6a527baaee7") format("svg"); } @font-face{ font-family:"Futura W01 Bold"; src:url("../../Ressource/Css/Font/774857/3b3d00eb-6d89-47ec-83ee-48276a47ad94d41d.eot?#iefix"); src:url("../../Ressource/Css/Font/774857/3b3d00eb-6d89-47ec-83ee-48276a47ad94d41d.eot?#iefix") format("eot"), url("../../Ressource/Css/Font/774857/2a65cbfc-5071-4b4d-bfc2-e052bb091ee2.woff") format("woff"), url("../../Ressource/Css/Font/774857/812f781d-aa66-47a1-b6a2-7941effc1527.ttf") format("truetype"), url("../../Ressource/Css/Font/774857/2a371030-ff67-40ac-8307-082c1fccf151.svg#2a371030-ff67-40ac-8307-082c1fccf151") format("svg"); } html, body { } #waitbox>#overlay { background-color: rgba(0, 0, 0, 0.85); opacity: 1; } .Page * { line-height: 1.5em; } .content * { font-size: 14px; } h1,h2,h3,h4,h5,h6 { } b { font-family:Futura W01 Bold; } img { display: block; max-width: 100%; /*otherwise it might happen that a weird invisible margin is displayed under the img*/ } .BasicText ul { list-style-type: disc; } .BasicText ul li { margin-left:16px; padding-left:12px; } #wysiwyg .BasicText { min-width:50px; } h1, h1 * { } h2, h2 * { } a, a:active, a:visited { cursor:pointer; display: inline-block; font-size: inherit!important; } ul { list-style-type:none; } /**************** Wait Animation *********************/ #waitbox { display: none; } body.wait #waitbox { display: block; } #waitbox>#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; z-index: 99999; } #waitbox>#wait { background-color: #ffffff; border: 1px solid #000000; border-radius: 12px; box-shadow: 0 0 15px #000000; color: #000000; font-size: 13px; height: 100px; left: 50%; margin-left: -90px; margin-top: -50px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 180px; z-index: 99999; } #waitbox>#wait .img { background-image: url('File/skeleton_html/loading.gif'); width: 32px; height: 32px; margin: 0 auto; } [data-dynamic-loader="loader"].loading { width:50px; height:50px; background-image:url("../../Ressource/Graphic/loading.gif"); background-position: center; background-repeat: no-repeat; } .Page { width: 100%; } .singlePage { min-width:988px; } .header { position:fixed; top:0; left:0; right:0; height:170px; background-color: #ffffff; z-index:2000; overflow:hidden; min-width:988px; } #wysiwyg .header { position:static; } .headerFix .wrapper { padding:10px 50px 0 60px; overflow:hidden; } .header .wrapper .logo { margin-top:30px; display:block; float:left; background-image:url('../../Ressource/Graphic/logo-inaktiv.svg'); background-repeat: no-repeat; background-size: 302px 93px; height: 93px; width: 302px; } .header .wrapper .logo:hover, .header .wrapper .logo.active, .header .preload .logo { background-image:url('../../Ressource/Graphic/logo-aktiv.svg'); } .header .SetMenu { float: right; margin-top:4px; } .header .SetMenu li { float:left; margin-left:20px; } @media only screen and (max-width:1124px) { .header .SetMenu li { margin-left:0; } } .header .SetMenu a { display:block; width:90px; height:120px; color:#999999; background-size:90px 120px; background-repeat:no-repeat; position:relative; text-decoration:none; } @media only screen and (max-width: 1207px) { .header .wrapper .logo { background-size: 220px 93px; height: 93px; width: 220px;} .header .SetMenu li { margin-left: 10px;}} @media only screen and (max-width: 1053px) { .header .SetMenu li { margin-left: 0px;}} .header .SetMenu a:hover, .header .SetMenu a.active { color:#f49e00; text-decoration:none; } .header .SetMenu a .caption { font-family:Futura W01 Medium; font-size:16px; line-height:21px; height:42px; position:absolute; bottom:0; left:0; right:0; text-align:center; } .header .preload { height:0; overflow:hidden; } .header .SetMenu a.methode { background-image:url('../../Ressource/Graphic/methode-inaktiv.svg'); } .header .SetMenu a.methode:hover, .header .SetMenu a.methode.active, .header .preload .methode { background-image:url('../../Ressource/Graphic/methode-aktiv.svg'); } .header .SetMenu a.zurperson { background-image:url('../../Ressource/Graphic/zur-person-inaktiv.svg'); } .header .SetMenu a.zurperson:hover, .header .SetMenu a.zurperson.active, .header .preload .zurperson { background-image:url('../../Ressource/Graphic/zur-person-aktiv.svg'); } .header .SetMenu a.kontakt { background-image:url('../../Ressource/Graphic/kontakt-inaktiv.svg'); } .header .SetMenu a.kontakt:hover, .header .SetMenu a.kontakt.active, .header .preload .kontakt { background-image:url('../../Ressource/Graphic/kontakt-aktiv.svg'); } .header .SetMenu a.termine { background-image:url('../../Ressource/Graphic/termine-inaktiv.svg'); } .header .SetMenu a.termine:hover, .header .SetMenu a.termine.active, .header .preload .termine { background-image:url('../../Ressource/Graphic/termine-aktiv.svg'); } .header .SetMenu a.hinweise { background-image:url('../../Ressource/Graphic/hinweise-inaktiv.svg'); } .header .SetMenu a.hinweise:hover, .header .SetMenu a.hinweise.active, .header .preload .hinweise { background-image:url('../../Ressource/Graphic/hinweise-aktiv.svg'); } .header .SetMenu a.impressum { background-image:url('../../Ressource/Graphic/impressum-inaktiv.svg'); } .header .SetMenu a.impressum:hover, .header .SetMenu a.impressum.active, .header .preload .impressum { background-image:url('../../Ressource/Graphic/impressum-aktiv.svg'); } .header .SetMenu a.datenschutz { background-image:url('../../Ressource/Graphic/datenschutz-inaktiv.svg'); } .header .SetMenu a.datenschutz:hover, .header .SetMenu a.datenschutz.active, .header .preload .datenschutz { background-image:url('../../Ressource/Graphic/datenschutz-aktiv.svg'); }.stage { background-color:#ffffff; margin:170px 20px 20px; overflow:hidden; } .stage .pageWrapper { height:100%; width:100%; position:absolute; top:0; left:-100%; overflow:hidden; } .goUpWrapper { position:fixed; width:14.75%; top:170px; bottom:20px; right:20px; } .goUp { position:absolute; top:50%; right:0; width:100%; height:80px; margin-top:-40px; background-image:url('../../Ressource/Graphic/pfeil.svg'); background-repeat:no-repeat; background-position:center; cursor:pointer; z-index:99999; display:none; } .preload .goUpPreload { background-image:url('../../Ressource/Graphic/pfeil.svg'); } .stage .pageContentWrapper { height: 100%; } .stage .pageWrapper.active { left:0; } .stage .pageWrapper.active ~ .pageWrapper { left:100%; } .stage { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .translateCss .pageWrapper { vertical-align:top; height: 100%; z-index: 1; overflow: hidden; display: inline-block; position: relative; left: -100%; margin-right: -100%; -moz-user-select: none; -webkit-user-select: none; -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 333ms; -moz-transition-duration: 333ms; -ms-transition-duration: 333ms; -o-transition-duration: 333ms; transition-duration: 333ms; -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); } .notransition, .notransition .pageWrapper { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; -o-transition-duration: 0 !important; transition-delay: 0 !important; } .footer { position:fixed; bottom:0; left:0; right:0; height:20px; background-color:#ffffff; z-index:2000; } .BasicDownload.inactive a { text-decoration:line-through; } .BasicDownload.extendedInformation .BasicGraphic, .BasicDownload.extendedInformation a.graphicLink, .BasicDownload.extendedInformation .textCaptionWrapper { float:left; } .BasicDownload.extendedInformation { clear:both; position:relative; overflow:hidden; } .BasicDownload.extendedInformation .BasicGraphic, .BasicDownload.extendedInformation a.graphicLink { display:block; border:none; width:128px; max-height:128px; /*in order to have the width of 128px so that the caption has it's 'margin' even if no picture is here */ min-height:1px; } .BasicDownload.extendedInformation .BasicGraphic img { max-width:100%; max-height:100%; width:auto; margin: 0 auto; } .BasicDownload.extendedInformation .textCaptionWrapper { overflow:hidden; margin-left:96px; /*position:absolute; bottom:0;*/ } .BasicFormLink { text-decoration: none; cursor: pointer; } .BasicFormLink:hover { } /*********** inplace form ***********/ [data-form-inplace-id] { cursor: pointer; } .BasicForm { width: 50%; clear: both; border: 1px solid #aaaaaa; margin: 32px auto; padding: 15px 23px; } .BasicForm formwysiwyg { display: block; } /* HJW:20121029:not sure for what it is here ... register Form in m4tv is corrupted when using this .BasicForm.register, */ .BasicForm.ProjectForm, .BasicForm.contactformForm { overflow: hidden; border: none; margin: 0; padding: 0; } .BasicForm.ui-dialog-content { width: 100%; } .BasicForm .closeButton { width: 16px; height: 16px; float: right; margin-top: 12px; } .BasicForm .wrapper { clear: both; width: 100%; padding-bottom: 8px; overflow: hidden; display: block; } .BasicForm .wrapper.newLine { clear: both; } .BasicForm .wrapper.small { width: 25%; padding-bottom: 25px; } .BasicForm .wrapper.medium { width: 50%; } .BasicForm .wrapper.large { width: 100%; } .BasicForm .wrapperForm .wrapper span.description { margin-left: 12px; } .BasicForm .wrapper.submit { border-left: 10px solid transparent; width: 95%; } .BasicForm label { width: 20%; height: 2.3em; line-height: 2.3em; font-size: 13px; margin-right: 5%; display: block; float: left; } .BasicForm input { display: block; float: left; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .BasicForm input[type=text], .BasicForm input[type=email], .BasicForm input[type=password], .BasicForm textarea { width: 95%; padding-left: 4px; padding-right: 4px; font-size: 15px; clear: both; margin-bottom: 4px; float: left; } .BasicForm input[type=text], .BasicForm input[type=email], .BasicForm input[type=password] { height: 2em; line-height: 2em; } .BasicForm input[type=checkbox], .BasicForm input[type=radio] { height: 2.3em; line-height: 2.3em; } .BasicForm textarea { height: 6em; line-height: 1.5em; } .BasicForm textarea,.BasicFormFormProperty textarea { resize: vertical; } .BasicForm input[type="radio"] { width: auto; height: auto; margin: 0 1em 0 0.5em; } .BasicForm div.wrapper.checkbox input:checked+label, .BasicForm div.wrapper.radio input:checked+label { color: #000000; } .BasicForm .validationMessage { clear: both; width: 95%; font-size: 12px; line-height: 1.2em; min-height: 1.2em; display: block; color: #e0152b; } .BasicForm button { height: 2em; font-size: 16px; float: right; clear: both; } .BasicForm .title { font-size: 24px; color: #444444; text-align: center; margin-bottom: 24px; } .BasicForm input, .BasicForm textarea { border: 1px solid #c0c0c0; background-color: #ececec; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec) ); background-image: -webkit-linear-gradient(top, #ffffff, #ececec); background-image: -moz-linear-gradient(top, #ffffff, #ececec); background-image: -ms-linear-gradient(top, #ffffff, #ececec); background-image: -o-linear-gradient(top, #ffffff, #ececec); background-image: linear-gradient(top, #ffffff, #ececec); } #submitMessage { display: none; } .BasicForm .formSubmitMessage { padding-top: 64px; font-weight: bold; } .BasicFormTextProperty .first { clear: both; } #formOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; z-index: 99999; } #formContainer { background-color: #FFFFFF; border: 1px solid #000000; box-shadow: 0 0 15px #000000; color: #666666; font-size: 13px; font-weight: bold; min-height: 200px; left: 50%; margin-left: -300px; margin-top: -50px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 600px; z-index: 99999; } /************ Checkbox Image ***********/ .BasicForm .wrapper.checkbox_image label { height: 128px; width: 90%; } .BasicForm .wrapper.checkbox_image label>div { width: 50%; float: left; } .BasicForm .wrapper.checkbox_image label .SetImage input { display: none; } .BasicForm .wrapper.checkbox_image label .SetImage .BasicGraphic { height: 128px; width: 128px; } .BasicForm .wrapper.checkbox_image label .SetImage .BasicText { position: relative; bottom: 0; min-width: 100px; bottom: 0; float: left; text-align: left; } /************ Simple Text ***********/ .BasicForm .wrapper.simple_text .BasicText { overflow: hidden; } .BasicForm input[type=text], .BasicForm input[type=email], .BasicForm input[type=password], .BasicForm textarea { width:70%; clear: none; } .BasicForm label { text-align: right; } .BasicForm .validationMessage { width: 75%; margin-left:25%; } .BasicForm.adminLogin input { width:95%; clear:both; } .BasicHtmlContent { margin: 32px 32px 0 32px; } .pagination{ overflow:hidden; clear:both; } .pagination .wrapper{ float:right; } .BasicSpacerContentLoader{ width:100%; overflow:hidden; position:relative; } .BasicSpacerContentLoader .closeButton { position:absolute; top:10px; right:10px; font-size:16px; cursor:pointer; display:none; } .wrapperContentLoader { overflow:hidden; } .BasicSpacerContentLoader .waitBox { background-image: url("../../Ressource/Graphic/loading.gif"); background-repeat:no-repeat; background-position:center; display:none; } .BasicSpacerContentLoader.wait .waitBox { background-image: url("../../Ressource/Graphic/loading.gif"); background-repeat:no-repeat; background-position:center; display:block; margin:64px 0; height: 32px; } .Tracking .newsletterTrackingWrapper { z-index: 101; position: fixed; bottom: -400px; left: 0; right: 0; height: 400px; transition: bottom 1s; opacity: 0; } .Tracking .newsletterTrackingWrapper.hover { opacity: 1; bottom: 0; } .Tracking .newsletterTracking { background-color: #FFFFFF; width: 688px; margin: 0 auto; padding-bottom: 40px; overflow: hidden; position: relative; transition: bottom 1s, opacity 500ms; -webkit-transition: bottom 1s, opacity 500ms; -moz-transition: bottom 1s, opacity 500ms; -o-transition: bottom 1s, opacity 500ms; -ms-transition: bottom 1s, opacity 500ms; } .Tracking .newsletterTracking .icon { position: absolute; top: 30px; right: 20px; width: 50px; height: 50px; cursor: pointer; } .Tracking .newsletterTracking .caption { color: #000000; text-align: center; font-size: 25px; margin: 25px 40px; padding-bottom: 25px; border-bottom: 1px solid #ffffff; letter-spacing: 0; float: none; } .Tracking .newsletterTracking .newsletterText { padding: 0 40px; font-size: 16px; color: #000000; } .Tracking .newsletterTracking .BasicForm { margin: 16px 0 0; width: 100%; } .Tracking .newsletterTracking form { overflow: hidden; } .Tracking .newsletterTracking .wrapper.text { width: 100%; text-align: center; } .Tracking .newsletterTracking .wrapper.submit { margin: 0; width: 100%; } .Tracking .newsletterTracking .wrapper.submit button { margin-right: 40px; } .Tracking .newsletterTracking h1, .Tracking .newsletterTracking label, .Tracking .newsletterTracking .wrapper:last-child { display: none; } .Tracking .newsletterTracking input, .Tracking .newsletterTracking .BasicForm.ProjectForm .wrapper.text input, .Tracking .newsletterTracking .BasicForm.ProjectForm .wrapper.text.large input { width: 598px; margin-left: 40px; margin-right: 40px; margin-bottom: 8px; padding-left: 4px; padding-right: 4px; } .Tracking .newsletterTracking .validationMessage { margin: 4px 0 0; width: 100%; } .Tracking .newsletterTracking .formSubmitMessage { font-size: 16px; padding: 0 40px; color: #000000; } .BasicVideo.prettyPhoto { float: left; } .BasicVideo.prettyPhoto .videoOverlay { position: relative; float: left; display: block; } .BasicVideo.prettyPhoto img { border: 1px solid #d8d8d7; } .BasicVideo .previewImageWrapper { position: relative; cursor:pointer; } .BasicVideo .previewImageWrapper .videoIcon { margin: 0; } .BasicVideo.prettyPhoto .videoIcon, .BasicVideo .previewImageWrapper .videoIcon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; background: url(File/basic_video/button_play_inaktiv.png) no-repeat; background-position: center center; width: 100%; } .BasicVideo.prettyPhoto a:hover .videoIcon, .BasicVideo .previewImageWrapper:hover .videoIcon { background-image: url(File/basic_video/button_play_aktiv.png); } .CustomNews.newsNotFound { margin-left: 20px; } /***************************** includes ****************************/ .CustomNews.teaserList { display: inline; clear:none; float:left; } .CustomNews.teaserList > .CustomNews.CustomNewsTeaser{ float:left; } .CustomNews .overview .overviewIcon { width: 54px; height: 40px; margin-right: 20px; float: left; clear: left; background-image: url('File/custom_news/buttons_CIO_liste_passiv.png'); background-position: center; background-repeat: no-repeat; } .CustomNews .overview .overviewIcon:hover { background-image: url('File/custom_news/buttons_CIO_liste_aktiv.png'); } .CustomNews .overview { float: left; clear: left; text-align: center; } /************************* pagination *****************************************/ .CustomNews.teaserList > .pagination { clear:both; float:right; } .CustomNews .pagination { width: 33%; float: right; clear: both; text-align: center; } .CustomNews .pagination .caption { } .CustomNews .pagination.previous { width: 54px; height: 40px; float: left; clear: left; background-image: url('File/custom_news/buttons_CIO_pfeil_l_passiv.png'); background-position: center; background-repeat: no-repeat; } .CustomNews .pagination>a>.pagination.previous:hover { background-image: url('File/custom_news/buttons_CIO_pfeil_l_aktiv.png'); } .CustomNews .pagination.next { width: 54px; height: 40px; float: right; clear: right; background-image: url('File/custom_news/buttons_CIO_pfeil_r_passiv.png'); background-position: center; background-repeat: no-repeat; } .CustomNews .pagination>a>.pagination.next:hover { background-image: url('File/custom_news/buttons_CIO_pfeil_r_aktiv.png'); } .CustomNews.CustomNewsTeaser.inactive { } .CustomNewsTeaser a { display: inline-block; } .CustomNews .NewsDetailFooter { clear: both; width: 100%; } /* the following rules are necessary in order to have the background stripes at the bottom if the height of the CustomNewsletterRecipient is smaller than 100%*/ html,body { height: auto; } .Page.NewsletterSubscription { min-height: 100%; } /************************ CustomNewsletterRecipient ***************************/ .Page.NewsletterSubscription, .CustomNewsletterRecipient .stripe { background-color: #F0F0F0; } .content.NewsletterSubscription { background-color: #FFFFFF; margin: 0 auto; max-width: 992px; } .CustomNewsletterRecipient { min-width: 696px; /*768 - 36*2 */ padding: 36px; } .CustomNewsletterRecipient>div { clear: both; width: 100%; overflow: hidden; /*so that the divs take the side of the children*/ margin-bottom: 2%; } .CustomNewsletterRecipient .stripe { height: 12px; } /***************************** header *****************************************/ .CustomNewsletterRecipient>.subscriptionHeader { } .CustomNewsletterRecipient>.subscriptionHeader>div { float: left; width: 50%; } .CustomNewsletterRecipient>.subscriptionHeader .logo { min-width: 384px; margin-top: 6px; /*because the other logos have height = 48px, so we center this one vertically*/ height: 37px; background-image: url('File/custom_newsletterRecipient/logo.png'); background-repeat: no-repeat; } .CustomNewsletterRecipient>.subscriptionHeader .BasicGraphic { text-align: center; } .CustomNewsletterRecipient>.subscriptionHeader .companyNameWrapper { text-align: center; font-size: 37px; } /***************************** body *****************************************/ .CustomNewsletterRecipient>.subscriptionBody { } .CustomNewsletterRecipient>.subscriptionBody>.title { font-weight: bold; } .CustomNewsletterRecipient .subscriptionBody .error { color: #FF0000; font-weight: bold; } .CustomNewsletterRecipient .subscriptionBody .BasicForm { width: 100%; } .CustomNewsletterRecipient .subscriptionBody .BasicForm h1 { margin-bottom: 32px; } .CustomNewsletterRecipient .subscriptionBody .BasicForm .wrapper.text.title { color: inherit; font-size: inherit; margin-bottom: 0; text-align: center; } .CustomNewsletterRecipient .subscriptionBody .BasicForm label { width: 30%; } .CustomNewsletterRecipient .subscriptionBody .BasicForm input[type="text"], .CustomNewsletterRecipient .subscriptionBody .BasicForm input[type="email"], .CustomNewsletterRecipient .subscriptionBody .BasicForm input[type="password"], .CustomNewsletterRecipient .subscriptionBody .BasicForm textarea { width: 60%; } .CustomNewsletterRecipient>.subscriptionBody>.legals, .CustomNewsletterRecipient>.subscriptionBody>.privacy { width:100%; margin:0 auto; font-size:11px; } .subscriptionBody>.legals,.subscriptionBody>.privacy { display: none; } /***************************** footer *****************************************/ .CustomNewsletterRecipient > .subscriptionFooter { } .CustomNewsletterRecipient > .subscriptionFooter > div { width: 50%; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicGraphic { float: left; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicGraphic > img { max-width: 80%; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicText { float: right; font-family: Verdana, Arial, sans-serif; color: grey; } .CustomNewsletterRecipient > .subscriptionFooter .powered { opacity: 0.6; } .CustomNewsletterRecipient > .subscriptionFooter .powered:hover { opacity: 1; } .searchResults { width: 100%; } .searchResults .noData { text-align: center; } .searchResults > ul { clear: both; } .searchResults > ul > li { display: block; } .searchResults > ul > li > div { float: left; clear: both; } .searchResults .gif { background-image: url("../../Ressource/Graphic/loading.gif"); width: 32px; height: 32px; margin: 16px auto; display: none; } /* BASKET / WISHLIST */ .CustomShopBasket.Basket, .CustomShopBasket.WishList { width: 992px; margin: 20px auto; overflow: hidden; } .CustomShopBasket.Basket td { padding-right:10px; } .CustomShopBasket .BasketEntry, .CustomShopBasket .BasketSummary, .CustomShopBasket .WishListTeaser { clear: both; width: 100%; overflow: hidden; border-top: 3px solid #000000; padding: 10px 0; } .CustomShopBasket h1 { margin: 10px 0; } .CustomShopBasket .actions > div { cursor: pointer; float: right; clear: both; } .CustomShopBasket .BasketEntry.on_request .actions > .addToBasket { display: none; } .CustomShopBasket .ProductTeaser { width: 350px; margin-left: 0; float: left; } .CustomShopBasket .CustomProduct.SingleTeaser { width: 100%; margin: 0; } .CustomShopBasket .ProductTeaser a { display: block; overflow: hidden; } .CustomShopBasket .SetArticle { margin: 0; overflow: hidden; } .CustomShopBasket .CustomProduct.SingleTeaser .BasicGraphic { min-height: 0; margin: 0 22px 0 0; float: left; width: 128px; } .CustomShopBasket .CustomProduct.SingleTeaser img { max-width: 100%; } .CustomShopBasket .CustomPrice, .CustomShopBasket .CustomShopBasket.AddTo { display: none; } /* BASKET */ /* BASKET ENTRY */ .CustomShopBasket.Basket .BasketEntry > * { float: left; margin-left: 50px; width: 100px; } /* BASKET SUMMARY */ .CustomShopBasket .BasketSummary { padding-top: 10px; border-bottom: 3px solid #000000; } .CustomShopBasket .total_price { float: right; } /* WISHLIST */ .CustomShopBasket.WishList { width: 850px; } .CustomShopBasket.WishList > div { float: left; } .CustomShopBasket.WishList .wishListNav { width: 268px; margin-right: 40px; } .CustomShopBasket.WishList .WishListSingle { width: 542px; } /* WISHLIST ENTRY */ .CustomShopBasket.WishListTeaser { display: block; float: left; cursor: pointer; } .CustomShopBasket.WishListTeaser .isStandardBasket { clear: both; } /* BASKET / WISHLIST ENTRY ACTIONS */ .CustomShopBasket .BasketEntry .actions { width: 152px; float: left; margin-left: 40px; } /* WISHLIST SINGLE */ .WishListSingle > .actions { float: right; clear: both; } .WishListSingle > .actions .isStandard { cursor: default; } .WishListSingle .title { clear: both; width: 100%; margin-bottom: 0; padding-bottom: 10px; border-bottom: 3px solid #000000; overflow: hidden; } .WishListSingle .BasketEntry { border-top: 0; border-bottom: 3px solid #000000; } .WishListSingle .title input.titleInput { display: none; width: 536px; height: 24px; } .WishListSingle .title h1 { float: left; width: 100%; white-space: nowrap; overflow: hidden; } .WishListSingle .title .editTitle { float: right; cursor: pointer; display: none; margin-left: 12px; } .WishListSingle .title:hover h1 { width: 400px; } .WishListSingle .title:hover .editTitle { display: block; } .checkout_address_add_editForm form { overflow:hidden; } .CustomShopCheckout .BasicForm.checkout_address_add_editForm .formSubmitMessage { padding-bottom:12px; } .CustomShopOrder { width: 1024px; margin: 0 auto; } .CustomShopOrder .click { cursor: pointer; } .CustomShopOrder .loadMore { height:3em; color:#464646; } .CustomShopOrder .hidden { height: 0; } .CustomShopOrder .animate { overflow: hidden; } .CustomShopOrder table { width: 100%; } .CustomShopOrder th, .CustomShopOrder td { padding: 0 14px; text-align: left; vertical-align: middle; } .CustomShopOrder td.invoice { text-align: center; } .CustomShopOrder .orderTable { border-bottom-width: 1px; } .CustomShopOrder .click { border-top-width: 1px; } .CustomShopOrder .CustomProduct.SingleTeaser { margin: 0 0 8px 0; width: auto; } .CustomShopOrder .CustomProduct.SingleTeaser a { display: block; } .CustomShopOrder .CustomProduct.SingleTeaser .SetArticle.SingleTeaser .graphic { width: 64px; height: 64px; } .CustomShopOrder .CustomProduct.SingleTeaser .BasicGraphic { min-height: 64px; margin: 0; } .CustomShopOrder .CustomProduct.SingleTeaser img { max-width: 64px; max-height: 64px; } .CustomShopOrder .CustomProduct.SingleTeaser .graphic, .CustomShopOrder .CustomProduct.SingleTeaser .text { float: left; } .CustomShopOrder .CustomProduct.SingleTeaser .CustomPrice, .CustomShopOrder .CustomProduct.SingleTeaser .availability { display: none; } .orderTable .separator { background-color: #ebebe8; } .orderTable .costLine { height: 3em; } .orderTable .ss-hyphen { display:none; } .orderTable .open .ss-plus { display:none; } .orderTable .open .ss-hyphen { display:inline-block; } .CustomShopOrder .invoice:hover [class*=ss-] { color:#464646; } .CustomShopOrder .invoice a { width:100%; } .CustomShopOrder .productImg img { max-width: 64px; overflow: hidden; } .CustomShopOrder .productTable tr, .CustomShopOrder .productTable tr.costLine.first { border-top-width: 1px; } .CustomShopOrder .productTable tr.setPart, .CustomShopOrder .productTable tr.costLine { border-top-width: 0; } .CustomShopOrder .productTable tr.setPart > td { padding-bottom:8px; } .CustomShopOrder .deliveryTable .open, .CustomShopOrder .deliveryTable .open + tr { background-color: white; } .CustomShopOrder .animateDelivery { padding: 4px 8px; } .CustomShopPayment iframe { width:608px; height:608px } .CustomProduct.NotFound { margin: 100px 0 140px; text-align: center; } .CustomProduct.List .pager { padding: 12px; } .CustomProduct.List .pager:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; } .CustomProduct.List .pager > div { float: left; margin-right: 24px; } .CustomProduct.List .pager .pagination { margin-right: 12px; } .CustomProduct.List .pagination > * { float: left; margin-right: 12px; } .CustomProduct.List .pagination .next{ margin:0; } .CustomProduct.List .pager .tags { margin-right: 0; } .CustomProduct.List .pager .tagGroup { float: left; margin-right: 24px; } .CustomProduct.List .pager .tagGroup a { display: block; clear: both; } .CustomProduct.SingleTeaser { float: left; width: 168px; margin-right: 8px; } .CustomProduct.SingleTeaser.br { clear: both; } .CustomProduct.SingleTeaser a { display: block; overflow: hidden; } .CustomProduct.SingleTeaser .BasicGraphic { min-height: 128px; } .CustomProduct.SingleTeaser img { margin: 0 auto; } .CustomProduct.SingleTeaser .CustomShopBasket.AddTo { text-align: center; /* margin-top: 20px; */ } .CustomProduct.SingleTeaser .CustomShopBasket.AddTo button { background-color: rgba(0, 0, 0, 0); padding: 0; } .CustomProduct.SingleTeaser .CustomShopBasket.AddTo .amount { display: none; } .CustomProduct.SingleTeaser .CustomPrice { text-align: center; } .CustomProduct.Single .column { float: left; } .CustomProduct.Single .firstColumn { width: 312px; } .CustomProduct.Single .firstColumn > .ListImageGallery { margin-left: 4px; } .CustomProduct.Single .firstColumn > .ListImageGallery li { display: block; width: 69px; margin: 6px 0 0 8px; } .CustomProduct.Single .firstColumn > .ListImageGallery a { margin: 0; } .CustomProduct.Single .firstColumn > .BasicGraphic { margin-left: 12px; } .CustomProduct.Single .secondColumn { margin-left: 12px; } .CustomProduct.Single .SingleProductSubnavigation { clear: both; margin-left: 12px; margin-bottom: 24px; overflow: hidden; } .CustomProduct.Single .SingleProductSubnavigation > * { display: block; float: left; margin-right: 24px; } .CustomProduct.Single .custom_made, .CustomProduct.Single .not_available, .CustomProduct.Single .on_request, .CustomProduct.Single .CustomShopBasket.AddTo.AddToDetail .on_request, .CustomProduct.Single.on_request .CustomShopBasket.AddTo.AddToDetail .add_to_basket { display: none; } .CustomProduct.Single.custom_made .custom_made, .CustomProduct.Single.not_available .not_available, .CustomProduct.Single.on_request .on_request, .CustomProduct.Single.on_request .CustomShopBasket.AddTo.AddToDetail .on_request { display: block; } .CustomProduct.Teaserlist > .title { padding: 24px 16px 12px; } .CustomProduct.Single .priceWrapper > * { float:left; } .ListImageGallery.Configurator { margin: 0; } .CustomSocialMedia.List { width: 100%; float: left; } .CustomSocialMedia.socialFeeds li { float: left; } .CustomUserLogin a { width: auto; position: relative; padding-right: 26px; background-position: right; background-repeat: no-repeat; } .CustomUserLogin #userLoginMessage { color: #e0152b ; text-align: center; } .CustomUserNavigation { clear: both; width: 100%; padding-top: 24px; overflow: hidden; display:block; } .CustomUserNavigation ul, .CustomUserNavigation ol { margin-left: 25%; } .CustomUserNavigation li { font-size: 11px; margin-right:12px; list-style: none; float: left; } .CustomUserNavigation a { padding: 0; } .CustomUserProfile .error { color: #ff0000; } .CustomUserProfile .valid { color: #31b847; } /********************************** footer ************************************/ .CustomUserProfileFooter { max-width:928px; height:auto; margin: 0 auto; overflow: hidden; padding:16px 32px 16px 32px; } .CustomUserProfileFooter .project { float: left; margin-right: 32px; } .CustomUserProfileFooter .company { width: 50%; height: auto; float: right; } .CustomUserProfileFooter .company img { margin-bottom: 8px; max-height: 48px; max-width: 100%; } .CustomUserProfileFooter .company .abstand { height: 8px; width: 10px; } .CustomUserProfile.Widget.update { margin: 0 auto; max-width:928px; overflow: hidden; } .user_updateForm.ProjectForm.BasicForm { width:100%; } #userResetPasswordMessage { color: #ff0000; font-size: 1em; text-align: center; } .SetImage { position:relative; height:570px; } .SetImage.home { height:100%; } .SetImage .graphicWrapper, .SetImage .BasicGraphic, .SetImage .imgBackground { height:100%; width:100%; } .SetImage .imgBackground { background-size: cover; background-position:center; } .SetImage.home .imgBackground { background-position:top; } .SetImage .titleGraphicWrapper { position:absolute; top:40px; left:40px; } .SetImage .titleGraphicWrapper { display:block; height:38px; z-index: 1; } #wysiwyg .SetImage .titleGraphicWrapper { position:static; } #wysiwyg .SetImage .titleGraphicWrapper .fileUploadSingleGraphicWysiwyg { height:100%; } .SetImage.map .CustomMap.Widget, .SetImage.map .CustomMap.Widget > .wrapper, .SetImage.map .CustomMap.Widget > .wrapper > .google_map { width:100%; height:100%; } .SetSeparator { overflow: hidden; } .SetSeparator h1 { float: left; } .SetSeparator h2 { float: right; } /****************** extended slideshow ******************/ .ListImageGallery.extendedSlideshow .stage { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ListImageGallery.extendedSlideshow .backstage { display: none; } .ListImageGallery.extendedSlideshow .SetImage { height: 100%; z-index: 5; display: none; } .ListImageGallery.extendedSlideshow .SetImage.active { z-index: 15; display: block; opacity: 1; } .ListImageGallery.extendedSlideshow .translateCss .SetImage { height: 100%; z-index: 1; overflow: hidden; display: inline-block; position: relative; left: -100%; margin-right: -100%; -moz-user-select: none; -webkit-user-select: none; -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 333ms; -moz-transition-duration: 333ms; -ms-transition-duration: 333ms; -o-transition-duration: 333ms; transition-duration: 333ms; -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); } .ListImageGallery.extendedSlideshow .notransition, .ListImageGallery.extendedSlideshow .notransition .SetImage { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; -o-transition-duration: 0 !important; transition-delay: 0 !important; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active { z-index: 15; left: 0; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage { left: 100%; } .ListImageGallery.extendedSlideshow .stage [data-change-slide] { cursor:pointer; } /** animation progressbar **/ .ListImageGallery.extendedSlideshow .progressBar { width: 100%; height: 1px; background-color: #ebebe8; } .ListImageGallery.extendedSlideshow .progressBar .progress { width: 0%; height: 100%; background-color: #464646; } /** navigation **/ .ListImageGallery.extendedSlideshow .navigation { z-index: 100; right: 0; top: 0; position: absolute; } .ListImageGallery.extendedSlideshow .navigation ul { float: right; list-style-type: none; margin: 0; overflow: hidden; } .ListImageGallery.extendedSlideshow .navigationItems { width: 2em; height: 2em; } .ListLinkList li{ list-style-type: none; } .ListTextList { margin-top:20px; padding-top:40px; color:#ffffff; overflow:hidden; } .ListTextList a { color:#ffffff; text-decoration:underline; } .edit .ListTextList a { color:#000000; } .ListTextList .SetText { margin-bottom:60px; overflow:hidden; } .ListTextList .SetText .title { word-wrap: break-word; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .ListTextList .SetText .titleWrapper a { text-decoration:none; } @media only screen and (max-width:1092px) { .ListTextList .SetText .titleWrapper, .ListTextList .SetText .descriptionWrapper { width:63.11%; margin: 0 auto; } .ListTextList .SetText .title { margin-bottom:40px; } } @media only screen and (min-width:1093px) { .ListTextList .SetText .titleWrapper { float:left; width:34.63%; } .ListTextList .SetText .descriptionWrapper { float:left; width:48.02%; } .ListTextList .SetText .title { margin-left:40px; } .ListTextList .SetText .description { margin-left:20px; } } .ListTextList .SetText .title { font-family:Futura W01 Bold; font-size:30px; line-height:40px; -webkit-font-smoothing: antialiased; } .ListTextList .SetText .description { font-family:Futura W01 Medium; font-size:20px; line-height:30px; -webkit-font-smoothing: antialiased; } .content .SetText * { font-size: inherit; }