#includeMP {font-family:amblelight,verdana,arial;color:#333;font-size:100%;padding:0px 0px 90px 0px;}
#includeMP .headline {width:100%;background: #9a191e;margin:30px 0px 60px 0px;}
#includeMP .headline h1 {color: #fff;padding:1px 0px 1px 20px;}
.marginBottom {margin-bottom:30px !important;}
.marginTop {margin-top:60px;}
.marginTopButton {margin:0px;}
.spaltenMP20 {width:19%;}
.spaltenMP80 {width:79%;margin-left:2%;}
.spaltenGS20 {width:19%;}
.spaltenGS20R {width:19%;display:flex;align-items:center;}
.spaltenGS60 {width:62%;padding:40px;box-sizing: border-box;}
.displayFlex {display:flex;}
.spaltenGS14 {width:14%;}
.spaltenGS43 {width:43%;padding:10px;box-sizing: border-box;}
.picKerze {width:auto;}
.linkFooter {width:100%;}
.linkFooterFloaten {float:left;font-family:amblelight,verdana,arial;color:#333;font-size:100%;}
.linkFooterFloaten button {font-family:amblelight,verdana,arial;color:#333;font-size:100%;}
.linkFooterFloaten button.on {padding:2px 3px 2px 3px;background:#9a191e;color:#fff;border:0;}
.linkFooterFloaten button.onText {padding:2px 6px 2px 6px;background:#9a191e;color:#fff;border:0;}
.linkFooterFloaten button.off {padding:2px 3px 2px 3px;background:transparent;border:0;cursor:none;}

.searchName {font-size:inherit;width:100%;position:relative;padding:0px;z-index:3;padding:0px 0% 0px 0%;color:#fff;}
.fancy-box-with-button {
  background-color: #9a191e;
  border-radius: 0px;
  margin: 0px;
  display: block;
  position: relative;
  height: 30px;
  box-sizing: border-box;
  padding-right: 40px;
  overflow: hidden;
  width:100% !important;
}

.fancy-box-with-button input {
  height: 100%;
  width: 100%;
  border: 0px !important;
  margin: 0;
  background-color: #9a191e !important;
  color:#fff !important;
  font-weight:normal;
  padding-top:6px !important;
  
}
.fancy-box-with-button input[type="text"] {
	  color:#fff !important;
}

.fancy-box-with-button button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 30px;
  width: 40px;
  border: none;
  color: #fff;
  background-color: #9a191e;
  border-left:10px solid #fff;

}

.fancy-box-with-button input::placeholder {color:#fff !important;font-size:15px;opacity: 1;padding-left:40px;}
input[type="search"], input[type="text"] {-webkit-appearance: none;border-radius: 0;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;}

.box-with-button {
  background-color: #9a191e;
  border-radius: 0px;
  margin: 0px;
  display: block;
  position: relative;
  height: 30px;
  /*box-sizing: border-box;
  padding-right: 40px;
  overflow: hidden;*/
  width:100% !important;
}

.box-with-button button {
  position: relative;
  margin: 0;
  height: 30px;
  width: 100%;
  border: none;
  color: #fff;
  background-color: #9a191e;

}
.box-with-button button .left {
  display:block;
  margin: 0;
  height: 24px;
  width: calc(100% - 64px);
  border: none;
  color: #fff;
  padding-top:6px;
  background-color: #9a191e;
  float:left;
  font-size:15px;
  opacity: 1;
  text-align:left;
  padding-left:20px;
}

.box-with-button button .right {
  display:block;
  margin: 0;
  height: 30px;
  width: 34px;
  border: none;
  color: #fff;
  background-color: #9a191e;
  border-left:10px solid #fff;
  float:right;
}

#MPform .inputs {width:50%;height:25px;font-size:100%;padding:2px 0px 2px 0px;margin:0px 0px 20px 0px;}
#MPform .inputsDate {width:50%;height:25px;font-size:100%;padding:2px 0px 2px 0px;margin:0px 0px 20px 0px;}
#MPform .inputsUL {width:50%;height:25px;font-size:100%;padding:2px 0px 2px 0px;margin:0px 0px 20px 0px;}
#MPform .textareas {width:100%;height:300px;font-size:100%;padding:2px 0px 2px 0px;margin:0px 0px 20px 0px;}
#MPform .send {padding:5px 50px 5px 50px;background-color:#9a191e;border:0px;color:#fff;margin-bottom:20px;}

#formKerzen .inputs {width:100%;margin-bottom:20px; box-sizing: border-box;height:30px;font-size:100%;padding:0px 0px 0px 0px;}
#formKerzen .textareas {width:100%;height:290px;font-size:100%;}
#formKerzen .text {display:inline-block;padding-left:10px;}
#formKerzen .sendKerze {font-family:amblelight,verdana,arial;padding:5px 50px 5px 50px;background-color:#9a191e;border:0px;color:#fff;margin-bottom:20px;}

.head1 {width:100%;padding:5px 1% 5px 1%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#dfdfdf;}

.btnn {
  border: 1px solid #1a1a1a;
  display: inline-block;
  padding: 5px;
  position: relative;
  text-align: center;
  transition: background 600ms ease, color 600ms ease;
}

input[type=radio].toggle {
  display: none;
}
input[type=radio].toggle + label {
  cursor: pointer;
  min-width: 30px;
}
input[type=radio].toggle + label:hover {
  background: none;
  color: #333;
}
input[type=radio].toggle + label:after {
  background: #9a191e;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  z-index: -1;
  opacity: 1;
}
input[type=radio].toggle.toggle-left + label {
  border-right: 0;
}
input[type=radio].toggle.toggle-left + label:after {
  left: 100%;
}
input[type=radio].toggle.toggle-right + label {
  margin-left: -6px;
}
input[type=radio].toggle.toggle-right + label:after {
  left: -100%;    
}
input[type=radio].toggle:checked + label {
  cursor: default;
  color: #fff;
  transition: color 200ms;
}
input[type=radio].toggle:checked + label:after {
  left: 0;
}

.memorialBorder {border:1px solid #9a191e;margin-bottom:30px;}

.pictoogle {float:left;}

.pictoogle input[type="radio"] {
   display:none !important;

}

.pictoogle input[type="radio"] + label.kerze1
{
    background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze1.png');
    display:inline-block;
    padding: 0 0 0 0px;
    cursor:pointer;
}

.pictoogle input[type="radio"] + label.kerze1:hover
{
	background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze1-on.png');
}

.pictoogle input[type="radio"]:checked + label.kerze1
{
    background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze1-on.png');
}


.pictoogle input[type="radio"] + label.kerze2
{
    background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze2.png');
    display:inline-block;
    padding: 0 0 0 0px;
    cursor:pointer;
}

.pictoogle input[type="radio"] + label.kerze2:hover
{
	background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze2-on.png');
}

.pictoogle input[type="radio"]:checked + label.kerze2
{
    background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze2-on.png');
}


.pictoogle input[type="radio"] + label.kerze3
{
    background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze3.png');;
    display:inline-block;
    padding: 0 0 0 0px;
    cursor:pointer;
}

.pictoogle input[type="radio"] + label.kerze3:hover
{
	background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze3-on.png');
}

.pictoogle input[type="radio"]:checked + label.kerze3
{
    background-image:url('/beerdigungsunternehmen/files/images/images-layout/kerze3-on.png');
}

.widthKerze 
{
	background-size: 164px 258px;
    height: 258px;
    width: 164px;
}



.custom-label {
  display: inline-block;
  margin-right: 0em;
  cursor: pointer;
}
.custom-radio,
.custom-check {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -0.15em; /* Adjust to for best fit */
    margin: 0 0em;
    width: 30px;
    height: 30px;
    background: url(../images/customRadioCheck.png) 0 0 no-repeat;
	
}
.custom-radio { background-position: 0 -30px; }
.custom-check.focus { background-position: -30px 0; }
.custom-radio.focus { background-position: -30px -30px; }
.custom-check.checked { background-position: -60px 0; }
.custom-radio.checked { background-position: -60px -30px; }
.custom-check.checked.focus { background-position: -90px 0; }
.custom-radio.checked.focus { background-position: -90px -30px; }


@media only screen and (max-width:1200px) {
.widthKerze {background-size: 131px 206px;height: 206px;width: 131px;}
.box-with-button button .left {font-size:13px;width: calc(100% - 59px);padding-left:10px;}
}

@media only screen and (max-width:970px) {
.widthKerze {background-size: 98px 155px;height: 155px;width: 98px;}
.box-with-button button .left {font-size:10px;width: calc(100% - 49px);padding-left:5px;}

@media only screen and (max-width:770px)  {
#includeMP {padding:0px 0px 10px 0px;}
#includeMP .headline {margin:10px 0px 10px 0px;}
.marginTopButton {margin:10px 0px 0px 0px}
.marginTop {margin-top:10px;}
.spaltenMP20 {width:100%;}
.spaltenMP80  {width:100%;margin-left:0%;}
.spaltenGS20 {width:100%;display:block;align-items:center;}
.spaltenGS60 {width:100%;padding:10px;box-sizing: border-box;}
.displayFlex {display:block;}
.spaltenGS14 {width:100%;}
.spaltenGS43 {width:100%;padding:10px;box-sizing: border-box;}
.picKerze {width:82px;}
.box-with-button button .left {font-size:15px;width: calc(100% - 64px);padding-left:20px;}
}