@charset "utf-8";
/* CSS Document */
/* CSS COPYRIGHT 2015-2016 V2016-2504
   NMB-MEDIA, CAPSICUM-DESIGN
   www.nmb-media.de */
   
@import url(https://www.handy-heaven.de/Template/css/nmb-bootstrap.min.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
   
/* COPYRIGHT DARF NUR MIT KOSTENPFLICHTIGER GENEMIGUNG ENTFERNT WERDEN! */
   
/*  font        313131
    a           666
    a:hover     881d78
    h1          881d78
    h2          881d78 
    h3          666
    h4+5+6      666     */ 

/** BASIC STYLE **/
div#nmb-pageback {  }
div#nmb-pagecontainer {
    background-color: #fff;
    font-family: 'PT Sans', Arial, Helvetica, sans serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;}

    div#nmb-pageback ul {
        list-style: none;}
    
    div#nmb-pageback a {
        color: #666;}
    div#nmb-pageback a:hover, a:focus {
        color: #881d78;}
    
    div#nmb-pageback h1 {
        font-size: 30px;
        color: #881d78;}
    div#nmb-pageback h2 {
        color: #881d78;}
    div#nmb-pageback h3, h4 {
        color: #666 !important;
        font-weight: 700 !important;
        margin: 5px 0;}
    div#nmb-pageback h5, h6 {
        color: #666 !important;
        font-weight: 700 !important;}
        
    div#nmb-pageback i {
        margin-right: 5px;} 
    
.nmb-helper {
    display: table-cell;
    vertical-align: middle;}
.nmb-small {font-size: 0.8em;}

.nmb-danger,
.nmb-info,
.nmb-success {
    margin: 20px 0 0;
    padding: 10px;}
    .nmb-danger i,
    .nmb-info i,
    .nmb-success i {margin-right: 5px;} 
    .nmb-danger i {color: #e48383;}
    .nmb-info i {color: #6ecee0;}
    .nmb-success i {color: #8cda61;}    
    .nmb-danger {background-color: #f4e7e7;}    
    .nmb-info {background-color: #e7f2f4;}
    .nmb-success {background-color: #ebf4e7;}
	
.btn-florenz {
	background-color: #881d78;
	border: 1px solid #eee;
	color:#fff !important;}	
	.btn-florenz:hover {
		background-color: #ddd;
		color: #2f2f2f !important;}
    
.bs-callout {   
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;}
    
div#nmb-pageback .btn-warning,
div#nmb-pageback .btn-warning:hover {color: #fff;}

.bs-callout+.bs-callout {margin-top: -5px;}
    
.bs-callout-danger {border-left-color: #ce4844}
.bs-callout-info {border-left-color: #1b809e}
.bs-callout-warning {border-left-color: #aa6708}
.bs-callout-success {border-left-color: #4cae4c}

.bs-callout-danger h4 {color: #ce4844;}
.bs-callout-info h4 {color: #1b809e;}
.bs-callout-warning h4 {color: #aa6708;}
.bs-callout-success h4 {color: #4cae4c;}

/* GRADIENTS */
.nmb-ggr-light {
    background: #eeeeee;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0);}

.nmb-ggr-dark  {background: #45484d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTMxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #45484d 0%, #313131 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#313131));
    background: -webkit-linear-gradient(top,  #45484d 0%,#313131 100%);
    background: -o-linear-gradient(top,  #45484d 0%,#313131 100%);
    background: -ms-linear-gradient(top,  #45484d 0%,#313131 100%);
    background: linear-gradient(to bottom,  #45484d 0%,#313131 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#313131',GradientType=0 );}
	
/* LIST */
ul.nmb-flagList {
	padding-left: 0;}
.nmb-flagList>li {
	text-align: left;
    padding: 5px;
    border-bottom: #f2f2f2 1px solid;}
	.nmb-flagList>li>img {
		margin-right: 5px;}
	.nmb-flagList li span {
		display: block;
		float: right;}	
	.nmb-flagList li span:after {
		content: '';
		clear: both;}	

/** HEADER STYLE **/
header#nmb-header {
    border-bottom: 1px solid #e2e2e2;}
#nmb-service > div {text-align: center;}


#nmb-service i {
    margin: 10px;
    padding: 17px;
    border-radius: 200px;
    border: 2px solid #fff;
    background: #fff;
    font-size: 38px;
    color: #881d78;
    line-height: 34px;}
    
div#nmb-logo {
    display: table;
    width: 100%;
    margin: 50px 0;
    text-align: center;}
    div#nmb-logo img {
        max-width: 100%;
        margin: auto auto;}
    
/* NAVI */
#nmb-topNav {
    position: relative;
    padding: 10px 0;
    z-index: 6669;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #f2f2f2;}

#nmb-topNav .nmb-nav > li > a {
    padding: 15px;}
#nmb-topNav .nmb-nav-pills > li:hover > a {
    background-color: #fff;}
#nmb-topNav .nmb-nav-pills>li+li {
    margin-left: 0;
    border-left: 1px solid #e2e2e2;}
#nmb-topNav .nmb-nav-pills > li.active > a, 
#nmb-topNav .nmb-nav-pills > li.active > a:focus, 
#nmb-topNav .nmb-nav-pills > li.active > a:hover {
    color: #444;
    background-color: #f2f2f2;}
#nmb-topNav .nmb-nav-pills>li>a {
    border-radius: 0;
    -webkit-borde-radius: 0;
    -moz-border-radius: 0;} 
.sidebar-nav {
    padding: 9px 0;}

.nmb-dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;}

.nmb-dropdown-menu li:hover .sub-menu {
    visibility: visible;}

.nmb-dropdown:hover .nmb-dropdown-menu {
    display: block;}

.nmb-nav-tabs .nmb-dropdown-menu, 
.nmb-nav-pills .nmb-dropdown-menu, 
.nmb-navbar .nmb-dropdown-menu {
    margin-top: 0;}

.nmb-navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;}
.nmb-navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;}
       
/** CONTENT STYLE **/
#nmb-content {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;}

/* PROD DESC */
div#nmb-descBox {}
    ul.nmb-featureList {
        list-style: none;}
    ul.nmb-featureList li {
        padding: 8px 0;
        border-bottom: 1px solid #ececec;}  
div#nmb-favBox {}
    div#nmb-favBox ul.nmb-favBtn {
        float: right;
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0;}
        div#nmb-favBox ul.nmb-favBtn a {
            display: block;
            width: 100%;}
            
    div#nmb-favBox ul.nmb-favBtn li:first-child {margin-left: 0;}
    div#nmb-favBox ul.nmb-favBtn li {
        float: left;
        display: block;
        width: 49.5%;
        margin-left: 0.5%;
        padding: 15px 0;
        background-color: #ececec;
        font-size: 1em;
        text-align: center;}
    div#nmb-favBox ul.nmb-favBtn li i {margin-right: 5px;}  
                   ul.nmb-favBtn li a:hover {
                       color: #fff;
                       text-decoration: none;}
                   ul.nmb-favBtn li:hover,
                   ul.nmb-favBtn li:hover a {
                       background-color: #313131 !important;
                       color: #ececec !important;
                       text-decoration: none;} 
div#nmb-priceBox {
    margin-top: 10px;}
div#nmb-priceBox div.nmb-priceTag {
    padding: 20px;
    background-color: #f2f2f2;
    color: #444;}
    div#nmb-priceBox div.nmb-priceTag > span,
    div#nmb-priceBox a.nmb-buyBtn {
        width: 50%;
        float: left;}
    div#nmb-priceBox div.nmb-priceTag > span {  
        padding: 9px 0;
        font-size: 1.8em;
        font-weight: 700;}
    .nmb-buyBtn {
        cursor: pointer;
        display: block;
        padding: 15px; 
        background-color: #881d78;
        text-align: center;
        font-size: 1.2em;
        font-weight: 700;
        color: #fff !important;}
    .nmb-buyBtn i {
        margin-right: 10px !important;
        font-size: 25px;
        vertical-align: middle;}    
    .nmb-buyBtn:hover {
        background-color: #F90;}    

/* GALLERY */
section#nmb-gallery>div.nmb-panel-body {
	padding-top: 0;}
.nmb-gal-area {
    width: 100%;
    margin: auto;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-align: center;}

.nmb-gal-link {
    height: 50px;
    max-width: 75px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    padding: 3px;
    text-align: center;
    background: #fff;
    border: 1px solid #dfdfdf;}
    .nmb-gal-link>img {
        max-height: 100%;
        max-width: 100%;
        margin: auto;}
    .nmb-gal-link:hover {
        background: #eee;
		border: 1px solid #2f2f2f;}

.nmb-gal {
    clear: both;
    padding: 0;
	margin-bottom: 20px;
    display: none;}
  .nmb-gal>img.nmb-img-responsive {
      max-height: 500px;
      margin: auto;
	  border: 1px solid #dfdfdf;}

/* ZOOM */
.nmb-gal>img.nmb-img-responsive:hover {
    transform: scale(1.35);
	-webkit-transform: scale(1.35);
	-moz-transform: scale(1.35);
    z-index: 9999;
    position: relative;
    transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;}
/* */

.nmb-target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;}

.nmb-gals-focus .nmb-gal-link:focus,
.nmb-gals-hover .nmb-gal-link:hover,
#gal12:target ~ a:nth-of-type(12),
#gal11:target ~ a:nth-of-type(11),
#gal10:target ~ a:nth-of-type(10),
#gal9:target ~ a:nth-of-type(9),
#gal8:target ~ a:nth-of-type(8),
#gal7:target ~ a:nth-of-type(7),
#gal6:target ~ a:nth-of-type(6),
#gal5:target ~ a:nth-of-type(5),
#gal4:target ~ a:nth-of-type(4),
#gal3:target ~ a:nth-of-type(3),
#gal2:target ~ a:nth-of-type(2),
#gal1:target ~ a:nth-of-type(1) {
    background: #ddd;}

.nmb-gals-target span[id^="gal"]:target 
~ .nmb-gal:nth-of-type(1) {display:none !important;}

.nmb-gals-target span[id^="gal1"]:target 
~ .nmb-gal:nth-of-type(1) {display:block !important;}

.nmb-gals-target span[id^="gal"]:not(:target) 
~ .nmb-gal:nth-of-type(1),
.nmb-gals-target span:nth-of-type(1):target ~ .nmb-gal:nth-of-type(1),
.nmb-gals-target span:nth-of-type(2):target ~ .nmb-gal:nth-of-type(2),
.nmb-gals-target span:nth-of-type(3):target ~ .nmb-gal:nth-of-type(3),
.nmb-gals-target span:nth-of-type(4):target ~ .nmb-gal:nth-of-type(4),
.nmb-gals-target span:nth-of-type(5):target ~ .nmb-gal:nth-of-type(5),
.nmb-gals-target span:nth-of-type(6):target ~ .nmb-gal:nth-of-type(6),
.nmb-gals-target span:nth-of-type(7):target ~ .nmb-gal:nth-of-type(7),
.nmb-gals-target span:nth-of-type(8):target ~ .nmb-gal:nth-of-type(8),
.nmb-gals-target span:nth-of-type(9):target ~ .nmb-gal:nth-of-type(9),
.nmb-gals-target span:nth-of-type(10):target ~ .nmb-gal:nth-of-type(10),
.nmb-gals-target span:nth-of-type(11):target ~ .nmb-gal:nth-of-type(11),
.nmb-gals-target span:nth-of-type(12):target ~ .nmb-gal:nth-of-type(12) {
    display: block;}

/* */
        
#nmb-pr1,
#nmb-pr2 {
    margin-top: 20px;}

/* TABBED CONTENT SYTLE */

/* BOX STYLE */
.nmb-panel {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;}
	.nmb-panel .nmb-img {
		margin: 2px 0;}
.nmb-middleTheme,
.nmb-middleContent {
    padding-left: 10px;}
    
.nmb-middleTheme {
    padding-bottom: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #fff;}
    .nmb-middleTheme h4 {
        display: inline-block;
        padding: 15px 0 0;}
.nmb-middleContent {
    padding-top: 10px;
    border-top: 1px solid #e2e2e2;}

/* CROSS PROMO */
div.nmb-crossContainer > div {
    margin: 20px 0;
    padding: 10px;}
    div.nmb-crossContainer div:hover {
        background-color: #ececec}
    .nmb-crossBtn {
        display: inline-block;
        width: 100%;}
    .nmb-crossBtn a {
        float: right;}  
        
.nmb-promoPic {
    float: left;
    width: 30%;}
.nmb-promoText {
    float: right;
    width: 70%;
    padding: 10px;}
span.nmb-price {
    text-align: right;
    width: 100%;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 700;}  
    span.nmb-promoText.nmb-ar {
        margin-top: 10px;
        text-align: right;}     

/** FOOTER STYLE **/
footer#nmb-fc {
    background-color: #f2f2f2;
    border-top: 1px solid #fff;
    font-size: 12px;}
    footer#nmb-fc > div > ul.nmb-fclist1 {
        padding-left: 0;
        margin: 20px 0;}
    footer#nmb-fc div,
    footer#nmb-fc div .nmb-fclist1 li a {color: #444;}
                .nmb-fclist1 li i {
                    color: #881d78;
                    margin-right: 5px}  
                .nmb-fclist1 li:first-child,    
                .nmb-fclist1 li:first-child + li {
                    border-top: 0 none transparent;}    
                .nmb-fclist1 li {
                    border-top: 1px solid #fff;
                    padding: 5px 0;}
                .nmb-fclist1 li:first-child {
                    border-bottom: 1px solid #881d78 !important;}
                .nmb-fclist1 li.nmb-ar {
                    text-align: right;}
                    
/** COPYRIGHT nmb-container **/
#nmb-cc {
    background-color: #e2e2e2;
    color: #888;
    text-align: right;
    font-size: 10px;
    padding: 5px 0;}
    #nmb-cc a,
    #nmb-cc a:hover {color: #888 !important;}
    
/** MEDIA QUERIES **/
@media only screen and (max-width: 992px) {
    div#nmb-logo a.nmb-helper {
        width: 100%;}}

@media only screen and (max-width: 767px) {
    ul.nmb-nav.pull-right li {
        text-align: center;}    
        ul.nmb-nav.pull-right li div#nmb-searchwrapper {
            margin: 10px 0;}}

@media only screen and (min-width: 481px) and (max-width: 767px) {
#nmb-service > div {
    zoom: 0.9;}}

@media only screen and (max-width: 480px) {
#nmb-service > div {
    zoom: 0.8;
    padding-left: 5px;
    padding-right: 5px;}}