@font-face {
 font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;	
 /*font-family: "Forum-Normal";
 src: url("forum_normal.woff2") format("woff2");*/
}

.whatsappbadge{position:fixed;padding:0 10px;max-width:400px;width:100%;z-index:999;bottom:110px}
.whatsappbadge.is--hidden{display:none}
.whatsappbadge .icon{color:white}
.whatsappbadge img{display:block;max-width:100%;max-height:100%;height:auto}
.whatsappbadge .chatcontainer{background:url("images/whatsappbg.png") #fff;padding:0 0 1px}
.whatsappbadge .header{padding:15px;background:#075E54;background:var(--primary-color);color:#fff;display:flex;align-items:center;border-radius:10px 10px 0 0}
.whatsappbadge .header .close{top:15px;right:25px;position:absolute;color:#DDDDDD}
.whatsappbadge .header .close:hover{color:#FFFFFF}
.whatsappbadge .picturecontainer{position:relative}
.whatsappbadge .picturecontainer:after{display:block;content:"";width:8px;height:8px;right:1px;bottom:1px;background:#43c004;border:2px solid #075E54;border:2px solid var(--primary-color);border-radius:100%;position:absolute;box-sizing:content-box}
.whatsappbadge .picture{width:50px;height:50px;overflow:hidden;border-radius:100%}
.whatsappbadge .namecontainer{padding:0 12px}
.whatsappbadge .namecontainer .title{font-size:12px}
.whatsappbadge .namecontainer .name{font-size:17px;font-weight:bold}
.whatsappbadge .namecontainer .subtitle{font-size:12px;font-weight:bold}
.whatsappbadge .chat{padding:15px 15px}
.whatsappbadge .chat .bubble{background:#fff;border-radius:0 10px 10px 10px;padding:10px 15px 15px 15px;width:80%}
.whatsappbadge .chat .sender{font-size:12px;font-weight:bold;padding:0 0 5px 0}
.whatsappbadge .chat .message{color:black}
.whatsappbadge .footer{margin:5px;display:flex;align-items:center}
.whatsappbadge .footer .input{background:#fff;margin-right:5px;width:100%}
.whatsappbadge .footer .input input{border:none;width:100%;background:none;padding:10px 10px 9px 10px}
.whatsappbadge .footer button{transition:0.5s background ease;flex:0 0 50px;height:50px;position:relative;border-radius:100%;border:none;color:#fff;background:#075E54;background:var(--primary-color)}
.whatsappbadge .footer button:hover{filter:brightness(85%)}
.whatsappbadge .footer button i{position:absolute;font-size:25px;top:13px;left:11px}
.whatsappbadge .footer .info{font-size:10px;padding:5px;border-top:1px solid #e8e7e8}
.whatsappbadge .badgecontainer{height:48px;width:48px;position:relative}
.whatsappbadge .btn-open{cursor:pointer}
.whatsappbadge .badge-icon.btn-send{display:none}
.whatsappbadge.is--collapsed{max-width:48px}
.whatsappbadge.is--collapsed .header,.whatsappbadge.is--collapsed .chatcontainer{display:none}
.whatsappbadge.is--collapsed .badgecontainer:after{font-size:11px;content:"1";text-align:center;line-height:14px;display:block;width:14px;height:14px;border:2px solid #fff;background:#e50000;right:0;top:0;position:absolute;color:#fff;border-radius:100%;font-weight:bold;box-sizing:content-box}
.whatsappbadge.hideWindowOnMobile .badge-icon.btn-send{display:block}
.whatsappbadge.hideWindowOnMobile .badge-icon.btn-open{display:none}
.whatsappbadge.hideWindowOnMobile .chatwindow{display:none}
.whatsappbadge .message-first-alt{display:none}
.whatsappbadge.js--show-alt-message .message-first-alt{display:block}
.whatsappbadge.js--show-alt-message .message-first{display:none}
.whatsappbadge.js--show-alt-message .picturecontainer:after{background:#e5a700}
.wesiowhatsapp-detailbox{padding:5px 0;display:flex}
.wesiowhatsapp-detailbox .btn{margin:0 10px 5px 0}
.wesiowhatsapp-detailbox .wa-info{font-size:10px;font-style:italic;display:block}
.wa-btn-icon{width:24px;display:inline-block;vertical-align:middle;margin-right:5px}
@media (min-width:768px){
	.whatsappbadge{width:80%}
	.whatsappbadge.hideWindowOnMobile .badge-icon.btn-open{display:block}
	.whatsappbadge.hideWindowOnMobile .badge-icon.btn-send{display:none}
	.whatsappbadge.hideWindowOnMobile .chatwindow{display:block}
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: "Arial";*/
	font-family: "Forum-Normal", Arial;
	font-weight: 500;
    vertical-align: baseline;
}


a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

.dropdown-item:hover {
    text-decoration: none;
}

.bold {
    font-weight: bold;
}
.under {
    text-decoration: underline;
}

.nav-item {
    font-size: 1.0em;
	padding-top: 7px;
}

.inline {
    display: inline-block;
    vertical-align: middle;
}

div {
    display: block;
}

.logo {
    /*margin:0 30px 0 20px;  */
    display: inline-block;
}

body {
    font-size: 13px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

/* Dividers */
.dark hr{background-color:rgba(255,255,255,.08);color:rgba(255,255,255,.08)}
	
/* Links ----------------------------------------------------------------------------- */
a, a:visited, a:focus { text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }
p a, p a:visited { line-height: inherit; }


/* Buttons --------------------------------------------------------------------------- */
a.tp-button{background:none;font-family:inherit!important;height:auto!important;line-height:inherit!important;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;letter-spacing:0!important;text-shadow:0 0 0!important;box-shadow:0 0 0!important;font-weight:400!important;border-width:1px!important}
a.button,a.tp-button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;padding:11px 20px;margin-bottom:15px;cursor:pointer;margin-right:7px;border:0;border-radius:5px;position:relative;overflow:hidden;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);background-image:url(../img/box_shadow_button.png);background-repeat:repeat-x}
a.button_js{padding:0}

a.button.button_large,a.tp-button.button_large,button.button_large,input[type="submit"].button_large,input[type="reset"].button_large,input[type="button"].button_large{font-size:110%;line-height:110%}
a.button .button_label{display:block;float:left;position:relative;z-index:2}

.table1 {
  display: table;
}

.row1 {
  display: table-row;
}

.cell1 {
  display: table-cell;
}


#popup-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.685);
    /*width: 100%;
    height: 100vh;*/
	width: 70%;
    height: 70vh;
    /*top: 0;
    left: 0;*/
	top: 17%;
    left: 17%;
    z-index: 9998;
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
	/*background-image: url(../img/bank_001.jpg);*/
}

/*.cancelovl {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	color: #000;
	height: 35px;
	width: 35px;
	font-size: 30px;
	text-decoration: none;
	text-align: center;
}*/
#cover {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	z-index: 1000;
}

input.closebtn {
	background-color: #59833d; 
	color: white; 
	top: 10px; 
	right: 19px; 
	position: absolute;
}

@media (max-width: 500px) {
/* Buttons --------------------------------------------------------------------------- */
a.button,a.tp-button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;padding:3px 5px;margin-bottom:8px;cursor:pointer;margin-right:3px;border:0;border-radius:4px;position:relative;overflow:hidden;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);background-image:url(../img/box_shadow_buttonsm.png);background-repeat:repeat-x}
}


/* Header mit Email und TelNr abhaenging von Screengroesse darstellen: */

@media (max-width: 400px) {

input.closebtn {
	background-color: #59833d; 
	color: white; 
	width: 69px;
	height: 21px;
	position: absolute;
	right: 2px;
	top: 6px;
	padding: 1px;
}	
	
	
	
  div.example {
	font-size: 14px;
	height: 55px;
	width: 70%;
	line-height: 25px;
	font-weight: 200;
  }
  div.example2 {
	float:left;
	display: none;
  }
  a.example1 {
	font-weight: 200;
  }
  div.center {
	-ms-transform: translate(-10%, 40%);
	transform: translate(-10%, 40%);
  }
  img.example3 {
	 width: 50%;
	 float: left;
  }
  div.example4 {
	float:left;
  }
  
}
@media (min-width: 400px) {
  div.example {
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
  }
  div.example2 {
	font-weight: 600;
	float:left;
  }
  a.example1 {
	font-weight: 400;
  }
  div.center {
	-ms-transform: translate(0%, 20%);
	transform: translate(0%, 20%);
  }
}
/* Header incl Top Nav fixieren beim scrollen:  <div class="header" id="myHeader"> */
.sticky {
  position: fixed; z-index:2;
  top: 0;
  width: 100%
  
}

.sticky + .content {
  padding-top: 102px;
}