/******************** GLOBALE STYLES ********************/ html { box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Arimo', sans-serif; } *, *:before, *:after { box-sizing: inherit; -moz-box-sizing: inherit; } h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; } a { text-decoration: none; } ul { list-style: none; } button, select, textarea, input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="button"]) { background: transparent; border: none; border-radius: 0; font-family: 'Arimo', sans-serif; } button, textarea, input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="button"]) { -webkit-appearance: none; } textarea { resize: none; outline: none; } button, label, select { cursor: pointer; } *::-webkit-input-placeholder { opacity: 1; font-family: 'Arimo', sans-serif; } *::-moz-placeholder { opacity: 1; font-family: 'Arimo', sans-serif; } *:-moz-placeholder { opacity: 1; font-family: 'Arimo', sans-serif; } *:-ms-input-placeholder { opacity: 1; font-family: 'Arimo', sans-serif; } /******************** STYLES ********************/ h1 { font-size: 21px; } h2 { font-size: 18px;} h3 { font-size: 15px; } h4 { font-size: 13px; } ::-moz-selection, ::selection { background-color: #f66e0d; color: #fff; } /******************** LAYOUT ********************/ body { background: url(https://www.mcbring.de/layout/img/neu/orange.gif) repeat-x #fff; background-attachment: fixed; } div#wrapper { margin: 0 auto; width: 970px; } div#portal-navigation-wrapper { z-index: 99; position: fixed; width: inherit; background: #f66e0d; } div#content-wrapper { padding-top: 140px; width: inherit; } div#portal-subnavigation { z-index: 99; position: fixed; padding: 20px 0; width: inherit; max-height: 80px; background: #fff; } div#content { position: relative; display: inline-block; width: inherit; } div#overlay-hidden { display: none; z-index: 999; position: fixed; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; } /******************** NAVIGATION ********************/ div.navi { padding: 10px 40px 0 40px; width: 890px; height: 30px; background: #f68a3e; border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; } div.navi li { float: left; margin-right: 20px; list-style-type: none; } div.navi li a { font-size: 14px; color: #fff; } div.navi li a:hover { color: #f6e8de; } div.navi li.logo a { display: inline-block; width: 92px; height: 20px; background: url(https://www.mcbring.de/layout/img/neu/navi-mcbringlogo.png;) } div.navi li.google, div.navi li.twitter, div.navi li.facebook { float: right; margin: 0 0 0 5px; } div.navi li.google a, div.navi li.twitter a, div.navi li.facebook a { display: inline-block; width: 20px; height: 20px; } div.navi li.google a { background: url(https://www.mcbring.de/layout/img/neu/navi-googleplus.png); } div.navi li.twitter a { background: url(https://www.mcbring.de/layout/img/neu/navi-twitter.png); } div.navi li.facebook a { background: url(https://www.mcbring.de/layout/img/neu/navi-facebook.png); } div.navi li.google a:hover, div.navi li.twitter a:hover, div.navi li.facebook a:hover { background-position: 0 20px; } /******************** BENUTZER NAVIGATION ********************/ #benutzer-navigation-wrapper { z-index: 999; position: fixed; width: 100%; height: 0; text-align: center; } .benutzer-navigation { display: inline-block; padding: 0 20px; height: 40px; background: #f68a3e; border-radius: 0 0 8px 8px; box-shadow: 0 -9px 9px #cd5c0b; } .benutzer-navigation a { float: left; padding: 10px 20px 0 50px; height: 30px; background-repeat: no-repeat; background-position-x: 20px; background-position-y: top; border-right: 1px solid #f58331; font-size: 14px; color: #fff; cursor: pointer; } .benutzer-navigation a:hover { color: #f6e8de; background-position-y: bottom; } .benutzer-navigation a:first-child { padding-left: 20px; } .benutzer-navigation a:last-child { border-right: none; } .benutzer-navigation a#call-login-dialog { background-image: url(https://www.mcbring.de/layout/img/navi-icon-benutzer.png); } .benutzer-navigation a#benutzer-account { background-image: url(https://www.mcbring.de/layout/img/neu/navi-icon-benutzer.png); } .benutzer-navigation a#benutzer-favoriten { background-image: url(https://www.mcbring.de/layout/img/navi-icon-favoriten.png); } /******************** BENUTZER NAVIGATION LOGIN ********************/ #benutzer-navigation-login-dialog-container { display: none; z-index: 99999; position: absolute; width: 100%; height: 0; text-align: center; } #benutzer-navigation-login-dialog { display: inline-block; padding: 30px 60px; width: 580px; height: 400px; background: #fff; border-radius: 0 0 4px 4px; } #benutzer-navigation-login-dialog span { display: block; margin-bottom: 10px; font-size: 28px; color: #f66e0d; } #benutzer-navigation-login-dialog input[type="text"], #benutzer-navigation-login-dialog input[type="password"] { margin-bottom: 10px; padding: 15px 20px; width: 100%; border: 1px solid #e5e5e5; font-size: 21px; color: #000; text-align: center; } #benutzer-navigation-login-dialog div#login-checkbox { display: inline-block; } #benutzer-navigation-login-dialog div#login-checkbox input { float: left; } #benutzer-navigation-login-dialog div#login-checkbox legend { float: left; margin: 3px 0 0 10px; font-size: 13px; } #benutzer-navigation-login-dialog input[type="submit"] { display: inline-block; margin: 10px 0; padding: 10px 40px; background: #f6924a; border-radius: 4px; font-size: 21px; color: #fff; cursor: pointer;} #benutzer-navigation-login-dialog input[type="submit"]:hover { background: #f58a3d; } #benutzer-navigation-login-dialog a { display: block; margin: 10px 0; font-size: 13px; color: #f66e0d; } #benutzer-navigation-login-dialog button { display: inline-block; margin-top: 10px; padding: 10px 40px; background: #4b70bf; border-radius: 4px; font-size: 21px; color: #fff; cursor: pointer; } #benutzer-navigation-login-dialog button:hover { background: #4668b3; } /******************** BENUTZER NAVIGATION FLYOUT ********************/ .wrapper-flyout { z-index: 10000; position: fixed; width: 100%; height: 0; text-align: center; } .container-flyout { display: inline-block; margin-top: 45px; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); border-radius: 4px; } .container-flyout span.flyout-title { display: block; margin-bottom: 10px; font-size: 21px; color: #f66e0d; } #wrapper-flyout-account, #wrapper-flyout-favoriten { display: none; position: relative; height: 0; } .container-flyout.account { margin-left: 260px; width: 160px; } .container-flyout.account div.boxarrow-wht-top { position: absolute; margin: -10px 0 0 70px; } .container-flyout.account ul { list-style-type: none; } .container-flyout.account ul li a { display: block; padding: 20px 40px; border-bottom: 1px solid #e5e5e5; font-size: 13px; color: #000; } .container-flyout.account ul li a:hover { color: #f66e0d; } .container-flyout.account ul li:last-child a { border-bottom: none; } .container-flyout.favoriten { padding: 20px 40px; width: 500px; text-align: left; } .container-flyout.favoriten div.boxarrow-wht-top { position: absolute; margin: -30px 0 0 265px; } .container-flyout.favoriten div.meinfavorit { float: left; width: 100px; height: 100px; } .container-flyout.favoriten img.favorit-entfernen { position: absolute; z-index: 20; margin: 65px 0 0 65px; cursor: crosshair; } .container-flyout.favoriten a { position: relative; z-index: 10; display: inline-block; width: inherit; height: inherit; background: url(https://www.mcbring.de/layout/img/flyout-favoriten-meinfavorit-bg.png); cursor: pointer; } .container-flyout.favoriten div.meinfavorit:hover a { background-color: rgba(246, 110, 13, 0.75); } .container-flyout.favoriten img.favorit-logo { position: absolute; margin-left: -100px; width: inherit; height: inherit; } .container-flyout.favoriten div.inaktiv img.favorit-logo, .container-flyout.favoriten div.inaktiv a { background-color: rgba(255, 255, 255, 0.75); } /******************** PORTAL NAVIGATION ********************/ #portal-navigation { margin-top: 80px; width: inherit; height: 60px; } #portal-navigation a { float: left; position: relative; display: block; padding: 20px 40px 0 40px; height: 60px; background: #f6924a; } #portal-navigation a:hover { background: #f58a3d; } #portal-navigation a:first-of-type { border-radius: 8px 0 0 0; } #portal-navigation a:last-of-type { padding-right: 20px; } #portal-navigation a:last-of-type:after { content: ''; position: absolute; top: 0; right: -30px; width: 30px; height: 60px; background: url(https://www.mcbring.de/layout/img/portal-navigation-corner.png) top; } #portal-navigation a:last-of-type:hover:after { background-position: bottom; } #portal-navigation a.aktiv { background: #fff; } #portal-navigation a img { float: left; margin-right: 10px; } #portal-navigation a span { float: left; font-size: 21px; color: #fff; } #portal-navigation a.aktiv span { color: #000; } #warenkorb-navigation { float: right; position: relative; padding: 20px 40px 0 20px; height: 60px; background: #f6924a; border-radius: 0 8px 0 0; cursor: pointer; } #warenkorb-navigation:hover { background: #f58a3d; } #warenkorb-navigation:before { content: ''; position: absolute; top: 0; left: -30px; width: 30px; height: 60px; background: url(https://www.mcbring.de/layout/img/portal-navigation-corner.png) top; transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); } #warenkorb-navigation:hover:before { background-position: bottom; } #warenkorb-navigation img { float: left; margin-left: 10px; } #warenkorb-navigation span { float: left; font-size: 21px; color: #fff; } /******************** BREADCRUMP ********************/ .breadcrump-wrapper {} .breadcrump-wrapper span, .breadcrump-wrapper a { color: #999; cursor: pointer; } .breadcrump-wrapper a.active, .breadcrump-wrapper span:hover, .breadcrump-wrapper a:hover { color: #000; } .breadcrump-wrapper div { display: inline-block; } .breadcrump-wrapper .overview { margin-right: 40px; } .breadcrump-wrapper .links {} .breadcrump-wrapper .links a { margin-left: 10px; } /* FOOTER */ div.footer { padding-top: 20px; width: inherit; } div.footer > div { margin-bottom: 40px; } div.footer ul { float: left; list-style-type: none; } div.footer li { line-height: 21px; } div.footer p { line-height: 14px; } div.footer .font11, div.footer .font14 { color: #fff; } div.footer h1, div.footer h2, div.footer span { margin-bottom: 5px; } div.footer h1, div.footer h2 { font-weight: normal; } div.footer a.font11:hover { color: #f6e8de; } div.footer-sitemap { display: inline-block; padding: 20px 40px; width: 100%; background: #f68a3e; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } div.footer-sitemap ul { margin-right: 40px; width: 115px; } div.footer-sitemap ul:last-child { margin-right: 0; } div.footer-sitemap ul#newsletter { width: 270px; } div.footer-sitemap ul#newsletter li { line-height: normal; } div.footer-sitemap ul#newsletter li:first-child { line-height: 21px; } div.footer-sitemap input#newsletter-input { margin: 5px 0; padding-left: 20px; width: 160px; height: 30px; background: #f6ae7c; border: none; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; } div.footer-sitemap input#newsletter-submit { position: relative; margin-left: -6px; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; } div.footer-stadtuebersicht { display: inline-block; padding: 0 40px; } div.footer-stadtuebersicht span { display: block; } div.footer-stadtuebersicht ul { margin-right: 40px; width: 115px; list-style: disc outside; color: #fff; } div.footer-stadtuebersicht ul:last-child { margin-right: 0; } div.footer-stadtuebersicht li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.footer-text { padding: 0 40px; } div.footer-glossar { display: inline-block; padding: 0 40px; } div.footer-glossar span { display: block; } div.footer-glossar ul li { display: inline; list-style-type: none; } div.footer-topstaedte { display: inline-block; padding: 0 40px; } div.footer-topstaedte ul { margin-right: 40px; width: 270px; } div.footer-topstaedte ul:nth-child(3n+3) { margin-right: 0; } div#footer-navi { background: #f68a3e; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: center; } /* BENUTZER NAVIGATION FLYOUT PRODUKTLISTE div.wrapper-flyout div.favoritenliste ul { margin: -10px -30px 0 -30px; list-style-type: none; } div.wrapper-flyout div.favoritenliste li div.produkt { padding: 0 30px; height: 45px; background: #fff; } div.wrapper-flyout div.favoritenliste li:nth-child(2n+2) div.produkt { background: #fff7e5; } div.wrapper-flyout div.favoritenliste li div.artikel { float: left; padding: 10px 0 0 0; height: 35px; } div.wrapper-flyout div.favoritenliste li div.artikel p { font-size: 13px; font-weight: bold; color: #000; text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; -moz-text-shadow: 0 1px 0 #fff; } div.wrapper-flyout div.favoritenliste li div.artikel span { font-size: 11px; color: #000; } div.wrapper-flyout div.favoritenliste li div.artikel a { color: #f6ae0e; } div.wrapper-flyout div.favoritenliste div.produkt table { display: inline; float: right; } div.wrapper-flyout div.favoritenliste div.produkt table td { width: 60px; height: 45px; text-align: center; } div.wrapper-flyout div.favoritenliste div.produkt table td a { display: inline-block; padding-top: 10px; width: 60px; height: 35px; font-size: 13px; font-weight: bold; color:#bd813b; } div.wrapper-flyout div.favoritenliste div.produkt table td a span { font-size: 11px; color:#000; } div.wrapper-flyout div.favoritenliste li div.produkt:hover { background: #f6ad0f; } div.wrapper-flyout div.favoritenliste li div.produkt:hover p, div.wrapper-flyout div.favoritenliste li div.produkt:hover span, div.wrapper-flyout div.favoritenliste li div.produkt:hover a, div.wrapper-flyout div.favoritenliste li div.produkt:hover table td a { color: #fff; text-shadow: 0 1px 0 #bd813b; -webkit-text-shadow: 0 1px 0 #bd813b; -moz-text-shadow: 0 1px 0 #bd813b; } div.wrapper-flyout div.favoritenliste div.produkt table td:hover { background: #f6bb3d; } div.wrapper-flyout div.favoritenliste div.produkt table td:active { background: #fff4bf; } div.wrapper-flyout div.favoritenliste div.produkt table td:active a, div.wrapper-flyout div.favoritenliste div.produkt table td:active a span { color: #402c14 !important; text-shadow: none !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; } */ /* SCREEN OVERLAYS */ div#black-overlay { display: none; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; } div#orange-overlay { display: none; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f66e0d; opacity: 0.9; } div#orange-overlay2 { display: none; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f66e0d; opacity: 0.9; } /* OVERLAY AUSBLENDUNG */ div.overlay-bestellversand, div.overlay-vorbestellung, div.overlay-useranmeldung, div.overlay-adressfehler, div.overlay-startseite, div.overlay-hinweis, div.overlay-favoritenwechsel { display: none; } /* OVERLAY, OVERLAY FULL */ div.overlay { display: none; z-index: 10000; position: absolute; top: 0; left: 50%; margin-left: -445px; width: 890px; background: rgba(255, 255, 255, 0.95) !important; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } div.overlay-header { display: inline-block; padding: 10px 40px; width: 100%; background: #f6ae7c; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; text-align: center; } div.overlay-content { padding: 40px; } div.overlay-footer { display: inline-block; padding: 40px 40px 20px 40px; width: 810px; text-align: center; } div.overlay.full-overlay { padding: 60px 0 100px 0; height: 90%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } div.overlay-header.full-overlay { margin-top: -60px; } div.overlay-content.full-overlay { overflow-x: hidden; overflow-y: scroll; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } div.overlay-header > span { display: block; margin-top: 5px; font-family: 'Arimo', sans-serif; font-size: 28px; color: #fff; letter-spacing: normal; } div.overlay-content img { float: left; margin: 0 40px 40px 0; } /*div.overlay-content p, div.overlay-content li, div.overlay-content li span { font-size: 13px; font-weight: normal; color: #000; line-height: 18px; list-style-position: inside; }*/ /* OVERLAY EXTRAZUTATEN */ div#overlay-extras.full-overlay { padding-top: 145px; } div.overlay-header.overlay-extras { overflow: hidden; margin-top: -145px; padding: 0; width: 890px; height: 145px; background: transparent; text-align: left; } div.overlay-content.overlay-extras { padding: 20px 40px 0 40px; } div.overlay-footer.overlay-extras { text-align: right; } div.overlay-header.overlay-extras div.article-name:before { content: ""; z-index: -10; position: absolute; top: 0; left: 0; width: 320px; height: 145px; background: url(https://www.mcbring.de/layout/img/bg_bla-tra_ver320.png) repeat-y; border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; } div.overlay-header.overlay-extras img { position: relative; top: -145px; } div.overlay-header.overlay-extras div.article-name, div.overlay-header.overlay-extras div.article-price { float: left; z-index: 10; position: relative; padding-top: 80px; height: inherit; background: url(https://www.mcbring.de/layout/img/bg_bla-tra_hor180.png) repeat-x bottom; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } div.overlay-header.overlay-extras div.article-name { padding-left: 40px; width: 70%; } div.overlay-header.overlay-extras div.article-price { padding-right: 40px; width: 30%; text-align: right; } div.overlay-header.overlay-extras div.article-name span.font, div.overlay-header.overlay-extras div.article-name p.font14, div.overlay-header.overlay-extras div.article-name p.font14 sup { color: #fff; } div.overlay-header.overlay-extras div.article-name p sup { line-height: 7px; } div.overlay-header.overlay-extras div.article-price p { text-align: right; } div.overlay-header.overlay-extras div.article-price span.font, div.overlay-header.overlay-extras div.article-price p.font { color: #fff; } div.overlay-content.overlay-extras > div { display: inline-block; width: 100%; } div.overlay-content.overlay-extras span.title { display: block; } div.overlay-content.overlay-extras span.title.font { color: #000; } div.overlay-content.overlay-extras div#showaktion span.title.font { color: #f66e0d; } div.overlay-content.overlay-extras ul { display: inline-block; margin-bottom: 40px; width: inherit; list-style-type: none; } div.overlay-content.overlay-extras ul li { float: left; width: 230px; line-height: 40px; cursor: pointer; } div.overlay-content.overlay-extras ul li:nth-child(3n+2) { margin: 0 50px; } div.overlay-content.overlay-extras ul li.aktiv { list-style-type: disc; font-size: 21px; color: #f66e0d; } div.overlay-content.overlay-extras ul li span { float: right; } div.overlay-content.overlay-extras ul li span.zutat { width: 70%; color: #000; } div.overlay-content.overlay-extras ul li span.preis { width: 30%; color: #7f7f7f; text-align: right; } div.overlay-content.overlay-extras ul li:hover span { color: #f66e0d; } div.overlay-content.overlay-extras ul li.aktiv span { color: #f66e0d !important; } div.overlay-content.overlay-extras ul li sup { line-height: normal; } div.overlay-content.overlay-extras div.extrazutat ul { float: left; width: 230px; } div.overlay-content.overlay-extras div.extrazutat ul:nth-child(2) { margin: 0 50px 40px 50px; } div.overlay-content.overlay-extras div.extrazutat ul li { margin: 0 !important; } div.overlay-footer.overlay-extras div { margin-left: 40px; } /* OVERLAY BESTELLVERSAND*/ div.overlay-bestellversand { margin-left: -240px; width: 580px; } div.overlay-bestellversand div.overlay-header { width: 500px; } div.overlay-bestellversand div.overlay-content { overflow-y: hidden; text-align: center; } div.overlay-bestellversand div.overlay-content img { float: none; margin-right: 0; } /* OVERLAY FAVORITENWECHSEL */ div.overlay-favoritenwechsel a.button-orange { margin-top: 20px; padding: 20px 40px; height: auto; text-align: center; } div.overlay-favoritenwechsel a.button-orange p, div.overlay-favoritenwechsel a.button-orange span { color: #fff; } /* OVERLAY LIEFERGEBIETE */ div.content-liefergebiete ul { float: left; list-style-type: none; } div.content-liefergebiete li { width: 260px; color: #7f7f7f; line-height: 40px; cursor: pointer; } div.content-liefergebiete li:hover { color: #f66e0d; } div.content-liefergebiete li span { display: inline-block; margin-right: 10px; color: #000; } div.content-liefergebiete li:hover span { color: #f66e0d; } /* BEWERTUNG FLYOUT */ div.overlay-bewertung { display: none; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); z-index: 10; position: absolute; margin: -90px 0 0 0; padding: 20px 40px 5px 40px; width: 200px; background: rgba(246, 110, 13, 0.95); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } div.overlay-bewertung div.boxarrow-org-left { position: absolute; margin: 50px 0 0 -50px; } div.overlay-bewertung li { margin-bottom: 15px; padding: 0 0 0 30px !important; background: transparent !important; border-bottom: none; font-size: 14px; color: #fff; list-style-type: none; text-align: left; } div.overlay-bewertung li span { display: inline !important; color: #fff; } div.overlay-bewertung li.titel { margin-left: -30px; font-family: 'Arimo', sans-serif; font-size: 21px; color: #fff; letter-spacing: normal; } div.overlay-bewertung li img { position: absolute; margin: -5px 0 0 -30px !important; cursor: default !important; } /* FAVORITEN INFO */ div.favoritinfo-flyout { position: absolute; z-index: 10; left: 40px; padding: 10px 20px; height: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); background: #f6ad0e; font-size: 13px; font-weight: bold; color: #fff; } div.favoritinfo-flyout div.boxarrow-wht-left{ position: absolute; left: -10px; border-right: 10px solid #f6ad0e; } /* SCROLL TOP */ div#scroll-top { display: none; position: fixed; z-index: 1000; right: 30px; bottom: 20px; cursor: pointer; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } /* LADEBALKEN */ div#ladebalken { padding-top: 20px; text-align: center; } div.content-right div#ladebalken { margin-top: 20px; } div#ladebalken img { display: inline-block; } div#ladebalken span { display: block; margin-top: 10px; font-family: 'Arimo', sans-serif; font-weight: bold; font-size: 21px; color: #f66e0d; letter-spacing: normal; } /* ARROWS */ .boxarrow-wht-top { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .boxarrow-wht-left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; } .boxarrow-wht-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } .boxarrow-org-top { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(246, 110, 13, 0.95); } .boxarrow-org-left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgba(246, 110, 13, 0.95); } .boxarrow-org-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(246, 110, 13, 0.95); } /* BORDER RADIUS */ .brdr-rdus-4 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .brdr-rdus-4-tp { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; } .brdr-rdus-4-bo { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } .brdr-rdus-8 { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .brdr-rdus-8-tp { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; } .brdr-rdus-8-bo { border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; } /* BUTTONS */ .button-weiss { display: inline-block; padding: 0 10px; height: 30px; background: #fff; border: none; border-radius: 4px; font-size: 14px; color: #f66e0d; line-height: 30px; text-align: center; cursor: pointer; } .button-weiss:hover { background: #f66e0d; color: #fff; } .button-orange { display: inline-block; padding: 0 20px; height: 30px; background: #f66e0d; border: none; border-radius: 4px; font-size: 13px; color: #fff; line-height: 30px; text-align: center; cursor: pointer; } .button-orange:hover { background: #f68c3f; } .button-grau { display: inline-block; padding: 0 20px; height: 30px; background: #bfbfbf; border: none; border-radius: 4px; font-size: 13px; color: #fff; line-height: 30px; text-align: center; cursor: pointer; } .button-grau:hover { background: #ccc; } .button-beige { display: inline-block; padding: 0 20px; height: 30px; background: #f5ead0; border: none; border-radius: 4px; font-size: 13px; color: #f66e0d; line-height: 30px; text-align: center; cursor: pointer; } .button-beige:hover { background: #fff; } #fb-login-button { height: auto; background: #3b5998; color: #fff; } /* TEXT BUTTONS */ .btn-txt { display: inline-block; margin: 0; padding: 0; cursor: pointer; } .btn-orange { color: #f66e0d; } .btn-orange:hover { color: #f58a3d; } .btn-grau { color: #7f7f7f; } .btn-grau:hover { color: #999999; } /* FONTS */ .textoverflow { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .font { font-family: 'Arimo', sans-serif; letter-spacing: normal; } .font11 { font-size: 11px; font-weight: normal; } .font14 { font-size: 14px; font-weight: normal; } .font21 { font-size: 21px; font-weight: normal; } .font28 { font-size: 28px; font-weight: normal; }