/*
  Violett Hell    RGB 135/15/135  #870f87
  Violett Dunkel  RGB 92/5/92     #5c055c
  
  Abstufungen Violett Hell:
    RGB 183/110/183   #b76eb7
    RGB 207/158/207   #cf9ecf
    RGB 231/207/231   #e7cfe7
*/

@font-face {
    font-family: 'Noto Sans';
    src: url('/static/vp/fonts/NotoSans-Bold.eot');
    src: url('/static/vp/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/vp/fonts/NotoSans-Bold.woff2') format('woff2'),
        url('/static/vp/fonts/NotoSans-Bold.woff') format('woff'),
        url('/static/vp/fonts/NotoSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/static/vp/fonts/NotoSans-Black.eot');
    src: url('/static/vp/fonts/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
        url('/static/vp/fonts/NotoSans-Black.woff2') format('woff2'),
        url('/static/vp/fonts/NotoSans-Black.woff') format('woff'),
        url('/static/vp/fonts/NotoSans-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/static/vp/fonts/NotoSans-Regular.eot');
    src: url('/static/vp/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/vp/fonts/NotoSans-Regular.woff2') format('woff2'),
        url('/static/vp/fonts/NotoSans-Regular.woff') format('woff'),
        url('/static/vp/fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.colorVioletLight {color:#870f87;}
.colorVioletDark {color:#5c055c;}
.backgroundVioletLight {background:#870f87;background-color:#870f87;}
.backgroundVioletDark {background:#5c055c;background-color:#5c055c;}
.backgroundVioletGradient {background:#5c055c;background:-moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background:-webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background:linear-gradient(to right,#5c055c 0%,#870f87 100%);}
.backgroundVioletGradientNotch {background:#5c055c;background:-moz-linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),-moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background:-webkit-linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),-webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background:linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),linear-gradient(to right,#5c055c 0%,#870f87 100%);}
.backgroundGreyLight {background:#ebebeb;background-color:#ebebeb;}
.backgroundOrangeGradient{background:#f54843;background:-moz-linear-gradient(left,#f54843 0%,#ffc73d 100%);background:-webkit-linear-gradient(left,#f54843 0%,#ffc73d 100%);background:linear-gradient(to right,#f54843 0%,#ffc73d 100%);}

.textVioletGradient{color: #870f87;background:-webkit-linear-gradient(45deg, #5c055c, #870f87);-webkit-text-fill-color: rgba(0,0,0,0);-webkit-background-clip:text;line-height:1.3;font-weight: 700 !important;}
.textOrangeGradient{color: #f54843;background:-webkit-linear-gradient(45deg, #f54843, #ffc73d);-webkit-text-fill-color: rgba(0,0,0,0);-webkit-background-clip:text;line-height:1.3;font-weight: 700 !important;}
.borderOrangeGradient{border-left: 1px solid #f54843;border-right: 1px solid #ffc73d;background-image: linear-gradient(to right, #f54843, #ffc73d), linear-gradient(to right, #f54843, #ffc73d);-moz-background-size: 100% 1px;background-size: 100% 1px;background-position: 0 0, 100% 100%;background-repeat: no-repeat;}

.borderbox {width:100%;height:155px;min-height:135px;position:relative;}
.borderbox>.content {width:100%;height:100%;border:1px solid #870f87;}
.borderbox>.content .title {display:inline-block;position:absolute;top:10px;left:15px;font-size:16px;font-weight:700;}
.borderbox>.content .line {display:inline-block;position:absolute;top:37px;left:15px;width:85%;border-bottom:1px solid #870f87;}
.borderbox>.content .content {display:inline-block;position:absolute;top:50px;left:0px;padding-left:15px;font-size:16px;font-weight:400;width:100%;}
.borderbox>.content .content>a {display:inline-block;width:100%;position:relative;color:#333;margin-bottom:9px;}
.borderbox>.content .content>a:hover {font-weight:bold;}
.borderbox>.content .content>a>i {position:absolute; right:5%;top:4px;}
.borderbox>.kante {position:absolute;width:50px;height:28px;background:#fff;transform: rotate(45deg);border-bottom:1px solid #870f87;right:-16px;top:-5px;}
.borderbox.fill>.content {background:#5c055c;background:-moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background:-webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background:linear-gradient(to right,#5c055c 0%,#870f87 100%);}
.borderbox.fill>.content .title {color:#fff;}
.borderbox.fill>.content .line {border-bottom:1px solid #fff;}
.borderbox.fill>.content .content {color:#fff;}
.borderbox.fill>.content .content>a {color:#fff;}
.borderbox.fill>.content .content>a:hover {font-weight:bold;}
@media (max-width: 767px) { .borderbox {margin-bottom:20px;} }

.largeborderbox {display:block;position:relative;margin:5px 55px 5px 15px;}
.largeborderbox>.content {width:100%;box-shadow:rgba(0,0,0,0.2) 0 0 5px;background:#fff;margin:40px 20px 5px 20px;}
.largeborderbox>.content .title {display:block;}
.largeborderbox>.content .content {width:100%;}
.largeborderbox>.content .content h3 {padding-top:30px;margin-bottom:0;font-weight:600;}
.largeborderbox>.content .content span.normal {display:block;color:#5c055c;line-height:1;}
.largeborderbox>.content .content span.big {font-size:18px;display:block;color:#5c055c;}
.largeborderbox>.content .content span.large {font-size:25px;font-weight:600;display:block;color:#5c055c;margin-bottom:6px;}
.largeborderbox>.content .content span.image {display:inline-block;width:85%;text-align:center;position:relative;}
.largeborderbox>.content .content span.save {display:inline-block;width:75%;padding: 3px 0;}  
.largeborderbox>.content .content span.save > span {display:block;background:#fff;font-size:22px;font-weight:600;}  
.largeborderbox>.content .content span.save > span span.left {padding: 5px 0 5px 10px;}  
.largeborderbox>.content .content span.save > span span.right {padding: 5px 10px 5px 0;}  
.largeborderbox>.content .content .text {display:inline-block;width:75%;text-align:left;}
.largeborderbox>.content .content .text > h4 {font-weight:600;}
.largeborderbox>.content .content hr {margin:20px 0;}
.largeborderbox>.content .content>a {display:inline-block;width:100%;position:relative;color:#333;}
.largeborderbox>.content .content .open-options{width:75%;display:inline-block!important;margin-top:5px;}
.largeborderbox>.kante {position:absolute!important;z-index:10;width:80px;height:40px;background:#ebebeb;transform: rotate(45deg);right:-46px;top:-7px;box-shadow:inset rgba(0,0,0,0.2) 0 -5px 5px -5px;}
.largeborderbox.marked:before {content:"Am häufigsten gebucht";display:inline-block;background:#43c5b6;color:#fff;font-weight:600;font-size:13px;border-radius:3px 3px 0 0;position:absolute;left:55px;top:-23px;width:170px;}
.largeborderbox.marked>.content {border:2px solid #43c5b6;}
.largeborderbox.marked>.kante {height:46px;right:-47px;top:-10px;border-bottom:2px solid #43c5b6;}
.largeborderbox.lila>.content {border:2px solid #870f87;}
.largeborderbox.lila>.kante {height:46px;right:-47px;top:-10px;border-bottom:2px solid #870f87;}
.largeborderbox.width100prozent{margin:0 0 20px 0;}
.largeborderbox.width100prozent .content{margin:0;padding-bottom:15px;}
.largeborderbox.width100prozent .kante{right:-27px!important;}
.largeborderbox i{font-size:4em;margin-top:20px;}

.scrollborderbox {display:block;position:relative;text-align:center;z-index:20;}
.scrollborderbox>.content {width:100%;box-shadow:rgba(0,0,0,0.2) 0 0 5px;background:#fff;margin:0 0 0 0;border:2px solid #43c5b6;}
.scrollborderbox>.content .title {display:block;}
.scrollborderbox>.content .content {width:100%;}
.scrollborderbox>.content .content h3 {text-align:left;width:85%;display:inline-block;padding-top:30px;margin-bottom:0;font-weight:700;font-size: 24px;}
.scrollborderbox>.content .content span.normal {display:block;color:#5c055c;line-height:1;}
.scrollborderbox>.content .content span.big {font-size:18px;display:block;color:#5c055c;}
.scrollborderbox>.content .content span.large {font-size:25px;font-weight:600;display:block;color:#5c055c;margin-bottom:6px;}
.scrollborderbox>.content .content span.image {display:inline-block;width:85%;text-align:center;}
.scrollborderbox>.content .content span.save {display:inline-block;width:85%;padding: 10px 0;margin: 0 0 25px 0;}  
.scrollborderbox>.content .content span.save > span {display:block;background:#fff;font-size:22px;font-weight:600;}  
.scrollborderbox>.content .content span.save > span span.left {padding: 5px 0 5px 10px;}  
.scrollborderbox>.content .content span.save > span span.right {padding: 5px 10px 5px 0;}  
.scrollborderbox>.content .content span.text {display:inline-block;width:80%;text-align:left;}
.scrollborderbox>.content .content span.text > h4 {font-weight:600;}
.scrollborderbox>.content .content hr {margin:20px 0;}
.scrollborderbox>.content .content>a {display:inline-block;width:100%;position:relative;color:#333;}
.scrollborderbox>.kante {position:absolute!important;z-index:10;width:80px;height:46px;border-bottom:2px solid #43c5b6;background:#fff;transform: rotate(45deg);right:-27px;top:-10px;box-shadow:inset rgba(0,0,0,0.2) 0 -5px 5px -5px;}
@media (max-width: 991px) {
	.scrollborderbox{margin-top:20px;}
	#formcontainer>#bestellform>.col-md-4.pull-right{width:100%;}
	.container>.row.selection>.col-md-4.pull-right{width:100%;}
	#topNav li.hotline>span {font-weight:700;font-size:34px;}
}

#ajaxLoaderBackground {display:none;width:100%;height:100%;background:rgba(255,255,255,0.9);position:fixed;top:0;left:0;z-index:999;}
#ajaxLoader {display:none;position: fixed;left: 50%;font-size: 2em; line-height: 1em;top: 50%;margin-left: -110px;width: 220px;z-index: 1000;text-align: center;color: #870f87;background:-webkit-linear-gradient(45deg, #5c055c, #870f87);-webkit-text-fill-color: rgba(0,0,0,0); -webkit-background-clip:text;padding:2px;}
#dynamicBlockingMessage  {display:none;position: fixed;left: 50%;font-size: 2em;line-height: 1em;top: 50%;margin-left: -110px;width: 300px;z-index: 1000;text-align: center;color: #870f87;background:-webkit-linear-gradient(45deg, #5c055c, #870f87);-webkit-text-fill-color: rgba(0,0,0,0); -webkit-background-clip:text;padding:5px;}

.bubble {width:40px;height:40px;text-align:center;line-height:2.4;display:inline-block;border-radius:50%;color:#fff;background:#5c055c;background:-moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background:-webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background:linear-gradient(to right,#5c055c 0%,#870f87 100%);}
.bubble.inactive {background:#999;}

.pricebubble { background:url(/static/vp/assets/images/bubble.png) center center; display:inline-block;width:120px;height:120px;background-size:contain;background-repeat:no-repeat;position:absolute;left:0;bottom:0; }
.pricebubble>.pricebubble2 { background:url(/static/vp/assets/images/bubble2.png) center center; display: inline-block; width: 80px; height:40px; background-size:contain; background-repeat:no-repeat;position:absolute;left:0px;top:4px; }

ul.costlist {list-style-type:none;display:inline-block;padding:0;width:85%;text-align:center;margin-bottom:0;}
ul.costlist > li {margin-bottom:10px;position:relative;}
ul.costlist > li:last-Child {margin-bottom:0;}
ul.costlist > li span:first-Child {float:left;width:65%;text-align:left;line-height:1;font-size:16px;}
ul.costlist > li span:first-Child + span {float:right;width:34%;text-align:right;font-weight:bold;color:#870f87;line-height:1;font-size:16px;}

div.clear {clear:both;}
.invert  {color:#fff!important;-webkit-text-fill-color:#fff!important;background:#870f87;padding-left:3px;padding-right:3px;}
.option.disabled .invert, .option input:not(:checked)+label .invert {color:inherit!important;-webkit-text-fill-color:inherit!important;background:inherit;padding:0;}

.datepicker {padding:inherit;border-radius:inherit;}

label.sm {font-weight:400;font-size:14px;margin-bottom:0;line-height:1;}

hr.small {border:none;border-bottom:1px solid #870f87;margin:10px 0!important;width:85%;display:inline-block;} 

.shadowbox {/*box-shadow:rgba(0,0,0,0.2) 0 0 5px;*/padding:25px;position:relative;}
.shadowbox h4 {font-weight:bold;font-size:1.2em;}
.shadowbox i.boxicon {color:#791679;font-size:2.5em;position:absolute;top:17px;right:-15px;}
.shadowbox i.boxicon img {width:50%;height:50%;}
.shadowbox .option {position:relative;}
.shadowbox .option > input {position:absolute;top:10px;left:20px;margin:0;padding:0;}
.shadowbox .option > label {display:block;}
.shadowbox .option > input+label {border: 1px solid transparent; padding:5px;}
.shadowbox .option > input+label .upper {font-size:16px; font-weight:600;width: calc(100% - 10px);}
.shadowbox .option > input+label .lower {font-size:13px; font-weight:400;line-height: 15px;}
.shadowbox .option > input[type="radio"]{top: 20px;}
.shadowbox.form input[type="radio"], .shadowbox.form input[type="checkbox"] {width: 15px;height: 15px;padding: 0;}

.shadowbox .option > input[type="radio"]+label { padding:15px 5px;}
.shadowbox .option > input:checked+label {border: 2px solid #7b1679;border-radius: 5px;background: rgba(135,15,135,0.1);}
.shadowbox .option > input:checked+label .upper {color:#7b1679;font-weight:600;}
.shadowbox .option.disabled {color:#999;}
.shadowbox .option .descriptionrow>div:nth-child(2){background: #fafafa;padding: 15px 20px;margin: 5px 25px 15px 15px;width: calc(91.66666667% - 40px);border: 2px solid #eaeaea;border-radius: 6px;font-size: 14px;}
.shadowbox .option .showhideinfo {font-size:12px; font-weight:700;}
.shadowbox .option .icon-info-circle {margin: 0 10px 0 0; color:#333;font-size: 18px;position: relative;top: 2px;}
@media (max-width: 767px) {.shadowbox .option > input {right:20px;left:inherit;top:12px;} }

h1, h2, h3, h4, h5, h6 {font-family:"Noto Sans", sans-serif!important;letter-spacing:0;text-transform: uppercase;}
h1, h2, h3, h4 {color: #870f87;background:-webkit-linear-gradient(45deg, #5c055c, #870f87);-webkit-text-fill-color: rgba(0,0,0,0);-webkit-background-clip:text;line-height:1.3;font-weight:700}
h4.availability-check{margin: -7px 0 10px 0;}
h5 {color:#7b1679;font-weight:400;}
.panel-title a{overflow:auto;}
.bigger {font-size:150%!important;}

.shadowbox.form input, .shadowbox.form textarea {width:100%;padding: 5px 10px;}
.shadowbox.form label {margin-right:20px;font-size: 12px;font-weight: 700;color: #BBBBBB;}
.shadowbox.form label.nolabel {font-size: 16px;color: #333;font-weight: 600;}
.shadowbox.form label.invalid.nolabel {color:#d41e1e;background:transparent;}
.shadowbox.form label>input {width:inherit;margin-right:5px;}
.shadowbox.form select {width:100%;/*height:30px;*/}
.shadowbox.form hr, #areaGroups .shadowbox  hr {margin-top:30px;margin-bottom:30px;}
.shadowbox.form .slide { display: none; }
.shadowbox + .shadowbox {margin-top:20px;}
.shadowbox.form input[type="text"], .shadowbox.form textarea {border: 1px solid #ccc;border-radius: 3px;font-size:14px;font-weight:400;color:#333;}

ul.checks li {list-style: none;margin: 0 0 5px -10px;padding: 0;line-height: 1.2;}
ul.checks li:before {content: "\e907";color: #870f87;font-size: 20px;display: inline-block;font-family: 'iconsNTK' !important;line-height: 1;margin-left: -30px;width: 30px;}

#areaProds {margin-bottom:20px;}

.bigSticker {display:inline-block;width:200px;height:200px;border:2px solid #5c055c;border-radius:50%;background:#870f87;color:#fff;}
.bigSticker:hover {background:#5c055c;}
.bigSticker i {color:#fff;display:block;font-size:70px;margin-top:45px;}
.bigSticker span {color:#fff;display:inline-block;}
@media (max-width: 767px) { .bigSticker {margin-bottom:40px;} }

.nk-form input[type="text"] {font-family:"Noto Sans", sans-serif!important;font-size: 14px;font-weight: 400;color: #333;padding: 3px 10px;}
.nk-form textarea {font-family:"Noto Sans", sans-serif!important;}
.nk-form select {font-family:"Noto Sans", sans-serif!important;}
.nk-form button, .nk-form input[type="button"], .nk-form input[type="submit"], .nk-form input[type="reset"], .nk-form .nk-button, .nk-form.nk-button {border:none;text-decoration:none;display:inline-block!important;padding:7px 17px;margin-right:10px;margin-bottom:10px;color:#fff!important;font-size:15px;font-weight:600;background: #5c055c;background: -moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background: -webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background: linear-gradient(to right,#5c055c 0%,#870f87 100%);} 
.nk-form button.light, .nk-form input[type="button"].light, .nk-form input[type="submit"].light, .nk-form input[type="reset"].light, .nk-form .nk-button.light,.nk-form.nk-button.light {border:1px solid #870f87;text-decoration:none;display:inline-block!important;padding:6px 16px;margin-right:10px;margin-bottom:10px;color:#333!important;font-size:15px;font-weight:600;background: #fff;text-align: center;} 

input.invalid, textarea.invalid {color:#333;background: #fff;border: 1px solid #E21152 !important;box-shadow: 0 0 5px rgba(226, 17, 82, 0.2);}
input.invalid::-webkit-input-placeholder {color: #fff;}
input.invalid::-moz-placeholder {color: #fff;}
input.invalid::-ms-input-placeholder {color: #fff;}
label.invalid {color:#d41e1e;background:transparent;}

ul.endabrechnung {padding-left:20px;}
ul.endabrechnung li {border-bottom:1px solid #ccc;}
ul.endabrechnung li span {/*font-weight:600;font-style:italic;*/}

body {color: #333333;background-color: #fff;font-family: "Noto Sans", sans-serif!important;font-size: 16px;}

a,.tp-caption a {color:#870f87;}
a.light {color:#870f87;}
a.dark {color:#5c055c;}

a:hover {text-decoration:none;}

.clear, .clearfloat {clear:both;}

.margin-top15 {margin-top:15px;}
.margin-bottom15 {margin-bottom:15px;}
.padding-left0 {padding-left:0;}
.padding-right0 {padding-right:0;}

.center {text-align:center;}

h1, h2, h3, h4 {color: #870f87;background: -webkit-linear-gradient(45deg, #5c055c, #870f87);-webkit-text-fill-color: rgba(0, 0, 0, 0);-webkit-background-clip: text;line-height: 1.3;}
h3 {font-weight:700;}

div.slider {background:#ebebeb;}
.slider_title_large {font-size:3em;font-weight:600;display:block;line-height:1.1;color:#870f87;background:-webkit-linear-gradient(45deg, #5c055c, #870f87);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;}
.slider_ticket {position:relative;font-size:1.2em;font-weight:600;display:block;line-height:1;color:#fff;padding:10px;background:#5c055c;background:-moz-linear-gradient(-135deg,rgba(0,0,0,0) 10%,#870f87 10%,#5c055c 100%);background:-webkit-linear-gradient(-135deg,rgba(0,0,0,0) 10%,#870f87 10%,#5c055c 100%);background:linear-gradient(-135deg,rgba(0,0,0,0) 10%,#870f87 10%,#5c055c 100%);}

.ticket {display:inline-block;padding:7px 17px;margin-right:10px;margin-bottom:10px;color:#fff;font-size:15px;background: #5c055c;background:-moz-linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),-moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background:-webkit-linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),-webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background:linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),linear-gradient(to right,#5c055c 0%,#870f87 100%);}

.link-format > a {margin-left:10px;margin-right:10px;}
.link-format > a:first-Child {margin-left:0;}
.link-format > a:last-Child {margin-right:0;}

.kundenart a {display:inline-block;padding:15px;background:#5c055c;background:-moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background:-webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background:linear-gradient(to right,#5c055c 0%,#870f87 100%);color:#fff;}
.kundenart a.active {background:#fff;color:#333;}
.kundenart a:hover {color:#b76eb7;}

#topNav a.logo {margin:15px 5px 25px 0;}
#topNav div.navbar-collapse {float:none;}
#topNav ul.nav>li {border:none;}
#topNav ul.nav>li:last-Child {border:none;}
#topNav ul.nav>li a {color:#333;padding:27px 17px;font-size:23px;line-height:18px;font-weight:700;text-align:left;}
#topNav ul.nav>li.menu-portal a, #topNav ul.nav>li.menu-search a {padding-left:60px;}
#topNav ul.nav>li.menu-search a {color:#fff;background:#5c055c;background:-moz-linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),-moz-linear-gradient(left,#5c055c 0%,#870f87 100%);background:-webkit-linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),-webkit-linear-gradient(left,#5c055c 0%,#870f87 100%);background:linear-gradient(-135deg,#fff 10px,rgba(255,255,255,0) 10px),linear-gradient(to right,#5c055c 0%,#870f87 100%);}
#topNav ul.nav>li.menu-search a span {color:#fff;}
#topNav ul.nav>li>a>span {display: block;font-size: 12px;color: #333;font-weight:400;}
#topNav ul.nav>li.mega-menu h3{display:inline-block;}
#topNav ul.nav>li.mega-menu>ul li>a{font-size:16px;padding:4px 24px;font-weight:400;color:#5c055c;}
#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {background-color:rgba(255,255,255,0.9);border:none;box-shadow:rgba(0,0,0,0.2) 0 1px 4px;padding: 15px 15px 35px 15px;}
#topNav .nav-pills>li>a>i.arrow {position:absolute;right:20px;}
#topNav .nav-pills>li>a>i.icon {position:absolute;left:15px;font-size:32px;}
#topNav ul.nav>li.mega-menu div div:first-Child, #topNav ul.nav>li.mega-menu div div:first-Child a {text-align:right;padding-right:10px;}
#topNav ul.nav>li.mega-menu div div:nth-Child(2), #topNav ul.nav>li.mega-menu div div:nth-Child(2) a {padding-left:10px;}
#topNav li.hotline {text-align:right;position:absolute!important;right:0px;bottom:0px;color:#620360;font-size:18px;line-height:1;}
#topNav li.hotline>span {font-weight:700;font-size:44px;}
@media (max-width:1199px) {#topNav li.hotline>span {font-weight:700;font-size:34px;}}
@media (min-width:768px) and (max-width:798px) {#topNav ul.nav>li a{padding: 27px 12px;}}
@media (max-width:767px) {
  #topNav ul.nav>li.menu-search, #topNav ul.nav>li.menu-portal {float:none!important;}
  #topNav ul.nav>li.menu-portal a, #topNav ul.nav>li.menu-search a {padding-left:20px;}
  #topNav a.logo {margin-left:15px;}
  #topNav ul.nav>li>a:after {content: "";}
  #topNav .nav-pills>li>a>i.icon {display:none;}
	#topNav ul.nav>li.mega-menu h3{margin: 20px 8px 10px 0!important;}
	#topNav ul.nav>li.mega-menu>ul.dropdown-menu>li {box-shadow:none;padding:0!important;}
  #topNav ul.nav>li.mega-menu>ul li>a{padding: 10px!important;}
  #topNav ul.nav>li.mega-menu>ul li:hover>a, #topNav ul.nav>li.mega-menu>ul li.active>a, #topNav ul.nav>li:hover:before, #topNav ul.nav>li.active:before{display:block!important;}
  #topNav ul.nav>li.mega-menu div div:first-Child, #topNav ul.nav>li.mega-menu div div:first-Child a {text-align:left;}
  #topNav ul.nav>li.mega-menu div div:first-Child, #topNav ul.nav>li.mega-menu div div:first-Child a {padding-right:24px;}
  #topNav ul.nav>li.mega-menu div div:nth-Child(2), #topNav ul.nav>li.mega-menu div div:nth-Child(2) a {padding-left:20px;}
  #topNav li.hotline {display:none!important;}
  #topNav ul.nav>li.mega-menu div, #topNav ul.nav>li.mega-menu div div{margin-top: 0 !important;margin-bottom: 0 !important;}
}

.controlls-over .owl-controls {top:66%;margin-top:0;}

#footer {background:#5c055c;} 
#footer {border:none;}
#footer .copyright {background-color:#fff;}
#footer li a:hover,#footer a:hover,a, a:hover, a:active,#topNav ul.nav li li a:hover,.tp-caption a:hover,.featured-box-minimal h4,.glyphicon, .wi,p.dropcap:first-letter,ul.side-nav a:hover,ul.side-nav ul li.active>a,.li, div.owl-carousel .caption,.pagination>li>a, .pagination>li>span,.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus,div.mega-price-table .pricing:hover h4,div.mega-price-table .pricing-table i.fa, /* icons */#blog a>span,#blog h1>span,.cartContent a.remove_item:hover,.owl-carousel.featured a.figure>span>i,.btn-link,.styleColor {color:#870f87;}

p.dropcap.color:first-letter,span.badge,#toTop:hover,#bar, .slider-handle,

i.featured-icon:after, div.featured-box.nobg.border-only i.fa {color:#5c055c;border-color:#5c055c;}
section.product-view-colors a:hover,section.product-view-colors a.active,i.featured-icon {border-color:#5c055c;}
i.featured-icon.empty {color:#5c055c !important;border-color:#5c055c;}

#topNav ul.nav .dropdown-menu>li.active>a, #topNav ul.nav .dropdown-menu>li:hover>a, #topNav ul.nav .dropdown-menu>li:focus>a {color:#fff !important;background-color:#5c055c;}
#topNav ul.dropdown-menu>li:hover>a.dropdown-toggle:after { /* arrow sub-submenu */color:#fff;}

.btn-primary {border-color:#870f87;background-color:#870f87;}
.btn-white {color:#5c055c !important;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary,.daterangepicker td.active, .daterangepicker td.active:hover,.btn-primary:hover,.btn-primary:active,.btn-primary:focus {border-color:#5c055c;background-color:#5c055c;}

section header em,
h1>em, h2>em, h3>em, h4>em, h5>em, h6>em {font-style:normal;color:#5c055c;}

#topNav ul.nav>li.mega-menu>ul li:hover>a,#topNav ul.nav>li.mega-menu>ul li.active>a,#topNav ul.nav>li:hover:before,#topNav ul.nav>li.active:before {background-color: #5c055c;}
#topNav .nav-pills.colored>li.active>a, #topNav .nav-pills.colored>li.active>a:hover, #topNav .nav-pills.colored>li.active>a:focus {color:#5c055c;/*background-color:#5c055c;*/}
#topNav .nav-pills.colored>li.active>a>span, #topNav .nav-pills.colored>li.active>a:hover>span, #topNav .nav-pills.colored>li.active>a:focus>span {color:#5c055c;/*background-color:#5c055c;*/}

.styleBackgroundColor,.featured-box-minimal i.fa {background-color:#5c055c;}

ul.list-icon li:before {color:#5c055c;font-size:16px;}
body.boxed #topBar {border-top:#5c055c 4px solid;}

.panel-epona {border:#5c055c 1px solid;}
.panel-epona>.panel-heading {background-color:#5c055c;color:#fff;}

.tp-caption.block_styleColor {background-color: #5c055c;color:#fff;}
.tp-caption.block_white {color:#5c055c;}

.descriptionrow {display:none;}
.descriptionrow .col-sm-11 p:last-Child {margin-bottom:0;}

.flexslider.flexFull .flex-direction-nav a:hover, .flexslider.flexContent .flex-direction-nav a:hover {background-color: #5c055c;color:#fff;}
.alert.alert-default {border-left:#5c055c 3px solid;}
.item-box .item-hover .overlay {background-color:rgba(247,63,105,0.6);}

.sky-form .toggle i:before {background-color: #5c055c;}
.sky-form .button {background-color: #5c055c;}
.sky-form .radio input + i:after {background-color: #5c055c;}
.sky-form .checkbox input + i:after {color: #5c055c;}
.sky-form .radio input:checked + i,.sky-form .checkbox input:checked + i,.sky-form .toggle input:checked + i {border-color: #5c055c;}
.sky-form .rating input:checked ~ label {color: #5c055c;}

/*jQuery UI Autocomplete scroll*/
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
  * we use height instead, but this forces the menu to always be this tall
  */
* html .ui-autocomplete {
  height: 200px;
}

.validationWarning { color: #f10000; background:#fdc6c6; margin-bottom:15px; padding:10px; border-radius:5px;}
.invalid { color: red; background-color: #fdc6c6; }

/*########################## Portal-CSS ##########################*/
body{
  text-shadow:none!important;
  }
/*h1{
  font-size:2.5em;
  margin-bottom:20px;
  }
h4{
  font-size:1.1em;
  font-weight:bold;
  }
h4,h5{
    background: transparent!important;
    color: #333333!important;
    -webkit-text-fill-color: #333333!important;
  }*/
section{
  padding-top:30px;
  padding-bottom:30px;
  }
.homeLogout{
  -webkit-box-shadow: 0 0 3px 0 #969696;
  box-shadow: 0 0 3px 0 #969696;
  background-color:#F3F3F3;
  padding:10px 20px;
  position:absolute;
  left:0;
  top:0;
  font-size:1.3em;
  }
.homeLogin{
  padding:10px 0;
  font-size: 14px;
  font-weight: 600;
  }
.navWrapper{
  background-color:#ffffff;
  padding:10px 0;
  }
.login-box-wrapper{
  background: rgb(74,110,179); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(74,110,179,1) 0%, rgba(206,90,195,1) 50%, rgba(247,182,167,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(74,110,179,1) 0%,rgba(206,90,195,1) 50%,rgba(247,182,167,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(74,110,179,1) 0%,rgba(206,90,195,1) 50%,rgba(247,182,167,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6eb3', endColorstr='#f7b6a7',GradientType=1 ); /* IE6-9 */
  padding:2px;
  -webkit-box-shadow: 0 0 3px 0 #969696;
  box-shadow: 0 0 3px 0 #969696;
  width:300px;
  margin:50px auto;
  }
.login-box{
  background: rgb(254,254,254); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(254,254,254,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(254,254,254,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  padding:30px 20px;
  text-align:center;
  }
.login-box h1{
  font-size:1.2em;
  font-weight:bold;
  }
.login-box input{
  border-radius:3px;
  border:1px solid #D0D0D0;
  background-color:#ffffff;
  }
@media (max-width: 768px){
  .navbar-header {
    margin-left: 0!important;
    }
  section{
    padding-top:10px;
    padding-bottom:10px;
    }
  h1{
    font-size:2em;
    }
  h4{
    font-size:1.2em;
    }
  }
 .navbar .headzeile .usericon .icon-account{
  font-size:32px;
 }
.navbar-nav li{
  font-weight:bold;
  font-size:1.2em;
  }
.navbar-nav li a{  
  color:#313131!important;
  }
.navbar-nav li a:hover{  
  color:#870f87!important;
  }
.navbar-default{
  background-color:#ffffff;
  border: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  }
.navbar-toggle{
  border-color:transparent!important;
  margin: 1px 15px;
  }
.navbar-toggle i{
  color:#870f87;
  font-size:1.8em;
  }
.portal_submenu ul,.sipwise_submenu ul{
  list-style:none;
  margin:0;
  padding:0;
  }
.portal_submenu ul li,.sipwise_submenu ul li{
  display:inline-block;
  padding:0 10px;
  }
.portal_submenu ul li a,.sipwise_submenu ul li a,a.abmeldebutton{
  color:#333333;
  }
.portal_submenu ul li a,a.abmeldebutton{
  font-weight:bold;
  font-size:1.2em;
  }
.sipwise_submenu ul li a {
  color:#62005F;
  
}
.sipwise_submenu{
  padding-bottom:20px;
  }
.sipwise_submenu ul li.aktiv{
  font-weight: bold;
  }
.sipwise_submenu ul li.aktiv a{
  /*color:#ffffff;*/
  }
.sipwise_submenu ul li:first-child a{
  color:#62005F;
  font-size:1.5em;
  }
.sipwise_submenu ul li{
  height:30px;
  }
hr.grau-weiss{
  height:0;
  border-top:1px solid #CDCDCD;
  border-bottom:1px solid #ffffff;
  margin-top:20px;
  margin-bottom:20px;
  }
.verlaufstext{
  color: #f54843;
  background:-webkit-linear-gradient(left,  rgba(74,110,179,1) 0%, rgba(206,90,195,1) 50%, rgba(247,182,167,1) 100%);
  -webkit-text-fill-color: rgba(0,0,0,0);
  -webkit-background-clip:text;
  line-height:1.3;
  }
.sipwise-footer i{
  color:#62005F;
  font-size:2em;
  }
.sipwise-footer h2{
  text-transform:uppercase;
  font-weight:bold;
  }
.sipwise-footer .item{
  border:2px solid #62005F;
  height:150px;
  position:relative;
  padding-top:10px;
  background-color:#ffffff;
  }
.sipwise-footer .item .row{
  margin:0;
  }
.sipwise-footer{
  margin-left:-15px;
  margin-right:-15px;
  }
.sipwise-footer .bottom-absolute{
  position:absolute;
  bottom:10px;
  width:100%;
  }
.sipwise-footer .bottom-absolute a{
  background: rgb(98,0,95); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(98,0,95,1) 0%, rgba(144,37,142,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(98,0,95,1) 0%,rgba(144,37,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(98,0,95,1) 0%,rgba(144,37,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62005f', endColorstr='#90258e',GradientType=1 ); /* IE6-9 */
  text-align:center;
  color:#ffffff;
  display:block;
  height:30px;
  width:100%;
  font-weight:bold;
  padding-top:3px;
  }
.kleintext{
  font-size:0.8em;
  }
.box{
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: 0 0 3px 0 #969696;
  box-shadow: 0 0 3px 0 #969696;
  padding:10px 15px;
  }
.gleichhochbox{
  visibility:hidden;
  }
table.boxtable{
  width:100%;
  }
table.boxtable tr th, .boxtable tr td{
  vertical-align:top;
  }
table.ohneHead tr td:first-child{
  font-weight:bold;
  }
.auflistung .row div:first-child{
  font-weight:bold;
  }
.tabellenkopf{
  font-weight:bold;
  }
.w100p{
  width:100%;
  }
.blaettern.aktiv{
  font-weight:bold;
  }
.row.headzeile{
  margin-top:30px;
  margin-bottom:30px;
  }
#header.grau{
  background-color:#EBEBEB!important;
  }
.bigtext{
  font-size: 32px;
  margin: 10px 0 0 0;
  }
.smalltext{
  font-size:0.8em;
  }
.row.headzeile .lilatext.bigtext{
  margin-top:10px;
  }
.haendlername{
  line-height: 1.3;
  }
.haendlername .lilatext{
  font-weight: 600;
  }
.usericon{
  padding-top:5px;
  display:table-cell;
  }
.usericon i{
  vertical-align:middle;
  }
#auftragsliste h4{
  border-bottom:2px solid #e6e6e6;
  }
#auftragsliste form{
  padding:0;
  }
#auftragsliste .dropdownbutton{
  height: 38px;
  padding: 0 12px;
  border: #e6e6e6 2px solid;
  width:100%;
  text-align:left;
  }
#auftragsliste .open>.dropdown-menu{
  margin-top:-2px;
  border-top:none;
  border-color:#e6e6e6;
  border-width:2px;
  width:100%;
  box-shadow:none;
  }
#auftragsliste .dropdown .fa-caret-up{display:none;}
#auftragsliste .dropdown .fa-caret-down{display:block;}
#auftragsliste .dropdown.open .fa-caret-up{display:block;}
#auftragsliste .dropdown.open .fa-caret-down{display:none;}

#auftragsliste li.milistitem{
  cursor:pointer;
  padding:3px 10px;
  }
#auftragsliste li.milistitem a{
  padding:0;
  }
#auftragsliste li.milistitem:hover,#auftragsliste li.milistitem:hover a,#auftragsliste li.milistitem a:hover{
  background-color:#F1F1F1;
  color:#000000!important;
  }
#auftragsliste .liste{
  margin-top:30px;
  }
#auftragsliste .liste .item{
  margin-bottom:2px;
  padding:10px;
  }
#auftragsliste .liste .item:nth-child(odd){
  background-color:#F8F8F8;
  }
#auftragsliste .liste .item:nth-child(even){
  background-color:#F1F1F1;
  }
#auftragsliste .liste .item strong{
  font-weight:600;
  }
#neuerMitarbeiter .modal-header,#statusabfrage .modal-header{
  background-color:transparent;
  }
#neuerMitarbeiter .close,#statusabfrage .close{
  color:#000000!important;
  }
.ratiobox{
  position:relative;
  width:80%;
  border-radius:50%; /*weglassen, wenn quadratisch*/
  background-color:#D8D8D8;
  padding-left:0!important;
  overflow:hidden;
  color:#690869;
  font-size:1.2em;
}
.ratiobox:before{
  content:"";
  display:block;
  padding-top:100%;     /* initial ratio of 1:1*/
}
.ratiobox .content{
  position:  absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  padding-left:0!important;
  background-size:cover;
  background-position:center;
  text-align:center;
  font-weight:700;
  margin-top:25%;
}
.validierung.true .fa-fa-check-circle{
  display:block;
  }
.validierung.true .fa-times-circle{
  display:none;
  }
.validierung.false .fa-fa-check-circle{
  display:none;
  }
.validierung.false .fa-times-circle{
  display:block;
  }
label.buttonstyle input{
  display:none;
  }
label.buttonstyle{  
  font-size: 15px!important;
  font-weight: 600!important;
  }
.no-paddings{
  padding:0!important;
  }
/************Prozentangabeausgabe im Kopf*********************/
.rect-auto, .c100.ue50 .slice{
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.ue50 .fill
{  position: absolute;
  border: 0.08em solid #5c055c;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100.ue50 .bar:after,
.c100.ue50 .fill{ 
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100 {
  position: relative;
  font-size: 2.7em;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 2.5em;
  line-height: 2.5em;
  font-size: 0.4em;
  color: #5c055c;
  font-weight:bold;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.prozent .bar {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
/************Ende: Prozentangabeausgabe im Kopf*********************/ 
select.normal{border:1px solid #ccc;border-radius:3px;padding: 5px 10px;height:35px;}
.tooltip-inner {
  max-width: 230px;
  width: 230px;
  background-color: #5c055c;
  }
input[readonly] {
  background: #eee;
  cursor: not-allowed;
  }
.mfp-auto-cursor .mfp-content {
  cursor: auto;
  width:500px;
}
.mfp-content #uplformpopup{
  background-color:#ffffff;
  padding:15px;
  }