/* CSS Document */

.bonushr {
   font-size:10px;
   padding:0px;
   margin:0px;
}

.bonushr tr{
  
   padding:0px;
   margin:0px;
}

.bonushr tr td{
   padding:2px 2px !important;
   font-size:12px;
   /*text-align: center;*/
   padding-right:5px;
}

.kmg_extranet_clear {
   
   
   clear:both;
}

.kmg_extranet_linkespalte {
    float:left;
	width:200px;
	font-weight:bold;
	background:#efefef;
	margin-bottom: 5px;
	margin-right:3px;
	padding-left:3px;
}

.kmg_extranet_rechtespalte {
   float:left;
	width:400px;
	background:#efefef;
	margin-bottom: 5px;
	padding-left:3px;
}

.kmg_extranet_zeile1 {
   font-weight:bold;
   margin-bottom:3px;
   padding-top:5px;
}
.kmg_extranet_zeile2 {

margin-bottom:10px;
border-bottom: 1px solid #efefef;
padding-bottom:5px;

}

.kmg_ks_status {
   color:red;
}

.kmg_button {
   color: white;
   background: #ea3b1a;
   border: none;
   -webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
cursor:pointer;

}
.kmg_suchbutton {
   width:80%;
}

.img_float_left {
  float: left;
  margin-right: 15px;
   
}
.img_float_right {
  float: right;
  margin-left: 15px;
  padding-top:3px;
}

.kmg_pf_img_centerauzigp {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.aktion_beschreibung {
	
	color: #232323;
}
.aktion_beschreibung a{
	
	//color: blue !important;
}




  .marketing_bestellung_wrapper {
    width:100%;
    
    min-height:20px;
    margin-bottom:10px;
  }
  
  .marketing_bestellung_inner {
    //border:1px solid red;
  }
  
  
  
	
  .marketing_bestellung_inner h2 {
	color : black;
	font-size : 24px;
	font-weight : bold;
	margin : 0 0 10px 0;
	position: relative;
	
}

	
.marketing_bestellung_inner h2:before {
  content : "";
  position: absolute;
  left    : 0;
  /*top  : 50px;*/
  bottom: 10px;
 
  height  : -5 px;
  width   : 120px;  /* or 100px */
  border-bottom:5px solid #e2001a;
}












  
  .marketing_bestellung_bildlinks {
    float: left;
    width: 48%;
    margin-right:10px;
  }
  
  .marketing_bestellung_bildlinks img{
      width:100%;
  }
  
  .marketing_bestellung_bildrechts {
    float: left;
    width: 48%;
    margin-left:10px;
  }
  
  .marketing_bestellung_bildrechts img{
      width:100%;
  }
  
  .marketing_bestellung_textrechts {
    float: left;
    width: 48%;
  }
  
  .marketing_bestellung_textlinks {
    float: left;
    width: 48%;
  }
  
  .marketing_bestellung_text {
    min-height:130px;
  }
  
  .marketing_bestellung_button {
    margin-top:8px;
    
  }
  
  
  .marketing_bestellung_fade_rule {
        height: 1px;
        background-color: #E6E6E6;
        width: 100%;
        margin: 0 auto;
        background-image: linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -o-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -moz-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -ms-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
        background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, gray), color-stop(0.98, white) );
		
		
	}
	
	
	  .marketing_bestellungArtikel_inner {
    //border:1px solid red;
  }
  
  
  
	
  .marketing_bestellungArtikel_inner h2 {
	color : black;
	font-size : 18px;
	font-weight : bold;
	margin : 0 0 10px 0;
	position: relative;
	
}

	
.marketing_bestellungArtikel_inner h2:before {
  content : "";
  position: absolute;
  left    : 0;
  /*top  : 50px;*/
  bottom: 10px;
 
  height  : -5 px;
  width   : 120px;  /* or 100px */
  border-bottom:2px solid #e2001a;
}


.marketing_bestellung_bestellnummer {
    font-size : 18px;
	font-weight : bold;
	margin-top:20px;
 }

.marketing_bestellung_preis {
    font-size : 18px;
	font-weight : bold;
	margin-top:10px;
	margin-bottom:10px;
 }
 
 .marketing_bestellungArtikel_bild {
	 float: left; 
	 width:200px;
	 margin-right:15px;
	 margin-bottom:15px;
 }
 
  .marketing_bestellung_zurueck_left {
	 position:fixed; 
	left: 0px; 
	top:280px; 
	padding:7px;  
	padding-right:11px; 
	background-color: #cdcdcd; 
	border:1px solid #efefef; 
	color: red;
	
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
 }
 
 	
 
 .marketing_bestellung_warenkorb_info {
	 
	 font-size: 24px;
	 margin-bottom: 30px;
	 
 }

 .marketing_bestellungArtikel_varianten_h {
	padding-top:20px;
	margin-bottom:10px;
	font-size:26px;
	font-weight:bold;
 }

.marketing_bestellungArtikel_varianten_bezeichnung {
	color : black;
	font-size : 16px;
	font-weight : bold;
	margin-top:20px;
	position: relative;
	margin-bottom:10px;
 }
.marketing_bestellungArtikel_varianten_bezeichnung:before {
  content : "";
  position: absolute;
  left    : 0;
  /*top  : 50px;*/
  bottom: 0px;
 
  height  : -5 px;
  width   : 50px;  /* or 100px */
  border-bottom:1px solid #e2001a;
}

.marketing_bestellungArtikel_varianten_trenner {
	border-top:1px solid #b5b5b5;
	
	
}

.marketing_bestellung_bestellnummer_varianten {
    font-size : 15px;
	font-weight : bold;
	margin-top:20px;
 }

.marketing_bestellung_preis_varianten {
    font-size : 15px;
	font-weight : bold;
	margin-top:10px;
	margin-bottom:10px;
 }


// Postfach

.ui-dialog-titlebar {
  
  color:white;
   border: none;
}

.ui-widget-header {
	
	background:#c13937 !important;
	color: white !important;
}
	
	
	
.ui-widget-content {
  border: none;
  background: none;
}


#dialogForm {
  font-weight: 100;
  color: black;
  background-color: white; 
}


.postfach_wrapper {
        display: flex;
        height: 100%;
		min-height:400px;
		
}
	  
      .postfach_infoBar {
        /*flex: 1; prevents resize!*/
        min-width:300px;
        background-color: #fefefe;
        border-style: solid;
        border-width: 1px;
        resize: horizontal;
        overflow: auto;
      }
      .postfach_Liste {
        min-width:200px;
        flex:3;
        background-color: #ffffff;
        border-style: solid;
        border-width: 1px;
      }
	  
	  .postfach_arrow {
	      width: 20px;
		  cursor: pointer;
		  float:left;
		  padding-right:10px;
	  }
	  
	  .clear {
	     clear:both;
	  }
	  
	  
	  .postfach_infoBar_inner {
	      line-height: 120%;
		  font-size:16px;
		  padding: 15px;
	  }
	  
	  
	  .postfach_subordner_wrapper {
		margin-left: 60px;
	  }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  .sr-only {
  position: absolute;
  top: -30em;
}

table.sortable td,
table.sortable th {
  padding: 0.125em 0.25em;
  width: 8em;
  color:#222222;
}

table.sortable th {
  font-weight: bold;
  border-bottom: thin solid #888;
  position: relative;
}

table.sortable th.no-sort {
  padding-top: 0.35em;
}

table.sortable th:nth-child(5) {
  width: 10em;
}

table.sortable th button {
  position: absolute;
  padding: 4px;
  margin: 1px;
  font-size: 100%;
  font-weight: bold;
  background: transparent;
  border: none;
  display: inline;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  text-align: left;
  outline: none;
  cursor: pointer;
}

table.sortable th button span {
  position: absolute;
  right: 4px;
}

table.sortable th[aria-sort="descending"] span::after {
  content: "▼";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}

table.sortable th[aria-sort="ascending"] span::after {
  content: "▲";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}

table.show-unsorted-icon th:not([aria-sort]) button span::after {
  content: "♢";
  color: currentcolor;
  font-size: 100%;
  position: relative;
  top: -3px;
  left: -4px;
}

table.sortable td.num {
  text-align: right;
}

table.sortable tbody tr:nth-child(odd) {
  background-color: #efefef;
  
}

/* Focus and hover styling */

table.sortable th button:focus,
table.sortable th button:hover {
  padding: 2px;
  border: 2px solid currentcolor;
  background-color: #e5f4ff;
}

table.sortable th button:focus span,
table.sortable th button:hover span {
  right: 2px;
}

table.sortable th:not([aria-sort]) button:focus span::after,
table.sortable th:not([aria-sort]) button:hover span::after {
  content: "▼";
  color: currentcolor;
  font-size: 100%;
  top: 0;
}

.postfach_kmgrot {
  color: #df011d;
}

.postfach_kmggelb {
  color: #e9b65b;
}
.postfach_kmggruen {
  color: #707d4b;
}

.img_im_text {
  height: 20px;
  display: inline;
}


.linkkastengold {
	padding:10px;
	background-color: #9f843b;
	display: block;
	width:80%;
	text-decoration: none;
	color:white !important;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	max-width:600px;
}



.kmg_pf_linkkastengelb {
	padding:10px;
	background-color: #e9b65b;
	display: block;
	width:80%;
	text-decoration: none;
	color:white !important;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	max-width:600px;
}




.kmg_pf_linkkastenrot {
	padding:10px;
	background-color: #c0244e;
	display: block;
	width:80%;
	text-decoration: none;
	color:white !important;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	max-width:600px;
}




.kmg_pf_linkkastengruen {
	padding:10px;
	background-color: #707d4b;
	display: block;
	width:80%;
	text-decoration: none;
	color:white !important;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	max-width:600px;
}


.kmg_pf_textkastengrau {
	padding:20px;
	padding-top:10px;
	background-color: #f7f7f7;
	display: block;
	width:90%;
	text-decoration: none;
	color:black;
	margin-left: auto;
	margin-right: auto;
	
	
	margin-bottom:10px;
}

.kmg_pf_textkastenweiss {
	padding:20px;
	padding-top:10px;
	background-color: #ffffff;
	display: block;
	width:90%;
	text-decoration: none;
	color:black;
	margin-left: auto;
	margin-right: auto;
	
	
	margin-bottom:10px;
}

.kmg_einzelnachricht_wrapper ul {
	list-style: initial;
	padding-left:20px;
}

.kmg_einzelnachricht_wrapper li {
	
	padding-bottom:5px;
}

a.tooltiplink {
    position: relative;
}
 
a.tooltiplink:hover::after {
    content: attr(data-title);
    background-color: #c0244e;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
}



#cork {
		width:95%;
		height:auto;min-height:200px;
		margin:20px auto;padding:20px 10px 20px 30px;
		box-shadow: 0px 5px 5px #ccc;border:1px solid #bbb;
		display:flex;flex-flow:row wrap;justify-content:space-around;align-items:baseline;
	}
		
	
	#cork {background:url(https://www.kmg-zumbrock.de/wp-content/plugins/kmg-extranet/grafik/cork.png) repeat;}
	
	
	.note h1, .note p {
		
		text-align:center;
		
		font-weight:bold;
		font-size: 14px;
		
		
	}
	
	
	.note p {
		font-size: 12px;
		margin: 0.5em 0;
		margin:0px;
		
	}
	.note a {
		color:darkred;
	}
	.note a:hover {
		color: darkgreen;
	}
	.note {
		background-image: linear-gradient(135deg, #f6f6f6 43%, #e4e9e9 66%);
		display:inline-block;
		padding:25px 15px;
		width:290px;
		height:380px;
		margin:0 20px 20px 0;
		list-style:none;
		border:1px solid #ddd;
		box-shadow: 0px 7px 5px rgba(0,0,0,0.4);
		color:#000;
		border-bottom-right-radius: 50px 10px;
		position:relative;
		transition:all 0.3s ease;
		position: relative;
		
	}
	
	
	
	
	
	.note p {
	line-height: 110%;
	}
	
	.inpost {
	   padding-bottom:15px;
	   text-align:center;
	}
	
	.postlink {
	   position:absolute;
	   bottom:10px;
	   
	   margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;

	}
	
	
	.note::before {
		content: "";
		border-radius: 50%;
		width: 22px;
		height: 20px;
		position: absolute;
		top: 6px;
		left: calc(50% - 10px);
		background-image: radial-gradient(at 30% 30%, rgba(255,255,255,0.6) 5%, rgba(255,255,255,0.2) 20%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.5) 100%);
		border:1px solid rgba(0,0,0,0.2);
		box-shadow: 1px 3px 3px #666;
	}
	.note::after {
		content: "";
		position: absolute;
		bottom: -4px;
		right: -1px;
		width: 200px;
		height: 140px;
		background-image: linear-gradient(173deg, rgba(0,0,0,0) 92%, rgba(0,0,0,0.6) 100%);
		transform: rotate(3deg);
		filter: blur(2px);
		z-index: -1;
	}
	.note:nth-child(3n), .postit:nth-child(3n) {
		transform: rotate(5deg);
	}
	.note:nth-child(3n-1), .postit:nth-child(3n-1) {
		transform: rotate(-4deg);
	}
	.note:nth-child(1)::before {
		background-color:lightcoral;
	}
	.note:nth-child(2)::before {
		background-color:mediumspringgreen;
	}
	.note:nth-child(3)::before {
		background-color:greenyellow;
	}
	.note:nth-child(4)::before {
		background-color:lightskyblue;
	}
	.note:nth-child(5)::before {
		background-color:aquamarine;
	}
	.note:nth-child(6)::before {
		background-color:steelblue;
	}
	.note:nth-child(7)::before {
		background-color:indianred;
	}
	.note:nth-child(8)::before {
		background-color:orange;
	}
	.note:hover {
		transform: scale(1.1);
		z-index: 2;
	}
	
	
	
	

.kmg_modaloverlay {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  z-index: -1;
  display: none;
  
  
}
.kmg_modaloverlay:target {
  display: block;
  opacity: 1;
  pointer-events: auto;
  z-index: 99999;
}
.kmg_modaloverlay .kmg_modal {
  background-color: white;
  height: 80%;
  position: relative;
  margin: 5% auto;
  padding: 3em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 60em) {
  .kmg_modaloverlay .kmg_modal {
    height: 75%;
    margin: 5% auto;
    max-height: 57em;
    max-width: 66em;
    width: 85%;
  }
}
.kmg_modaloverlay .kmg_modal > iframe,
.kmg_modaloverlay .kmg_modal > div {
  border: none;
  width: 100%;
  height: 100%;
}
.kmg_modaloverlay .close {
  background-color: #df0c19;
  color: white;
  font-size: 24px;
  padding: 8px 12px;
  position: absolute; 
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  z-index: 1;
}

.kmg_modaloverlay .needle {
	position: absolute;
	top: 0;
	
	margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;

}



.kmg_modal {
	background-image: linear-gradient(135deg, #f6f6f6 43%, #e4e9e9 66%);
}


.treminueb_wrapper2 {
    
    background-color: #c1c1c1;
    width:100%;
    border-bottom:1px solid white;
  }
  
  
.treminueb_wrapper {
    
    background-color: #c1c1c1;
    width:100%;
    height: 100px;
    border-bottom:1px solid white;
  }
  
  .terminueb_text {
    
    font-weight:bold;
    padding-top:40px;
    padding-left: 20px;
    float:left;
  }
  
  .terminueb_text2 {
	  padding:20px;
	 
  }
  
  .terminueb_text_zweizeilen {
    
    font-weight:bold;
    padding-top:30px;
    padding-left: 20px;
    float:left;
  }
  
  .terminueb_button {
    
    float: right;
     padding-right: 20px;
     padding-top:30px;
  }
  
  
  .sm_strahl_wrapper {
	   width:100%;
	   height:50px;
	   background-color: #efefef;
	   
	    display: flex;
        justify-content: space-between;
           
			
			
	}
	
	
	.unterstrahl {
           
            padding:10px;
            text-align: center;
            font-size: 19px;
			cursor: pointer;
    }
	
	.unterstrahl:hover {
		background-color: #c13937;
		color:white;
	}
	
	
	
	.strahlaktiv {
		background-color: #c13937;
		color:white;
	}
	
	.sm_gebiet_wrapper {
		width:99%;
		border: 1px solid #efefef;
		min-height:100px;
		
		border:1px solid green;
		margin-top:10px;
	}
	
	.sm_gebiet_links {
		float:left;
		width:50%;
	}
	
	.sm_gebiet_rechts {
		float:left;
		width:50%;
	}
	
	.sm_gebiet_inner {
		padding:20px;
	}
	
	.sm_gebiet_container {
		width:100%;
		
		/*border:1px solid #cdcdcd;
		padding:10px;*/
		
		color: blue;
		
		font-weight:bold;
		
	}
	
	.sm_auswahl_wrapper {
		margin-top:10px; 
		border:1px solid #ababab;
		padding:5px;
		
		background-color: #efefef;
	}
	
	.sm_gebiet_ul {
		list-style: none;
		list-style-type: none !important;
		
	}
	
	.sm_gebiet_li {
		background-color: #fefefe;
	}
	
	.sm_gebiet_li a:hover {
		background-color: #c13937;
		color:white;
	}
	
	.sm_gebiet_aktuelle_auswahl {
		height:225px;
		overflow: auto;
		border:1px solid #efefef;
		padding:10px;
	}
	
	.sm_suchergebnis {
	   height:200px;
	   overflow: auto;
	   border:1px solid grey;
	   width:100%;
	}
	
	.sm_status {
		background-color: #efefef;
		border-top: 1px solid grey;
		width:100%;
		padding:5px;
		font-size:14px;
		
	}
	
	
	#map {
	  height: 400px;;
	}
	
	
	.sm_kampagne_wrapper {
  display: grid;
  border:1px solid #ababab;
  padding:20px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  width: 100%;
}

	.unterkampagne {
		border: 1px solid rgb(96 139 168);
		border-radius: 5px;
		width:90%;
		margin-left:2%;
		margin-right:2%;
		margin-bottom:20px;
		cursor: pointer;
	}
	
		
		
	.unterkampagne_bild {
		width:100%;
		min-height:200px;
	}


.unterkampagne_wrapper {
	background: rgba(200,200,200,1);
	width:100%;
	min-height:200px;
}



.moveup_wrap{width:100%;}

.moveup_bild{width:100%; position:relative;}

.moveup_bild img{width:100%;  opacity: 0.5;}

.moveup_textwrapper {position: absolute; bottom:4px;  width: 100%;}

.moveup_text {padding: 0px; background: #c13937; height:35px; display:none; opacity: 0.9; color: white; }

.moveup_text p{font-size: 20px;color: #fff; font-style: normal; text-align:center;}

.moveup_ausgewaehlt_text {padding: 0px; background: blue; height:35px;  display:none; opacity: 0.9; color: white; }

.moveup_ausgewaehlt_text p{font-size: 20px;color: #fff; font-style: normal; text-align:center;}

.moveup_head{text-align:center; width:100%;  background: #df0c19;  margin-top: 0px; padding:10px;  color: white; font-style: normal;}

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}


.betreff_hover:hover { 
	text-decoration: underline;
}


.druckbutton {
	font-size:28px;
	cursor:pointer;
	color:blue;
}

.druckbutton:hover { 
	text-decoration: underline;
}