.highnote {
font-size: 15px;
vertical-align: top;
}
.redButton {
background-color: #df002e;
color: #fff;
}
.redButton:active,
.redButton:hover {
background-color: #ad0a25;
}
.yellowButton {
background-color: #fdbb30;
color: #21314d;
}
.darkBlueButton {
background-color: #21314d;
color: #ffffff;
}
.colorGreen {
color: #84bc34;
}
.colorGrey {
color: #838A9C;
}

.greenButton {
background-color: #84bc34;
color: #ffffff;
}
.greenButton:active {
background-color: #76aa2c
}
.greenButton:hover {
background-color: #76aa2c;
}
.greenListCheckMark li:before,
.greenListCheckMark li:after {
color: #85BB32;
}
.darkBlueListCheckMark li:before,
.darkBlueListCheckMark li:after {
background-color: #21314d;
}
.whiteListCheckMark li:before,
.whiteListCheckMark li:after {
background-color: #ffffff;
}
.colorYellow {
color: #fdbb30;
}
.colorWhite {
color: #fff;
}
.table-iconbox {
width:auto;
height:20px;
display: block;
margin-left:auto;
margin-right: auto;
}
.table-icon {
position: relative;
height:100%;
display: inline-block;
width: 28px;
}
.checkmark:before{
content: '\e98e';
 }
.checkmark:after{
}
.cross:before{
content: '';
position: absolute;
top: 13px;
left: 2px;
width: 22px;
height: 5.4px;
border-radius: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-sand-transform:rotate(45deg);
background-color: #838A9C;
}
.cross:after{
content: '';
position: absolute;
top: 13px;
left: 2px;
width: 22px;
height: 5.4px;
border-radius: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-sand-transform:rotate(-45deg);
background-color: #838A9C;
}
.colorDarkBlue {
color: #21314d;
}
.crossedOut {
position: relative;
}
.crossedOut::before {
content: '';
width:100%;
position: absolute;
top:45%;
border-bottom: 2px solid #df002e;
-webkit-transform: skewY(-22deg);
transform: skewY(-22deg);
}
.arrow {
position: relative;
height:42px;
display: inline-block;
width: 8px;
}
.arrow:before {
content: '';
position: absolute;
width:10px;
height:3px;
left:0px;
top:16px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-sand-transform:rotate(45deg);
border-radius: 10px;
}
.arrow:after {
content: '';
position: absolute;
width:10px;
height:3px;
left:0px;
top:21.4px;
background: #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-ms-transform: rotate(135deg);
-sand-transform:rotate(135deg);
border-radius: 10px;
}
.clickable {
cursor: pointer;
}
.topicarrow {
position:relative;
bottom: 0;
left: 50%;
width: 40px;
height: 25px;
}
.topicarrow:before {
content: '';
position: absolute;
width:16px;
height:4px;
left:-4px;
top:15px;
background: #21314d;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-ms-transform: rotate(135deg);
-sand-transform:rotate(135deg);
border-radius: 10px;
}
.topicarrow:after {
content: '';
position: absolute;
width:16px;
height:4px;
left:-4px;
top:15px;
background: #21314d;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-sand-transform:rotate(45deg);
border-radius: 10px;
}
.topicarrow.animated:before {
width:16px;
height:4px;
left:-4px;
top:15px;
}
.topicarrow.animated:after {
width:16px;
height:4px;
left:-13px;
top:15px;
}
.yellowBox {
background-color: #fdbb30;
}

.greyBorderedBox {
border: #ccc;
border-width: 2px;
border-style: solid;
padding-bottom: 21px;
}
.yellowBorderedBox {
border: #fdbb30;
border-width: 2px;
border-style: solid;
padding-bottom: 21px;
}
.yellowButton .arrow:before,
.yellowButton .arrow:after {
background-color:#21314d ;
}
.yellowButton:active,
.yellowButton:hover {
background-color: #fdd51d;
}
.darkBlueButton:active,
.darkBlueButton:hover {
background-color: #162133;
}

.offertable table {
width:100%;
border-spacing: 0px;
table-layout: fixed;
}
.offertable table .col-one {
width: 100%;
}
.offertable table .col-two,
.offertable table .col-three {
width: 35%;
}
.offertable table .col-four{
width: 39%;
}
.offertable table td.highlighted {
background-color: #21314d;
color: #f7f7f7;
}
.offertable table td.noBorder {
border:none !important;
}
.offertable table a .linkBox {
width:42px;
height:42px;
display: block;
background-color: #df002e;
margin-left: auto;
margin-right: auto;
margin-bottom: 21px;
}
.offertable table a .linkBox:active {
background-color: #ad0a25;
}
.offertable table .header td {
padding:21px 0px;
}
.offertable table .header {
background-color: white;
font-weight: 700;
}
.offertable tr td:last-child {
padding-right: 7px;
}
.offertable td {
width: 17.5% ;
text-align: center;
padding: 0px;
}
.offertable td div {
padding:0px 6%;
}
.offertable td.textCell {
text-align: left;
padding-right: 15%;
padding-left: 3.75%;
}
.offertable tr:nth-child(2n):not(:last-child) {
background-color: #ebebeb;
}
.offertable tr:nth-child(2n+3):not(:nth-last-child(2)) {
background-color: #f7f7f7;
}
.offertable .borderedCells td:not(:last-child) {
border-right: 2px solid white;
}
.table-row-xxl {
height: 91px;
}
.table-row-xl {
height: 70px;
}
.table-row-large {
height: 60px;
}
.table-row-med {
height: 50px;
}
.table-row-small {
height: 30px;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-semi-bold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-extra-bold {
font-weight: 800;
}
.floatContentWrapper:after {
display: block;
margin: 0px 20px;
clear: both;
content:'';
}
.stoerer {
position: absolute;
width: 179px;
height: 179px;
right:0;
bottom:46px;
}
.stoerer svg {
width:179px;
height: 179px;
}
.stoererText {
float: left;
position: relative;
top:-140px;
right: -23px;
color: #ffffff;
font-size: 20px;
width:130px;
font-weight: bold;
text-align: center;
transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
}
.stoerer .discount-percentage{
font-size: 38px;
font-weight: 600;
line-height: 25px;
}
.onlyDesktop {
display: none;
}
.big-char {
font-size: 20px;
}
.underlined {
text-decoration: underline;
}
.overlay {
background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.85) 30%, rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.85) 30%,rgba(255,255,255,1) 100%);
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.85) 30%,rgba(255,255,255,1) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0px;
z-index: 0;
}
.offertable .linkBox {
position: relative;
}
.offertable .linkBox i {
position: absolute;
top: 0;
left: 0;
right:0 ;
bottom: 0;
margin:auto;
height: 18px;
width: 18px;
color: #FFFFFF;
}
i.button-double-arrow {
font-style: normal;
padding:2px;
padding-left:10px;
}
#idschutzRegistrationContent {
max-width: 1235px!important;
}