/*
jQuery('<link>', { rel: 'stylesheet', type: 'text/css', href: 'https://www.postina.net/fileadmin/preview/n-ergie/abobeats/styles.css'}).appendTo('head');
*/

/* Design

Violett: #565656 (das helle Feld unten 15%)

Grau: #f2f2f2

Rot: #e80707

*/

/* Header */
.background-container > .row  {
    margin-bottom: 2rem;
}
.background-container > .row > .col-sm-12 h2 {
    color: #565656;
    font-size: calc(1.6rem * 1.7);
    font-weight: bold;
}
.stepwizard-step p  {
    color: #565656;
}
.stepwizard-step a, .stepwizard-step button, .stepwizard-step p {font-size: calc(1.4rem ); }
.stepwizard-step a, .stepwizard-step button {
    
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0px;
    line-height: 29px;
}
.obsolete-stepwizard-step a, .obsolete-.stepwizard-step button {
    
    width: calc(30px * 17.6/12);
    height: calc(30px * 17.6/12);
    border-radius: 50%;
    padding: 0px;
    line-height: calc(30px * 17.6/12);
}
.stepwizard-step a:hover, .stepwizard-step a { background-color: #e80707; border-color: #e80707; color: white !important}
 
.stepwizard-step button { border-color: #e80707; color: #e80707;}

.stepwizard-row:before { top: 20px; background-color: #e80707;}
.stepwizard + .row { margin-top: 1em;}

/* Left column */

.background-container form > .row >  .col-sm-6:first-child {

}
.background-container form > .row >  .col-sm-6:first-child .panel-default>.panel-body fieldset .row:last-child {
    margin-top:2rem;
}
.background-container form > .row >  .col-sm-6:first-child .panel-default>.panel-body fieldset .row:last-child .col-sm-12 label + div p{
    margin-bottom: 2rem;
}
.background-container form > .row >  .col-sm-6:first-child  .alert.alert-info {
    background-color: transparent;
    border-color: #E81515;
    border-radius: 0px;
    color: #E81515;
   
}

.background-container form > .row >  .col-sm-6:first-child  
.alert.alert-danger,
.background-container .mod-form > div.alert-danger {
    background-color: #FBDADA;
    color:#EF2446;
    border-radius: 0px;
    border: 0px none;
    
}
.alert{ padding: 5px 10px; }

.datepicker  td.today.disabled.disabled-date.day {
    background-color: #E80707 !important;
    background-image: none;
    color: white;
    border: 0px none;
    border-radius: 0px;
}
.datepicker  td.active {
    background-color: rgba(113, 12, 47, 1) !important;
    background-image: none !important;
    color: white !important;
    border: 0px none !important;
    border-radius: 0px !important;
}
.background-container .datepicker .datepicker-switch:hover,
.background-container .datepicker .next:hover,
.background-container .datepicker .prev:hover,
.background-container .datepicker tfoot tr th:hover {
    background-color: #f2f2f2;
    border-radius: 0px;
}
.background-container form > .row > .col-sm-6:first-child .panel-heading, .background-container form > .row > .col-sm-6:first-child .panel-heading  a {
    color: white;
    font-weight: bold;

}
.background-container form > .row > .col-sm-6:first-child .panel-heading, .background-container form > .row > .col-sm-6:first-child .panel-heading a,
.background-container form > .row > .col-sm-6:first-child +.col-sm-6 >.panel-default>.panel-heading {
    background-color: #565656;
    color: white;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
	font-weight: bold;
}
.background-container form > .row > .col-sm-6:first-child +.col-sm-6 >.panel-default>.panel-heading  { flex-wrap: wrap;}
.background-container form > .row > .col-sm-6:first-child .panel-heading  span.glyphicon.glyphicon-unchecked
,.background-container form > .row > .col-sm-6:first-child .panel-heading span.glyphicon.glyphicon-check
{
top: 0px; margin-right: 5px;
}
.ignore .background-container form > .row > .col-sm-6:first-child .panel-heading a + span.glyphicon::before {
content: "\e109"
margin-right: 5px;
font-size:1.28em;

}
.ignore .background-container form > .row > .col-sm-6:first-child .panel-heading a + span.glyphicon::before { display: none;}
.ignore .background-container form > .row > .col-sm-6:first-child .panel-heading a + span.glyphicon{
    background-image: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAnCAIAAAD7IT2VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuMWMqnEsAAADDSURBVFhH7ZLRDoAgCEX7wF7a+v9fKTYnEimhI/QBdh5uSHG23I79nE5IZLQSFyl9R0mHxEBQsqQEvO9QbOlD4n2M4FFXaMEGioT8prBJCAJ0pkMCS98RoDNaCXPWlnAuXB2/I+e4E1UJzA6EROZbAjIt8346wtyU+DWzx7UlaJn30xHmhS+mAyGR+ZaATGu4L0DHmhImWYCOzZFgMxN+x3vA+2JWt7hKtFYUCeA/D/iy8PGHBJCmzYttYXCJKYREYj9vWksD1PmeWK4AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: left center;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: inline-block;
    /* float: left; */
    margin-right: 10px;
}
.background-container > .row + form > .row:first-of-type > .col-sm-6 > p > br:first-child { display: none;}

.background-container form  ul {
    list-style-type: none;
    
 }
    .background-container form  ul li:before {
        content: " ";
        background-color: #565656;
        margin-right: 5px;
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        position: relative;
        top: -2px;
    }
    
    .background-container form  a.button {
        color: #e80707;
		text-decoration-color:#e80707;
		text-decoration: underline;


    }
	
	.background-container form span.input-radio > input + label:before { top: 7px;}
	.background-container form span.input-radio > input + label:after  { top: 6px;}

   

/* Right column */

.background-container form > .row >  .col-sm-6:last-child {

}
.mod-form .panel-default>.panel-heading   { background-color: #565656; color: white ; font-weight: bold; }
.mod-form .panel-default>.panel-heading > small { font-weight: normal;  }

.panel-default>.panel-body {
    background: #f2f2f2;
}

.mod-form .panel-default>.panel-body > fieldset .row .col-sm-10 {
   width: 100%;   
}

.mod-form .panel-default>.panel-body > fieldset .row .col-sm-8, .mod-form .panel-default>.panel-body > fieldset .row .col-sm-2 {
    width: 50%;   
 }
 .mod-form .panel-default>.panel-body > fieldset .row .ctrl.form-group label {
    font-weight: normal;
    color: #565656;
 }
 .mod-form .panel-default>.panel-body > fieldset .row .ctrl.form-group  .form-control {border-radius: 0px; border-width: 0px; background-color: white;}
 .mod-form .panel-default>.panel-body > fieldset .row > div:not(.col-sm-10):not(.col-sm-12):first-child, 
 .mod-form .panel-default>.panel-body > fieldset .row > div.col-sm-2:not(:last-child), .mod-form .panel-default>.panel-body > fieldset .row > div.col-sm-8 { padding-right:7.5px; }
 .mod-form .panel-default>.panel-body > fieldset .row > div:not(.col-sm-8):not(.col-sm-10):not(.col-sm-12):last-child ,
 .mod-form .panel-default>.panel-body > fieldset .row > div.col-sm-2:last-child { padding-left:7.5px; }
 
 .mod-form .panel-default>.panel-body > fieldset .row .ctrl.form-group  .custom-select { 
    width: 100%;
  
}
 

.mod-form .panel-default>.panel-body > fieldset .row .ctrl.form-group  .custom-select select,
.background-container form > .row >  .col-sm-6:first-child .panel-default>.panel-body  .row .form-group select{ 
    -webkit-appearance: none;
    appearance: none;    
    -moz-appearance: none;
    position: relative;
    border: 0px none;
    background: white;
    border-radius: 0px;
}
.background-container form > .row >  .col-sm-6:first-child .panel-default>.panel-body  .row .form-group select {
    border: solid 1px #B3B3B3;
}

 .mod-form .panel-default>.panel-body > fieldset .row .ctrl.form-group  .custom-select:after {     
    background-image: none;
    content: '';
    position: absolute;
    top: calc(50% + 7px); /* Adjust as needed */
    right: 10px; /* Adjust as needed */
    border-style: solid;
    border-width: 7px 5px 0px 5px; /* Adjust the dimensions of the arrow */
    border-color: #e80707 transparent transparent transparent; /* Adjust the color */
    pointer-events: none; /* Make the arrow 'click through' */

}
.panel.panel-default {
    border: 0px none;
    border-radius: 0px;
}

.panel-heading {
    border-radius: 0px;
}
.mod-form .panel-default>.panel-body > fieldset .row .ctrl.form-group  .custom-select:before {     
    background-image: none;
    content: '';
    position: absolute;
    top: calc(50% - 3px);
    right: 10px;
    border-style: solid;
    border-width: 7px 5px 0px 5px;
    border-color: white transparent transparent transparent;
    pointer-events: none;
    z-index: 2;

}
.background-container form > .row >  .col-sm-6:first-child .panel-default>.panel-body  .row .form-group {
    position: relative;
    
}


.background-container form > .row >  .col-sm-6:first-child .panel-default>.panel-body  .row:not(:last-child) .form-group:after {     
    background-image: none;
    content: '';
    position: absolute;
    top: calc(50% + 10px); /* Adjust as needed */
    right: 10px; /* Adjust as needed */
    border-style: solid;
    border-width: 7px 5px 0px 5px; /* Adjust the dimensions of the arrow */
    border-color: #565656 transparent transparent transparent; /* Adjust the color */
    pointer-events: none; /* Make the arrow 'click through' */

}
.background-container form > .row >  .col-sm-6:first-child .panel-default>.panel-body  .row:not(:last-child) .form-group:before {     
    background-image: none;
    content: '';
    position: absolute;
    top: calc(50% - -8px);
    right: 10px;
    border-style: solid;
    border-width: 7px 5px 0px 5px;
    border-color: white transparent transparent transparent;
    pointer-events: none;
    z-index: 2;

}

 .background-container form div:not(.btn-group) > .btn-primary , form#frmCheckout input.btn-primary,
 .background-container > .row > .col-sm-12 > .stepwizard+h3+.row+.row>.col-sm-6>a.btn-success,
 .background-container form div.form-group .btn-primary, .background-container form a.btn-success,
.background-container .mod-accordion .panel-default+.col-md-12 .wysiwyg a.btn-primary  {
    font-size: 1.76rem;
    padding: 0.5em 2.75em;
    border-radius: 25px;
    background-color: #e80707; 
	border-color: #e80707;
 }
 .background-container form div.form-group .btn-primary, .background-container form a.btn-success:hover { color: white;}
 .background-container form .btn-primary:hover{
    color: white;
    background-color: rgba(232, 7, 7, 0.8);
 }


 .background-container > p:last-child {
    color: #565656;
 }

 body.body-content {
    background-color: white;
}

.section-content .background-container {
    box-shadow: none;
}

/* form, buttons row */
.background-container form > .row:last-child {
    border-top: solid 2px #d8d8d8;
    padding-top: 40px;
    padding-bottom: 40px;
}
.background-container > p:last-child {
    font-size: inherit !important;
}

/* Shop, order of the elements cart and text */
.background-container > .row > .col-sm-12:first-child > * {
    order: 1000;
}
.background-container > .row > .col-sm-12:first-child  {
    display: flex;
    flex-direction: column;
}
.background-container > .row > .col-sm-12:first-child > .stepwizard {order: 1; margin-bottom: 3rem;}
.background-container > .row > .col-sm-12:first-child > .stepwizard + .row + p { order: 1;}
.background-container > .row > .col-sm-12:first-child > .stepwizard + .row  { order: 2;}
.background-container > .row > .col-sm-12:first-child > .stepwizard + .row > .col-sm-12 > .pull-right {
    margin-bottom: 2rem;
}

.background-container .stepwizard+.row > .col-sm-12 > .pull-right a.btn-warning { background-color: #e80707; border-color: #e80707}
.background-container .stepwizard+.row > .col-sm-12 > .pull-right a.btn-warning .badge { color: #e80707; padding: 3px 5px 3px 6px; }
.background-container .stepwizard+.row > .col-sm-12 > .pull-right a.btn-warning:hover
{
		color: white;
}
.background-container form .flex-row .thumbnail.thumbnail-product
{
	margin-bottom:3rem;
}
.background-container form .flex-row .thumbnail.thumbnail-product .caption-container-product { height:calc(100% - 50px);
position: relative;
    padding-bottom: 2rem;
	}
	
.background-container form .flex-row .thumbnail.thumbnail-product .caption-container-product	.ctrl {
    position: absolute;
    bottom: -1em;
    width: 100%;
}
.background-container form .flex-row .thumbnail.thumbnail-product .caption-container-product .ctrl .input-checkbox label:before, 
.background-container form .flex-row .thumbnail.thumbnail-product .caption-container-product .ctrl .input-radio label:before {
	top:7px;
}
.background-container form .flex-row .thumbnail.thumbnail-product .caption-container-product .ctrl .input-checkbox label:after, 
.background-container form .flex-row .thumbnail.thumbnail-product .caption-container-product .ctrl .input-radio label:after {
	top:6px;
}
.background-container form .mod-form table.table-condensed tr > td > p > a.btn-primary {
	color: #e80707;
	background-color:transparent;
	border-color: transparent;
	padding: 0px;
	
}
.background-container form .mod-form table.table-condensed tr > td > p > a.btn-primary:hover { text-decoration:underline;}
.background-container form .mod-form table.table-condensed tr > td > p > a.btn-primary:before {
	content: "\e258";
	font-family: "Glyphicons Halflings";
	font-size: 0.8em;
    margin-right: 2px;
}
.background-container > .row > .col-sm-12 > .stepwizard+h3 { margin-bottom: 1em;} 
.background-container form table.table-condensed nobr button+a.btn-xs.btn-warning { background-color: white; color: #e80707; border-color: #e80707;  }
.background-container form table.table-condensed nobr button+a.btn-xs.btn-warning:hover {color: #e80707; }

.background-container form table.table-condensed tbody > tr td img.img-rounded { max-width: 100px; }


.h3, h3 {
	color: #e80707;
	margin-bottom:1em;
}

 .h3 span.text-primary, h3 span.text-primary { color: #565656;}
 .background-container form#frmCheckout hr+p:not(:last-child)  { padding:0px;}
 .background-container form#frmCheckout hr+p:not(:last-child) a { display:block; width: 100%;}
 .background-container form#frmCheckout hr+p:not(:last-child) a { position:relative; 
		padding: .75em 3em .75em 1em; font-size:1.4rem;
 }
 .background-container form#frmCheckout hr+p:not(:last-child) a.produktbeschreibung:not(.collapsed) {
		border-color: #e80707; background-color:#e80707; color: #fff; 
		
 }
 .background-container form#frmCheckout hr+p:not(:last-child) a.produktbeschreibung.collapsed:hover {
	 color:#e80707;
	 text-decoration:underline !important;
 }
 .background-container form#frmCheckout hr+p:not(:last-child) a.produktbeschreibung.collapsed { 
		border-color: #ddd; background-color:#f2f2f2; color: #222; 
		
 }
 .background-container form#frmCheckout hr+p+.collapse {
	 padding-top:20px;
 }
 
 .background-container form#frmCheckout hr+p:not(:last-child) a.produktbeschreibung:after {
    
	 content: "\002b";
	color:white;
    display: inline-block;
   
    position: absolute;
    right: 20px;
    
	font-family:"Glyphicons Halflings";
    
    
	font-weight:normal;
    transition: -webkit-transform .35s ease 0s;
    transition: transform .35s ease 0s;
    transition: transform .35s ease 0s, -webkit-transform .35s ease 0s;
}
.background-container form#frmCheckout hr+p:not(:last-child) a.produktbeschreibung:not(.collapsed):after{
	-webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.background-container form#frmCheckout hr+p:not(:last-child) a.produktbeschreibung.collapsed:after {
   content: "\002b";
   color:#222;
   opacity: .5;
}

/* Header Logo */
.header__main .logo {
  padding-left: 30px;
  padding-right: 30px;
}

/* Errors */
.has_error .help-block,
.has_error .control-label,
.has_error .radio,
.has_error .checkbox,
.has_error .radio-inline,
.has_error .checkbox-inline,
.has_error.radio label,
.has_error.checkbox label,
.has_error.radio-inline label,
.has_error.checkbox-inline label {
  color: #f00000 !important;
}
.has_error .form-control {
  border: 1px solid #f00000 !important;
}
.has_error .form-control:focus {
  border: 1px solid #f00000 !important;
}

/* Landingpage Banner */
.banner-n3 {
  margin-top: 30px;
}