/* 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; font:1em/1.5 Arial, Verdana, Helvetica, sans-serif }
body { 
overflow-x:hidden; 
-webkit-animation:androidbugfix infinite 1s;
background-color: #092c48; 
}
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} }
h1 { padding:0; margin:0; font-size: 1.2em; line-height: 1.2em; color: #702121; width: 100%; text-align: center;}
h2, strong { 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; }
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;
}
.red { color: red !important;}
.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; }
.margin-auto { margin: 0 auto; }
.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: #ededed; }
.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%; }
.w50p-5px-l { width: calc(50% - 5px); margin-right: 5px; }
.w50p-5px-r { width: calc(50% - 5px); margin-left: 5px; }
.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:black; text-decoration:none; }
a.close_window { color: #fff; }
a.close_window:hover { color: #ccc; }
.bg-white { background:#fff; }
.bg-grey { background: #eeeeee; }
.bg-blue { background: #d5d6ed; }
.first-txtcolor { color: #000; }
.second-txtcolor { color: #702121; }
.third-txtcolor { color:#060; }
.cblack { color: #000; }
.white { color: #fff; }
a.white { color: #fff !important;}
a.black { color: #000 !important;}
.cred { color: red; }
.cgreen { color: green; }
.corange { color: #FFAB58; }
.grey { color: #666666; }
.first-bgcolor { background: #702121; }
.first-bgcolor b { color: white; }
.second-bgcolor { background: #a9a9a9; }
.second-bgcolor b { color: white; }
.third-bgcolor { background: #ededed; }
.fourth-bgcolor { background: #f8faf5; }
.light-grey-bgcolor { background: #dddddd; }

.blinking { 
	color: #fff;
	animation:blinktxt 1.5s ease-in infinite;
}
@keyframes blinktxt {
	0%{ color: #fff; }
	100%{ color: #ecb64a; }
}

.blinking-red { 
	color: #fff;
	animation:blinktxt-red 1.5s infinite; 
}
@keyframes blinktxt-red {
	0%{ color: #fff; }
	100%{ color: red; }
}

.tt { display: none; z-index: 9999; }
.ttw { width: 20px; height: 20px; }
.ttw:hover + .tt  { display: inline; }
/*Links in Beraterliste nie unterstreichen!*/

.bbox p.listpin { line-height: 1em; 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; }

select.button_brown {
	text-align: center;
}

.leftbox {
	margin-bottom: 10px;
	color: #fff;
}

.leftbox .lb_content a.lang-link { height: 30px; display: inline-block; vertical-align: middle; margin-bottom: 5px; }
.leftbox .lb_content a.lang-link span {
  height: 100%;
  line-height: 15px;
  display: inline-block;
  vertical-align: middle;
}
.leftbox .lb_content a.lang-link img { height: 25px; width: 37px; } 

.leftbox a {
	color: #000;
}
.leftbox .lb_header {
	background: -moz-repeating-linear-gradient(top,  #ebb446 0,  #fddb98 50%);
	background: -o-linear-gradient(top,  #ebb446 0,  #fddb98 50%);
	background: linear-gradient(top,  #ebb446 0,  #fddb98 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ebb446), to(#fddb98));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebb446', endColorstr='#fddb98');
    -moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border: 1px solid black;
	padding: 2px 4px 2px 4px;
	background-color: #ebb446;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	color:#4d1e29;
}
.leftbox .lb_header a {
	color: #fff;
}

.leftbox .lb_content {
	padding: 5px;
	border-left: 1px solid #702121;
	border-right: 1px solid #702121;
	border-bottom: 1px solid #702121;
}



.btn_cont_v2 {
	border-bottom: 2px solid #702121;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.livelist-topline {
	border-top: 2px solid #702121;
	margin-top: 5px;
	padding: 5px 0;
}

.lb_content .livelist-topline {
	border-top: 0px;
	margin-top: 0px;
	padding: 0;
}

.pp_pay_logos span { width: calc(50% - 10px); padding: 5px; max-width: 150px; }
.pp_pay_logos img { width:100%; }

/*laenderwahl.tpl Classes*/
img.small {
	width: 20px;
	height: 15px;
}

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 #333;
	background: #f7f1e3;
}
.topberaterbox .title {
	font-size: 1em !important;
	line-height: 1.6em;
	font-weight: bold;
	background: #702121;
	color: white;
}
.topberaterbox .nickname {
	color: #666666;
	font-weight: bold;
}
.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: #4c2200;
}
.topberaterbox .gb_title {
	font-size: 1.2em;
}
.topberaterbox .gb_text {
	font-style: italic;
}
/*TOP BERATERBOX ENDE*/

#b_box_cont a {	text-decoration: none; }
#call_box_left { 
	border-bottom: 1px solid #dddddd; 
	padding-right: 10px; }
#call_box_right { 
	margin-top: 20px; 
}

#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: black;
    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; max-width: 1140px; margin: 0 auto; background-color: #f8f2da; /*border-top: 1px solid black;*/ /*background: #dddddd;*/ text-align:center; width: 100%; position: relative; /*right: 0; bottom: 0px; left: 0;*/ }


/* 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:#f8f2da; z-index: 9999; }
#header #mobile_logo { position:absolute; z-index: 1; display: inline-block; width:37%; max-width: 195px; height: 70px; overflow: hidden; background-image: url("../img/logo.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; }
.nomobile span.flags a img { height: 22px; vertical-align: top; margin-top: 2px; border: 1px solid #fff; }
.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:black }
#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: 1140px; margin: 80px auto 0 auto; position: relative; padding:0; }
#menu, #menu .sub_nav { position:absolute; top:0; bottom:0; width:17.75em; background:#fff; 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, #menu .sub_nav a { color: #000 !important; }
#menu { background:#f8f2da; top:75px; position:fixed; height: calc(100% - 60px); overflow-x: hidden; overflow-y: scroll; }
#menu ul { position: relative; background-color:#f8f2da; background:#f8f2da; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:0; }
#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:black }
#menu .subhead { margin-top:2.74em; }
#menu .subhead a { color:#fff; text-transform: uppercase;  padding-left:1.3125em; color: black; 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; 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:#f8f2da; }
#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: #f8f2da; 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: black; }
#header label.hmenu:hover:after { color: black; }
/* 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; }
/* 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-color:#f8f2da; overflow-x: hidden; /*border-left: black 1px solid; border-right: black 1px solid; border-bottom: black 1px solid;*/ }
.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: 85px 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 { 
	width: calc(100% - 10px); padding: 0; margin: 0 auto 10px auto; color: white;
	background-color: #0f0d35;
	color:#fff;
	background: -moz-repeating-linear-gradient(top,  #00203b 0,  #69c0f7 100%);
	background: -o-linear-gradient(top,  #002d54 0,  #3c81ad 50%);
	background: linear-gradient(top,  #002d54 0,  #3c81ad 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#002d54), to(#3c81ad));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002d54', endColorstr='#3c81ad');
}
.filter_box { width: 50%; padding: 5px;	float:left; }
.filter_box label { display: block;	font-size: 0.8em; line-height: 1em; margin-bottom: 5px;	color: white; }
.filter_box select, .filter_box input { margin: 0px; padding:0px;  width: 100%; border: 1px solid #000; }
.col { width: 100%; float: left;}
.livecol { padding: 0 5px 0 0;}
.bbox { text-align: left; height: calc(100% - 10px); padding: 5px; }
.b_box { background: #fffdf5; border: 1px solid #000; }
.b_box_l {
	width:66px;
	float: left;
}

#top-berater .b_box_l { width:100%; float: none; }
#top-berater .tb-link { display: inline-block; width:100%; }
#top-berater .tb-nickname { color: #702121; font-weight: bold; margin-bottom: 5px; }
#top-berater .tb-img-status { width:66px; margin: 0 auto; }
/*.b_box_l .ddi { text-align: center; font-size: 1.2em; line-height: 1.4em; margin: 5px 0 5px 0;}*/

/* 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"); }
/* AJAX CRON Styles END */


.b_box_l .status0 {
	color:  #000066;
	font-size: 0.9em;
}
.b_box_l .status1 {
	color: green;
	font-size: 0.9em;
}
.b_box_l .status2 {
	color: #ff0000;
	font-size: 0.9em;
;
}
.b_box_l .status3 {
	color: #c24e01;
	font-size: 0.9em;
}
.b_box_l .status8 {	
	color: #ffa500;
	font-size: 0.9em;
}

.b_box_l .status0 > span:after { content: "nicht da";}
.b_box_l .status1 > span:after {	content: "ist frei"; }
.b_box_l .status2 > span:after {	content: "spricht"; }
.b_box_l .status3 > span:after {	content: "in Pause"; }
.b_box_l .status8 > span:after {	content: "gerufen"; }

.b_box_r { 
	text-align: left; 
	width: calc(100% - 66px); 
	padding: 10px; 
	float:left; 
	height: 100%; 
	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 .hptxt {font-size: 0.9em; line-height: 1.3em; margin-bottom: 8px; overflow: hidden; height: 36px; }
.b_box_r .rr_tel { margin-right: 5px; float: right; }
.b_box_r .rr_tel_1 {
	
}
.b_box_r .rr_tel_2, .b_box_r .rr_tel_3, .b_box_r .rr_tel_8, .b_box_r .rr_tel_0 {display: none;}

.bbox_hp_srn, .bbox_hp_srn2 { font-size: 0.9em; line-height: 1.2em; font-weight: bold; color: #000; }
.bbox_hp_preis_de_at { font-size: 0.8em; line-height: 1.2em; color: #000; margin-top: 5px; }

/*.b_box_r a[class^="sbtn"] { width: calc(100% - 40px); display:inline-block; position: absolute; bottom:5px; }*/



/* tooltip */
.tooltip {
	color: black;
	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 black;
	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%;	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: "frei";
}

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

#pbtn .sbtn1 {
  background: green;
}

#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 .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, a.button_brown {
 text-align: center;
 color: #295476 !important;
 border:1px solid #295476; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-decoration:none; display:inline-block;
 background-color: #f8f2da;
 background-image: none;
}

a.button_brown:visited {
	color: #295476;
}

.button_brown:hover {
 cursor: pointer;
 background-color: #f8f2da;
 background-image: none;
 box-shadow: 0 0 18px rgba(236, 182, 74, 1);
}

.button_blue, a.button_blue {
 color: #fff !important;	
 text-align: center;
 border:1px solid #295476; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-decoration:none; display:inline-block;
 background-color: #295476;
}
a.button_blue:visited {
	color: #fff;
}
.button_blue:hover {
 color: #fff;
 cursor: pointer;
 box-shadow: 0 0 18px rgba(236, 182, 74, 1);
}

.button_grey {
 border:1px solid #999; -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;	
 box-shadow: 0 0 18px rgba(236, 182, 74, 1);
}

.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 { text-decoration: none !important; line-height: 32px; }
.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) {
	/*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%;}
	.w50p-5px-l {width: 100%; margin-right: 0px;}
	.w50p-5px-r {width: 100%; margin-left: 0px;}
	.w200px-100p { width: 100%; }
	.w320px-100p { width: 100%; }
	.swiper-pagination {
		display: none;
	}
	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: 75px;}*/
	.col { width: calc(100%/2); }
	.b_box { margin: 0px; }
	.c50_100 { width:100%; float:left; }
	.divided_box { border: #ccc 1px dashed;	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 black; float:left; padding: 0 10px 0 30px; }
	.divided_box .col_right_second { width: 70%; border-left: 8px solid black; float:left; padding: 0 10px 0 30px; }	
	.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: 260px; }
}
/* Medium devices (landscape tablets, 769px and up) */
@media only screen and (min-width: 769px) {
	.col { width: calc(100%/2); }
	/*.filter_box { width: 50%; }*/
	.cont-item-wrapper.w33p { width: 33.33333%; }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
	#left_column {
		/*width: calc(17% - 5px); */
		width: 180px;
		height: 100%;
		min-height: 900px;
		float: left; 
		margin-top: -8px;
		margin-right: 5px;
	}
	#main_wrapper {
		width:calc(100% - 185px);
		float: right;
		margin-top: -8px;
	}
	#right_column {
		/*width: calc(19% - 5px);*/
		width: 180px;
		min-height: 900px;
		float: right;
		margin-left: 5px;
	}
	#main_column {
		width: calc(100% - 185px); 
		float: left;
	}
	.col_top {
		background-repeat:x-repeat;
		background-position:center;
		height:5px;
	}
	.trenner {
		width: 180px;
		height: 2px;
	}
	
	#call_box_left { border-bottom: none; }
	#call_box_right { margin-top:0px; }
	
	.col { width: calc(100%/2); }
	
	.b_box_r .hptxt { /*overflow: hidden; height: 36px;*/ }
	#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%/2); }
	#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: 10px; max-width: 600px;}
	#rmenu { position: absolute; width: 100%; height: 55px; top: 0; left:0; background: #f8f2da; }
	.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:#f8f2da; left:0; z-index: -1; }
		
	#menu { 
		position:absolute;
		width:100%;
		left:0;
		top:55px;
		overflow: visible;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;
	}
	
	ul.hul li a { color: #fff !important; }
	#menu label.toggle-sub span { color: #fff; }
	
	/* 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%; background-color: #295476; }
	#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 ~ #themen-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 ~ #themen-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 ~ #themen-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: black; 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: #702121; }

	#menu .sub_nav_chck ~ #ko-sub li, #menu .sub_nav_chck ~ #themen-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 #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 #prepaid-sub.sub_nav { top:-480px; }
	#menu .sub_nav_chck ~ #prepaid-sub { height: 380px; }

	#menu .toggle-sub:hover ~ #prepaid-sub, #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 #themen-sub.sub_nav { top:-400px; }
	#menu .sub_nav_chck ~ #themen-sub { height: 300px; }
	#menu .toggle-sub:hover ~ #themen-sub, #menu .sub_nav_chck:hover ~ #themen-sub, #menu .sub_nav_chck ~ #themen-sub:hover { -webkit-transform:translate(0,400px); -ms-transform:translate(0,400px); transform:translate(0,400px); }
	
	#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: #f8f2da; }
	#menu ul li.subhead a { font-weight: bold; color:black !important; text-transform: uppercase; background-color: #f8f2da; 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:#f8f2da;
	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;
	border: 4px white solid;
	padding: 0px;
}

#close_btn {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	height: 52px;
	background: #295476;
	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: #295476;
	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: grey;
}
a.callback_popup_button {
	color: white;
}
/* callback box end */

/* PrePaid START */
span.inner, span.left, span.right { height: 50px; padding: 5px; outline: 1px solid #666; display:block; background-color: #fff; }
.inner { width: 100%; margin: 10px 0 10px 0; }
.ppicon { float: left; margin-right: 10px; width: 50px; height: 100%; background-color: #702121; background-image: url("../img/pp_icon_bestellungen.png"); background-repeat: no-repeat; background-size: auto 30px; background-position: center; }
.f_bg { background-color: #a9a9a9; }
.pp_icon_msg { background-image: url("../img/pp_icon_msg.png"); }
.pp_icon_einstellungen { background-image: url("../img/pp_icon_einstellungen.png"); }
.pp_icon_einwahl { background-image: url("../img/pp_icon_einwahl.png"); }
.pp_icon_guthaben { background-image: url("../img/pp_icon_guthaben.png"); }
.pp_icon_gutschein { background-image: url("../img/pp_icon_gutschein.png"); }
.pp_icon_bestellungen { background-image: url("../img/pp_icon_bestellungen.png"); }
.pp_icon_termine { background-image: url("../img/pp_icon_termine.png"); }
.pp_icons_gespraeche { background-image: url("../img/pp_icons_gespraeche.png"); }
.pp_icon_passwort { background-image: url("../img/pp_icon_passwort.png"); }
.pp_icon_support { background-image: url("../img/pp_icon_support.png"); }
.pp_icon_hilfe { background-image: url("../img/pp_icon_hilfe.png"); }
.pp_icon_berater { background-image: url("../img/pp_icon_berater.png"); }
a.f_hover:hover span.inner { background: #702121; color: #fff; }
a.s_hover:hover span.inner { background: #a9a9a9; color: #fff; }

a.f_hover, a.s_hover { line-height: 1.2em; }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 645px) {
	.inner {width: calc(33.3333% - 15px); margin: 0 auto; }
	.left {float: left; }
	.right {float: right; }
	.box_wrapper { margin-bottom: 20px; }
}

.dot_msg {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  text-align:center;
  float:right;
  margin: 8px 8px 0 0; 
  padding-top: 3px;
  /*position:absolute; 
  right: 15px; 
  top: 26px;*/
  background: rgba(125,153,201,1);
  vertical-align: middle;
}

@keyframes txtablink { 50% { color: red; }  }

.txtblink {
	animation: txtablink 1.5s ease-in infinite alternate;
}

@keyframes blink {
  50% {
    background: rgba(112,33,33,1);
  }
}
@-webkit-keyframes blink {
  50% {
    background: rgba(112,33,33,1);
  }
}
.blink {
  animation: blink 2s step-start 0s infinite;
  -webkit-animation: blink 2s step-start 0s infinite;
}
/* PrePaid START */

/* 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 */