@media (min-width: 768px) { body.loading:before { content: ''; position: absolute; display: block; background-color: #FFF; width: 100%; height: 100%; left: 0; z-index: 1100; } } * { box-sizing: border-box; } html { font-family: sans-serif; text-size-adjust: 100%; font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4285; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } .navbar { position: relative; min-height: 50px; margin-bottom: 18px; border: 1px solid transparent; } .navbar-default { background-color: rgb(248, 248, 248); border-color: rgb(231, 231, 231); background: none; border: none; } .visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs { display: none !important; } .visible-xs { display: block !important; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse { margin-right: -15px; margin-left: -15px; } .navbar-default .navbar-header { border-bottom: 3px solid rgba(154, 122, 73, 0.85098); padding: 10px 0px 0px; height: 56px; } *[class*="col-"] { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; } .col-xs-2 { width: 16.6667%; } button, input, optgroup, select, textarea { color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .navbar-toggle { position: relative; float: left; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; width: 44px; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); background: rgba(154, 122, 73, 0.85098); margin-bottom: 0px; border: none; border-radius: 0px; margin-top: 0px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } .col-xs-10 { width: 83.3333%; } a { background: transparent; color: rgb(96, 120, 144); text-decoration: underline; transition: all 0.5s; } .img-responsive { display: block; max-width: 100%; height: auto; } .navbar-default .navbar-brandt { width: 380px; display: block; height: 56px; line-height: 56px; } .navbar-default .navbar-header .logo { margin-top: -15px; } img { border: 0px; vertical-align: middle; max-width: 100%; height: auto; } .collapse { display: none; } .navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px inset; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); } div#naviMobile { border-top: 0px; background: url("/images/headerSmall.jpg") center -90px / auto 110% no-repeat; height: auto; } ul, ol { margin-top: 0px; margin-bottom: 9px; } .nav { margin-bottom: 0px; padding-left: 0px; list-style: none; } .navbar-nav { margin: 8px -15px; } div#naviMobile .navbar-nav { margin: 0px; } .nav>li { position: relative; display: block; } .nav>li>a { position: relative; display: block; padding: 10px 15px; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 18px; border-top: 1px solid rgb(154, 122, 73); } .navbar-default .navbar-nav>li>a { color: rgb(119, 119, 119); } div#naviMobile .navbar-nav>li>a { padding-left: 5px; background: rgba(154, 122, 73, 0.85098); color: rgb(0, 0, 0); text-transform: uppercase; font-weight: bold; text-decoration: none; transition: all 0.5s; width: 75%; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0px; } #lrn-systemoutput, #lrn-pagecontent { position: relative; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } .header { background: url("/images/header.jpg") 0% 0% / 100% no-repeat; width: 100%; margin: 0px; } .ie8 .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } nav.top-navigation { z-index: 99; position: relative; padding: 0px; text-transform: uppercase; } nav.top-navigation ul, nav.top-navigation li { margin: 0px; border: 0px; padding: 0px; list-style: none; } nav.top-navigation li { display: block; position: relative; } nav.top-navigation li.nav-level-0 { width: 100%; } nav.top-navigation a.item-level-0, nav.top-navigation a.item-level-1 { display: block; color: rgb(51, 51, 51); text-decoration: none; font-weight: bold; position: relative; background-color: transparent; } nav.top-navigation a.nav1-a, nav.top-navigation a.item-level-1.nav1-p { position: relative; } nav.top-navigation a.item-level-0.nav-status-a, nav.top-navigation a.item-level-0.nav-status-p, nav.top-navigation a.item-level-1.nav-status-a, nav.top-navigation a.item-level-1.nav-status-p { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } nav.top-navigation .nav-level-0 ul { width: auto; } .header .rightalign { text-align: right; padding: 0px; position: relative; } .header .rightalign .lang { position: absolute; top: 55px; right: 0px; color: rgb(96, 120, 144); text-decoration: underline; } .site-container { margin-bottom: 5px; padding-bottom: 20px; } .col-xs-12 { width: 100%; } h1 { font-size: 2em; margin: 0.67em 0px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: rgb(0, 0, 0); margin: 0px 0px 10px; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 18px; margin-bottom: 9px; } h1, .h1 { font-size: 30px; font-weight: bold; } h2, .h2 { font-size: 14px; font-weight: bold; } b, strong { font-weight: bold; } p { margin: 0px 0px 9px; color: rgb(51, 51, 51); font-size: 13px; line-height: 1.2em; margin-bottom: 10px; } .aside { text-align: center; } .visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg { display: none !important; } .bg_beige { background: rgb(154, 122, 73); padding: 5px; margin: 10px 0px 5px; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 9px; margin-bottom: 9px; } h4, .h4 { font-size: 17px; } #collapseOne, #collapseTwo, #collapseThree, #collapseFour { min-height: 50px !important; } .panel-body { padding: 15px; } .panel-group .panel-heading+.panel-collapse .panel-body { border-top: 1px solid rgb(221, 221, 221); } .panel-default>.panel-heading+.panel-collapse .panel-body { border-top-color: rgb(221, 221, 221); } .fade { opacity: 0; transition: opacity 0.15s linear; } .modal { display: none; overflow-x: auto; overflow-y: scroll; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1050; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: 25% 10px; } .modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out; } .modal-content { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 3px 9px; background-clip: padding-box; outline: none; } .modal-header { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); min-height: 16.4285px; border-color: rgb(154, 122, 73); text-align: center; } .close { float: right; font-size: 19.5px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; } button.close { padding: 0px; cursor: pointer; background: transparent; border: 0px; -webkit-appearance: none; } .modal-header .close { margin-top: -2px; color: rgb(154, 122, 73); opacity: 1; } .modal-title { margin: 0px; line-height: 1.4285; } #_atssh { width: 1px !important; height: 1px !important; border: 0px !important; } .clearfix:before, .container:before, .row:before, .navbar:before, .navbar-header:before { content: " "; display: table; } .clearfix:after, .container:after, .row:after, .navbar:after, .navbar-header:after { clear: both; content: " "; display: table; }
Das von mir entworfene Klebeband "Mit Liebe verpackt" wurde bereits seit Oktober 2009 im KISD Shop der Köln International School of Design verkauft und entwickelte sich dort schnell zum Geheimtipp. Seit Juli 2011 ist es endlich online erhältlich!
Die akustischen, haptischen und optischen Qualitäten des Packbands "Mit Liebe verpackt" überzeugen einfach:
Akustik: Wunderbarer original Packband-Sound, ungehemmt und nicht "leise abrollend", wie heute oft propagiert
Haptik: Nur Polypropylen fühlt sich so an
Optik: Puristisch und ehrlich
und nicht zuletzt:
Die Botschaft: Mit Liebe - mehr geht einfach nicht!
und dann gibt es noch die Variante aus Papier mit synthetischem Kautschuk-Klebstoff.