/*PREISÜBERSICHT*/

/*Preistoggle*/
#tcontainer {
	width: 220px;
	height: 36px;
	margin: auto;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	user-select: none;
	cursor: pointer;
}

.inner-container {
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
        font-weight:normal;
	/*font-size: .6em;
	letter-spacing: .2em;*/
}

.inner-container:first-child {
	background: #e9e9e9;
	color: #a9a9a9;
}

.inner-container:nth-child(2) {
	background: rgb(214, 70, 53);;
	color: #fff;
  
	clip-path: inset(0 50% 0 0);
  -webkit-clip-path: inset(0 50% 0 0);
	transition: .3s cubic-bezier(0,0,0,1);
}
.toggle {
	width: 50%;
	position: absolute;
	height: inherit;
	display: flex;
	box-sizing: border-box;
}

.toggle p {
	margin: auto !important;
}


.toggle:nth-child(1) {
	right: 0;
}






/*Preistabelle*/


.produra-price-table button {
  background-color: #e14504;
  margin-top: 11px;
  margin-bottom: 11px;
  padding: 11px 25px 11px 25px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  font-size: 16px;
  line-height: 21px;
  color:white;
  white-space: nowrap;
}

.produra-price-table button:hover {
    background-color: transparent;
    border: 2px solid #fff;
    transition: all ease 0.8s;
}



.produra-price-table {
    margin-top:50px;
    width:100%;
    border-spacing: 1px;
    border-collapse: separate;
}
.produra-price-table th,.produra-price-table td {
    text-align:center;
    vertical-align:middle;
}

.produra-price-table thead th.empty-cell,.produra-price-table tbody td.empty-cell {
   background-color:#fff !important; 
   border:0 !important;
   box-shadow:none !important;
}
.produra-price-table thead th {
    background-color:#333333;
    border-top: 30px solid #111111;
    border-left: 1px solid rgba(150,150,150,1);
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(17,17,17,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    color:#fff;
}
.produra-price-table thead th.featured-price {
    background-color:#e14504;
    border-top: 30px solid #bc2300;
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(225,69,4,1);
    border-left: 1px solid rgba(225,69,4,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    color:#fff;
}
.produra-price-table tr.darkgray td {
    background-color:#444444;
    border-top: 1px solid rgba(150,150,150,1);
    border-left: 1px solid rgba(150,150,150,1);
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(17,17,17,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    color:#fff;
}
.produra-price-table tr.lightergray td {
    background-color:#606060;
    border-top: 1px solid rgba(150,150,150,1);
    border-left: 1px solid rgba(150,150,150,1);
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(17,17,17,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    color:#fff;
}

.produra-price-footnotes {
    margin-top:30px;
}


@media (max-width: 767px){
    .produra-price-table {
        font-size:12px;
    }
    .produra-price-table thead th {
        font-size:1em;
        height: 130px;
        white-space: nowrap;
    }
    .produra-price-table thead th.featured-price {
        font-size:1em;
        height: 130px;
        white-space: nowrap;
    }
    .produra-price-table .price-big {
        font-size:1em;
    }
    .produra-price-table th,.produra-price-table td {
        padding:5px;
    }
    .produra-price-table td a button {
        font-size:11px;
        line-height: 15px;
        padding:3px;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .produra-price-table {
        font-size:15px;
    }
    .produra-price-table thead th {
        font-size:1.2em;
        height: 130px;
        white-space: nowrap;
    }
    .produra-price-table thead th.featured-price {
        font-size:1.2em;
        height: 130px;
        white-space: nowrap;
    }
    .produra-price-table .price-big {
        font-size:1.2em;
    }
    .produra-price-table th,.produra-price-table td {
        padding:5px;
    }
    .produra-price-table td a button {
        font-size:15px;
        line-height: 18px;
        padding:10px;
    }
}
@media (min-width: 1024px){
    .produra-price-table thead th {
        font-size:1.7em;
        height: 210px;
        white-space: nowrap;
    }
    .produra-price-table thead th.featured-price {
        font-size:1.7em;
        height: 210px;
        white-space: nowrap;
    }
    .produra-price-table .price-big {
        font-size:2em;
    }
    .produra-price-table th,.produra-price-table td {
        padding:15px;
    }
}
/*Features*/
.feature-list {
    width:100%;
    border-spacing: 1px;
    border-collapse: separate;
}
.feature-list th,.feature-list td {
    text-align:center;
    vertical-align:middle;
    padding:15px;
}
.feature-list thead tr {
    height:150px;
}
.feature-list tbody tr {
    height:60px;
}
.feature-list .column-featured,.feature-list .column-not-featured{
    width: 25%;
}
.feature-list .column-feature {
    width: 50%;
}

.feature-list .cell-grey-1 {
    background-color:#606060;
    border-top: 1px solid rgba(150,150,150,1);
    border-left: 1px solid rgba(150,150,150,1);
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(17,17,17,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
}

.feature-list .cell-grey-2 {
    background-color:#444444;
    border-top: 1px solid rgba(150,150,150,1);
    border-left: 1px solid rgba(150,150,150,1);
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(17,17,17,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
}
.feature-list .feature-cell {
    color:#fff;
}
.feature-list .column-featured {
    background-color: #e14504;
    color:#fff;
    border-top: 30px solid #bc2300;
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(225,69,4,1);
    border-left: 1px solid rgba(225,69,4,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0%);
}
.feature-list .column-not-featured {
    background-color: #333;
    color:#fff;
    border-top: 30px solid #111111;
    border-bottom: 1px solid rgba(17,17,17,1);
    border-right: 1px solid rgba(225,69,4,1);
    border-left: 1px solid rgba(225,69,4,1);
    box-shadow: 0 1px 2px rgb(0 0 0 / 0%);
}

@media (max-width: 767px){
    .feature-list .column-not-featured,.feature-list .column-featured {
        font-size: 18px;
        white-space: nowrap;
    }
    .feature-list tbody td {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .feature-list .column-not-featured,.feature-list .column-featured {
        font-size: 24px;
        white-space: nowrap;
    }
    .feature-list tbody td {
        font-size: 24px;
    }
}
@media (min-width: 1024px){
    .feature-list .column-not-featured,.feature-list .column-featured {
        font-size: 33px;
    }

}