/* App-Zusätze, CSS */
.landingpage { background:#84181e; }
.theme-red .button.button-fill { background: #efefef; color: #84181e; font-weight: 500; border-top: 1px solid #ccc; }
.loginsimag { background: #84181e; }
.theme-red .input-field.focus-state:after, .theme-red .input-field.not-empty-state:after, .theme-red .item-input-field.focus-state:after, .theme-red .item-input-field.not-empty-state:after { background: #84181e; }
.navbar.theme-red, .searchbar.theme-red, .subnavbar.theme-red, .theme-red .navbar, .theme-red .searchbar, .theme-red .subnavbar, .theme-red .toolbar, .toolbar.theme-red { background-color: #84181e; }
.largebanner .swiper-slide { background: #84181e; }
.userprofile { background: url(../img/proflebg.png) no-repeat #84181e; }
.color2 { background: #84181e; color: #ffffff !important; }
.darkbgblock { background:#84181e; }
.menulanding { background: #84181e; min-height: 100%; }
.landingnumber { color: white; line-height: 61px; font-size: 25px; }
.menulanding li .item-link { height: 100px; width: 150px; display: block; border: 1px solid rgba(256, 256, 256, 0.1); margin: 10px auto; }
.menulanding li .item-link i { width: 100%; display: block; line-height: 62px; font-size: 24px; color: #ffffff; }
.menulanding li { width: 50%; float: left; list-style: none; text-align: center; }
.prductlist .content-block h2, .prductlist .content-block h3, .prductlist .content-block p { line-height: 1.5em; width: 80%; }
.floating-button.bg-red, .floating-button.color-red, .floating-button.theme-red, .speed-dial-buttons a.bg-red, .speed-dial-buttons a.color-red, .speed-dial-buttons a.theme-red, .theme-red .floating-button, .theme-red .speed-dial-buttons a { color: #fff; background: #84181e; }
.theme-red a { color: #84181e; }
.card .content-block, .card .list-block { margin: 10px 0px 15px; }
.testimonials { background: #84181e; color: #ffffff; }
.darkbgblock { background: #eee; }
.theme-red .button.button-fill { background: #84181e; color: #fff; font-weight: 500; border-top: 1px solid #fff; }
.darkbgblock * { position: relative; color: #84181e; z-index: 1; }
.darkbgblock h2 { margin-top:0; }
.btnwhite { background: #efefef !important; color: #84181e !important; }
.fortschritt { background:#efefef; width:100%; height:20px; display:inline-block; }
.fortschritt .fs1 { background: #84181e; width:12.5%; height:20px; display:inline-block; }
.fortschritt .fs2 { background: #84181e; width:25%; height:20px; display:inline-block; }
.fortschritt .fs3 { background: #84181e; width:37.5%; height:20px; display:inline-block; }
.fortschritt .fs4 { background: #84181e; width:50%; height:20px; display:inline-block; }
.fortschritt .fs5 { background: #84181e; width:62.5%; height:20px; display:inline-block; }
.fortschritt .fs6 { background: #84181e; width:75%; height:20px; display:inline-block; }
.fortschritt .fs7 { background: #84181e; width:87.5%; height:20px; display:inline-block; }
.fortschritt .fs8 { background: #84181e; width:100%; height:20px; display:inline-block; }
.floating-button { bottom:0px; }
.item-input .label-switch { top:inherit; }
.margb15 { bottom:15px; }
.nxtbtn { color: white; background: #84181e; width: 60px; height: 60px; border: none; border-radius: 50%; font-size: 25px; }
#valueform { margin-top:20px; width:100%; text-align:center; }
.list-block { width:100%; }
.prductlist .card { float:left; }
/* .pricetag { display: inline-block; background: #84181e; padding: 10px 15px; color: white; border: 1px solid white; border-radius: 10px; transform: rotate(-3deg); left: 35px; bottom: 35px; position: relative; box-shadow: 1px 1px 5px #555; } */
.pricetag { display: inline-block; background: darkgrey; padding: 10px 15px; color: white; border: 1px solid white; border-radius: 10px; box-shadow: 1px 1px 5px #555; margin: 0 auto; width: calc(100% - 63px); text-align: center; margin-left: 15px; margin-bottom: 30px; color: black; margin-top: -20px; }
.pricetag p { margin: 0; text-transform: uppercase; font-size: 12px; }
.pricetag h4 { margin: 0; font-size: 23px; line-height: 1.1; }
.sidemenu .item-title { text-transform: none; font-size: 15px; }
.errorpost { width: calc(100% - 40px); background: #84181e; position: absolute; color: white; padding: 12px 20px; bottom: calc(50% - 20px); z-index: 1; text-align: center; font-weight: bold;font-size: 16px;  line-height: 1.75em; }
.errorpost2 { width: calc(100% - 40px); background: #84181e; /* position: absolute; */ color: white; padding: 12px 20px; /* bottom: calc(50% - 20px); */ z-index: 1; text-align: center; font-weight: bold; font-size: 16px; line-height: 1.75em; }
.errorpost3 { width: calc(100% - 40px); background: #84181e; position: absolute; color: white; padding: 12px 20px; bottom: calc(50% - 20px); z-index: 1; text-align: center; font-weight: bold;font-size: 16px;  line-height: 1.75em; }
.clickbait { pointer-events: none; }
.message.success { background: #28A645; color: white; width: 100%; padding: 17px !important; margin: 0; max-width: 100%; text-align: center; padding: 10px 10px; letter-spacing: 0.01em; position:fixed; top:-150px; z-index:999999; animation: slideup 5s; -moz-animation: slideup 5s; -webkit-animation: slideup 5s; -o-animation: slideup 5s; }
.message.error { background: darkorange; color: white; width: 100%; padding: 17px !important; margin: 0; max-width: 100%; text-align: center; padding: 10px 10px; letter-spacing: 0.01em; position:fixed; top:-150px; z-index:999999; animation: slideup 5s; -moz-animation: slideup 5s; -webkit-animation: slideup 5s; -o-animation: slideup 5s; }
@keyframes slideup { 0% {top:0px;} 75% {top:0;} 100% { top:-150px; }}
@-moz-keyframes slideup { 0% {top:0px;} 75% {top:0;} 100% { top:-150px; }}
@-webkit-keyframes slideup{ 0% {top:0px;} 75% {top:0;} 100% { top:-150px; }}
@-o-keyframes slideup { 0% {top:0px;} 75% {top:0;} 100% {top:-150px;}}
.startbutton { font-size: 18px; height: 40px; line-height: 40px; letter-spacing: 0.01em; }
.sondermodelleview { color:white; margin-top:0; padding-bottom:30px; }
.sondermodelleview > div > div:nth-child(1) { background:#000; }
.sondermodelleview > div > div:nth-child(1) > h2 { color:#b64a06; font-size:250%; margin-top:10px; }
.sondermodelleview > div > div:nth-child(1) > a { background:#b64a06 !important; border-top:0px !important; }
.sondermodelleview > div > div:nth-child(1) > img { margin-bottom:-7px; }
.sondermodelleview > div > div:nth-child(2) { background-image: url('/img/box-strech.jpg'); background-size: 100% 100%;}
.sondermodelleview > div > div:nth-child(2) > h2 { color:#000; font-size:250%; margin-top:10px; }
.sondermodelleview > div > div:nth-child(2) > a { background: #000 !important; color:#20c3b2 !important; border-top:0px !important; }
.sondermodelleview > div > div:nth-child(2) > img { margin-bottom:-7px; }
.sondermodelleview > div > div:nth-child(2) > p { color:black; }
.sondermodelleview > p { color:#000; }
@media only screen and (max-width: 767px) {
    .sondermodelleview > div > div:nth-child(2) { margin-top:15px; }
}
@media only screen and (max-width: 330px) {
	.sondermodelleview > div > div:nth-child(1) > h2 { font-size:200%; }
	.sondermodelleview > div > div:nth-child(2) > h2 { font-size:200%; }
}
.error-message { font-size: 14px; color: white; background: darkorange; padding: 3px 10px; font-weight: 500; letter-spacing: 0.01em; }
.userprofile { min-height:50px; height:inherit !important; }
.leftmenusmall ul:after { display:none; }
#registerform input { background:#efefefef; margin-top: 5px; padding: 10px; }

/* Währungsumrechnung */
.waehrungdiv1 { display: block !important; }
.waehrungdiv1 > .item-title { display: inline-block; width: 35%; margin-top: 10px; }
.waehrungdiv1 > .item-after { display: inline-block !important; margin-left:5px !important; }
.buttonbar.row.no-gutter > div { width: 100%; background: #efefef; margin: 0; padding: 15px; border-top: 1px dotted rgba(0,0,0,0.3); }

::-webkit-scrollbar { width: 15px; }
::-webkit-scrollbar-thumb { border-radius: 0; }