/* main styles start  */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { margin:0; padding:0; height:100%; position:relative; background:#702121; font:1em/1.5 Arial, Verdana, Helvetica, sans-serif }
body { overflow-x:hidden; -webkit-animation:androidbugfix infinite 1s; }
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} }
h1 { padding:0; margin:0; font-size: 1.2em; line-height: 1.2em; color: #702121; }
p, form { margin:0; padding:0; }
a,a:link,a:visited{outline:none;}
span {display: inline-block;}
button { margin: 0px; padding: 0px; border: none; background: transparent; cursor: pointer;  }
input[type=text], input[type=text], input[type=email], input[type=tel], input[type=password], select { height: 35px; padding: 5px; background: #faf6fe; }
input[type=text], 
input[type=tel], 
input[type=email], 
input[type=password], 
textarea { outline: none; border: 1px solid #ababab; }
input[type=text]:focus, 
input[type=email]:focus, 
input[type=tel]:focus, 
input[type=password]:focus, 
textarea:focus { 
border: 1px solid #d5d6ed;
-moz-box-shadow: 0 0 7px #d5d6ed;
-webkit-box-shadow: 0 0 7px #d5d6ed;
-o-box-shadow: 0 0 7px #d5d6ed;
-ms-box-shadow: 0 0 7px #d5d6ed;
box-shadow: 0 0 7px #d5d6ed;
}

#noscrypt {
	margin-top:50px;
	color:red; 
	position: absolute; 
	width: 100%; 
	z-index: 9999999; 
	background: #fff; 
	padding:10px; 
	border: 1px solid #000; 
	text-align: center;
}

iframe {
	width: 100%;
	height: 300px;
}

/* Checkbox */
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    width: 18px; 
    height: 18px;
    font-size: 18px;
    background-color: #eee;
    border: 1px solid #666;
}

input[type=checkbox]:checked:after {
    position: relative;
    bottom: 5px;
    left: 2px;
    color: #000;
    content: "\2713"; /* check mark */
}

.anchor::before { 
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 110px; 
  visibility: hidden; 
  pointer-events: none;
}
.only-mob {display: none;}
.f-left {float: left;}
.f-right {float: right;}
.c-both {clear: both;}
.c-left {clear: left;}
.pos_r { position: relative; }
.pos_a { position: absolute; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.block { display: block; }
.flex { display: flex; }
.overflow-x-hidden { overflow-x: hidden !important; }
.display-none { display: none; }
.t-align-c { text-align:center; }
.t-align-l { text-align:left; }
.t-align-r { text-align:right; }
.jcontent-space-between { justify-content: space-between; }
.underline { text-decoration:underline; }
.v-align-m { vertical-align:middle; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.fs06 {	font-size: 0.6em; }
.fs08 {	font-size: 0.8em; }
.fs09 {	font-size: 0.9em; }
.fs1 {	font-size: 1em !important; }
.fs12 {	font-size: 1.2em; }
.fs14 {	font-size: 1.4em; }
.fs16 {	font-size: 1.6em; }
.fs2 {	font-size: 2em; }
.lh08 { line-height: 0.8em; }
.lh1 { line-height: 1em; }
.lh12 { line-height: 1.2em; }
.lh14 { line-height: 1.4em; }
.lh16 { line-height: 1.6em; }
.lh2 { line-height: 2em; }
.lh25 { line-height: 2.5em; }
.padding2px { padding: 2px; }
.padding5px { padding: 5px; }
.padding10px { padding: 10px; }
.padding20px { padding: 20px; }
.padding-left-10px { padding-left: 10px; }
.padding-bottom-5px { padding-bottom: 5px; }
.padding-botom10px { padding-bottom: 10px; }
.padding-top-10px { padding-top: 10px; }
.padding-top-botom10px { padding: 10px 0 10px 0; }
.plr5px { padding: 0 5px 0 5px; }
.margin-left-10px { margin-left: 10px; }
.margin-left-50px { margin-left: 50px; }
.margin-right-10px { margin-right: 10px; }
.margin-right-20px { margin-right: 20px; }
.margin-top-2px { margin-top: 2px; }
.margin-top-5px { margin-top: 5px; }
.margin-top-10px { margin-top: 10px; }
.margin-top-15px { margin-top: 15px; }
.margin-top-20px { margin-top: 20px; }
.margin-top-30px { margin-top: 30px; }
.margin-top-bottom-5px { margin:5px 0 5px 0; }
.margin-top-bottom-10px { margin:10px 0 10px 0; }
.margin-bottom-4px { margin-bottom: 4px; }
.margin-bottom-5px { margin-bottom: 5px; }
.margin-bottom-8px { margin-bottom: 8px; }
.margin-bottom-10px { margin-bottom: 10px; }
.margin-bottom-20px { margin-bottom: 20px; }
.margin-bottom-30px { margin-bottom: 30px; }
.border-top-1px { border-top: 1px solid #dddddd; }
.border1px { border: 1px solid #dddddd; }
.hr1px { height: 1px; border-bottom: 1px solid #dddddd; margin:10px 0 10px 0; }
.border-bottom-1px { border-bottom: 1px solid #dddddd; }
.border-bottom-1px-black { border-bottom: 1px solid #000; }
.border-top-1px-white { border-top: 1px solid #fff; }
.border-b1px { border-bottom-style: solid; border-width: 1px; }
.border-color-f { border-color: #702121; }
.border-color-red { border-color: red !important; }
.border-top-bottom-1px { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.max-w320px { max-width: 320px; }
.max-w500px { max-width: 500px; }
.min-w320px { min-width: 320px; }
.w50px { width: 50px; }
.w90px { width: 90px; }
.w150px { width: 150px; }
.w25p { width: 25%; }
.w33p { width: 33.33333%; }
.cont-item-wrapper.w33p { width: 100%; }
.w50p { width: 50%; }
.w80px { width: 80px; }
.w100px { width: 100px; }
.w135px { width: 135px; }
.w170px { width: 170px; }
.w200px { width: 200px; }
.w300px { width: 300px; }
.w310px { width: 310px; }
.w100p { width: 100%; }
.w200px-100p { width: 200px; }
.w320px-100p { width: 320px; }
.h35px { height: 35px; }
.h150px { height: 150px; }
.h100p { height: 100%; }
.z-index1 { z-index: 1; }

a, a:active, a:visited { color:#000; text-decoration: none; }
a:hover/*, a:focus*/ { color:#702121; text-decoration:none }
.bg-white { background:#fff; }
.bg-grey { background: #eeeeee; }
.bg-blue { background: #d5d6ed; }
.first-txtcolor { color: #702121; }
.second-txtcolor { color: #702121; }
.third-txtcolor { color:#060; }
.cblack { color: #000; }
a.light-blue, .light-blue { color: #d5d6ed; }
.white { color: #fff; }
a.white { color: #fff !important;}
a.black { color: #000 !important;}
.cred { color: red; }
.cgreen { color: green; }
.dark-green { color: #1a6426; }
.corange { color: #FFAB58; }
.grey { color: #666666; }
.first-bgcolor { background: #702121; }
.second-bgcolor { background: #7d99ca; }
.third-bgcolor { background: #fff7f1; }
.light-grey-bgcolor { background: #dddddd; }

.tt { display: none; }
.ttw { width: 20px; height: 20px; }
.ttw:hover + .tt  { display: inline; }
/*Links in Beraterliste nie unterstreichen!*/
#b_box_cont { background: #d5d6ed; }
#b_box_cont a {	text-decoration: none; }
#call_box_left { border-bottom: 1px solid #dddddd; padding-right: 10px; }
#call_box_right { margin-top: 20px; }
.aprofile .linelogo { margin-top: 20px; }

/* two_col_v1 START */
.two-col-v1-wrapper { /*background-color: #f7f1e3;*/ }
.two-col-v1-wrapper .topberaterbox p.title { background-color: #702121; color: #fff; }
.two-col-v1-cont { background-color: #f7f1e3; position: relative; margin-bottom: 5px; clear: left; }
.two-col-v1-wrapper .top_berater_box  { clear: left; margin-bottom: 5px; }
.two-col-v1-1c-cont { /* one column only */ background-color: #f7f1e3; padding: 10px; position: relative; margin-bottom: 5px; clear: left; }
.two-col-v1-left-col { width: 70%; padding:10px; float: left; }
.two-col-v1-left-col h2 { color: #702121; line-height: 1em; padding:0 !important; margin: 0 0 20px 0; text-decoration: underline; border: none !important; }
.two-col-v1-right-col { height: 100%; width: 30%; padding: 20px; float: left; }
.two-col-v1-right-col:after { clear: left; }
.two-col-v1-right-col .two-col-v1-right-img { text-align: center; }
.two-col-v1-right-col .two-col-v1-right-img img { width: 100%; max-width: 200px; }
/* two_col_v1 END */


/* AJAX CRON Styles START */
.b_box_l img.abild { width: 65px; height: 87px; vertical-align: top; }
.b_box_l .s0, .b_box_l .s1, .b_box_l .s2, .b_box_l .s3, .b_box_l .s8 { width: 65px; height: 20px; background-image:url("../img/status/0.gif"); background-repeat: no-repeat; background-size: contain; }
.b_box_l .s1 { background-image:url("../img/status/1.gif"); }
.b_box_l .s2 { background-image:url("../img/status/2.gif"); }
.b_box_l .s3 { background-image:url("../img/status/3.gif"); }
.b_box_l .s8 { background-image:url("../img/status/8.gif"); }

.l-de, .l-at, .l-ch { display: inline-block; vertical-align:middle; margin-right: 5px; width: 20px; height: 12px; background-image:url("../img/de.gif"); background-repeat: no-repeat; background-size: contain; }
.l-at { background-image:url("../img/at.gif"); }
.l-ch { background-image:url("../img/ch.gif"); }

.bbox p.listpin { line-height: 1.5em; padding:0; margin: 0 0 0 45%; }
p.listpin span:first-child { display: inline-block; width: 100px; margin-right: 20px; }
p.listpin span:nth-child(3) { font-weight: bold; color: #702121; }

/* AJAX CRON Styles END */

.cont_inhalt {
	padding: 10px;
	margin-bottom: 8px;
}

a#eye-show-hide {
	height: 15px; 
	width: 30px; 
	position:absolute;
	right: 20px;
	margin-top: 10px;
	display:inline-block;
}

a.eye-show {
	background-image: url("../webinc/img/eye-show.png"); background-repeat: no-repeat;
}

a.eye-hide {
	background-image: url("../webinc/img/eye-hide.png"); background-repeat: no-repeat;
}

/*TOP BERATERBOX START*/
.topberaterbox {
	text-align:center;
	border: 1px solid #702121;
}
.topberaterbox .title {
	font-size: 1em !important;
	line-height: 1.6em;
	font-weight: bold;
	background: #d5d6ed;
	color: #702121;
}
.topberaterbox .nickname {
	color: #702121;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
.topberaterbox .nickname a:before { content: "Kartenlegen mit "; }
.topberaterbox .hptxtu {
	line-height: 1.2em;
}
.topberaterbox .pin {
	font-size: 1.2em;
	line-height: 1.4em;
	margin:5px 0 5px 0;
	color: #702121;
}
.topberaterbox .gb_title {
	font-size: 1.2em;
}
.topberaterbox .gb_text {
	font-style: italic;
	padding: 10px;
}
/*TOP BERATERBOX ENDE*/

#login_container { background: #f2f3fe; }
.login-form { background: #f7f1e3; }
.int_desc { border: 1px solid #702121; padding: 0 5px 0 5px; display: inline-block; }

.b_box, /*.berater_livelist_wrapper,*/ .bg-color, .top_berater_box, .blog_wrapper, .ext_site_text, #mein-prepaid-tipp, #footer  { background-color: #f7f1e3; /*background-color: #f2f8ff;*/ }
.blog_wrapper { padding:10px; }
.one_col > .bg-color { background-color: transparent; }

.ext_site_text { padding: 10px; }
.ext_site_text h2 { padding-top: 15px; border-top: 10px solid #702121; }

.bg-color1 { background-color: #d5d6ed; }
.bg-color2 { background-color: #f2f3fe; }
.berater_livelist_wrapper { padding:10px; margin: 0 0 3px 0; }
.backlinkc { color: #d5d6ed; }
a.backlink { color: #f2f3fe; }
#orakel_q { background-color:#fff7f1; width: 100%; float: left; }
#orakel_q_pic { width: 100%; float: left; }
#antwort_txt, #tip_txt { width: 100%; }
#orakel_res { width:100%; padding: 10px; float: left; }
#orakel_pic_res { width: 100%; float:left; }

#scroll_2top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 9999999;
    display: none;
}

#scroll_2top a {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
	padding: 2px;
    font-size: 25px;
    line-height:25px;
    font-weight:bold;
    color: #702121;
    background-color: #ccc;  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px; 
    text-decoration: none;
}

#scroll_2top a:hover { background-color: #fff; }

#debug_inf, #show_vars { position:absolute; max-height: 500px; overflow:scroll; top:0px; left:0px; z-index:999999; width:100%; background-color:#FFFFE0; padding: 5px; }
#footer { font-size: 1em; padding:5px; /*background-color:*/ #f7f1e3; border-top: 1px solid #702121; /*background: #dddddd;*/ text-align:center; width: 100%; position: relative; /*right: 0; bottom: 0px; left: 0;*/ }

#berater-profile-top { position: relative; height: auto; width: 100%; background-image: url("../img/profil_top_bg1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top right; }
#profil_sternzeichen { margin-left:100px; font-size: 0.8em; line-height: 1.2em; color: #000; }
#profil_sternzeichen a { color: #702121; }
/* main styles end */

/* header and menu styles start */
#header { position: fixed; top:0; border-bottom: 1px solid #666; width: 100%; left:0; right:0; margin: 0 auto; height:75px; /*#background:#f7f1e3;*/ background:#f2f3fe; z-index: 9999; }
#header #mobile_logo { position:absolute; z-index: 1; display: inline-block; width:37%; max-width: 195px; height: 70px; overflow: hidden; background:#f2f3fe; background-image: url("../img/logo-marialine.jpg"); background-repeat: no-repeat; background-size: contain;	background-position: center; }
#header label { padding:0 0.125em; font:2.875em/1.4375em Arial, Verdana, Helvetica, sans-serif }
#menu label { font:3.125em/1.375em Arial, Verdana, Helvetica, sans-serif }

/* navigation start */
.nodesktop { display: block; }
.nomobile { display: none; }
.nodesktop .flags {margin-top: 10px;}

#menu .sub_nav .toggle { padding:0 0.3125em; font:1em/1em Arial, Verdana, Helvetica, sans-serif; top:0 }
#rmenu { position: absolute; top: 0; right:5px; max-width: 1140px; }
#header label:hover, #menu label:hover { color:#702121; }
#main-nav-check, #menu .sub_nav_chck { position:absolute; top:-9999px; left:-9999px }
.toggle { position:absolute; left:0.15em; cursor:pointer; color:#000; }
/*###.toggle:after{ content:"< zurück"; font-size: 1em; line-height: 2.8em; text-transform: none; }*/
.toggle:after{ content:""; font-size: 1em; line-height: 2.8em; text-transform: none; }
.container { min-height:100%; width: 100%; max-width: 1150px; margin: 75px auto 0 auto; position: relative; padding:0; }
#menu, #menu .sub_nav { position:absolute; top:0; bottom:0; width:17.75em; background:#f7f1e3; z-index:999; left:-17.75em }
#menu, #menu .sub_nav { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition:-webkit-transform .1s linear; transition:transform .1s linear }
#menu { background:#f7f1e3; top:75px; position:fixed; height: calc(100% - 60px); overflow-x: hidden; overflow-y: scroll; }
#menu ul { position: relative; /*# background-color:#f7f1e3; background:#f7f1e3;*/ background-color:#f2f3fe; background:#f2f3fe; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:0;  /*border-top:1px solid #545454*/ }
#menu li { border-bottom:1px solid #dddddd; }
#menu li a  { /*background:#fff;*/ display:block; font-size:0.875em; padding-left:1.5em; color:#000; text-decoration:none; text-transform: uppercase; }
#menu li .flags a {display: inline;}
#menu li label span  { /*background:#fff;*/ color:#000; font-size:0.875em; padding-left:1.5em; }
#menu li a:hover, #menu .toggle-sub:hover, #menu .toggle-sub:hover a { color:#702121 }
#menu .subhead { margin-top:2.74em; }
#menu .subhead a { color:#fff; text-transform: uppercase;  padding-left:1.3125em; color: #702121; font-weight: bold; /*###background-color: #702121;*/}
#menu .subhead a:hover { color:#000; }
#menu li.nodesktop a.nav-close-btn { background: #d5d6ed; color:#000; text-transform: none; text-align: center; }
#menu .subhead:before { content:""; display:block; height:1px; width:18.0em; margin-left:-1.3125em; /*background:#702121;*/ }
#menu .toggle-sub { font:normal 1em/2.75em Arial, Verdana, Helvetica, sans-serif; color:#000; /*background:#fff;*/ margin-top:-2.75em; cursor:pointer; text-align:center; position: relative; }
#menu .toggle-sub a { margin:0; color:#000; width:85%; }
#menu .toggle-sub a:first-child { text-align: left; display: inline-block; text-transform: uppercase; width: 80%; }
#menu .toggle-sub span { text-transform: uppercase; width:83%; text-align: left; }
#menu .toggle-sub i { position: relative; display: inline-block; line-height:2.75em; float: right; width: 15%; }
#menu, #menu .sub_nav { -webkit-transform:translate3d(0,0,0); background:#f7f1e3; }
#menu li.extras { display: none; }
#main-nav-check:checked ~ #menu, #menu .sub_nav_chck:checked ~ [id$="-sub"] { -webkit-transform:translate(17.75em,0); -ms-transform:translate(17.75em,0); transform:translate(17.75em,0); }
#header label.hmenu { display: block; /*# background: #f7f1e3;*/ background: #f2f3fe; width: 60px; height: 74px; position: relative; float:left; cursor: pointer; z-index: 9999; font-size: 1em; }
.line { position: absolute; left:15px; height: 2px; width: 30px; background: #545454; display: block; transition: 0.2s; transform-origin: center; }
.line:nth-child(1) { top: 18px; }
.line:nth-child(2) { top: 26px; }
.line:nth-child(3) { top: 34px; }
#header #main-nav-check:checked + .hmenu .line:nth-child(1){ transform: translateY(8px) rotate(-45deg); }
#header #main-nav-check:checked + .hmenu .line:nth-child(2){ opacity:0; }
#header #main-nav-check:checked + .hmenu .line:nth-child(3){ transform: translateY(-8px) rotate(45deg); }
#header #main-nav-check:checked ~ #off_canvas {	display: block; }
.hmenu:after { content: 'Menü';	display: block;	position: absolute; text-align: center;	width: 56px; font-size: 0.8em; font-family: Arial, Verdana, Helvetica, sans-serif; color: #545454; top: 40px; }
#header label.hmenu:hover .line { background: #702121; }
#header label.hmenu:hover:after { color: #702121; }
/* navigation end */

.icon-h { width: auto; height: 60px; vertical-align: top; text-align: center; display: inline-block; font-size: 0.8em; line-height: 1.4em; padding: 10px 5px; }
.search-btn {  float: right; position: absolute; right: 0px; width: 60px; height: 100%; }
.a-btn1, .a-btn2 { background-color: rgba(112, 33, 33, 0.6); color: #fff; display: inline-block; /*width: 240px;*/ width: 100%; height:35px; line-height: 35px; border: 1px solid #666; padding: 0 5px 0 5px; }
.a-btn2 { background-color: rgba(213, 214, 237, 0.6); color: #000; }

.box50pl, .box50pr { width: 100%; }

.a-btn1:hover { background-color: rgba(112, 33, 33, 0.4); color: #fff; }
.a-btn2:hover { background-color: rgba(213, 214, 237, 0.4); }
/* header and menu styles end */
#off_canvas, #pp_off_canvas { display:none; position: fixed; top:0; left:0; z-index: 1; width:100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.page-content { width: 100%; padding: 5px; background: #d5d6ed; /*word-wrap: break-word;*/ /*background-color: #f7f1e3;*/ }
.page-content .ext_site_text { word-wrap: break-word; }
.page-content .ext_site_text a, .page-content a:active, .page-content a:visited { text-decoration: underline; }
.page-content h2 a {color: inherit; text-decoration: inherit;}
.page-content:after { display:block; content:""; height:1px } /* fixes bottom padding issue in IE10 */
.search_form_mobile_wrapper { display: none; position: relative; width: calc(100% - 20px); max-width: 1140px; margin: 35px auto 0 auto; height:35px; outline: 1px solid #999; background: white;}
.search_form_mobile_wrapper input {	border:none; width: 80%; padding: 0 5px 0 5px; height: 35px; font-size: 16px; }
.search_form_mobile_res { position:absolute; left:-1px; padding: 2.5%; border: 1px solid #666; width: 95%; background-color: #fff; }
#filter_box { background: #d5d6ed; width: 100%; padding: 0; margin: 8px 0 5px 0; border: #702121 2px solid; }
#filter_box { background: #d5d6ed; width: 100%; padding: 0; margin: 8px 0 5px 0; border: #702121 2px solid; }
.filter_box { width: 50%; padding: 5px;	float:left; }
.filter_box label { display: block;	font-size: 0.8em; line-height: 1em; margin-bottom: 5px;	color: #702121; }
.filter_box select, .filter_box input { margin: 0px; padding:0px;  width: 100%; border: 1px solid #000; }
.col { width: 100%; padding:4px; height: 170px; float: left; }
.livecol { padding: 0 5px 0 0;}

.b_box { text-align: left; height: 100%; margin: 0; border-bottom: 1px solid #ccc; padding: 5px; }
.b_box_l { width:80px; height:100%; float: left; }
.b_box_l img { width:80px; height:107px; }
.b_box_l .status { margin-left: 8px; width:64px; height:15px; }
.b_box_l .ddi { text-align: center; font-size: 1.2em; line-height: 1.4em; margin: 5px 0 5px 0;}
.b_box_r { text-align: left; width: calc(100% - 80px); padding:0 0 5px 10px; float:left; height: 145px; position: relative; }
.b_box_r .nickname { font-size: 1em; line-height: 1em; font-weight: bold; margin: 0 0 5px 0;}
.b_box_r .nickname a { color: #702121; }
.b_box_r .rr_tel { margin-left: 0px; width:20px; height:14px; float: right; }
.b_box_r .rr_tel_2, .b_box_r .rr_tel_3, .b_box_r .rr_tel_8 {display: none;}
.b_box_r .hptxt {font-size: 0.9em; line-height: 1.3em; margin-bottom: 2px; overflow: hidden; height: 36px; }

/* tooltip */
.tooltip {
	color: #702121;
	text-decoration: underline;
	cursor: help;
}

[data-tooltip], [data-tooltip-l], [data-tooltip-r] { position: relative; }

[data-tooltip]::after, [data-tooltip-l]::after, [data-tooltip-r]::after {
	content: attr(data-tooltip);
	font-size: 0.8em;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s;
	display: block;
	position: absolute;
	bottom: 25px;
	left: -8em;
	width: 16em;
	padding: 0.5em;
	z-index: 100;
	color: #000;
	background-color: #eeeeee;
	border: solid 1px #702121;
	z-index: 999999;
	white-space: pre-wrap;
}

[data-tooltip-l]::after, [data-tooltip-r]::after {
	content: attr(data-tooltip-l);
	left: 0;
}

[data-tooltip-r]::after {
	content: attr(data-tooltip-r);
	left: -16em;
}

[data-tooltip]:hover::after, [data-tooltip-l]:hover::after, [data-tooltip-r]:hover::after { opacity: 1; }
/* tooltip */

ul.simplePagerNav {
list-style: none;
padding: 0;
margin:0;
}

ul.simplePagerNav li {
float: left;
padding: 5px;
}
ul.simplePagerNav li a{
	color: #333;
	text-decoration: none;
	display:block;
}
ul.simplePagerNav li a:hover{
	color: #060;
	text-decoration: none;
	display:block;
}
ul.simplePagerNav li.currentPage a {
	color: #060;
	font-weight: bold;
	text-decoration: underline;
}
/* Status button start */
#pbtn .sbtn, #pbtn .sbtn0, #pbtn .sbtn1, #pbtn .sbtn2, #pbtn .sbtn3, #pbtn .sbtn8 { position: relative; text-align: center; width:100%; max-width:220px; display: inline-block;	vertical-align: middle;	height: 40px; line-height: 38px; background: #702121; color: #fff; }
#pbtn .sbtn:visited, #pbtn .sbtn0:visited, #pbtn .sbtn1:visited, #pbtn .sbtn2:visited, #pbtn .sbtn3:visited, #pbtn .sbtn8:visited { color: #fff; }
#pbtn .sbtn:hover, #pbtn .sbtn0:hover, #pbtn .sbtn2:hover, #pbtn .sbtn3:hover, #pbtn .sbtn8:hover { background: rgba(112, 33, 32, 0.5); color: #fff; }

#pbtn .sbtn1:hover { background: rgba(8, 118, 0, 0.5); color: #fff; }

/*.sbtn0:before,*/ #pbtn .sbtn1:before, #pbtn .sbtn2:before, #pbtn .sbtn3:before, #pbtn .sbtn8:before {
content: "\f098";
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #fff;
font-size: 2em;
margin-right: 10px;
vertical-align: middle;
}

/*
.sbtn0:before {
content: "\f506";
font-weight: 900;
}
*/

#pbtn .sbtn2:before {
font-weight: 900;
}

#pbtn .sbtn3:before {
content: "\f28b";
font-weight: 900;
}

#pbtn .sbtn0:after, #pbtn .sbtn1:after {
content: "abgemeldet";
color: #fff;
font-size: 1em;
vertical-align: middle;
}

#pbtn .sbtn1:after {
content: "Rückruf";
}

#pbtn .sbtn0 {
background: #163f8e;
}

#pbtn .sbtn1 {
background: #087600;
}

#pbtn a.sbtn1:after {
content: "Rückruf starten";	
}

#pbtn .sbtn2 {
background: #d00028;
}

#pbtn .sbtn3 {
background: #c24e01;
}

#pbtn .sbtn8 {
background: #fc7e0b;
}

#pbtn .sbtn2:after {
content: "besetzt";
}

#pbtn .sbtn3:after {
content: "Pause";
}

#pbtn .sbtn8:after {
content: "wird gerufen";
}
/* Status button end */

.profile_inf0900 { margin-bottom: 20px; }

.ext_site_text p {
	margin-bottom: 1em;
}

.artikel_bild {
	max-height: 500px; 
	/*width: 100%; 
	overflow: hidden;*/
}
.artikel_bild img {
	max-height: 500px;
	max-width: 100%;
	opacity: 1;
}
.cont-items { margin-bottom: 8px; }
.cont-items .cont-item-wrapper { padding: 10px; float: left; } 
.cont-items .cont-item-wrapper .cont-item { width: 100%; height:100%; position: relative; }
.c50_100 { width:100%; padding:0px; }

.arrow_box {
	position: absolute; padding:10px; text-align: center; width: 160px; height: auto; right: 0px; top: 56px; background: #fff; border: 1px solid #702121; display:none;
}

.arrow_box p {
	text-align: left; font-size: 0.9em; line-height: 1.2em; padding-bottom: 10px;
}

#acc_top:hover + #login_box_top, #login_box_top:hover { display: block; }

.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 75%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box:before {
	border-color: rgba(112, 33, 33, 0);
	border-bottom-color: #702121;
	border-width: 6px;
	margin-left: -6px;
}

.button_brown, .button_blue, .button_grey { height: 35px; font-size: 16px; line-height: 24px; cursor: pointer;}

.button_brown {
 text-align: center;	
 border:1px solid #b48282; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-decoration:none; display:inline-block; color: #ffffff;
 background-color: #702121; background-image: -webkit-gradient(linear, left top, left bottom, from(#af6c6c), to(#702121));
 background-image: -webkit-linear-gradient(top, #af6c6c, #702121);
 background-image: -moz-linear-gradient(top, #af6c6c, #702121);
 background-image: -ms-linear-gradient(top, #af6c6c, #702121);
 background-image: -o-linear-gradient(top, #af6c6c, #702121);
 background-image: linear-gradient(to bottom, #af6c6c, #702121);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#af6c6c, endColorstr=#702121);
}

.button_brown:hover {
 border:1px solid #a36565; color: #FFFFFF;
 cursor: pointer;
 background-color: #702121; background-image: -webkit-gradient(linear, left top, left bottom, from(#ebdada), to(#702121));
 background-image: -webkit-linear-gradient(top, #ebdada, #702121);
 background-image: -moz-linear-gradient(top, #ebdada, #702121);
 background-image: -ms-linear-gradient(top, #ebdada, #702121);
 background-image: -o-linear-gradient(top, #ebdada, #702121);
 background-image: linear-gradient(to bottom, #ebdada, #702121);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ebdada, endColorstr=#702121);
}

.button_blue/*, .btn_cont_v2 .button_brown*/ {
 text-align: center;
 color: #702121;
 border:1px solid #702121; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-decoration:none; display:inline-block;
 background-color: #edeefa; background-image: -webkit-gradient(linear, left top, left bottom, from(#edeefa), to(#d5d6ed));
 background-image: -webkit-linear-gradient(top, #edeefa, #d5d6ed);
 background-image: -moz-linear-gradient(top, #edeefa, #d5d6ed);
 background-image: -ms-linear-gradient(top, #edeefa, #d5d6ed);
 background-image: -o-linear-gradient(top, #edeefa, #d5d6ed);
 background-image: linear-gradient(to bottom, #edeefa, #d5d6ed);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#edeefa, endColorstr=#d5d6ed);
}

.button_blue:hover/*, .btn_cont_v2 .button_brown:hover*/ {
 cursor: pointer;
 background-color: #c1c3e2; background-image: -webkit-gradient(linear, left top, left bottom, from(#edeefa), to(#c1c3e2));
 background-image: -webkit-linear-gradient(top, #edeefa, #c1c3e2);
 background-image: -moz-linear-gradient(top, #edeefa, #c1c3e2);
 background-image: -ms-linear-gradient(top, #edeefa, #c1c3e2);
 background-image: -o-linear-gradient(top, #edeefa, #c1c3e2);
 background-image: linear-gradient(to bottom, #edeefa, #c1c3e2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#edeefa, endColorstr=#c1c3e2);
}

.button_grey {
 border:1px solid #bfc4c4; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-decoration:none; display:inline-block; color: #000000;
 background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
 background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
 background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
 background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
 background-image: -o-linear-gradient(top, #ffffff, #dddddd);
 background-image: linear-gradient(to bottom, #ffffff, #dddddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#dddddd);
}

.button_grey:hover {
 color: #000000;	
 background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cdcdcd));
 background-image: -webkit-linear-gradient(top, #ffffff, #cdcdcd);
 background-image: -moz-linear-gradient(top, #ffffff, #cdcdcd);
 background-image: -ms-linear-gradient(top, #ffffff, #cdcdcd);
 background-image: -o-linear-gradient(top, #ffffff, #cdcdcd);
 background-image: linear-gradient(to bottom, #ffffff, #cdcdcd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#cdcdcd);
}

.btn_label_chkbox {
	text-align: center;
	margin-top: 5px;
	height: 35px;
	width: 100px;
	padding: 5px;
	font-size: 1em; 
	line-height: 24px; 
	cursor: pointer;
	border:1px solid #bfc4c4; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-decoration:none; display:inline-block; color: #000000;
	background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
	background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
	background-image: -o-linear-gradient(top, #ffffff, #dddddd);
	background-image: linear-gradient(to bottom, #ffffff, #dddddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startCoradior=#ffffff, endColorstr=#dddddd);
}

.btn_label_chkbox:hover, input[type=radio].btn_chkbox:checked + label.btn_label_chkbox {
	color: #ffffff;
	background-color: #edeefa; background-image: -webkit-gradient(linear, left top, left bottom, from(#edeefa), to(#c1c3e2));
	background-image: -webkit-linear-gradient(top, #edeefa, #c1c3e2);
	background-image: -moz-linear-gradient(top, #edeefa, #c1c3e2);
	background-image: -ms-linear-gradient(top, #edeefa, #c1c3e2);
	background-image: -o-linear-gradient(top, #edeefa, #c1c3e2);
	background-image: linear-gradient(to bottom, #edeefa, #c1c3e2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#edeefa, endColorstr=#c1c3e2);
}

a.button_blue, a.button_brown { color: #702121; text-decoration: none !important; line-height: 32px; }
a.button_brown { color: #fff; }

.divided_box { /*border: #ccc 1px dashed;*/ padding: 10px; }
.divided_box .col_left { width: 100%; }
.divided_box .col_right { width: 100%; }

/* # Responsive styles */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.two-col-v1-left-col, .two-col-v1-right-col { width:100%; float: none; }
	.two-col-v1-right-col .two-col-v1-right-img img { margin-top: 50px; width: 100%; }
	
	/*input, select { height: 30px; }*/
	.cont-items .cont-item-wrapper { width: 100% !important; }
	.cont-items .cont-item-wrapper .cont-item { width: 100%; }
	.cont-items { width: 100%; }
	.cont-item-wrapper.w33p { width: 100%; }
	.w50p {width: 100%;}
	.w200px-100p { width: 100%; }
	.w320px-100p { width: 100%; }
	input[type=text], 
	input[type=tel], 
	input[type=email], 
	input[type=password], 
	textarea,
	select
	{ 
		font-size: 1em; 
	}
	#header #mobile_logo { height: 70px;}
	
	.only-mob {display: block;}
	ul {
		padding-left: 15px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#header #mobile_logo { height: 74px;}
	.col { width: calc(100%/2); }
	.c50_100 { width:50%; float:left; }
	.divided_box { padding: 20px; }
	.divided_box .col_left { width: 30%; float:left; padding: 0 30px 0 0; }
	.divided_box .col_right { width: 70%; border-left: 8px solid #702121; float:left; padding: 0 10px 0 30px; }
	.divided_box .col_right_second { width: 70%; border-left: 8px solid #702121; float:left; padding: 0 10px 0 30px; }
	/*#orakel_pic_res, #orakel_res { width: 50%; }*/
	#orakel_q, #orakel_q_pic { width: 50%; }
	#antwort_txt, #tip_txt { width: 50%; }	
	.artikel_bild {
		max-height: 500px; 
		text-align: center;
		/*width: 100%; 
		overflow: hidden;*/
	}
	.artikel_bild img {
		max-height: 500px;
		max-width: 667px;
		opacity: 1;
	}
}

/* Medium devices (landscape tablets, 769px and down) */
@media only screen and (max-width: 769px) {
	.cont-items .cont-item-wrapper { width: 50%; }
	.cont-items .cont-item-wrapper .cont-item { min-height: 200px; }
}
/* Medium devices (landscape tablets, 769px and up) */
@media only screen and (min-width: 769px) {
	.col { width: calc(100%/2); }
	.filter_box { width: 25%; }
	.cont-item-wrapper.w33p { width: 33.33333%; }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#call_box_left { border-bottom: none; }
	#call_box_right { margin-top:0px; }
	
	.col { width: calc(100%/2); }
	.b_box { padding: 5px; }
	.b_box_r .hptxt { /*overflow: hidden; height: 36px;*/ }
	body { /*background-image: url("../img/body_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;*/ background: #702121; }
	#pbtn .sbtn, #pbtn .sbtn0, #pbtn .sbtn1, #pbtn .sbtn2, #pbtn .sbtn3, #pbtn .sbtn8 { max-width:300px; margin: 0 auto 0 auto; }
	.a-btn2 { width: 48%; margin: 0; padding:0; }
	.box50pl { width: 50%; float: left; }
	.box50pr { width: 50%; float: left; }
	
	.profile_inf0900, .profile_inf22 { width: 50%; float: left; }
	.profile_inf0900 { margin-bottom: 0px; }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.col { width: calc(100%/4); }
	#header #mobile_logo { height: 50px;}
}

/* Extra settings for menu height */
@media only screen and (min-height: 660px) {
	#menu { 
		overflow: scroll; 
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1150px) {
	#call_box_left { border-bottom: none; }
	#call_box_right { margin-top:0px; }
	
	.pp_payment {
		width: 49%;
		float: left;
		height: 220px;
	}
	.search_form_mobile_wrapper {margin-top: -40px; max-width: 600px;}
	#rmenu { position: absolute; width: 100%; height: 50px; top: 0; left:0; /*#background: #f7f1e3;*/ background: #f2f3fe; }
	.container { margin-top: 100px; }
	#header { height: 100px; width: 100%; margin:0; }
	#header label.hmenu, .hmenu:after, #main-nav-check { display:none; }
	#menu, #menu .sub_nav { top:-250px; bottom:0; width:100%; background:#f7f1e3; left:0; z-index: -1; }
		
	#menu { 
		position:absolute;
		width:100%;
		left:0;
		top:50px;
		overflow: visible;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
	}
	
	/* Reset, IE Problem */
	#main-nav-check:checked ~ #menu, #menu .sub_nav_chck:checked ~ [id$="-sub"] { -webkit-transform:none; -ms-transform:none; transform:none; }
	
	#menu ul.hul { width: 100%; }
	#menu ul li { border: none; line-height: 1.6em; }
	#menu ul li label span, #menu ul li a { padding: 0; margin: 0; }
	
	#menu li label.toggle-sub a:first-child, #menu ul li a, #menu .toggle-sub span { width: 100%; text-transform: none; }
	
	#menu ul li ul, #menu ul li label i.fas, .subhead label.toggle { display:none; }
	#menu ul li ul { position: relative; margin-top: 40px; }
	#menu .sub_nav_chck ~ [id$="-sub"] { display: inline-block; width: 100%; left:0; height: 150px; border-bottom: 1px solid #000; }
	#menu .sub_nav_chck ~ [id$="-sub"] li:first-child { margin-top: 20px; }
	#menu .sub_nav_chck ~ [id$="-sub"] li { position: relative; margin-left: calc(50% - 295px); }

	/* Extras */
	#menu .sub_nav_chck ~ #ko-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #kartenlegen-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #astrologie-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #esoterik-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #magie-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #hellsehen-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #mehrwertdienste-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #service-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	#menu .sub_nav_chck ~ #prepaid-sub li.extras { margin: 10px 0 0 calc(50% - 200px); position: absolute; display: block; top:0; }
	
	#menu .sub_nav_chck ~ #ko-sub li.extras a img, 
	#menu .sub_nav_chck ~ #kartenlegen-sub li.extras a img, 
	#menu .sub_nav_chck ~ #astrologie-sub li.extras a img, 
	#menu .sub_nav_chck ~ #esoterik-sub li.extras a img, 
	#menu .sub_nav_chck ~ #magie-sub li.extras a img, 
	#menu .sub_nav_chck ~ #hellsehen-sub li.extras a img, 
	#menu .sub_nav_chck ~ #mehrwertdienste-sub li.extras a img, 
	#menu .sub_nav_chck ~ #service-sub li.extras a img, 
	#menu .sub_nav_chck ~ #prepaid-sub li.extras a img { height: 200px; }
	
	#menu .sub_nav_chck ~ #ko-sub li.extras a span, 
	#menu .sub_nav_chck ~ #kartenlegen-sub li.extras a span, 
	#menu .sub_nav_chck ~ #astrologie-sub li.extras a span, 
	#menu .sub_nav_chck ~ #esoterik-sub li.extras a span, 
	#menu .sub_nav_chck ~ #magie-sub li.extras a span, 
	#menu .sub_nav_chck ~ #hellsehen-sub li.extras a span, 
	#menu .sub_nav_chck ~ #mehrwertdienste-sub li.extras a span, 
	#menu .sub_nav_chck ~ #service-sub li.extras a span, 
	#menu .sub_nav_chck ~ #prepaid-sub li.extras a span { margin-bottom: 10px; color: #702121; font-weight: bold; }
	
	#menu .sub_nav_chck ~ #prepaid-sub li.extras a span { position: absolute; width: 400px; top:0; left: 110px; font-weight: normal; }
	#menu .sub_nav_chck ~ #prepaid-sub li.extras a span strong { color: #1e418a; }

	#menu .sub_nav_chck ~ #ko-sub li, #menu .sub_nav_chck ~ #kartenlegen-sub li, #menu .sub_nav_chck ~ #astrologie-sub li, #menu .sub_nav_chck ~ #esoterik-sub li, #menu .sub_nav_chck ~ #magie-sub li, #menu .sub_nav_chck ~ #hellsehen-sub li, #menu .sub_nav_chck ~ #mehrwertdienste-sub li, #menu .sub_nav_chck ~ #service-sub li, #menu .sub_nav_chck ~ #prepaid-sub li { position: relative; margin-left: calc(50% - 550px); }

	/*#main-nav-check:checked ~ #menu, #menu .sub_nav_chck:checked ~ [id$="-sub"],*/ 
	#main-nav-check:hover ~ #menu, #menu .sub_nav_chck:hover ~ [id$="-sub"], #menu .sub_nav_chck ~ [id$="-sub"]:hover,
	#menu .toggle-sub:hover ~ [id$="-sub"]
	{ -webkit-transform:translate(0,250px); -ms-transform:translate(0,250px); transform:translate(0,250px);	}
	
	/* Desktop custom height for ul */
	#menu #kartenlegen-sub.sub_nav { top:-430px; }
	#menu .sub_nav_chck ~ #kartenlegen-sub { height: 330px; }
	#menu .toggle-sub:hover ~ #kartenlegen-sub, #menu .sub_nav_chck:hover ~ #kartenlegen-sub, #menu .sub_nav_chck ~ #kartenlegen-sub:hover { -webkit-transform:translate(0,430px); -ms-transform:translate(0,430px); transform:translate(0,430px); }
	
	#menu #ko-sub.sub_nav { top:-430px; }
	#menu .sub_nav_chck ~ #ko-sub { height: 330px; }
	#menu .toggle-sub:hover ~ #ko-sub, #menu .sub_nav_chck:hover ~ #ko-sub, #menu .sub_nav_chck ~ #ko-sub:hover { -webkit-transform:translate(0,430px); -ms-transform:translate(0,430px); transform:translate(0,430px); }
	
	#menu #astrologie-sub.sub_nav, #menu #prepaid-sub.sub_nav { top:-480px; }
	#menu .sub_nav_chck ~ #astrologie-sub, #menu .sub_nav_chck ~ #prepaid-sub { height: 380px; }

	#menu .toggle-sub:hover ~ #prepaid-sub, #menu .toggle-sub:hover ~ #astrologie-sub, #menu .sub_nav_chck:hover ~ #astrologie-sub, #menu .toggle-sub ~ #astrologie-sub:hover, #menu .sub_nav_chck:hover ~ #prepaid-sub, #menu .sub_nav_chck ~ #prepaid-sub:hover 
	{ -webkit-transform:translate(0,480px); -ms-transform:translate(0,480px); transform:translate(0,480px); }
	
	#menu #esoterik-sub.sub_nav { top:-480px; }
	#menu .sub_nav_chck ~ #esoterik-sub { height: 380px; }
	#menu .toggle-sub:hover ~ #esoterik-sub, #menu .sub_nav_chck:hover ~ #esoterik-sub, #menu .sub_nav_chck ~ #esoterik-sub:hover { -webkit-transform:translate(0,480px); -ms-transform:translate(0,480px); transform:translate(0,480px); }
	
	#menu #magie-sub.sub_nav { top:-480px; }
	#menu .sub_nav_chck ~ #magie-sub { height: 380px; }
	#menu .toggle-sub:hover ~ #magie-sub, #menu .sub_nav_chck:hover ~ #magie-sub, #menu .sub_nav_chck ~ #magie-sub:hover { -webkit-transform:translate(0,480px); -ms-transform:translate(0,480px); transform:translate(0,480px); }
	
	#menu #hellsehen-sub.sub_nav { top:-480px; }
	#menu .sub_nav_chck ~ #hellsehen-sub { height: 380px; }
	#menu .toggle-sub:hover ~ #hellsehen-sub, #menu .sub_nav_chck:hover ~ #hellsehen-sub, #menu .sub_nav_chck ~ #hellsehen-sub:hover { -webkit-transform:translate(0,480px); -ms-transform:translate(0,480px); transform:translate(0,480px); }
	
	#menu #mehrwertdienste-sub.sub_nav { top:-480px; }
	#menu .sub_nav_chck ~ #mehrwertdienste-sub { height: 380px; }
	#menu .toggle-sub:hover ~ #mehrwertdienste-sub, #menu .sub_nav_chck:hover ~ #mehrwertdienste-sub, #menu .sub_nav_chck ~ #mehrwertdienste-sub:hover { -webkit-transform:translate(0,480px); -ms-transform:translate(0,480px); transform:translate(0,480px); }
	
	#menu #service-sub.sub_nav { top:-480px; }
	#menu .sub_nav_chck ~ #service-sub { height: 380px; }
	#menu .toggle-sub:hover ~ #service-sub, #menu .sub_nav_chck:hover ~ #service-sub, #menu .sub_nav_chck ~ #service-sub:hover { -webkit-transform:translate(0,480px); -ms-transform:translate(0,480px); transform:translate(0,480px); }
	
	#menu ul li.subhead { padding: 0; background: #f7f1e3; }
	#menu ul li.subhead a { font-weight: bold; color:#702121; text-transform: uppercase; background-color: #f7f1e3; padding: 0;}
	
	#menu ul.hul > li:first-child, #mobile_logo, #rmenu { margin-left: calc(50% - 570px); }
	#menu ul.hul > li { width: auto; margin-right: 20px; display: inline-block; border-bottom:none; }
	#search_top, #acc_top { position: absolute; right:0; }
	#search_top { right: 100px; }
	#menu ul li.nodesktop, #menu ul li span.nodesktop, .nodesktop { display: none; }
}

/* corrects 'unfixing' bug in Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } }

/* callback box start */
#box {
	background:#D5D6ED;
	position: fixed;
	/*top:180px;*/
	top: 120px;
	left: 50%;
    transform: translate(-50%, 0);
	/*margin:-135px 0 0 -180px;*/
	opacity:1;
	width: 100%;
	max-width: 500px;
	height: auto;
	z-index:9999;
	text-align: center;
	/*
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	*/
	border: 4px white solid;
	padding: 0px;
}

#close_btn {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	height: 52px;
	background: #702121;
	border-left: 4px white solid;
	border-bottom: 4px white solid;
}

#close_btn:hover {
	background: grey;
}

.callback_popup_button {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 0px #ffcc88 solid;
	color: white;
	background: #702121;
	font-weight: bold;
	padding: 5px;
	font-size: 1em;
	display: inline-block;
}

.callback_popup_button:hover {
	/*border: 1px #ffcc88 solid;
	border-top: 2px #ffcc88 solid;
	border-bottom: 2px #ffcc88 solid;
	*/
	color: white;
	background: #834d4d;
}
a.callback_popup_button {
	color: white;
}
/* callback box end */

/* Template tbl-guthaben-aufladen START */
.tbl-guthaben-aufladen  {
	border-collapse: collapse;
	border-spacing: 0;
}

.tbl-guthaben-aufladen thead tr td {
	background: #702121;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 2px;
	border-right: 1px solid #fff;
	border-left: 1px solid #702121;
}

.tbl-guthaben-aufladen thead tr td:last-child {
	background: none;
	border: none;
}

.tbl-guthaben-aufladen tbody tr td {
	text-align: center;
	border: 1px solid #702121;
}

.tbl-guthaben-aufladen .btn-guthaben-aufladen {
	height: 35px; 
	font-size: 16px; 
	line-height: 35px; 
	cursor: pointer;
	color: #fff !important;	
	text-align: center;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px; 
	text-decoration:none; 
	display:inline-block;
	background-color: #702121;
	padding: 0 5px 0 5px;
	margin: 5px 0 5px 0;
}
/* Template tbl-guthaben-aufladen END */