/*
* Konfigurator V4.1.100
* Copyright 2018 Thosch GmbH www.thoschgmbh.de
*/
/*!
Google Fonts
font-family: 'Muli', sans-serif;
font-weight: 400, 700;
*/
/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v20-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/muli-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/muli-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v20-latin-700.svg#Muli') format('svg'); /* Legacy iOS */
}

.konfigurator { font-family: 'Roboto', sans-serif; }


.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    /*background-color: #222;*/
    border-color: #222;
}

.btn:active, .btn.active { box-shadow: none; }

.btn-info:focus, .btn-info.focus {
    color: #222; }


.btn-info:active:hover { background: #ccc; }


.fix-konfigurator {
    display: block;
    position: fixed;
    z-index: 99;
}

.k-labelmark span.glyphicon {    			
	opacity: 0.1;				
}
.k-labelmark.active span.glyphicon {				
	opacity: 1;				
}


.xfix-konfigurator #k-preview {
  height: auto !important; 
}






.text-centered{
  text-align: center;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
/* uploaded images */
.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
  	position:relative;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(2.00); /* Safari and Chrome */
    -moz-transform:scale(2.00); /* Firefox */
    -ms-transform:scale(2.00); /* IE 9 */
    -o-transform:translatZ(0) scale(2.00); /* Opera */
    transform:translatZ(0) scale(2.00);
}
  
.img-hover:hover:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:30px;
    height:30px;
    border:1px solid #000;
}
  
.grayscale {
  -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
  -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
  filter: brightness(1.10) grayscale(100%); 
}

/*Konfigurator */

/*Cursor Eigenschaften auf dem Canvas/Vorschaubereich*/
/*Element ist dragbar*/
.draggable {
  cursor:pointer;
}
/*Der Rotation-Anfasser*/
circle.handle.arm.axis-y {
    /*cursor: url(/content/assets/styles/defaultStyle/images/rotate.22x22.png),ew-resize;*/
    cursor:move;
}
/*Ecken unten/links und oben/rechts Achse*/
rect.handle.bbox.corner.axis-x {
  cursor:sw-resize;
}
/*Ecken unten/rechts und oben/links Achse*/
rect.handle.bbox.corner.axis-y {
  cursor:nw-resize;
}
/*Seitenanfasser links und rechts*/
rect.handle.bbox.side.axis-x {
  cursor:e-resize;
}
/*Seitenanfasser oben und unten*/
rect.handle.bbox.side.axis-y {
  cursor:n-resize;
}



#k-preview, .k-editor, .k-product{
background: #f6f6f6;


 border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}


.k-editor {

  background: #fff;
  margin-top: 0;
}

.nav-tabs > li > a {
background-color: #f6f6f6;
color: #878787;
font-size: 16px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #fff;
border: none;
}






.panel-default > .panel-heading {
color: #fff;
width: 100%;
font-size: 16px;
padding: 8px 12px;
font-family: 'Roboto', sans-serif;
font-weight: 700;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-bottom-color: #f6f6f6;

border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;


}



.k-preview-header, .k-product-header, .k-editor-header, .modal-header {
color: #fff;
width: 100%;
font-size: 16px;
padding: 8px 12px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-bottom-color: #f6f6f6;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: 0;
}

.modal-header h4 {
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}

.modal-content .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0;
    opacity: 1;
}


.modal-content .close:hover { opacity: 0.8; }



.k-preview-main{
  padding-top: 25px;
  padding-left: 25px;
  padding-right: 2px;
  padding-bottom: 2px;
  margin-top:10px;
  margin-bottom:10px;
  width: 100%;
  display: inline-block;
  position: relative;
}
.k-preview-footer{
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.k-editor-tabs {
}
.k-editor-tab-content {

}
.k-text{

}
.k-border{

}
.k-images{

}
.k-templates{

}
.k-drafts{

}
.k-clipart{

}
.k-qrcode{

}
.k-qr-panel{
  margin-bottom:0px;
} 

.k-templatesdiv{

}

.k-button.btn {
   color: #3276b1;
    background-color: #fff;
    /*-webkit-box-shadow: 1px 2px 3px rgba(88,88,88,.1);
    -moz-box-shadow: 1px 2px 3px rgba(88,88,88,.1);
    box-shadow: 1px 2px 3px rgba(88,88,88,.1); */
    border-color: #ccc;
    color: #222;
    margin: 0 1px;
    background: #f1f1f1; 
    
    /* background: -moz-linear-gradient(top, #f1f1f1 0%, #dddddd 100%); 
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#dddddd 100%); 
    background: linear-gradient(to bottom, #f1f1f1 0%,#dddddd 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dddddd',GradientType=0 ); 
    */


    background: #ddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #dddddd 100%); 
    background: -webkit-linear-gradient(top, #dddddd 0%,#dddddd 100%); 
    background: linear-gradient(to bottom, #dddddd 0%,#dddddd 100%); 
     -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0; 

top: -1px;
position: relative;
}





#k-text .btn:hover, #k-preview-footer .btn:hover, #eleborder .active:hover, #elebordermin:hover,
#elebordermax:hover, #eleborderind:hover,.k-button.btn:hover, .k-btn-grid:hover, .k-btn-to-front:hover,
 .k-btn-to-back:hover, .k-btn-proof:hover, .k-btn-calibrate:hover, .k-btn-fit-in:hover,
 .k-btn-idea:hover, .k-btn-minus:hover, .k-btn-zoom:hover, .k-btn-minus:focus, .k-btn-zoom:focus,
 .btn-info:hover, .k-btn-undo:hover {
  border-color: #888;
  color: #222;
}





.k-btn-minus:hover, 
.k-btn-zoom:hover  { background: #fff; border-color: #888; }

.k-btn-zoom:focus,
.k-btn-minus:focus { background: #ddd;  }


.k-textele{
  
}

.k-textele .row {
  padding: 2px 0 0 0;
border-top: 1px solid #ddd;
}


.tab-content .panel-body { background: #f6f6f6; }
.k-textele .row:nth-of-type(odd){
  /* background: #F4FAFA; */
  background: #fff;
}
.k-textele-header{
  
}

.k-alleanwenden{
  /* background-color: darkgrey !important; */
  background: #bbb !important;
}


.k-alleanwenden .eletext{ padding-top: 5px; }


.k-draftsdiv{

}
.k-tablelist{

}
#k-preview-message{
  color:red;
}
/* Text Elemente */
.k-text{

}
.k-textele{
  
}

/*
.k-textele .row:nth-of-type(odd){
  background: #F4FAFA;
}

*/
.k-textele-header{
  
}
k-templates{
  
}
#k-calibrationMessage{
  color: red;
}




#k-ruler{
  margin-top: -25px;
  margin-left: -25px;
  
}
.k-canvas {
  background-color: lightgrey;
  display: block;
  position:relative;
}
/*Modal Font Selector*/
#k-fontselector{

}

#k-fontlist{

}

.k-fontbox {
cursor:pointer;
margin-top: 5px;
font-size: 18px;
color: #222 !important;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
padding: 10px;
margin: 5px;
width: 32%;
height: 70px;


}
.k-fontbox span{
  color: #222 !important; 
  display: block;
}
.k-fontboxtitle
{
	font-size: 12px;
}
#k-fontselector .modal-body {
  background: #f6f6f6;
}

#k-fontselector .k-fontbox { 
  background: #fff;
  transition: all ease 0.2s;
}

#k-fontselector .k-fontbox a { 
  color: #222;
  transition: background 0.2s ease-in-out;
}

#k-fontselector .k-fontbox a:hover {
  text-decoration: none;

}
#k-fontselector .k-fontbox:hover {

  webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,.15);
  box-shadow: 0 0 20px rgba(0,0,0,.15);
  transform: scale(1.2);
  z-index: 1;
  
}


.k-fontbox:hover, .k-fontbox:link a{
background-color: lightcyan;
text-decoration: none;
color:black;
}


.k-btn-calibrate{

}

.k-btn-fit-in{

}

.k-btn-save{

}
.k-btn-1zu1{

}
.k-btn-1zu1:hover, .k-btn-1zu1:focus{
  background: #fff;
}



.k-btn-max{

}
.k-btn-max:hover,.k-btn-max:focus{
background: #fff;
}


.k-btn-grid{

}
.k-btn-to-front{

}
.k-btn-to-back{

}
.k-btn-proof{

}

.eletextlabel {
  display: inline-block;
  width: 70px;
}
.eletext {
  width: 45%;
  display:inline-block;
font-family: Arial, Helvetica, sans-serif;

color: #000;
position: relative;
top: -1px;
}



#k-changedesign span:before { border: 1px solid rgba(255,255,255,0.5);
border-radius: 3px;
padding: 3px 5px; }
#k-changedesign:hover span:before { background: rgba(255,255,255,0.2); }



#k-pinbutton span:before { border: 1px solid rgba(255,255,255,0.5);
border-radius: 3px;
padding: 3px 5px; }
#k-pinbutton:hover span:before { background: rgba(255,255,255,0.2); }


.elefont {
  width: 90px;
  margin: 1px;
  background: #fff !important;
}
.elefontsize {
  width: 70px;
  margin: 0;
  display: inline-block;
  padding: 0;
}

.elefontsizenumber {
  width: 70px;
  margin: 0;
  display: inline-block;
  padding: 0;
  color: #333;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;border-radius: 3px;padding: 0 4px 0 8px;
height: 30px;
}
.col-nebeneinander .elefontsizenumber { position: relative; top: 1px; }



.elespacing{
  margin:0px;
}
.elespacingless{
    margin:1px;
  margin-left: 10px;
  width: 27px;
  height: 27px;
}
.elespacingless:before{
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -46px -99px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.elespacingmore{
    margin:1px;
  margin-left: 10px;
  width: 27px;
  height: 27px;
  
}
.elespacingmore:before{
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -87px -99px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.eleplusminus{
position: relative;
top: 4px;
padding-right: 5px;
}
.eleplusminusplus{
margin-right: 15px;

}

.k-pr5 {
   padding-right: 5px; 
}

.eleplusminusplus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleplusminusplus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -87px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}




.eleplusminusminus{

}
.eleplusminusminus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleplusminusminus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -127px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}




.eleplusminusplus:before{
  content:"+";
}
.eleplusminusminus:before{
  content:"-";
}


.elebold {
  margin:1px;
  margin-left: 10px;
  width: 27px;
  height: 27px;
}
.elebold:before {
    content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -8px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.elebold.active {
    background: #fff !important;
}


.elebold:not(.active) {
    color: #3276b1;
    background-color: #fff;
}

.eleitalic {
    width: 27px;
  height: 27px;
}
.eleitalic:before {
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -48px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.eleitalic.active {
    background: #fff !important;
}

.eleitalic:not(.active) {
    color: #3276b1;
    background-color: #fff;
}
.eleunderline {
    width: 27px;
  height: 27px;
}
.eleunderline:before {
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -86px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.eleunderline.active {
    background: #fff !important;
}
.eleunderline:not(.active) {
    color: #3276b1;
    background-color: #fff;
}
.eletogglebutton {
  /*wird aktuell ueber customstyles kv-style.js zum Bootstrap Toggle Button */
}
.elealign{
margin-left: 10px;
}
.elealign .notActive{
    color: #3276b1;
    background-color: #fff;
}
.elealign .active{
    background: #fff !important;
}
.elealignleft {
  width: 27px;
  height: 27px;
}
.elealign a{

}
.elealignleft:before {
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -126px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.elealigncenter{
  width: 27px;
  height: 27px;
}
.elealigncenter:before {
    content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -167px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.elealignright{
  width: 27px;
  height: 27px;
}
.elealignright:before {
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -207px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.eleposition{
margin-left: 10px;
}
.eleposition a{
  font-family:"Glyphicons Halflings";
  margin:1px;
  color: #3276b1;
  background-color: #fff;
}


.eleposleft{
  width: 22px;
  height: 27px;
}

.eleposleft:before {
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -250px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.eleposright{
  width: 22px;
  height: 27px;
}


.eleposright:before {
    content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -290px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.eleposup{
  width: 22px;
  height: 27px;
}

.eleposup:before {
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -370px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.eleposdown{
  width: 22px;
  height: 27px;
}

.eleposdown:before {
    content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -330px -10px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.elerotateright{
  width: 22px;
  height: 27px;
}


.elerotateright:before {
   content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -10px -56px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.eledelete{
  width: 27px;
  height: 27px;
}


.eledelete:before {
    content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -46px -57px;
    height: 27px;
    width: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

#k-text .eledelete.btn {
  color: #c72f2d;
  background: none;
  -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none; }


.eleaddnewtext{

}
#eleborder{
}
#elebordercorner .notActive,
#eleborderlinestyle .notActive,
#eleborder .notActive{
    /* color: #3276b1;
    background: #fff; */
}
#elebordercorner .active,
#eleborderlinestyle .active,
#eleborder .active{
    background: #fff;
    color: #fff;
}


#eleborderlinestyle1{
    margin:1px;
  width: 27px;
  height: 27px;
      position: relative;
    text-indent: -9999px;
}
#eleborderlinestyle1:before{
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -126px -99px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}



#eleborderlinestyle2{
    margin:1px;
  width: 27px;
  height: 27px;
      position: relative;
    text-indent: -9999px;
}
#eleborderlinestyle2:before{
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -167px -99px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}




#elebordercorner1{
    margin:1px;
  width: 27px;
  height: 27px;
      position: relative;
    text-indent: -9999px;
}
#elebordercorner1:before{
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -208px -99px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}


#elebordercorner2{
    margin:1px;
  width: 27px;
  height: 27px;
      position: relative;
    text-indent: -9999px;
}
#elebordercorner2:before{
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -244px -99px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}




#eleborderno {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
#eleborderno:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -367px -99px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
#elebordermin {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
#elebordermin:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -287px -99px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
#elebordermax {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
#elebordermax:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -327px -99px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

#eleborderind{
    margin:1px;
  width: 27px;
  height: 27px;
      position: relative;
    text-indent: -9999px;
}
#eleborderind:before{
  content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -7px -145px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}



.elebordercornerroundminus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.elebordercornerroundminus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -127px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}

.elebordercornerroundplus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.elebordercornerroundplus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -87px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}




.eleborderwidplus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleborderwidplus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -87px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}




/*
+/- Schaltflaechen weiss statt blau 
aktuell deaktivert...
*/
.xelebordercornerroundminus,
.xelebordercornerroundplus,
#xeleborderbwidth button,
#xeleborderbheight button,
#xeleborderwid button{
  background-color: #fff;
  color: #3276b1;
}
.eleborderwidplus{

}
.eleborderwidminus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleborderwidminus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -127px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.eleborderbwminus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleborderbwminus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -127px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.eleborderbhminus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleborderbhminus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -127px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.eleborderbwplus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleborderbwplus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -87px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.eleborderbhplus {
width: 27px;
    height: 27px;
    position: relative;
    text-indent: -9999px;
}
.eleborderbhplus:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -87px -56px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
}
.elebordercornerangled{
  
}
.elebordercornerround{
  
}
.elebordercornerroundminus{
  
}
.elebordercornerroundplus{
  
}



.btn {  padding: 3px 7px;  }
.btn-info { 
  -webkit-box-shadow: 1px 2px 3px rgba(34,34,34,.1);
  -moz-box-shadow: 1px 2px 3px rgba(34,34,34,.1);
  box-shadow: 1px 2px 3px rgba(34,34,34,.1);
height: 30px;
  border-color: #ccc;
  color: #222;
margin: 3px 0;
  background: #f1f1f1; 
background: -moz-linear-gradient(top, #f1f1f1 0%, #dddddd 100%); 
background: -webkit-linear-gradient(top, #f1f1f1 0%,#dddddd 100%); 
background: linear-gradient(to bottom, #f1f1f1 0%,#dddddd 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dddddd',GradientType=0 );

-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;


}

.k-btn-1zu1, .k-btn-max { font-size: 13px; background: none; border: none; color: #878787; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }





.btn-save {
  font-family:"Glyphicons Halflings";
    height: 30px; 
width: 32px;
margin: 0 3px;
}
.btn-save:before {
  content: "\e166";
}



.k-btn-to-front {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;

background: none;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 

}
.k-btn-to-front:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -164px -54px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}



.k-btn-to-back {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;

background: none;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 

}
.k-btn-to-back:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -204px -54px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}



.k-btn-grid {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;

background: none;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 


}
.k-btn-grid:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -245px -55px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.k-btn-help {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;

background: none;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 


}

.k-btn-help:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -4px -98px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}


.k-btn-proof {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;

}
.k-btn-proof:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -285px -55px;
    background-position: -204px -143px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}




.k-btn-calibrate {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;

background: none;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 

}
.k-btn-calibrate:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -325px -55px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}






.k-btn-fit-in {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;


background: none;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 


}
.k-btn-fit-in:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -364px -54px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}





.k-btn-idea {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;
}
.k-btn-idea:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -6px -99px;
    background-position: -244px -143px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}



.k-btn-undo {
  width: 30px;
height: 30px;
position: relative;
text-indent: -9999px;

background: none;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 

}
.k-btn-undo:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -124px -142px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.k-btn-undo:before:hover { border: 0; opacity: 0.8; }





.k-btn-cart {
position: relative;

color: #fff;

font-size: 15px;
font-weight: 700;
padding: 14px 22px; 
padding-left: 34px; 
height: auto;
border: 0;
display: block;
margin: 20px auto;
clear: both;
}
.k-btn-cart:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -38px -131px;
    height: 33px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;

}
.k-btn-cart:hover, .k-btn-cart:active {
  border: 0;
  opacity: 0.8;
  text-shadow: 0;
  color: #fff;
}


.k-btn-zoom {
width: 30px;
height: 30px;
position: relative;


background: #ddd;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 

}
.k-btn-zoom:before {
     content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -84px -54px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}


.k-btn-minus {
  width: 30px;
height: 30px;
position: relative;


background: #ddd;
border: 0;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 

}
.k-btn-minus:before {
       content: '';
    background-image: url('../image/sprites.png');
    background-size: 400px 600px;
    background-position: -124px -54px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
}




.k-setzoom{
  /* width:55px; */
  -webkit-box-shadow: 1px 2px 3px rgba(34,34,34,.1);
  -moz-box-shadow: 1px 2px 3px rgba(34,34,34,.1);
  box-shadow: 1px 2px 3px rgba(34,34,34,.1);
  width: 68px;
  height: 35px;

border: 1px solid #ddd;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

text-align: center;
font-size: 16px;


position: relative;
top: 2px;


background: #fff;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 

}






.nav-tabs {
    margin: 5px 5px 0 5px;
    background: none;
    border: 0;
    color: #fff;
}

.tab-content {
  margin: -1px 5px 5px 5px;
}


#k-pinbutton, #k-changedesign { background: none; border: 0; color: #fff; position: relative; top: -8px; padding: 0; }



.nav-tabs li { margin-bottom: 0; }



.eletext {  font-size: 15px; }

.eletextlabel { padding: 10px 0; }

.elefont { padding: 0; margin: 0; height: 30px; }
select.input-sm { position: relative; top: 0px; }

#k-textele .col-md-11 .eletext { vertical-align: middle; }


.qq-upload-button { -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.qq-upload-button:hover { opacity: 0.8; }


#k-qrcode button.btn { padding: 10px 15px; border: 0;}
#k-qrcode button.btn:hover { opacity: 0.8; }


.k-templatesdiv .canvastemplate:hover { background: #fff; opacity: 0.5; }


.k-templatesdiv .canvastemplate { width: 23%; border: 0; text-align: center; background: #fff; cursor: pointer; transition: 0.2s ease-in-out; }
.k-tablebox .canvastemplate { width: 23%; border: 0; text-align: center; background: #fff; cursor: pointer; transition: 0.2s ease-in-out; }


#k-product-price { color: #c72f2d; font-size: 24px; font-weight: 400; }
#zzgl { font-size: 11px; font-weight: 400; color: #878787; line-height: 13px; padding-top: 5px; }
#zzgl a { color: #878787; text-decoration: underline; }
#zzgl a:hover { color: #222; }
.angaben-bestaetigen { width: 100%; padding: 0 20%; margin: 0 auto; clear: both; display: block; }
input.angaben-bestaetigt { margin-bottom: 50px;display: block;float: left;margin-right: 5px; }


img#k-product-image { max-width: 95px; height: auto; border: 1px solid #dddddd; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
 margin: 12px; }



.k-product-wrapper { display: block; margin: 12px; background: #fff; border: 1px solid #dddddd; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
 -webkit-box-shadow: 1px 2px 3px rgba(88,88,88,.1);
    -moz-box-shadow: 1px 2px 3px rgba(88,88,88,.1);
    box-shadow: 1px 2px 3px rgba(88,88,88,.1); 
}


.k-product-wrapper h6 { font-size: 16px; font-weight: 700; margin-top: 12px;
margin-bottom: 8px; }


.k-product-wrapper-left { float: left;}
.k-product-wrapper-right { float: left; padding-bottom: 20px; }
.k-product-wrapper-right select { width: 88%; }
.k-price-header { position: relative; top: 5px; }



.k-product-wrapper-left { width: 100%; }
img#k-product-image { max-width: unset; width: 77%; height: auto; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;  }
.k-product-wrapper-right { width: 100%; padding-left: 0; padding-right: 15px; }

#k-preview-main-wrapper { padding: 25px 0; }
.fix-konfigurator #k-preview-main-wrapper {
  padding: 5px 0 0 0; 
}
#k-g1, #k-g2 { margin-bottom: 30px; }



.col-nebeneinander-left #k-preview-main-wrapper { padding: 20px 0 0 0; }


.col-nebeneinander { padding-left: 0; }


#k-text .btn-primary { font-weight: 400; }


#k-textele { padding-top: 0; }


#eleaddnew { padding: 5px 0; }
#eleaddnew .k-button.btn { /* background: none; border: 0;     -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; */  }

#eleaddnew .k-button.btn:hover { opacity: 0.8; }


#k-textele.panel-body { padding-bottom: 0; }


#k-navtab li.active a {
    border: 1px solid #ddd;
}



#k-palette { background: #ddd;display:inline-block;width:auto;border-radius: 4px;padding: 2px 5px;margin: 20px 0 0 0;  }
#k-palette .btn-info:hover,#k-palette .btn-info:active, #k-palette .btn-info:focus { background: #fff; }

#k-palette #k-palette-functions { float: left; }
#k-palette #k-palette-black { float: left; }

#k-border .row { padding-top: 2px; padding-bottom: 2px; }

#k-qrcode #k-qr-type { margin-top: 15px; }
#k-qrcode li {  }
#k-qrcode li a { color: #878787; }
#k-qrcode li.active a { color: #fff; }
#k-qrcode .k-qr-panel { background: #fff; }
#k-qrcode .k-qr-footer .btn { margin-top: 15px;  } 



form#addwk { padding: 0; margin: 0; }

.col-nebeneinander .k-alleanwenden .eletextlabel { display: none; }





.k-muster-wrapper { text-align: center; padding: 15px; min-height: 100px; }
.col-box.k-muster h4 { font-size: 15px; min-height: auto; padding: 7px 15px; margin: 0; line-height: unset; white-space: normal; }
.col-box.k-muster h4 { color: #fff; font-weight: 700; }
.col-box.k-muster h4 a { color: #fff; font-weight: 700; }
.col-box.k-muster h4 a:hover, .col-box.k-muster h4 a:active, .col-box.k-muster h4 a:focus { text-decoration: none; opacity: 0.8; }
.col-box.k-muster .thumbnail { background: #f3f3f3; margin-bottom: 30px; padding: 0; }
.col-box.k-muster .thumbnail .caption  { padding: 0; cursor: pointer }


.col-nebeneinander .k-muster { width: 50%;}


/*
 *  Bootstrap TouchSpin - v3.1.2
 *  A mobile and touch friendly input spinner component for Bootstrap 3.
 *  http://www.virtuosoft.eu/code/bootstrap-touchspin/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */

.bootstrap-touchspin .input-group-btn-vertical{position:relative;white-space:nowrap;width:1%;vertical-align:middle;display:table-cell; border-radius: 3px; }
.bootstrap-touchspin .input-group-btn-vertical>.btn{display:block;float:none;width:100%;max-width:100%;padding:7px 9px;margin-left:-1px;position:relative}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0;border-top-right-radius:4px}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{margin-top:-2px;border-radius:0;border-bottom-right-radius:4px}
.bootstrap-touchspin .input-group-btn-vertical i{position:absolute;top:3px;left:5px;font-size:9px;font-weight:400}


.elefontsizenumber { margin: 0; }

.elefontsizenumber.form-control {

position: relative;
z-index: 2;
float: left;
width: inherit;
margin-bottom: 0;

}
.input-group.bootstrap-touchspin { width: 35px; }
.wrapper-bootstrap-touchspin { display: inline-block; top: 1px; position: relative; height: 20px; }

.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 3px;  }



.eletext, button.elefont.k-button.btn.btn-primary.btn-sm { top: 0; }

























/* Media Queries ============================================================================================================================================== */



@media (min-width: 160px) {

.nav-tabs li a { font-size: 13px; padding: 10px 5px; }
.eletextlabel { font-size: 12px; line-height: 15px; display: inline-block;}
#k-textele .col-md-11 .eletext { width: 100%; }
#k-textele .col-xs-12 { padding-top: 5px; margin: 2px 0; padding-bottom: 0; }
.eleposition { margin-left: 0; }

.k-templatesdiv .canvastemplate { width: 100%; }
.k-preview-header span.beschr-funktionen { display: none; }


.k-product-wrapper-right { padding-left: 15px; }
.k-product-wrapper-left { display: inline-block; padding: 15px; }
img#k-product-image { width: 100%; padding: 0; margin: 0 auto; }
.angaben-bestaetigen { padding: 0 15px; }

#k-textele .col-xs-2.col-sm-1.col-lg-1 { display: none;}


}



@media (min-width: 560px) {

.k-templatesdiv .canvastemplate { width: 47%; }




}


@media (min-width: 768px) {

#k-textele .col-md-11 .eletext { width: 67%; width: 76%; }
#k-textele .col-md-6 { width: auto; padding-top: 5px; width: 50%; width: 60%; }
#k-textele .col-md-5 { padding-top: 5px; width: 40%; text-align: right; }

#k-textele .col-lg-5 { width: 100%; } 

.eletextlabel { position: absolute; }
.nav-tabs li a { font-size: 14px; padding: 9px 10px; }
.eletextlabel { display: none; }
#k-textele .col-sm-1 { display: none; }
#k-textele .col-md-offset-1 { margin-left: 0; }
#k-textele .col-xs-12 { padding-top: 0; padding-right: 0; }
/* #k-textele .col-xs-12 { width: 100%; } */
.eleposition { margin-left: 0; }


.col-nebeneinander .eleposition { /* margin-left: 10px; */ margin-left: 0;} 
.col-nebeneinander #k-textele .col-md-11 .eletext { width: 55%; }
.col-nebeneinander #k-textele .col-md-5 { padding-left: 0; }
.col-nebeneinander .eleposleft { padding: 0 !important; }


.k-templatesdiv .canvastemplate { width: 47%; }

#k-g2 { padding-left: 0 !important; }


.k-preview-header, .k-product-header, .k-editor-header, .modal-header { font-size: 14px; }


#k-textele .col-xs-10.col-sm-6.col-lg-8 { width: 60%;}
#k-textele .col-xs-10.col-sm-6.col-lg-8 a { margin-bottom: 5px; }


}





@media (min-width: 992px) {



.eleposition { margin-left: 10px; }



.col-nebeneinander #k-textele .col-md-offset-1 {
    margin-left: 0;

}



.col-nebeneinander-left .k-btn-grid,
.col-nebeneinander-left .k-btn-to-front,
.col-nebeneinander-left .k-btn-to-back,
.col-nebeneinander-left .k-btn-proof,
.col-nebeneinander-left .k-btn-calibrate,
.col-nebeneinander-left .k-btn-fit-in,
.col-nebeneinander-left .k-btn-idea {
  margin: 20px 12px 0 0;
  margin: 0;
}






/*
#k-textele .col-sm-1.col-sm-1 { display: none; }
#k-textele .col-lg-1 { display: inline-block; }

*/


#k-textele .col-xs-2.col-sm-1.col-lg-1 { display: none; } 

#k-textele .col-sm-1 { display: inline-block; }

#k-textele .col-md-11 .eletext { width: 76%; vertical-align: middle; }
#k-textele .col-md-6 { width: auto; padding-top: 0; width: 60%; }
#k-textele .col-md-5 { padding-top: 0; text-align: right; }
.eletextlabel { position: absolute; display: none; }
.nav-tabs li a { font-size: 14px; padding: 10px 11px; }
.eletextlabel { font-size: 12px; line-height: 15px; display: inline-block;}
#k-textel .col-md-11 { width: 100%; }






.col-nebeneinander #k-textele .col-md-6 { width: 60%; padding-bottom: 10px; background: none; }
.col-nebeneinander #k-textele .col-md-5 { width: 40%; padding-bottom: 10px; background: none; }
.col-nebeneinander #k-textele .col-lg-5 { width: 100%; }
.col-nebeneinander #k-textele .col-lg-5 .eletext { width: 63%; }


.k-templatesdiv .canvastemplate { width: 30%; }

.k-preview-header span.beschr-funktionen { display: inline-block; }


.col-nebeneinander #k-textele .col-sm-1 { display: inline-block;height: auto;width: 65px; width: 69%; }
.col-nebeneinander .eletextlabel { position: relative; width: 100%; margin-top: 0; }





}


@media (min-width: 1025px) {

.k-product-wrapper-left { padding-right: 0; }
.angaben-bestaetigen { padding: 0 10%; }


}



@media (min-width: 1200px) {

#k-textele  .col-md-offset-1 {
    margin-left: 0;
}
.eletextlabel { font-size: 14px; }
.nav-tabs li a { font-size: 15px; padding: 10px 12px; /* border: 1px solid #ddd; */ }
.nav-tabs li a:hover {  /* border: 1px solid #ddd; */ }

.eletextlabel { position: relative; display: inline-block; }
#k-textele .col-md-11 .col-md-11 {
    width: 91.66666667%;
}
#k-textele .col-md-6 { padding-top: 0; }
#k-textele .col-md-5 { padding-top: 0; }

#k-textele .col-md-11 .eletext { width: 60%;}

.eletext {  border: 1px solid #ccc; font-size: 13px; height: 30px; width: 100%; }
.eletext:hover, .eletext:active, .eletext:focus { border: 1px solid #888; }

.k-alleanwenden .eletext {  border: 1px solid #bbb; font-size: 13px; height: 30px; width: 100%; }
.k-alleanwenden .eletext:hover, .k-alleanwenden .eletext:active, .k-alleanwenden .eletext:focus { border: 1px solid #bbb; }





#k-textele .col-lg-5 {
text-align: left;
padding-right: 0;
position: relative;
top: 0;
display: inline-block;
width: 348px;
margin: 0;
padding: 0;
overflow: hidden;

}

  .eletext {width: 60%; vertical-align: middle; }
  .elefont {width: 16%;}
  .elefontsize { width: 80px;}
  .elefontsizenumber { width: 80px;}
  .elespacing { width: 10%; }


#k-textele .col-lg-6 {
padding-left: 0;
width: auto;
display: table-cell;
}


#k-textele .col-lg-3
{
width: auto;
display: table-cell;
padding: 0;
padding-top: 3px;
width: 25%;

display: inline-block;
width: 190px;
text-align: right;
margin: 0;

}



#k-textele .col-lg-offset-0.col-lg-3 {
  width: 243px;
}








.k-preview-header, .k-product-header, .k-editor-header, .modal-header { font-size: 16px; }


.col-nebeneinander #k-textele .col-lg-5 { width: 100%; text-align: left; padding-right: 0; padding-left: 0; padding-bottom: 5px; } 
.col-nebeneinander #k-textele .col-sm-1 { display: inline-block; height: 100px; width: 65px; }
.col-nebeneinander .nav-tabs li a { font-size: 13px; padding: 8px 4px; }
.col-nebeneinander .eletextlabel { font-size: 12px; line-height: 15px; display: inline-block;}

.k-templatesdiv .canvastemplate { width: 23%; }


.k-product-wrapper-left { width: 40%;}
.k-product-wrapper-right { width: 60%; }


.eletext { width: 60%; }
.elefont { width: 20%; width: 70px; }
.input-group-sm .form-control { padding: 0 4px 0 8px; }
.elefontsize { width: 18%; padding-left: 2px; width: 55px;}
.elefontsizenumber { width: 18%; padding-left: 2px; width: 55px; padding: 0 4px 0 8px; height: 30px;}
.col-nebeneinander .elefontsizenumber { position: relative; top: 1px; }


.elealle {}

.col-nebeneinander #k-textele .col-sm-1 { display: inline-block;height: auto; width: 100%; }
.col-nebeneinander .eletextlabel { position: relative; width: 100%; margin-top: 0; }
.col-nebeneinander #k-textele .col-lg-5 { padding-left: 15px; }
.col-nebeneinander #k-textele .col-md-11 .eletext {width: 75%; }

.col-nebeneinander #k-textele .col-lg-3 { 
  width: 37.5%;
  padding-left: 15px;  
}

.col-nebeneinander #k-textele .col-lg-offset-0.col-lg-3 {
  width: 60%;
  text-align: left; 
  padding-bottom: 10px;
}


.col-nebeneinander #k-textele .col-lg-3 {
  padding-bottom: 10px;
}



.col-nebeneinander .k-alleanwenden .eletext { height: 33px; }

.col-nebeneinander #k-text .col-lg-8 { width: 60%; font-size: 11px; }

.col-nebeneinander #k-text .col-lg-8 span a { position: relative; top: -2px; }

.col-nebeneinander a.eleplusminusplus { } 



#k-text .col-lg-8 {
    width: 591px;
    padding-top: 1px;
}

#k-text .col-lg-8 span a { margin-right: 5px; }

.col-nebeneinander #k-text .col-lg-8 span a { margin-right: 0; }


.col-nebeneinander #k-textele .col-md-6 { padding-bottom: 3px; }


#k-textele .col-xs-2.col-sm-1.col-lg-1 { display: inline-block; }
#k-textele .col-xs-10.col-sm-6.col-lg-8 { width: 590px; }

.col-nebeneinander #k-textele .col-xs-10.col-sm-6.col-lg-8 { width: 60%; }


}




@media (max-width: 767px) { 

.elefont, .elefontsize { margin-top: 10px; }
.elefontsizenumber {  }
#k-border .col-xs-3 { width: 100%; padding: 10px 0 5px 15px; }

#k-palette { background: none; }
#k-palette #k-palette-functions { float: none; display: block; margin: 0 auto; background: #ddd; border-radius: 3px; padding-left: 5px; padding-right: 5px; }
#k-palette #k-palette-black { float: none; display: block; margin: 0 auto; background: none; padding-top: 10px; }


}


@media (max-width: 769px) { 

.k-fontbox { width: 48%; }

}


@media (max-width: 767px) { 

.k-fontbox { width: 100%; padding: 10px; margin: 0; height: auto; border: 0; border-bottom: 1px solid #ddd; }

}




@media (max-width: 1200px) { 

.col-nebeneinander-left #k-pinbutton { position: absolute;top: -5px;padding: 0;right: 35px; border: 0; }
.col-nebeneinander-left #k-pinbutton span::before { border: 0; }
.col-nebeneinander-left #k-changedesign { position: absolute;top: -5px;padding: 0;right: 18px; border: 0; }
.col-nebeneinander-left #k-changedesign span::before { border: 0; }

.col-nebeneinander-left #k-palette { width: 44%; }

}



@media (min-width: 1480px) { 


#k-textele .col-lg-5 { width: 500px; }
#k-textele .col-md-11 .eletext { width: 365px; }
#k-textele .col-xs-10.col-sm-6.col-lg-8 { width: 743px; }

}





@media (min-width: 1680px) { 


#k-textele .col-lg-5 { width: 645px; }
#k-textele .col-md-11 .eletext { width: 510px; }
#k-textele .col-xs-10.col-sm-6.col-lg-8 { width: 888px; }

}




@media (min-width: 1880px) { 


#k-textele .col-lg-5 { width: 840px; }
#k-textele .col-md-11 .eletext { width: 705px; }
#k-textele .col-xs-10.col-sm-6.col-lg-8 { width: 1083px; }

}

#k-templatesfill {
	display:none;
}



.col-nebeneinander-left span.beschr-funktionen { display: none; }
.col-nebeneinander-left #k-palette { padding: 0; }