/* basic styles */
*{font-size:1em; color:#3E3E3E; font-family:Segoe UI,Arial}
body{background:#FBF8F2}
#content{float:left}
img{max-width:100%}

/* menu */
#menubg,#menu,#mainmenu,#submenu,#subsubmenu{background:#F1EAD9}
#menu li a{color:#3E3E3E}
#menu ul#mainmenu li{height:22px; padding:9px 0; font-weight:bold}
#menu ul#submenu{margin-top:7px}
#menu ul#submenu li, #menu ul#subsubmenu li{font-weight:normal}

#menu, #menu ul#mainmenu{display:none}
#menumobile, #menumobilepopup{display:block}
#mobilemenuicon{display:block}
@media screen and (min-width: 900px){
	#menubg, #menu, #menu ul#mainmenu{display:flex}
	#menumobile, #menumobilepopup, #mobilemenuicon{display:none}
}

/* menumobile */
.sitemobile #menubg{display:none}
#menumobile{background:#F1EAD9}
#menumobilepopup{background:#FBF8F2}
#menumobile .mobilemenuicon{background:url('/cmsstatic/img/mobilemenu_red.png') no-repeat}
#menumobilepopup{z-index:9999}
#menumobilepopup .open{background:url('/cmsstatic/img/plus_big_red.png') no-repeat center center}
#menumobilepopup .open.opened{background:url('/cmsstatic/img/minus_big_red.png') no-repeat center center}

.closeButton{background:url('/cmsstatic/img/close_Button_red.png') !important;}

#header{height:100% !important;}

/* content */
.title, h1, h1 *{font-size:26px; color:#E30613; font-weight:normal}
.subtitle, h2, h2 *{font-size:20px; color:#E30613; font-weight:normal}
.pageheadertitle{display:flex; justify-content:space-between; margin:20px 0 40px}
.pageheadertitle img{height:2.5em; margin-top:-0.25em; margin-right:10px}
.pageheadertitle p{font-size:1.5em; text-align:center}

.tarifgrafik{background:#F1EAD9; border-radius:7px}
.tarifgrafik:hover{background:#D7E7F7}

.servicelist{display:flex; flex-wrap:wrap; justify-content:space-around; margin:30px 0 30px; padding-top:20px; border-top:1px solid black}
.servicelist div{width:300px; display:flex; flex-wrap:wrap; justify-content:center}
.servicelist img{width:100px; margin:0 100px -15px}
.servicelist p{text-align:center}

.tarifdetails{display:flex; flex-wrap:wrap; justify-content:space-around}
.tarifdetails a{margin-bottom:20px}
.tarifdetails .tarifgrafikdiv{display:flex; flex-direction:column}
.tarifdetails .featurelistdiv{max-width:500px; float:right}
.tarifdetails .featurelist{margin-bottom:25px; display:block}
.tarifdetails .featurelist img{float:left; width:40px; min-height:40px; margin: 5px 10px 0 0}
.tarifdetails .featurelist:nth-child(3) img{margin-top:-5px}

.simplebutton,.actionbtn{float:left; cursor:pointer; padding:5px; margin:10px 0 0 0; background:#E30613; color:white; text-align:center}
.simplebutton:hover,.actionbtn:hover{background:#95040E}

.choicebutton {
    width:100%;
    height:28px;
    border:1px solid #E1E1E1;
    border-radius:10px;
    background:white;
    text-align:center;
    cursor:pointer;
    padding:4px 0 0 0;
    margin:5px 0;
}

.choicebutton.choicebutton--selected {
    width: 100%;
    border: none;
    border: 1px solid #E30613;
    background: #e3061329;
    color: #E30613;
}

.choicebutton.choicebutton--disabled {
    filter:opacity(0.5);
    cursor:default;
}

@media screen and (min-width: 900px){
    	.choicebutton {
		width:248px;
		margin-right:10px;
	}

	.choicebutton.choicebutton--selected {
		width:250px;
	}   
}

.button{display:flex}
.sitemobile .button{height:auto}
.button .left{width:8px; height:100%; background:#E30613}
.button:hover .left{background:#95040E}
.button .right{width:8px; height:100%; background:#E30613}
.button:hover .right{background:#95040E}
.button .bg{height:100%; background:#E30613; padding: 0 10px 0 5px}
.button:hover .bg{background:#95040E}

.list li{font-weight:normal}
.list li.active,.list li.finished{font-weight:bold; color:#E30613}

.divider{background:#3E3E3E; width:100%; height:1px; margin:5px 0}
.divider.small{height:1px}

td{vertical-align:middle}
select{border:2px solid #E30613; height:32px; box-sizing:border-box; padding:3px 0 3px; height:32px}
input{height:32px}
input,textarea{border:2px solid #E30613; box-sizing:border-box; text-indent:3px; float:left}
input[type="file"]{text-indent:0; box-sizing:content-box; padding-right:10px}
input.center{text-align:center; text-indent:0}
input.size1, select.size1{width:300px}
.dialog table input.size1, .dialog table select.size1{width:120px}
input.size2, select.size2{width:100px}
input.size3, select.size3{width:60px}
input.size4, select.size4{width:70px}
input.error,textarea.error,select.error{background:#EE666B}
input[type="radio"],input[type="checkbox"]{margin:5px 5px 0 0; height:auto;}
input[type="range"]{border:none}
input:disabled,textarea:disabled,select:disabled{background:#E3E3E3; border:2px solid #E3E3E3; color:rgba(0,0,0,0.4)}
input.colored:disabled,textarea.colored:disabled,select.colored:disabled{background:#E30613; border:2px solid #E30613; color:white}

#sitebg{display:none}
.helpmobilebox{width:100%; max-width:820px; padding:40px 80px 60px}
.helpmobilebox div{float:left}

.faqA,.faqA *{font-weight:bold;color:#E30613}

.minus{background-image:url('/cmsstatic/img/helpm/change_quantity.png')}
.minus:hover{background-image:url('/cmsstatic/img/helpm/change_quantity.png')}
.plus{height:17px; width:16px; background-image:url('/cmsstatic/img/helpm/change_quantity.png')}
.plus:hover{height:17px; width:16px; background-image:url('/cmsstatic/img/helpm/change_quantity.png')}

.checkbox{background-color:black; color:white}
.checkbox.on{background-color:#E30613}
.checkbox[disabled]{background:#E3E3E3}
.checkbox.on[disabled]{background:#F39BA0}

.admin{width:32px;height:32px;background:url('/imoscms/files?f=icon_admin.png') no-repeat;cursor:pointer}
.admin:hover,.admin.active{background:url('/imoscms/files?f=icon_admin_active.png') no-repeat}
.noadmin{width:32px;height:32px;background:url('/imoscms/files?f=icon_noadmin.png') no-repeat;cursor:pointer}
.noadmin:hover,.noadmin.active{background:url('/imoscms/files?f=icon_noadmin_active.png') no-repeat}

.info{overflow:hidden; background:url('/cmsstatic/img/question_red.png') no-repeat !important}

#content .tarifdetail.white * {color:white}
#content .tarifdetail .title{position:absolute; font-weight:bold; margin:15px 0 0 40px}
#content .tarifdetail .subtitle{position:absolute; font-weight:bold; font-size:16px; margin-left:40px}
#content .tarifdetail .description{position:absolute; font-size:14px; margin:60px 0px 0px 40px; width:270px; line-height:1.2; color:#E30613}
#content .tarifdetail.white .description{color:white}
#content .tarifdetail br{line-height:0.9}
#content .tarifdetail span,#content .tarifdetail a{float:left; clear:both; padding-top:7px; color:inherit; font-size:14px}

#content .dataTables_wrapper label{color:#E30613}
#content .dataTables_paginate .paginate_button.current{color:#E30613}
#content .dataTables_wrapper .dataTable thead *{color:#E30613}
#content .dataTables_wrapper .dataTable thead tr{border-bottom:1px solid #E30613}
#content .dataTables_wrapper td,#content .dataTables_wrapper th{border-left:1px solid #E30613}
#content .dataTables_wrapper .dataTable th.sorting{background-image:url("/cmsstatic/img/helpm/sort_both.png")}
#content .dataTables_wrapper .dataTable th.sorting_asc{background-image:url("/cmsstatic/img/helpm/sort_asc.png")}
#content .dataTables_wrapper .dataTable th.sorting_desc{background-image:url("/cmsstatic/img/helpm/sort_desc.png")}
#content .dataTables_wrapper .dataTable th.sorting_asc_disabled{background-image:url("/cmsstatic/img/helpm/sort_asc_disabled.png")}
#content .dataTables_wrapper .dataTable th.sorting_desc_disabled{background-image:url("/cmsstatic/img/helpm/sort_desc_disabled.png")}
.dt-button{padding:5px; background:#E30613}
.dt-button:hover{background:#95040E}

#datacon{margin-bottom:60px !important}

/* HotComboBoxV3 */
a.dropdownV2{width:25px; height:32px; background:url('/cmsstatic/img/helpm/combo_arrow_0.png') no-repeat}
a.dropdownV2:hover{background-image:url('/cmsstatic/img/helpm/combo_arrow_1.png')}
ul.optionListV2{background-color:white}

/* menuswitch */
#content .menuswitch{border-top:1px solid #E30613 !important}

/* sitemap */
#sitemap{background:#565656}
#sitemap *{color:white; font-size:12px; line-height:1}

/* footer */
	#footer{z-index:80;}
/* mobile */
body.sitemobile{width:100%}
.sitemobile *, .sitemobile #footer *{font-size:24px}
.sitemobile .title, h1, h1 *{font-size:32px !important}
.sitemobile .subtitle, h2, h2 *{font-size:24px !important}
.sitemobile .circlediv *{font-size:18px}
.sitemobile #site{width:100%}
.sitemobile #menu {width:100%; position:fixed; background:white}
.sitemobile #menu *{color:#3E3E3E}
.sitemobile .slideshow{width:100%}
.sitemobile .slideshow img{width:100%}
.sitemobile #content{width:100%; padding:0; margin:10px 0 60px}
@media screen and (max-width: 960px) {
	.sitemobile #content{width:90%; padding-left:5%; padding-right:5%}

}
@media(max-width:600px){
.pageheadertitle{justify-content: space-around}
}

.sitemobile #footer{width:100%; background:white repeat}
.sitemobile #footer *{color:#3E3E3E}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	select{padding:3px 2px 2px 0 !important}
	input[type="radio"]{background:none !important}
	input[type="file"]{background:none !important}
}

@media print {
	#footer{display:none}
}

.tarifmobile{display:none}
.slider.mobile{display:none}
@media screen and (max-width:960px)
{
   .tarifdesktop{display:none}
   .tarifmobile{display:block}
   #slideshow{margin-bottom:10px}
   #slideshowVideos{margin-bottom:10px; display:flex}
   .slider.desktop{display:none}
   .slider.mobile{display:block}
}
.prevBtn div,.nextBtn div{width:100px; height:50px; color:rgba(255,255,255,0.8); font-size:2em; font-weight:bold; display:none; position:relative; z-index:2; background-size: 40px 40px; background-repeat:no-repeat}
.prevBtn div{float:left; background-image:url('/files?f=slider_icon_prev.svg&l=0'); background-position:10px center}
.nextBtn div{float:right; background-image:url('/files?f=slider_icon_next.svg&l=0'); background-position:50px center}
ol.controls{list-style:none; display:flex; margin-bottom:20px; justify-content:center}
ol.controlsSlideshowVideo{list-style:none; display:flex; margin-bottom:20px; justify-content:center}
ol.controls li{margin-right:10px; width:16px; height:16px; cursor:pointer; background-image:url('/files?f=slider_icon_control.svg&l=0'); background-size:16px 16px; background-repeat:no-repeat}
ol.controls li.current{background-image:url('/files?f=slider_icon_control_current.svg&l=0');}
ol.controls li.currentVideo{background-image:url('/files?f=slider_icon_control_current.svg&l=0');}
ol.controls li span{display:none}

#contentroot{width:100%; margin-bottom: 100px;}
#startseite_tarife,#startseite_services,#startseite_teaser{width:100%; justify-content:space-between}
#startseite_tarife img{background-color:#F1EAD9; border-radius:7px; margin-bottom:10px}
#startseite_tarife img:hover{background-color:#D7E7F7}
.servicelist div{margin:10px 0}
.servicelist img{width:100px; margin:-10px 100px -25px}
.servicelist p{width:100%; text-align:center}
@media screen and (max-width:960px)
{
   #startseite_tarife,#startseite_services,#startseite_teaser{justify-content:space-around}
}

/*new*/

.siegel{
		width: 50%;
		margin-top:20px;
		margin-bottom:20px;
		object-fit: contain;
		display:none;
	}
	.siegelMobile{
		display:block;
		margin-top:30px;
		object-fit:contain;
		height: 170px;
	}
	.textSiegel{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.divSiegelUndText{
		justify-content: center;
	}
	.siegelMobileDiv{
		display:flex;
	}


@media(min-width: 960px){
	.siegel{
		width: 50%;
		margin-top:30px;
		margin-bottom:30px;
		object-fit: contain;
		display:block;
	}
	.siegelMobile{
		display:none;
	}
	.textSiegel{
		display:block;
		margin-top:30px;
		margin-left:30px;
		width:50%;
	}
	.divSiegelUndText{
		height:300px;
		display:flex;
	}
	.siegelMobileDiv{
		display:none;
	}
}

.statements{
		display:flex;
	}
.statementWithText{
	display:flex;
	flex-direction:column;
	margin-right: 10px !important;
	margin-left: 10px !important;
	margin-top:10px;
	width:300px;
	height:380px
}

.imgSprechblase{
	margin-top:10px;
	display:block;
}

.divSprechblase{
	display:block;
}

.textSprechblase{
	font-size: 20px;
	color: #707070;
	font-family:sans-serif;
	margin-right:20px;
}

.quote-left-solid{
	bottom:-160px;
	margin-right:20px;
	flex-direction:column;
}

.contentSprechBlase{
	position:absolute;
	width:940px;
	bottom: -170px;
	margin-right: 140px;
	margin-left: 20px;
	margin-top: 20px;
	display:flex;
}


@media(max-width:480px){
	.statementWithText{
		display:flex;
		flex-direction:column;
		margin-right: 50px !important;
		margin-left: 30px !important;
		margin-top:10px;
		width:300px;
		height:380px
	}

	.divSprechblase{
		display:none;
	}

	.imgSprechblase{
		display:none;

	}
}

.helpMFontFirst{
    font-size:46px;
    color:#E30613;
    font-weight:bold;
}

.helpMFontSecond{
    font-size:32px;
}

.imgLogoHelpm{
    height:100%;
    margin-left: 50px;
}

.headerContent{
    display:flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
}

@media (max-width:600px){

    .helpMFontFirst{
        color:#E30613;
        font-weight:bold;
        font-size: 24px !important;
    }

    .helpMFontSecond{
        font-size: 14px !important;
    }

    .imgLogoHelpm{
        height:70px !important;
        margin-left: 50px;
    }

    .headerContent{
        display:flex;
        width: 100%;
    }
	
	#contentroot{
		width:96%;
		margin:9 2% 100px 2%;
	}
}
    #menumobile{width:100%}
    #menumobile .mobilemenuicon{width:48px; height:48px; margin-left:20px; cursor:pointer}
    #menumobilepopup{min-height:100%; width:75%; max-width:500px; position:absolute; left:0px; top:0px; z-index:9999}
    #menumobilepopup table{width:100%}
    #menumobilepopup>table{margin-top:60px}
    #menumobilepopup a{text-decoration:none}
    #menumobilepopup p{float:left; margin:14px 0 0 10px; font-size:32px}
    #menumobilepopup .submenu p{margin-left:30px}
    #menumobilepopup .subsubmenu p{margin-left:50px}
    #menumobilepopup .open, #menumobilepopup .opendummy{height:40px; width:40px; padding:18px 10px; float:right}
    #menumobilepopup .submenu, #menumobilepopup .subsubmenu{display:none; z-index:999}
    #menumobilepopup .switchtodesktop{float:left; font-size:24px; margin:100px 0 0 0; width:100%; text-align:center}