Stichworte

Preise für unsere ladungsfähigen Berliner Geschäftsadressen

Ihre solide Geschäftsadresse in Berlin - das heißt u. a., wenn Sie wichtige Post bekommen, informieren wir auf dem kurzen Weg. Sehr solide und doch günstig - buchen Sie jetzt Ihre Geschäftsadresse in Berlin - hier finden Sie unsere Preise.


knolle

hier zusammenfassung


generellStyles

/* -------------------------------------------------------- */ /* Twitter Bootstrap with Responsive media queries */ /* Custom override - max width of 1024px */ /* --------------------#E6E6E6------------------------------------ */ @import url("bootstrap/bootstrap.min.css"); @import url("bootstrap-override.css"); /* -------------------------------------------------------- */ /* Base */ /* -------------------------------------------------------- */ ::-moz-selection { background: #BADC7F; color: #fff; text-shadow: none; } ::selection { background: #BADC7F; color: #fff; text-shadow: none; } :focus { outline-color: transparent!important; outline-style: none!important; } html { overflow-y: scroll; overflow-x: hidden; background: #080707; } body { overflow-x: hidden; margin: 0; padding: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; color: #333333; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: 100%; cursor: default; } body { background: url(/assets/img/background.png) 0 123px repeat-x #ffffff; } @media (max-width: 979px) and (min-width: 768px) { body { background: url(/assets/img/background.png) 0 120px repeat-x #ffffff; } } @media (max-width: 767px) { body { background: url(/assets/img/background.png) 0 130px repeat-x #ffffff; } } h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: 700; line-height: 1.25; margin: 0 0 20px 0; } h3, h4, h5 { font-weight: 600; margin: 0 0 10px 0; } h1 { font-size: 30px; margin: 0 0 20px 0; } h2 { font-size: 23px; } h3 { font-size: 18px; } h4 { font-size: 14px; } h4.teaser { color: #474747; font-size: 23px; font-weight: 700; margin: 0 0 20px 0; text-transform: none; } a { color: #d3031b; text-decoration: none; } a:hover { color: #d3031b; text-decoration: underline; } hr { background: none; border: none; height: 1px; margin: 18px 0; background: #eee; color: #efefef; } blockquote { background: url(/assets/img/icons/blockquote.png) no-repeat #f2f2f2; background-position: 0 12px; border: none; padding: 24px 24px 24px 70px; margin: 20px 0; font-size: 1.1em; line-height: 1.5em; color: #666; } .clear {clear: both;} .twocolums { column-count: 2; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-gap: 2em; column-width: 45%; -webkit-colums: 2 45%; -moz-column-width: 45%; columns: 2 45%; } ul { margin: 20px 0; } ul li i[class^="icon-"] { color: #999; } ul li:hover i[class^="icon-"] { color: #222; } .top-content ol, .top-content ul { counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */ padding: 0; margin: 10px 35px; } .top-content ol ol{ margin: 0 0 0 2em; /* Add some left margin for inner lists */ } .top-content ol li, .top-content ul li { position: relative; display: block; padding: .2em .2em .2em 2em; *padding: .2em; margin: .2em 0; /*background: #ddd; border-radius: .3em;*/ color: #444; text-decoration: none; transition: all .3s ease-out; } .top-content ol li:hover, .top-content ul li:hover{ background: #eee; } .top-content ol li:hover:before, ul li:hover:before { transform: rotate(360deg); } .top-content ol li:before{ color: #fff; content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; background: #74b320; height: 2em; width: 2em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; } .top-content ul li:before{ content: '\2713'; color: #fff; position: absolute; left: -1.3em; background: #74b320; height: 1.3em; width: 1.3em; line-height: 1.3em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 1.3em; transition: all .3s ease-out; } #portfolio-filter { margin: 10px 0px; } #portfolio-filter li:before { left: 0; margin-top: -1.6em; top: 60%; } #portfolio-filter li:hover, .mt_scrubberColumn ul li:hover, ul.tags li:hover, .pagination ul li:hover { background: none; } .mt_scrubberColumn ul li:before, .pagination ul li:before{ content: ''; background: none; border: none; } .mt_scrubberColumn ul li, ul.tags { margin: 0; padding: 0; } /* -------------------------------------------------------- */ /* Layout */ /* -------------------------------------------------------- */ #header { background: #d3031b; height: 123px; } #header.red { background: #d3031b; } #header.blue { background: #008dd1; } #header.yellow { background: #f8b900; } #header.green { background: #74b320; } .top-content {margin: 30px 0 60px 0; } .top-content h1 { color: #d3031b; font-weight: 700; text-transform: uppercase; } .top-content h2 { color: #333; font-weight: 700; text-transform: uppercase; } .top-content h3 { color: #333; font-weight: 300; font-size: 20px; } .pagefooter { background: url("/assets/img/content_bg.png") repeat-x scroll top center; width: 100%; padding-top: 50px; min-height: 35px; } .teaser-footer-triangle { width: 0px; height: 0px; border: 15px solid #444; /*border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent transparent transparent;*/ margin-left: 30px; } .arrow.down { border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; position: relative; top: 90px; } .arrow.up { border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } .arrow.left { border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .arrow.right { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .teaser-footer { height: 30px; font-size: 22px; color: #474747; font-weight: 700; line-height: 1.25; color: white; padding: 15px; text-align: right; background: transparent; margin-bottom: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; } #liste .teaser-footer { margin-bottom: 20px; position: relative; top: -30px;} /* #liste .Bild1 { position: relative; z-index: 1 } */ #liste .teaser-footer-triangle { position: relative; top: -30px; z-index: 100 } #liste p { margin-bottom: 20px;} .top-teaser .span4 a { color:#333333} .top-teaser .teaser-footer a, .teaser-footer h2 a { color: white; } .teaser-footer-triangle.blue { border-color: #007ebe; } .teaser-footer.blue{ background: #008bd1; } .teaser-footer-triangle.yellow { border-color: #e2a800; } .teaser-footer.yellow{ background: #f8b900; } .teaser-footer-triangle.green { border-color: #6aa31d; } .teaser-footer.green{ background: #74b320; } .teaser-footer.red{ background: #d3031b; } .teaser-footer-triangle.red { border-color: #c00319; } /* -------------------------------------------------------- */ /* beredsam.space */ /* -------------------------------------------------------- */ .spacepic { float: right; margin-left: 25px; max-width: 50%; margin-top: -30px; } /* Rules for resolutions between 768 and 979px */ @media (max-width: 979px) and (min-width: 768px) { .spacepic { max-width: 30%; padding: 0 0% 0% 0; } } /* Rules for resolutions below 768px */ @media (max-width: 767px) { .spacepic { margin: 0 0 0 60px; float: none; clear: both; } } /* -------------------------------------------------------- */ /* Classes */ /* -------------------------------------------------------- */ .fr { float: right; } .fl { float: left; } .ac { text-align: center; } .al { text-align: left; } .ar { text-align: right; } .clr { clear: both; } .grey { color: #333333; } .hidden { display: none; } .show { display: block; } .unstyled { list-style-type: none; margin: 0; } .stacked { -webkit-box-shadow: 0 5px 0 -4px #ffffff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #ffffff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #ffffff, 0 17px 0 -11px #c2c0b8; -moz-box-shadow: 0 5px 0 -4px #ffffff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #ffffff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #ffffff, 0 17px 0 -11px #c2c0b8; -o-box-shadow: 0 5px 0 -4px #ffffff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #ffffff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #ffffff, 0 17px 0 -11px #c2c0b8; box-shadow: 0 5px 0 -4px #ffffff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #ffffff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #ffffff, 0 17px 0 -11px #c2c0b8; } .inline { display: inline; } .inline-block { display: inline-block; } .uc { text-transform: uppercase; } .ajax-loader { display: none; } .gradient { background: #A0DBE8; background-image: linear-gradient(100 100, #a0dbe8 10%, #83b7e0 55%); background-image: -o-linear-gradient(100 100, #a0dbe8 10%, #83b7e0 55%); background-image: -moz-linear-gradient(left, #a0dbe8 10%, #83b7e0 78%); background-image: -webkit-linear-gradient(100 100, #a0dbe8 10%, #83b7e0 55%); background-image: -ms-linear-gradient(100 100, #a0dbe8 10%, #83b7e0 55%); background-image: -webkit-gradient(linear, 100 100, 200 200, color-stop(0.1, #a0dbe8), color-stop(0.55, #83b7e0)); } .teaserpic { margin-bottom:20px; } /* -------------------------------------------------------- */ /* Footer */ /* -------------------------------------------------------- */ footer { background-color: black; color: white; margin: 60px 0 0; padding: 36px 0 10px; } footer h3 { color: white; margin: 0 0 10px 0; font-weight: bold; letter-spacing: -0.5px; font-size: 15px; } footer .brand { font-weight: bold; font-size: 36px; display: inline-block; letter-spacing: -2px; line-height: 0.7em; color: #575757; margin: 0 0 20px 0; } footer p { font-size: 0.85em; color: white; line-height: 1.4em; } /* -------------------------------------------------------- */ /* Footer - Social networks */ /* -------------------------------------------------------- */ footer .social-networks h3 { margin-bottom: 26px; } footer .social-networks a { margin: 0 8px 12px 0; } /* -------------------------------------------------------- */ /* Footer - Newsletter signup */ /* -------------------------------------------------------- */ footer .newsletter input[type=text] { background: none repeat scroll 0 0 #CCC; border: 0px; float: left; max-width: 77%; text-shadow: none; margin: 5px 0; } footer .newsletter input[type=text]{ color: #000000; padding-right: 20px; } /* -------------------------------------------------------- */ /* Copyright - bottom of each page */ /* -------------------------------------------------------- */ footer#copyright { background: url(/assets/img/copyright-background.png) repeat-x #080707; margin: 0; padding: 14px 0 12px 0; font-size: 0.9em; color: #999999; } footer#copyright a { color: #fff; } /* ---------------------------------------------------------------------- */ /* Tables /* ---------------------------------------------------------------------- */ table { color: #444; width: 100%; border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #ccc; } table thead tr { border: 0; } table thead th { background: #eee; font-weight: 600; text-align: left; color: #222; padding: 6px 10px; border: 0px solid #ddd; border-bottom: 1px solid #ddd; background-image: linear-gradient(bottom, #f2f2f2 46%, #fafafa 92%); background-image: -o-linear-gradient(bottom, #f2f2f2 46%, #fafafa 92%); background-image: -moz-linear-gradient(bottom, #f2f2f2 46%, #fafafa 92%); background-image: -webkit-linear-gradient(bottom, #f2f2f2 46%, #fafafa 92%); background-image: -ms-linear-gradient(bottom, #f2f2f2 46%, #fafafa 92%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.46, #f2f2f2), color-stop(0.92, #fafafa)); } table td { padding: 4px 10px; background: #fff; border-bottom: 1px solid #eee; } table tr:last-child td { border-bottom: 1px solid #ccc; } table tr:nth-child(even) td { background: #fafafa; } table tr:hover td { background: #EAF5FA; } /* ---------------------------------------------------------------------- */ /* Forms and input elements /* ---------------------------------------------------------------------- */ label { cursor: pointer; display: block; margin: 0 0 5px; color: #666; font-weight: 600; text-shadow: 1px 1px 0 #fff; } input, textarea, select, input[type=text], input[type=email], input[type=search], input[type=password] { font-size: 13px; background-color: #ffffff; border: 1px solid #e8e8e8; color: #8f8f8f; padding: 5px 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin: 5px 0; width: 96%; } textarea { padding: 10px; resize: both; } select, option { cursor: pointer; padding: 5px 7px; } input:hover, textarea:hover, select:hover { border-color: #dedede; } input:focus, textarea:focus, select:focus { border-color: #ccc; } input[type="checkbox"], input[type="radio"] { width: 20px; } /* Fix for Mobile Safari */ input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } /* Placeholder */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; } select { display: block; width: 232px; margin: 0; padding: 0 4px; background: url(/assets/img/select-box.png) #ffffff right center no-repeat; line-height: 1.6em; cursor: pointer; color: #666; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } select:hover { border: 1px solid #bbb; } /* styling for inputs */ input[type=text], input[type=email], input[type=password], input[type=search], textarea { border-color: #bbb #ccc #ddd #ccc; -webkit-transition: border 0.2s, background 0.2s, width 0.4s ease; -moz-transition: border 0.2s, background 0.2s, width 0.4s ease; -o-transition: border 0.2s, background 0.2s, width 0.4s ease; transition: border 0.2s, background 0.2s, width 0.4s ease; -webkit-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.1), 0 1px 0 #ffffff; -moz-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.1), 0 1px 0 #ffffff; -o-box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.1), 0 1px 0 #ffffff; box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.1), 0 1px 0 #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } input:focus, textarea:focus { border-color: #444444!important; outline: none; background-color: #fcfcfc; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset !important; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset !important; -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset !important; } /* -------------------------------------------------------- */ /* Buttons */ /* -------------------------------------------------------- */ button, input[type=submit], input[type=button], .button { /* default style */ display: inline-block; position: relative; text-decoration: none; cursor: pointer; font-size: 13px; color: #fff; background-image: none; filter: none; padding: 6px 12px; text-shadow: 1px 1px 0px #666; font-weight: normal; border-style: solid; border-width: 1px; vertical-align: middle; -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 1px 0 rgba(255, 255, 255, 0.2); -o-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 1px 0 rgba(255, 255, 255, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } button:hover, input[type=submit]:hover, input[type=button]:hover, .button:hover { text-decoration: none; color: #fff; cursor: pointer; } button:active, input[type=submit]:active, input[type=button]:active, .button:active { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; } button i, .button i { vertical-align: baseline; font-size: 14px; line-height: 0.8em; } .button.disabled { background: #f6f6f6!important; border: 1px solid #ccc!important; color: #222!important; background-image: none!important; } /* -------------------------------------------------------- */ /* Sizes */ /* -------------------------------------------------------- */ .button.tiny { padding: 2px 6px; font-size: 11px; font-weight: 400; } .button.small { padding: 4px 10px; font-size: 12px; font-weight: 400; } .button.large { padding: 14px 20px; font-size: 18px; font-weight: 600; } .button.tiny i { font-size: 11px; } .button.small i { font-size: 11px; } .button.large i { font-size: 18px; } /* -------------------------------------------------------- */ /* Colors */ /* -------------------------------------------------------- */ button, input[type=submit], input[type=button], .button { background: #52BBEC; background-image: linear-gradient(bottom, #398be6 1%, #52bbec 55%); background-image: -o-linear-gradient(bottom, #398be6 1%, #52bbec 55%); background-image: -moz-linear-gradient(bottom, #398be6 1%, #52bbec 55%); background-image: -webkit-linear-gradient(bottom, #398be6 1%, #52bbec 55%); background-image: -ms-linear-gradient(bottom, #398be6 1%, #52bbec 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #398be6), color-stop(0.55, #52bbec)); border-color: #3795DC #2575A3 #206B91 #328CCC; } input[type=submit]:hover, input[type=button]:hover, .button:hover { background: #52BBEC; background-image: linear-gradient(bottom, #3a8de6 1%, #52bbec 35%); background-image: -o-linear-gradient(bottom, #3a8de6 1%, #52bbec 35%); background-image: -moz-linear-gradient(bottom, #398be6 1%, #52bbec 35%); background-image: -webkit-linear-gradient(bottom, #398be6 1%, #52bbec 35%); background-image: -ms-linear-gradient(bottom, #398be6 1%, #52bbec 35%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #398be6), color-stop(0.35, #52bbec)); border-color: rgba(90, 90, 90, 0.6); } .button.yellow { color: #996633; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); background: #FED86F; background-image: linear-gradient(bottom, #f2c962 1%, #fed86f 55%); background-image: -o-linear-gradient(bottom, #f2c962 1%, #fed86f 55%); background-image: -moz-linear-gradient(bottom, #f2c962 1%, #fed86f 55%); background-image: -webkit-linear-gradient(bottom, #f2c962 1%, #fed86f 55%); background-image: -ms-linear-gradient(bottom, #f2c962 1%, #fed86f 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #f2c962), color-stop(0.55, #fed86f)); border-color: #DBAD40 #C1A562 #C1A562 #DBAD40; } .button.yellow:hover { background: #FED86F; background-image: linear-gradient(bottom, #f2c962 1%, #fed86f 35%); background-image: -o-linear-gradient(bottom, #f2c962 1%, #fed86f 35%); background-image: -moz-linear-gradient(bottom, #f2c962 1%, #fed86f 35%); background-image: -webkit-linear-gradient(bottom, #f2c962 1%, #fed86f 35%); background-image: -ms-linear-gradient(bottom, #f2c962 1%, #fed86f 35%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #f2c962), color-stop(0.35, #fed86f)); border-color: rgba(90, 90, 90, 0.6); } .button.brown { color: #fff; background: black; background-image: linear-gradient(bottom, #433e3b 1%, #58504b 55%); background-image: -o-linear-gradient(bottom, #433e3b 1%, #58504b 55%); background-image: -moz-linear-gradient(bottom, #433e3b 1%, #58504b 55%); background-image: -webkit-linear-gradient(bottom, #433e3b 1%, #58504b 55%); background-image: -ms-linear-gradient(bottom, #433e3b 1%, #58504b 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #433e3b), color-stop(0.55, #58504b)); border-color: #7A736F #4F4843 #34312E #4F4843; } .button.brown:hover { background-color: #58504B; background-position: 100; border-color: rgba(90, 90, 90, 0.6); background-image: linear-gradient(bottom, #433e3b 1%, #58504b 35%); background-image: -o-linear-gradient(bottom, #433e3b 1%, #58504b 35%); background-image: -moz-linear-gradient(bottom, #433e3b 1%, #58504b 35%); background-image: -webkit-linear-gradient(bottom, #433e3b 1%, #58504b 35%); background-image: -ms-linear-gradient(bottom, #433e3b 1%, #58504b 35%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #433e3b), color-stop(0.35, #58504b)); border-color: #7A736F #4F4843 #34312E #4F4843; } .button.green { color: #fff; background: #62B974; background-image: linear-gradient(bottom, #509d5d 1%, #62b974 55%); background-image: -o-linear-gradient(bottom, #509d5d 1%, #62b974 55%); background-image: -moz-linear-gradient(bottom, #509d5d 1%, #62b974 55%); background-image: -webkit-linear-gradient(bottom, #509d5d 1%, #62b974 55%); background-image: -ms-linear-gradient(bottom, #509d5d 1%, #62b974 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #509d5d), color-stop(0.55, #62b974)); border-color: #56aB39 #5FA224 #279021 #5FA224; } .button.green:hover { background-color: #509D5D; background-position: 100; border-color: rgba(90, 90, 90, 0.6); background-image: linear-gradient(bottom, #509d5d 1%, #62b974 35%); background-image: -o-linear-gradient(bottom, #509d5d 1%, #62b974 35%); background-image: -moz-linear-gradient(bottom, #509d5d 1%, #62b974 35%); background-image: -webkit-linear-gradient(bottom, #509d5d 1%, #62b974 35%); background-image: -ms-linear-gradient(bottom, #509d5d 1%, #62b974 35%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #509d5d), color-stop(0.35, #62b974)); } .button.orange { color: #fff; background: #f26a46; background-image: linear-gradient(bottom, #ef4416 1%, #f26a46 65%); background-image: -o-linear-gradient(bottom, #ef4416 1%, #f26a46 65%); background-image: -moz-linear-gradient(bottom, #ef4416 1%, #f26a46 65%); background-image: -webkit-linear-gradient(bottom, #ef4416 1%, #f26a46 65%); background-image: -ms-linear-gradient(bottom, #ef4416 1%, #f26a46 65%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #ef4416), color-stop(0.65, #f26a46)); border-color: #dc3a0f; } .button.orange:hover { background-color: #D86246; background-position: 100; border-color: rgba(90, 90, 90, 0.6); background-image: linear-gradient(bottom, #ef4416 1%, #f26a46 35%); background-image: -o-linear-gradient(bottom, #ef4416 1%, #f26a46 35%); background-image: -moz-linear-gradient(bottom, #ef4416 1%, #f26a46 35%); background-image: -webkit-linear-gradient(bottom, #ef4416 1%, #f26a46 35%); background-image: -ms-linear-gradient(bottom, #ef4416 1%, #f26a46 35%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.01, #ef4416), color-stop(0.35, #f26a46)); } /* -------------------------------------------------------- */ /* Tabs */ /* -------------------------------------------------------- */ .nav-tabs { padding-left: 0px; } .nav-tabs > li { margin-left: 0px; } .nav-tabs > li > a { border: 1px solid #ccc; background: #f6f6f6; color: #222; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .nav-tabs > li:first-child { margin-left: 0px; } .nav-tabs > li.active > a { border: 1px solid #ccc; border-bottom: 1px solid #fff; background: #fff; color: #000000; } .nav-tabs > li:hover > a { background: #eee; color: #000; border: 1px solid #ccc; } .tab-content { border: 1px solid #ccc; border-width: 0 1px 1px 1px; margin-top: -20px; padding: 20px; background: white; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* -------------------------------------------------------- */ /* Navigation */ /* -------------------------------------------------------- */ .navbar { padding-top: 0px; margin-bottom: 0px; } .navbar li a { display: block!important; } .navbar .container { width: 940px; padding-bottom: 0px; border-bottom: 0px solid #eee; margin-bottom: 0px; } .navbar .navbar-inner { background: transparent!important; background-image: none!important; padding: 0; border: none; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .navbar .nav-responsive { display: none; } .navbar .brand { font-weight: bold; font-size: 36px; letter-spacing: -2px; line-height: 0.7em; color: #000; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; padding: 0; } .navbar .brand:hover { color: #7ed090; } .breadcrumbs ul { margin: 10px 0; } .breadcrumbs li { font-size: 0.9em; display: inline; } .breadcrumbs li a { color: #999; } .topbox { /*background: url("/assets/img/top-bob1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/ height: 169px; margin-left: 750px; position: absolute; width: 178px; } .topsearch {float: right; margin: 17px 60px 0 0; } .topsearch:after { clear: both; } .topsearch #top-search-button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; box-shadow: none; text-shadow: none; color: #222; margin: 4px 0 0 -35px; padding: 0 10px; z-index: 9; } .navbar .nav { background: #F3F3F3; border-radius: 8px 8px 0 0; float: right; margin-top:13px; /*margin-top: 83px;*/ } .navbar .nav > li:hover { } .navbar .nav > li.active { } .navbar .nav > li.active > a, .navbar .nav > li.active:hover > a { background: none; font-weight: bold; font-weight: normal; color: #000; } .navbar .nav > li { margin: 0; position: relative; } .navbar .nav > li a, .navbar .nav > li a:hover { text-decoration: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .navbar .nav > li > a { color: #444!important; padding: 9px 10px 11px; font-size: 1.1em; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25); } .navbar .nav > li > a:hover { color: #222; } /* -------------------------------------------------------- */ /* Navigation - dropdown */ /* -------------------------------------------------------- */ .navbar .nav li:hover { background: #444; } .navbar .nav li.dropdown a { text-decoration: none; } .navbar .nav li:hover a { color: #fff!important; } .navbar .nav li:first-child { -webkit-border-radius: 8px 0 0 0; -moz-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .navbar .nav li:last-child { -webkit-border-radius: 0 8px 0 0; -moz-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; margin-right: 180px; } .navbar .nav li ul li:first-child { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .navbar .nav li ul li:last-child { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .navbar .nav li ul { margin: 0; display: none; z-index: 99; } .navbar .nav li ul li { margin: 0; padding: 0; background: #444; width: 260px; border-bottom: 1px solid #555; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .navbar .nav li ul li:hover { background: #d3031b; } .navbar .nav li ul li a { padding: 6px 10px; margin: 0; display: inline-block; text-decoration: none; color: #fff; font-size: 0.9em; } .navbar .nav li:hover ul { margin: 0; list-style-type: none; margin: 0; display: block; position: absolute; top: 2.9em; } /* -------------------------------------------------------- */ /* Carousel */ /* -------------------------------------------------------- */ .carousel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carousel-control { position: absolute; background: transparent; background-repeat: no-repeat; color: transparent; width: 48px; height: 48px; top: 50%; margin-top: -25px; border: 0; padding: 0px; line-height: 0.4em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80)); filter: alpha(opacity = (80)); -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .carousel-control:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); filter: alpha(opacity = (100)); -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .carousel-control.left { left: 0px; background: url(/assets/img/carousel-prev.png) top center no-repeat; background-size: contain; } .carousel-control.right { right: 0px; background: url(/assets/img/carousel-next.png) top center no-repeat; background-size: contain; } .carousel .item img { width: 319px; float: left; } .carousel-table { max-width: 120%; width: 120%; margin-left: -10%; margin-top: -6%; } .lead-container { padding: 0px 0 0; margin-bottom: 0; } .lead-container .container { padding: 0; } /* -------------------------------------------------------- */ /* carousel */ /* -------------------------------------------------------- */ .lead-container { overflow: hidden; } .carousel.start { position: relative; border: 0; width: 100%; height: 445px; margin: 0 auto; padding: 0; } .carousel .carousel-start { display: none; } .carousel.start .carousel-start { display: block; position: absolute; overflow: hidden; width: 770px; width: 1175px; max-width: 1175px; top: 0px; left: -117px; } .carousel.start .item { overflow: hidden; margin-top: 42px; } .carousel.start .item .text { line-height: 20px; float: right; width: 410px; margin-top: 20px } .carousel.start .item h2, .carousel.start .item h3, .carousel.start .item h4 { margin: 0 0 15px 0; } .carousel.start .item h2 { font-size: 30px; color: #a3a09f; text-transform: uppercase; } .carousel.start .item h3 { color: #d3031b; text-transform: uppercase; font-size: 30px; font-weight: 300; } .carousel.start .item h3 span.bold { font-weight: 700; margin-right: 10px; } .carousel.start .carousel-inner { width: 770px; height: 445px; margin: 0 auto; } .carousel.start .carousel-control { margin-top: -65px; background-color: #8E8B89; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .carousel.start .carousel-control:hover { background-color: #74b320; } .carousel.start .carousel-control.left { background-image: url(/assets/img/carousel-macbook-prev.png); background-position: top center; background-size: contain; } .carousel.start .carousel-control.right { background-image: url(/assets/img/carousel-macbook-next.png); background-position: top center; background-size: contain; } /* -------------------------------------------------------- */ /* carousel media queries*/ /* -------------------------------------------------------- */ @media (max-width: 979px) and (min-width: 768px) { .lead-container { } .carousel .item img { width: 200px; float: left; } .carousel.start .item h2, .carousel.start .item h3, .carousel.start .item h4 { margin: 0 0 5px 0; font-size: 140%; } .carousel.start .item .text{ width: 250px; margin-top: 0; } .carousel.start .carousel-start { width: 620px; width: 1008px; left: -142px; height: auto; } .carousel.start { height: 350px; } .carousel.start .item { margin-top: 50px; } .carousel.start .carousel-inner { width: 520px; height: 300px; } .carousel.start .carousel-control { margin-top: -75px; color: transparent; width: 48px!important; height: 48px!important; } } @media (max-width: 767px) { .carousel.start { height: auto; margin-bottom: 30px; margin-top: 0px; } .carousel.start .carousel-start { display: none; height: auto; } .carousel.start .item { margin-top: 0; } .carousel .item img { width: 250px; float: none; margin: 0 auto; } .carousel .item .text { float: left !important; font-size: 0.9em; margin-left: 15%; width: 70% !important; margin-top: 0; } .carousel .item h2, .carousel .item h3 {font-size: 20px!important; } .carousel.start .item img { padding: 2px; } .carousel.start .carousel-inner { width: 100%; height: auto; } .lead-container { background: none; } .carousel.start .carousel-control { color: transparent; width: 48px!important; height: 48px!important; margin: 0 10px; margin-top: -12px; } } /* -------------------------------------------------------- */ /* Hero unit (page headings) */ /* -------------------------------------------------------- */ .hero-unit { position: relative; padding: 0 0 0 0; background: transparent; margin-bottom: 30px; font-size: 13px; line-height: 1.3em; } .hero-unit h1 { font-size: 2em; } .hero-unit h1, .hero-unit h2, .hero-unit h3 { margin: 0 0 0.5em 0; } .hero-unit p { font-size: 1.8em; line-height: 1.15em; } /* -------------------------------------------------------- */ /* Custom styled scrollbar */ /* -------------------------------------------------------- */ /* html:not(.osx) ::-webkit-scrollbar { width: 6px; } html:not(.osx) ::-webkit-scrollbar-track-piece { background-color: white; } html:not(.osx) ::-webkit-scrollbar-thumb:vertical { background-color: rgba(0,0,0,0.5); } */ /* -------------------------------------------------------- */ /* Thumbnails */ /* -------------------------------------------------------- */ .thumbnail { position: relative; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .thumbnail img { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .thumbnail:hover { border-color: #ccc!important; } .thumbnail:hover img { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80)); filter: alpha(opacity = (80)); -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } /* -------------------------------------------------------- */ /* Zoom and link overlays */ /* -------------------------------------------------------- */ .zoom, .link { position: relative; } .link .link-overlay, .zoom .zoom-overlay { display: none; position: absolute; left: 50%; width: 42px; height: 42px; margin-left: -21px; margin-top: -21px; cursor: pointer; background: url(/assets/img/icon-link.png) center center no-repeat; } .zoom .zoom-overlay { background: url(/assets/img/icon-zoom.png) center center no-repeat; } .not-ie .link .link-overlay, .not-ie .zoom .zoom-overlay { display: block; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); filter: alpha(opacity = (0)); -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .not-ie .zoom:hover .zoom-overlay, .not-ie .link:hover .link-overlay { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); filter: alpha(opacity = (100)); -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .zoom:hover .zoom-overlay, .link:hover .link-overlay { display: block; } /* -------------------------------------------------------- */ /* Pricing */ /* -------------------------------------------------------- */ .pricing p { margin: 0; } .pricing ul { list-style-type: none; margin: 0 0 20px 0; } .pricing ul li { border-bottom: 1px solid #eee; padding: 4px 0px; font-size: 1.2em; color: #222; } .pricing ul li i { color: #444; font-size: 12px; } .pricing .plan { color: #666; margin-top: 35px; overflow: hidden; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); } .pricing .plan:hover { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); } .pricing .plan.most-popular { margin-top: 10px; position: relative; display: inline-block; overflow: hidden; } .pricing .well { background: #fff; border: 1px solid #ccc; margin-top: 0; margin-bottom: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .pricing .title { text-align: center; font-size: 30px; line-height: 1.5em; margin: 0; padding: 10px 20px; background: #2c2c2c; font-weight: 300; color: #fff; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .pricing .price { margin: 0; text-align: center; padding: 20px 0; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); font-size: 20px; } /* -------------------------------------------------------- */ /* Portfolio */ /* -------------------------------------------------------- */ #portfolio-items .thumbnail { margin: 0 0 20px 0; } /* Work - filter by tag */ #portfolio-filter li a { border: 0; background: 0; margin: 0 10px 10px 0; padding: 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #portfolio-filter li:hover a { background: #eee; color: #222; } #portfolio-filter li.active a { background: #666; color: #fff; } /* -------------------------------------------------------- */ /* Portfolio - project */ /* -------------------------------------------------------- */ .project { position: relative; } .project img { width: 100%; } .project .thumbnail { padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .project .project-description { position: relative; text-align: left; padding: 14px 20px 14px 42px; background: white; font-size: 0.9em; color: #666; } .project .project-description b { font-weight: 600; } .project .project-description i { position: absolute; top: 12px; left: 20px; font-size: 16px; font-weight: normal; color: #C2C2BA; } .project .project-description .project-tags { display: block; margin: 6px 0 0 0; color: #f30; text-align: left; } .project .project-description .project-tags a { margin: 0 6px 6px 0; cursor: pointer; } .project .project-description:before { display: block; content: " "; width: 15px; height: 10px; background: url(/assets/img/triangle.png); position: absolute; margin-top: -24px; left: 20px; } .project .teaser-footer-triangle { bottom: 80px; position: absolute; } .project .teaser-footer { height: 50px; font-size: 18px; } /* -------------------------------------------------------- */ /* Portfolio - isotype (filtering tags) */ /* -------------------------------------------------------- */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* -------------------------------------------------------- */ /* Portfolio - Single Project Page*/ /* -------------------------------------------------------- */ #project { font-size: 0.9em; color: #666; } #project h4 { color: #000; font-size: 1.15em; font-weight: 600; margin: 0 0 10px 0; } #project ul { list-style-type: none; margin: 0 0 10px 20px; } #project ul li { padding: 0px 0; } #project .project-description { padding: 20px 0; } .project-links { padding: 10px 0; font-size: 15px; color: #ccc; } .project-links a { margin: 0 8px; font-size: 15px; font-weight: 400; } #related-projects .project { margin-bottom: 20px; } /* -------------------------------------------------------- */ /* Special elements */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* Back-to-top */ /* -------------------------------------------------------- */ #back-to-top { display: none; position: fixed; bottom: 30px; right: 30px; height: 40px; width: 40px; cursor: pointer; background: #555; line-height: 1em; background-image: url(/assets/img/triangle.png); background-position: 12px 16px; background-repeat: no-repeat; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80)); filter: alpha(opacity = (80)); -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #back-to-top:hover { background-color: #7ed090; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80)); filter: alpha(opacity = (80)); -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } /* -------------------------------------------------------- */ /* Ribbon */ /* -------------------------------------------------------- */ .ribbon { margin: 0; line-height: 1; } .ribbon span { position: absolute; display: inline-block; top: 22px; right: -25px; color: #fff; text-align: center; text-transform: uppercase; background: #f26a46; width: 100px; padding: 3px 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2); } .ie .ribbon span { right: 0px; top: 0; padding: 3px; } /* -------------------------------------------------------- */ /* Tags */ /* -------------------------------------------------------- */ .blog-footer .tags a:after { background:#222} .blog-footer .tags a { color: #000; text-shadow: 1px 1px 0 rgba(50, 50, 50, 0.5);} ul.tags li:before { content: ''; position: relative; left: 0; top: 0; } ul.tags li { display: inline-block; padding: 0; } ul.tags li:before { border: none } .tl-tag-weight1 {font-size: 0.7em } .tl-tag-weight2 {font-size: 0.8em } .tl-tag-weight3 {font-size: 0.9em } .tl-tag-weight4 {font-size: 1em } .tl-tag-weight5 {font-size: 1.1em } .tags { margin: 0; padding: 0; position: relative; list-style: none; clear: both; } .tags a { display: inline-block; height: 24px !important ; line-height: 24px !important; position: relative; margin-bottom: 8px; margin-left: 12px; margin-right: 2px; margin-top: 6px; padding: 0 10px 0 12px; background: #FED86F; color: #996633; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-decoration: none; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .tags a:before { content: ""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #FED86F transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } .tags a:after { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; background: #996633; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .tags a:hover { background: #58504B; color: #fff; text-shadow: none; } .tags a:hover:before { border-color: transparent #58504B transparent transparent; } .tags a:hover:after { background: #FED86F; } /* Green tags */ .tags.green a { background: #7ED090; color: #fff; text-shadow: none; } .tags.green a:before { border-color: transparent #7ED090 transparent transparent; } .tags.green a:after { background: #555; } .tags.green a:hover:after { background: #fff; } /* Blues tags */ .tags.blue a { background: #0089e0; color: #fff; text-shadow: none; } .tags.blue a:before { border-color: transparent #0089e0 transparent transparent; } .tags.blue a:after { background: #555; } .tags.blue a:hover:after { background: #fff; } .ie7 .tags a { padding: 1px 8px; margin: 0; } /* -------------------------------------------------------- */ /* Flickr feed */ /* -------------------------------------------------------- */ .flickr-feed img { margin: 0 2px 2px 0; padding: 2px; border: 1px solid #ccc; width: 25%; max-width: 64px; } /* -------------------------------------------------------- */ /* Circle */ /* -------------------------------------------------------- */ .circle { font-weight: bold; display: inline-block; width: 52px; line-height: 50px; color: #fff; font-size: 28px; margin-top: 10px; background: #f30; text-align: center; margin-bottom: 20px; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* -------------------------------------------------------- */ /* Our team */ /* -------------------------------------------------------- */ .member { background: url(/assets/img/member-separator.png) 180px center no-repeat; padding: 0px 40px 26px 242px; border-bottom: 0px dotted #ddd; position: relative; min-height: 128px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .member:hover .member-networks a { color: #f26a46; } .member .member-avatar { position: absolute; top: 50%; left: 30px; margin-top: -64px; width: 128px; height: 128px; background: #fff; padding: 4px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: background 0.1s ease-in; -moz-transition: background 0.1s ease-in; -ms-transition: background 0.1s ease-in; -o-transition: background 0.1s ease-in; transition: background 0.1s ease-in; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); } .member .member-avatar img { height: 128px; width: 128px; -webkit-border-radius: 128px; -moz-border-radius: 128px; border-radius: 128px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .member:hover .member-avatar { background: #f26a46; padding: 10px; left: 24px; margin-top: -70px; } .member .member-name { margin: 0; color: #0082CC; } .member .member-position { color: #aaa; margin: 0 0 10px 0; } .member .member-networks a { font-size: 20px; line-height: 1.6em; margin: 0 10px 0 0; color: #666; } .member .member-bio { font-size: 0.9em; color: #666; } @media (max-width: 767px) { .member { padding:0; background:none; margin:0; } .member .member-avatar, .member:hover .member-avatar { top:0; left:0; margin:0; padding:4px; } .member .member-avatar, .member .member-avatar img { height:84px; width:84px; -webkit-border-radius:84px; -moz-border-radius:84px; border-radius:84px; } .member-bio { padding:20px 0; } .member-name, .member-position, .member-networks { padding-left:112px; } } /* -------------------------------------------------------- */ /* Accordion */ /* -------------------------------------------------------- */ .accordion { border: 1px solid #ccc; } .accordion-group { border: 0; margin: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .accordion-inner { border: 0; background: #f6f6f6; padding: 10px; border-bottom: 1px solid #ccc; } .accordion-heading .accordion-toggle { background: #fff; } .accordion-toggle:hover { color: #444; text-decoration: none; } .accordion-group:first-child .accordion-heading, .accordion-group:first-child .accordion-toggle { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .accordion { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .accordion-toggle:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f054"; margin-right: 2px; width: 14px; color: #999; } .accordion-group:hover .accordion-toggle:before { color: #444; } .accordion-toggle.active:before { content: "\f078"; } .accordion-heading a { color: #555; border: 0; background: #f6f6f6; border-bottom: 1px solid #ccc!important; font-size: 1.1em; } .tabbable.tabs-below .btn-group { text-align: center; margin: 30px 0; width: 100%; } .tabbable.tabs-below .btn-group button { display: inline-block; margin-left: -4px; padding: 7px 16px; font-size: 14px; float: none; text-shadow: none; } .tabbable.tabs-below .btn-group button.active { background: #FED86F; color: #58504B; text-shadow: none; } .tabbable.tabs-below .tab-content { margin: 0; padding: 0; border: none; font-size: 11px; background: transparent; } /* -------------------------------------------------------- */ /* Blog */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* Post */ /* -------------------------------------------------------- */ .post { padding: 0 20px 0 0px; margin: 0px 0 30px 0; clear: both; max-width: 100%; } /* Media */ .post .entry-media { width: 100%; } .post .entry-media img { border: 1px solid #ddd; padding: 2px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carousel .entry-media img { border: 0px solid #ddd; padding: 0px; } /* Body */ .post .entry-body { width: 70%; float: left; color: #888; font-size: 11px; } .post .entry-body h2 { font-size: 16px; display: inline-block; margin: 10px 0 10px 0; font-weight: normal; } .post.single-post .entry-body h2 { color: #000; font-weight: 600; margin: 10px 0; } .post .entry-body a:hover h2 { text-decoration: underline; } .post:hover .entry-body a { color: #000; } /* Meta */ .post .entry-meta { width: 24%; padding: 0 2%; margin: 16px 0 0 0; float: right; clear: right; } .post .entry-meta span { display: block; text-align: right; } /* Post-types with fontawesome icons */ .post .entry-type:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-right: 2px; font-size: 26px; color: #666; text-align: center; margin: 0 0 8px 0; color: #999; line-height: 1em; } .post .entry-type:before { content: "\f031"; } .post.video-post .entry-type:before { content: "\f04b"; } .post.audio-post .entry-type:before { content: "\f028"; } .post.image-post .entry-type:before { content: "\f03e"; } /* Responsible iframes hack */ /* This code makes iframes within video and audio post-types resize automatically */ /* fix by: http://webdesignerwall.com/demo/elastic-videos/ */ .post.video-post .entry-media, .post.audio-post .entry-media { display: block; position: relative; padding-bottom: 56.25%; padding-top: 5px; height: 0; overflow: hidden; } .post.video-post .entry-media iframe, .post.video-post .entry-media object, .post.video-post .entry-media embed.post.audio-post .entry-media iframe, .post.audio-post .entry-media object, .post.audio-post .entry-media embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* -------------------------------------------------------- */ /* Single post */ /* -------------------------------------------------------- */ .post .entry-content { font-size: 13px; line-height: 1.6em; } /* -------------------------------------------------------- */ /* Comments */ /* -------------------------------------------------------- */ #comments h4 { margin: 30px 0 0 0; padding: 16px 0 0 0; border-width: 1px 0 0 0; border-color: #eee; border-style: solid; } #comments textarea { width: 75%; } .comment { position: relative; clear: both; padding: 20px 0 0px 64px; margin: 20px 0; border-top: 1px solid #eee; } .comment .avatar { position: absolute; top: 20px; left: 0; width: 64px; } .comment .avatar img { border: 1px solid #ddd; padding: 2px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment .comment-meta { margin: 0 0 10px 0; font-size: 12px; color: #666; } .comment .comment-meta strong { font-size: 1.2em; display: block; color: #222; } .comment .comment-meta span { display: inline-block; margin-top: 6px; } .commentlist { list-style-type: none; margin: 0; } .comment-replies li { list-style-type: none; margin: 0 0 0 64px; } /* -------------------------------------------------------- */ /* Sidebar */ /* -------------------------------------------------------- */ .sidebar { color: #666; font-size: 0.9em; } /* -------------------------------------------------------- */ /* Widget */ /* -------------------------------------------------------- */ .widget { margin: 0 0 30px 0; position: relative; overflow: hidden; } .widget h4 { font-size: 1.1em; margin: 0 0 6px 0; padding: 0 0 6px 0; border-bottom: 1px dotted #ccc; text-transform: uppercase; font-weight: normal; color: #222; } .widget ul.list-style { margin: 0 0 0 0px; } .widget ul.list-style li { padding: 4px 0 4px 0px; border-bottom: 1px solid #eee; color: #333; } .widget ul.list-style li:hover { background: #fafafa; } .widget .widget .related-articles .thumbnail { width: 58px; } /* -------------------------------------------------------- */ /* Pagination */ /* -------------------------------------------------------- */ .pagination ul { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin: 0; } .pagination ul li { border: none; display: inline; } .pagination ul li a { border: none; float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border-left-width: 0; color: #999; } .pagination ul li.active a { background: #eee; color: #000; } /* -------------------------------------------------------- */ /* Search - animated */ /* -------------------------------------------------------- */ input[type=search], input.search { padding-left: 26px; background-color: white; background: url(/assets/img/search.png) 5px 5px no-repeat #ffffff; } input.animated { width: 50%; -webkit-transition: width 0.4s ease; -moz-transition: width 0.4s ease; -ms-transition: width 0.4s ease; -o-transition: width 0.4s ease; transition: width 0.4s ease; } form .sisea-search-form { margin: 0 0 10px 0; } input.red { background-clip: padding-box; background-color: #d3031b; border-color: #A90014 #E91A32 #d3031b; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 #F17382; transition: border 0.2s ease 0s, background 0.2s ease 0s, width 0.4s ease 0s; color: #222; } input.red:focus { border-color: #a50015!important; } form .sisea-search-form { margin: 0 0 10px 0; } input.blue { background-clip: padding-box; background-color: #008dd1; border-color: #01618f #0daaf5 #008dd1; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 #73cff1; transition: border 0.2s ease 0s, background 0.2s ease 0s, width 0.4s ease 0s; color: #222; } input.blue:focus { border-color: #003955!important; } form .sisea-search-form { margin: 0 0 10px 0; } input.yellow { background-clip: padding-box; background-color: #f8b900; border-color: #856300 #ffd353 #f8b900; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 #f8dd8e; transition: border 0.2s ease 0s, background 0.2s ease 0s, width 0.4s ease 0s; color: #222; } input.yellow:focus { border-color: #4f3b01!important; } form .sisea-search-form { margin: 0 0 10px 0; } input.green { background-clip: padding-box; background-color: #74b320; border-color: #385f04 #93c650 #74b320; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 #c4e597; transition: border 0.2s ease 0s, background 0.2s ease 0s, width 0.4s ease 0s; color: #222; } input.green:focus { border-color: #315007!important; } input.animated:focus { width: 84%; } input.green, input.red, input.blue, input.yellow { width: 220px; margin: 0; } /* -------------------------------------------------------- */ /* Services */ /* -------------------------------------------------------- */ .services h3 { color: #222; } .services p { width: 80%; } .services ul { list-style-type: none; margin: 1em 0 0; padding: 0; width: 100%; font-size: 0; } .services ul li { position: relative; cursor: pointer; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-size: 1em; display: inline-block; text-align: center; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 20px; margin: 0; background: #f8f8f8; width: 20%; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .services ul li a { padding: 0; margin: 0; background: transparent!important; border: none!important; } .services ul li:first-child { border-left: 1px solid #ccc; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .services ul li:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .services ul li:nth-child(even) { background: #eeeeee; } .services ul li:hover { background: #ffffff; } .services ul li.active { background: #BADC7F; } .services ul li.active:after { position: absolute; bottom: -10px; left: 50%; margin-left: -10px; display: block; content: " "; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #BADC7F; } .services .button { margin: 10px 0 0; } .services .tab-content { margin: 0; padding: 30px; background: #F8F8F8; } .services .price { font-size: 14px; color: #E84E39; display: block; float: right; margin: 0; line-height: 2.8em; text-align: center; font-style: italic; padding: 0 10px 10px 10px; } .services .price b { font-size: 60px; display: block; } /* -------------------------------------------------------- */ /* Contact */ /* -------------------------------------------------------- */ #map { padding: 6px; background: #fff; border: 1px solid #aaa; margin: 20px 0 0; } #map-shadow { margin-top: -4px; width: 100%; margin-bottom: 20px; } /* -------------------------------------------------------- */ /* Social networks icons - sprite */ /* -------------------------------------------------------- */ .social-network { display: inline-block; background: url(/assets/img/social-networks.png) no-repeat top left; width: 32px; height: 32px; background-position-y: -42px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; } /* default state */ .social-network.addthis { background-position: 0 -42px} .social-network.behance { background-position: -42px -42px} .social-network.blogger { background-position: -84px -42px} .social-network.digg { background-position: -126px -42px} .social-network.dribbble { background-position: -168px -42px} .social-network.facebook { background-position: -210px -42px} .social-network.flickr { background-position: -252px -42px} .social-network.gplus { background-position: -294px -42px} .social-network.gplus2 { background-position: -336px -42px} .social-network.instagram { background-position: -378px -42px} .social-network.lastfm { background-position: -420px -42px} .social-network.like { background-position: -462px -42px} .social-network.linkedin { background-position: -504px -42px} .social-network.livejournal{ background-position: -546px -42px} .social-network.myspace { background-position: -588px -42px} .social-network.myspace2 { background-position: -630px -42px} .social-network.paypal { background-position: -672px -42px} .social-network.picasa { background-position: -714px -42px} .social-network.pinterest { background-position: -756px -42px} .social-network.reddit { background-position: -798px -42px} .social-network.rss { background-position: -840px -42px} .social-network.sharethis { background-position: -882px -42px} .social-network.skype { background-position: -924px -42px} .social-network.spotify { background-position: -966px -42px} .social-network.stumbleupon{ background-position: -1008px -42px} .social-network.tumblr { background-position: -1050px -42px} .social-network.twitter-old{ background-position: -1092px -42px} .social-network.twitter { background-position: -1134px -42px} .social-network.vimeo { background-position: -1176px -42px} .social-network.wordpress { background-position: -1218px -42px} .social-network.youtube { background-position: -1260px -42px} /* mouseover state */ .social-network.addthis:hover,.active .social-network.addthis { background-position: 0 0} .social-network.behance:hover,.active .social-network.behance { background-position: -42px 0} .social-network.blogger:hover,.active .social-network.blogger { background-position: -84px 0} .social-network.digg:hover,.active .social-network.digg { background-position: -126px 0} .social-network.dribbble:hover,.active .social-network.dribbble { background-position: -168px 0} .social-network.facebook:hover,.active .social-network.facebook { background-position: -210px 0} .social-network.flickr:hover,.active .social-network.flickr { background-position: -252px 0} .social-network.gplus:hover,.active .social-network.gplus { background-position: -294px 0} .social-network.gplus2:hover,.active .social-network.gplus2 { background-position: -336px 0} .social-network.instagram:hover,.active .social-network.instagram { background-position: -378px 0} .social-network.lastfm:hover,.active .social-network.lastfm { background-position: -420px 0} .social-network.like:hover,.active .social-network.like { background-position: -462px 0} .social-network.linkedin:hover,.active .social-network.linkedin { background-position: -504px 0} .social-network.livejournal:hover,.active .social-network.livejournal { background-position: -546px 0} .social-network.myspace:hover,.active .social-network.myspace { background-position: -588px 0} .social-network.myspace2:hover,.active .social-network.myspace2 { background-position: -630px 0} .social-network.paypal:hover,.active .social-network.paypal { background-position: -672px 0} .social-network.picasa:hover,.active .social-network.picasa { background-position: -714px 0} .social-network.pinterest:hover,.active .social-network.pinterest { background-position: -756px 0} .social-network.reddit:hover,.active .social-network.reddit { background-position: -798px 0} .social-network.rss:hover,.active .social-network.rss { background-position: -840px 0} .social-network.sharethis:hover,.active .social-network.sharethis { background-position: -882px 0} .social-network.skype:hover,.active .social-network.skype { background-position: -924px 0} .social-network.spotify:hover,.active .social-network.spotify { background-position: -966px 0} .social-network.stumbleupon:hover,.active .social-network.stumbleupon { background-position: -1008px 0} .social-network.tumblr:hover,.active .social-network.tumblr { background-position: -1050px 0} .social-network.twitter-old:hover,.active .social-network.twitter-old { background-position: -1092px 0} .social-network.twitter:hover,.active .social-network.twitter { background-position: -1134px 0} .social-network.vimeo:hover,.active .social-network.vimeo { background-position: -1176px 0} .social-network.wordpress:hover,.active .social-network.wordpress { background-position: -1218px 0} .social-network.youtube:hover,.active .social-network.youtube { background-position: -1260px 0} .blog-footer-triangle { width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ccc transparent; margin-left: 30px; } .blog-footer { line-height: 1.25; color: #fff; padding: 15px; text-align: right; background: #ccc; } @media (max-width: 979px) and (min-width: 768px) { .teaser-footer { font-size: 18px; padding: 10px } .navbar .nav { margin-top: 4px; } .navbar .nav li:last-child { margin-right: 0; } .navbar .nav li:first-child , .navbar .nav li:last-child{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .topbox, .topsearch { display: none; } } @media (max-width: 767px) { body { background: url(/assets/img/background.png) 0 130px repeat-x #ffffff; } #header { height: 160px; } .navbar .nav li:last-child { margin-right: 0; } .topbox, .topsearch { display: none; } } /* -------------------------------------------------------- */ /* Formular Lehrplan */ /* -------------------------------------------------------- */ .lehrplan label { display: inline; } .lehrplan label.sublabel0 { float: left; display: inline-block; width: 35%; margin: 0 5% 2% 0; } .lehrplan label.sublabel1 { float: left; display: inline-block; width: 33%; margin: 0 5% 2% 2%; } .lehrplan label.sublabel2 { float: left; display: inline-block; width: 31%; margin: 0 5% 2% 4%; } .lehrplan .radiobutton { float: left; display: inline-block; width: 20%; } /* -------------------------------------------------------- */ /* Formular Raumkontakt */ /* -------------------------------------------------------- */ @media (min-width: 1500px) { .raumkontakt { position:fixed; top: 140px; right:1%; padding:5px; max-width: 17.5%; background: #d3031b; border: 1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .raumkontakt.red { background: #d3031b; } .raumkontakt.blue { background: #008dd1; } .raumkontakt.yellow { background: #f8b900; } .raumkontakt.green { background: #74b320; } .raumkontakt h3 { color: #fff; margin-left: 5px; font-weight: bold; } .raumkontakt label { float: left; display: inline-block; padding: 5px 10px; margin: 5px 0; height: 20; width: 30%; color: #fff; text-shadow: none; } .raumkontakt input { float: left; display: inline-block; width: 43%; margin-right: 1%; } .raumkontakt select { float: left; display: inline-block; width: 49%; margin-right: 1%; } .raumkontakt input.date { width: 20%; } .raumkontakt input.time { width: 15%; } .raumkontakt input[type=number] { padding: 5px 10px; margin: 5px 0; height: 20; } .raumkontakt input[type=submit] { padding: 5px 10px; margin: 5px 0 5px 5px; height: 20; width: 85%; } .raumkontakt.error { border: 3px solid yellow; } .raumkontakt .error { display: block; width: 85%; text-align: right; color: yellow; font-weight: 500; } } @media (max-width: 1500px) and (min-width: 1280px) { .raumkontakt { position:fixed; top: 140px; right:0.5%; padding:5px; max-width: 10%; border: 1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .raumkontakt.red { background: #d3031b; } .raumkontakt.blue { background: #008dd1; } .raumkontakt.yellow { background: #f8b900; } .raumkontakt.green { background: #74b320; } .raumkontakt h3 { color: #fff; margin-left: 5px; font-weight: bold; } .raumkontakt label { display: none; } .raumkontakt input { width: 80%; } .raumkontakt select { width: 95%; } .raumkontakt input[type=number] { width: 85%; } .raumkontakt input[type=submit] { padding: 5px 10px; margin: 5px 0 0 0; height: 20; width: 80%; } .raumkontakt.error { border: 3px solid yellow; } .raumkontakt .error { display: block; width: 85%; text-align: right; color: yellow; font-weight: 500; } } @media (max-width: 1280px) { .raumkontakt { border: 1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .raumkontakt.red { background: none; } .raumkontakt.blue { background: none; } .raumkontakt.yellow { background: none; } .raumkontakt.green { background: none; } .raumkontakt h3 { margin-left: 5px; font-weight: bold; } .raumkontakt.red h3 { color: #d3031b; } .raumkontakt.blue h3 { color: #008dd1; } .raumkontakt.yellow h3 { color: #f8b900; } .raumkontakt.green h3 { color: #74b320; } .raumkontakt label { float: left; display: inline-block; padding: 5px 10px; margin: 5px 0 5px 25px; height: 20; width: 20%; text-shadow: none; } .raumkontakt.red label { color: #d3031b; } .raumkontakt.blue label { color: #008dd1; } .raumkontakt.yellow label { color: #f8b900; } .raumkontakt.green label { color: #74b320; } .raumkontakt input { float: left; display: inline-block; width: 50%; margin-right: 1%; } .raumkontakt input.date { width: 25%; margin-right: 2.5%; } .raumkontakt input.time { width: 20%; } .raumkontakt input[type=number] { padding: 5px 10px; margin: 5px 0; height: 20; } .raumkontakt input[type=submit] { padding: 5px 10px; margin: 5px 0 5px 5px; height: 20; width: 80%; clear: both; } .raumkontakt.error { border: 3px solid red; } .raumkontakt .error { display: block; width: 75%; text-align: right; color: red; font-weight: 500; } } .raumkontakt .thankyou { display: block; width: 90%; color: yellow; font-weight: 500; margin-left: 5px; } #phonebox { position:fixed; height: 36px; top: 10px; right: -200px; width: 240px; z-index: 510; } #mailbox { position:fixed; height: 40px; top: 60px; right: -360px; width: 400px; z-index: 500; } .versteckt { overflow: hidden; position: absolute; background: #fff; border: 2px solid #D3031B; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } #phonebox i, #mailbox i { margin: 7px 15px 0px 10px; float: left; } #phonebox h3, #mailbox h3 { font-weight: 600; margin: 5px 0 5px 0; } #phonebox a, #mailbox a { font-size: 16px; font-weight: 600; margin: 5px 0 5px 0; } #mailbox .row { margin: 10px 0 10px 25px; } @media (min-width: 1081px) { .bootsmap { float: left; margin-right: 20px; margin-bottom: 20px; width: 400px; height: 300px; border: none; } } @media (max-width: 1080px) { #mailbox { display: none; } #phonebox { display: none; } .bootsmap { float: none; margin: 0; padding: 0; width: 96%; height: 96%; } }

specialOrderStyles

/* -------------------------------------------------------- */ /* Special Formular GA */ /* -------------------------------------------------------- */ @media (min-width: 1200px) { .span3 { width: 214px; } } input[type="file"] { width: 90%; border: none; } .sum_title { font-weight: bold; font-size: 1.2em; margin-bottom: 0.75em; } .sum_title.red { color: #d3031b; } .sum_title.yellow { color: #f8b900; } .sum_title.green { color: #74b31F; } .sum_title.blue { color: #008bd1; } .sum_value { font-weight: bold; font-size: 1.0em; } /* Mark input boxes that gets an error on validation: */ input.parsley-error { background-color: #ffdddd; border: 2px solid red; } .beredsam-gaform-tabs { border-left: none; display: none; } .beredsam-gaform-tabs.current { display: inherit; } .btn-info, .btn-default { margin-top: 10px; } button.previous { margin-right: 30px; } .label-gaform { display: inline; margin: 0 0 0 5px; } input.ga-form { padding: 0; } input.ga-form[type="radio"], input.ga-form[type="checkbox"] { margin: 0; } ul li.parsley-required, ul li.parsley-length, ul li.parsley-type { color: red; } ul li.parsley-required:before, ul li.parsley-length:before, ul li.parsley-type:before { content: ''; position: absolute; left: 0; background: white; height: 0; width: 0; line-height: 0; border: none; text-align: center; font-weight: bold; border-radius: 0; transition: all .3s ease-out; } :root { --color-white: #fff; --color-black: #333; --color-gray: #75787b; --color-gray-light: #bbb; --color-gray-disabled: #e8e8e8; --color-green: #53a318; --color-green-dark: #383; --font-size-small: .75rem; --font-size-default: .875rem; } .beredsam-gaform-tabs .progress-bar { display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0 0 4rem 0; } .beredsam-gaform-tabs .progress-bar li { flex: 2; position: relative; padding: 0 0 14px 0; font-size: var(--font-size-default); line-height: 1.5; color: var(--color-green); font-weight: 600; white-space: nowrap; overflow: visible; min-width: 0; text-align: center; border-bottom: 2px solid var(--color-gray-disabled); } .beredsam-gaform-tabs .progress-bar li:hover { background-color: #f9f9f9; } .beredsam-gaform-tabs .progress-bar li:first-child, .beredsam-gaform-tabs .progress-bar li:last-child { flex: 1; } .beredsam-gaform-tabs .progress-bar li:last-child { text-align: right; } .beredsam-gaform-tabs .progress-bar li:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; border: 2px solid var(--color-white); position: absolute; left: calc(50% - 6px); margin-top: 0; top: 2.1em; bottom: -7px; z-index: 3; transition: all .2s ease-in-out; } .beredsam-gaform-tabs .progress-bar li:first-child:before { left: 0; } .beredsam-gaform-tabs .progress-bar li:last-child:before { right: 0; left: auto; } .beredsam-gaform-tabs .progress-bar span { transition: opacity .3s ease-in-out; } .beredsam-gaform-tabs .progress-bar li:not(.is-active) span { opacity: 0; } .beredsam-gaform-tabs .progress-bar .is-complete:not(:first-child):after, .beredsam-gaform-tabs .progress-bar .is-active:not(:first-child):after { content: ""; display: block; width: 100%; position: absolute; bottom: -2px; left: -50%; z-index: 2; border-bottom: 2px solid var(--color-green); } .beredsam-gaform-tabs .progress-bar li:last-child span { width: 200%; display: inline-block; position: absolute; left: -100%; } .beredsam-gaform-tabs .progress-bar .is-complete:last-child:after, .beredsam-gaform-tabs .progress-bar .is-active:last-child:after { width: 200%; left: -100%; } .beredsam-gaform-tabs .progress-bar .is-complete:before { background-color: var(--color-green); } .beredsam-gaform-tabs .progress-bar .is-active:before, .beredsam-gaform-tabs .progress-bar li:hover:before, .beredsam-gaform-tabs .progress-bar .is-hovered:before { background-color: var(--color-white); border-color: var(--color-green); } .beredsam-gaform-tabs .progress-bar li:hover:before, .beredsam-gaform-tabs .progress-bar .is-hovered:before { transform: scale(1.33); } .beredsam-gaform-tabs .progress-bar li:hover span, .beredsam-gaform-tabs .progress-bar li.is-hovered span { opacity: 1; } .beredsam-gaform-tabs .progress-bar:hover li:not(:hover) span { opacity: 0; } .x-ray .beredsam-gaform-tabs .progress-bar, .x-ray .beredsam-gaform-tabs .progress-bar li { border: 1px dashed red; } .beredsam-gaform-tabs .progress-bar .has-changes { opacity: 1 !important; } .beredsam-gaform-tabs .progress-bar .has-changes:before { content: ""; display: block; width: 8px; height: 8px; position: absolute; left: calc(50% - 4px); bottom: -20px; background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23ed1c24%22%20d%3D%22M4%200l4%208H0z%22%2F%3E%3C%2Fsvg%3E'); }

googlea2ad1e94b7a92471.html

google-site-verification: googlea2ad1e94b7a92471.html

Home

https://www.beredsam.de/geschaeftsadresse-berlin/

Über uns

Als Unternehmer/-in unterwegs zu sein bedeutet oft, Hürden der Bürokratie schnell zu überspringen - mit uns können Sie das. Wir hatten selbst häufig das Problem, viel unterwegs zu sein, oft auch im Ausland. In der Zeit wuchs der Postberg, und er wuchs.


Ordern Sie jetzt Ihre persönliche ladungsfähige Geschäftsadresse!

Buchen Sie Ihre persönliche, ladungsfähige Geschäftsadresse in wenigen Schritten direkt über unsere Webseite.


Zusammenfassung Ihrer Bestelldaten

Mit einem Klick auf den Bestellbutton buchen Sie Ihre persönliche, ladungsfähige Geschäftsadresse als Firmenkunde mit folgenden Daten:


Ihre neue Geschäftsadresse ist bald bereit

Wir haben Ihren Auftrag erhalten und setzen uns unverzüglich mit Ihnen in Verbindung.


robots.txt

# =================================== # Generator: SchuKo.Net Internetdienste Thomas Kochler # Created on: 02.07.2019, 15:13 # Website: http://schuko.net/ # =================================== Sitemap: https://www.beredsam.de/sitemap.xml # =================================== # The following pages should not be indexed: # =================================== User-agent: * Disallow: /blog/ Disallow: /wp-admin/ Disallow: /admin/ # =================================== # Exclude GET parameters # =================================== User-agent: * Disallow: /*? # =================================== # Exclude the following spiders completely: # =================================== User-agent: WebReaper User-agent: WebCopier User-agent: Offline Explorer User-agent: HTTrack User-agent: Microsoft.URL.Control User-agent: EmailCollector User-agent: penthesilea Disallow: /

JOBS

https://www.beredsam.de/ueber-die-beredsam-gmbh/mitarbeiten-bei-beredsam.html

Interview mit Dr. Gärtner zum § 27 DSGVO

Mancher Bürokratie muss man halt gehorchen, da hilft nix, außer es zu tun. § 27 der Datenschutzgrundverordnung besagt sinngemäß, dass nichteuropäische Unternehmungen, die europäische Kunden haben, einen Vertreter als Anlaufstelle in der EU benennen müssen.


Anrufe - unser Telemarketing in Ihrem Auftrag

Das Telefon ist ein klasse Verkaufswerkzeug - nur nicht für jeden :-) Das ist nicht schlimm, jede/-r soll das tun, wo seine/ihre Leidenschaft hängt. Bei Ihnen werden Angebote nicht nachgefasst, weil Leute oder Zeit fehlen? Her mit den Kontakten - unser Nachfasskonzept wird an Ihre Anforderungen individuell angepasst.


Seminarräume in anderen Städten Deutschlands

Falls Sie durch Ihre Suche nach Seminarräumen über unsere Webseite gestolpert sind, aber eben außerhalb von Berlin in Deutschland Seminarräume nutzen möchten, dann empfehlen wir Sie gern weiter.


Büros für Business Coaches zu vermieten

Bei beredsam mieten Sie Seminarräume und Geschäftsadressen - nun expandierten wir und erweiterten auf 10 Seminarräume und einen Verwaltungsbereich. Hier haben wir 3 top Büros im 14. Stock übrig für coole Leute aus dem Business-Coaching-Bereich.


4 Sterne und wenig dahinter

Buchen Sie einen Seminarraum bei uns, haben wir im Telefonat dazu einige Fragen an Sie. Eine davon lautet: "Was ist Ihnen besonders wichtig, wenn Sie einen Seminarraum hier in Berlin mieten möchten?"


Zeig, wer Du bist - ein tolles Videoprojekt!

Manchmal wird man überrascht - wie auf dem Barcamp von Jan Theofel - und soll ruckartig vor der Kamera erzählen, was man warum tut. Dank BNI ohne erhöhten Puls :-) - und dank Rainer eine tolle Zusammenfassung unseres Tuns in unseren Seminarräumen.


Ein Raum voller Empfehlungen

Wenn Sie einen Raum voller Unternehmer betreten, dann betreten Sie in Wirklichkeit einen Raum voller Empfehlungen. Doch: Menschen sind unterschiedlich und gerade mit Menschen, die ganz anders kommunizieren oder sich verhalten als wir das tun, tun wir uns oft schwerer. Kommunikation anpassen, ohne sich zu verbiegen - das lernen Sie in diesem Workshop.


Empfehlen lernen - Chancen erhöhen

Es gibt Unternehmer, die regelmäßig auf Netzwerkveranstaltungen gehen, ja vielleicht sogar einer Organisation angehören, wo das gegenseitige Weiterempfehlen Kernthema der Treffen mit anderen Unternehmern ist. Aber: Bekommen sie dort auch die Anzahl und Qualität von Empfehlungen, die sie wirklich wollen oder ist es doch mehr oder weniger Zufall, was auf dem Ergebniszettel steht?


Rufen Sie uns an!

Raumbuchung:
030 609 88 58 10

Notfall:
0174 97 94 98 1