@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/themes/patientenstimme/images/font/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/themes/patientenstimme/images/font/source-sans-pro-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body, div, td, th, input, textarea, select, footer, a, li, p{
	font-family:'Source Sans Pro', sans-serif !important;
	color: rgba(0, 0, 0, 1) !important;
	font-size: 20px;
	line-height: 140%;
}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:'Source Sans Pro', sans-serif;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{
	border:0px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend{
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	#white-space:normal;
	float: left;
	padding: 0 0 0 4px;
}

textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family: 'Source Sans Pro', sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.rog-serif{font-family:'Source Sans Pro', sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', sans-serif;font-weight:400;margin:10px 0}.rog-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.rog-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.rog-table,.rog-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.rog-table-all{border:1px solid #ccc}
.rog-bordered tr,.rog-table-all tr{border-bottom:1px solid #ddd}.rog-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.rog-table-all tr:nth-child(odd){background-color:#fff}.rog-table-all tr:nth-child(even){background-color:#f1f1f1}
.rog-hoverable tbody tr:hover,.rog-ul.rog-hoverable li:hover{background-color:#ccc}.rog-centered tr th,.rog-centered tr td{text-align:center}
.rog-table td,.rog-table th,.rog-table-all td,.rog-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.rog-table th:first-child,.rog-table td:first-child,.rog-table-all th:first-child,.rog-table-all td:first-child{padding-left:16px}
.rog-btn,.rog-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.rog-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.rog-btn,.rog-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.rog-disabled,.rog-btn:disabled,.rog-button:disabled{cursor:not-allowed;opacity:0.3}.rog-disabled *,:disabled *{pointer-events:none}
.rog-btn.rog-disabled:hover,.rog-btn:disabled:hover{box-shadow:none}
.rog-badge,.rog-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.rog-badge{/*border-radius:50%*/}
.rog-ul{list-style-type:none;padding:0;margin:0}.rog-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.rog-ul li:last-child{border-bottom:none}
.rog-tooltip,.rog-display-container{position:relative}.rog-tooltip .rog-text{display:none}.rog-tooltip:hover .rog-text{display:inline-block}
.rog-ripple:active{opacity:0.5}.rog-ripple{transition:opacity 0s}
.rog-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.rog-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.rog-dropdown-click,.rog-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.rog-dropdown-hover:hover .rog-dropdown-content{display:block}
.rog-dropdown-hover:first-child,.rog-dropdown-click:hover{background-color:#ccc;color:#000}
.rog-dropdown-hover:hover > .rog-button:first-child,
.rog-dropdown-click:hover > .rog-button:first-child{
	background-color: rgba(147,149,151,1);
	color:#FFF;
}
.rog-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;/* position:absolute; */min-width:160px;margin:0;padding:0;z-index:1;}
.rog-check,.rog-radio{width:24px;height:24px;position:relative;top:6px}
.rog-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.rog-bar-block .rog-dropdown-hover,.rog-bar-block .rog-dropdown-click{width:100%}
.rog-bar-block .rog-dropdown-hover .rog-dropdown-content,.rog-bar-block .rog-dropdown-click .rog-dropdown-content{min-width:100%}
.rog-bar-block .rog-dropdown-hover .rog-button,.rog-bar-block .rog-dropdown-click .rog-button{width:100%;text-align:left;padding:8px 16px}
.rog-main,#main{transition:margin-left .4s}
.rog-modal{
	z-index:3;
	display:none;
	padding-top:100px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color: rgba(147,149,151,.7);
}
.rog-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 2px;
    outline: 0;
    width: 400px;
    border: 2px solid #595959;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.rog-bar{width:100%;overflow:hidden}.rog-center .rog-bar{display:inline-block;width:auto}
.rog-bar .rog-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0;}
.rog-bar .rog-dropdown-hover,.rog-bar .rog-dropdown-click{position:static;float:left}
.rog-bar .rog-button{white-space:normal}
.rog-bar-block .rog-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.rog-bar-block.rog-center .rog-bar-item{
	text-align:center;
}
.rog-block{
	display:block;
	width:100%;
	margin-top: 10px; /* damit die Sprachauswahl bisschen nach unten rutscht */
}
.rog-responsive{display:block;overflow-x:auto}
.rog-container:after,.rog-container:before,.rog-panel:after,.rog-panel:before,.rog-row:after,.rog-row:before,.rog-row-padding:after,.rog-row-padding:before,
.rog-cell-row:before,.rog-cell-row:after,.rog-clear:after,.rog-clear:before,.rog-bar:before,.rog-bar:after{content:"";display:table;clear:both}
.rog-col,.rog-half,.rog-third,.rog-twothird,.rog-threequarter,.rog-quarter{float:left;width:100%}
.rog-col.s1{width:8.33333%}.rog-col.s2{width:16.66666%}.rog-col.s3{width:24.99999%}.rog-col.s4{width:33.33333%}
.rog-col.s5{width:41.66666%}.rog-col.s6{width:49.99999%}.rog-col.s7{width:58.33333%}.rog-col.s8{width:66.66666%}
.rog-col.s9{width:74.99999%}.rog-col.s10{width:83.33333%}.rog-col.s11{width:91.66666%}.rog-col.s12{width:99.99999%}
@media (min-width:601px){.rog-col.m1{width:8.33333%}.rog-col.m2{width:16.66666%}.rog-col.m3,.rog-quarter{width:24.99999%}.rog-col.m4,.rog-third{width:33.33333%}
.rog-col.m5{width:41.66666%}.rog-col.m6,.rog-half{width:49.99999%}.rog-col.m7{width:58.33333%}.rog-col.m8,.rog-twothird{width:66.66666%}
.rog-col.m9,.rog-threequarter{width:74.99999%}.rog-col.m10{width:83.33333%}.rog-col.m11{width:91.66666%}.rog-col.m12{width:99.99999%}}
@media (min-width:993px){.rog-col.l1{width:8.33333%}.rog-col.l2{width:16.66666%}.rog-col.l3{width:24.99999%}.rog-col.l4{width:33.33333%}
.rog-col.l5{width:41.66666%}.rog-col.l6{width:49.99999%}.rog-col.l7{width:58.33333%}.rog-col.l8{width:66.66666%}
.rog-col.l9{width:74.99999%}.rog-col.l10{width:83.33333%}.rog-col.l11{width:91.66666%}.rog-col.l12{width:99.99999%}}
.rog-rest{overflow:hidden}.rog-stretch{margin-left:-16px;margin-right:-16px}
.rog-content,.rog-auto{
	margin-left:auto;
	margin-right:auto;
}
.rog-content{
	width:100%;
	/*border: 1px solid red;*/
	/*max-width: 1232px;*/
	padding: 20px 0px;
}

.rog-content-footer{
	max-width: 1232px;
}

.rog-auto{
	max-width:1140px;
}
.rog-cell-row{display:table;width:100%}.rog-cell{display:table-cell}
.rog-cell-top{vertical-align:top}.rog-cell-middle{vertical-align:middle}.rog-cell-bottom{vertical-align:bottom}
.rog-hide{display:none!important}.rog-show-block,.rog-show{display:block!important}.rog-show-inline-block{display:inline-block!important}
@media (max-width:1205px){
	.rog-auto{
		max-width:95%;
	}
}
@media (max-width:600px){
	.rog-modal-content{
		margin:0 10px;
		width:auto!important;
	}
	.rog-modal{
		padding-top:30px;
	}
.rog-dropdown-hover.rog-mobile .rog-dropdown-content,.rog-dropdown-click.rog-mobile .rog-dropdown-content{position:relative}	
.rog-hide-small{display:none!important}.rog-mobile{display:block;width:100%!important}.rog-bar-item.rog-mobile,.rog-dropdown-hover.rog-mobile,.rog-dropdown-click.rog-mobile{text-align:center}
.rog-dropdown-hover.rog-mobile,.rog-dropdown-hover.rog-mobile .rog-btn,.rog-dropdown-hover.rog-mobile .rog-button,.rog-dropdown-click.rog-mobile,.rog-dropdown-click.rog-mobile .rog-btn,.rog-dropdown-click.rog-mobile .rog-button{width:100%}}
@media (max-width:768px){
	.rog-modal-content{
		width:500px;
	}
	.rog-modal{
		padding-top:50px;
	}
}
@media (min-width:993px){
	.rog-modal-content{
		/* width:900px; */
	}
	.rog-hide-large{
		display:none!important;
	}
	.rog-sidebar.rog-collapse{
		display:block!important;
	}
}
@media (max-width:992px) and (min-width:601px){
	.rog-hide-medium{
		display:none!important;
	}
}
@media (max-width:992px){
	.rog-sidebar.rog-collapse{
		display:none;
	}
	.rog-main{
		margin-left:0!important;
		margin-right:0!important;
	}
	.rog-auto{
		max-width:100%;
	}
}
.rog-top,.rog-bottom{position:fixed;width:100%;z-index:1}.rog-top{top:0}.rog-bottom{bottom:0}
.rog-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.rog-display-topleft{position:absolute;left:0;top:0}.rog-display-topright{position:absolute;right:0;top:0}
.rog-display-bottomleft{position:absolute;left:0;bottom:0}.rog-display-bottomright{position:absolute;right:0;bottom:0}
.rog-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.rog-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.rog-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.rog-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.rog-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.rog-display-container:hover .rog-display-hover{display:block}.rog-display-container:hover span.rog-display-hover{display:inline-block}.rog-display-hover{display:none}
.rog-display-position{position:absolute}
.rog-circle{border-radius:50%}
.rog-round-small{border-radius:0px}.rog-round,.rog-round-medium{border-radius:0px}.rog-round-large{border-radius:0px}.rog-round-xlarge{border-radius:0px}.rog-round-xxlarge{border-radius:0px}
.rog-row-padding,.rog-row-padding>.rog-half,.rog-row-padding>.rog-third,.rog-row-padding>.rog-twothird,.rog-row-padding>.rog-threequarter,.rog-row-padding>.rog-quarter,.rog-row-padding>.rog-col{padding:0 8px}
.rog-container,.rog-panel{
	/*padding:0.01em 16px; TB */
}
.rog-panel{margin-top:16px;margin-bottom:16px}
.rog-code,.rog-codespan{font-family:'Source Sans Pro', sans-serif;font-size:16px}
.rog-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.rog-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.rog-card,.rog-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.rog-card-4,.rog-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.rog-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.rog-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.rog-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.rog-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.rog-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.rog-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.rog-animate-bottom{
	position:relative;
	animation:animatebottom 0.4s;
}
@keyframes animatebottom{
	from{
		bottom:-300px;
		opacity:0
	} 
	to{
		bottom:0;opacity:1;
	}
}
.rog-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.rog-animate-input{transition:width 0.4s ease-in-out}.rog-animate-input:focus{width:100%!important}
.rog-opacity,.rog-hover-opacity:hover{opacity:0.60}.rog-opacity-off,.rog-hover-opacity-off:hover{opacity:1}
.rog-opacity-max{opacity:0.25}.rog-opacity-min{opacity:0.75}
.rog-greyscale-max,.rog-grayscale-max,.rog-hover-greyscale:hover,.rog-hover-grayscale:hover{filter:grayscale(100%)}
.rog-greyscale,.rog-grayscale{filter:grayscale(75%)}.rog-greyscale-min,.rog-grayscale-min{filter:grayscale(50%)}
.rog-sepia{filter:sepia(75%)}.rog-sepia-max,.rog-hover-sepia:hover{filter:sepia(100%)}.rog-sepia-min{filter:sepia(50%)}
.rog-tiny{font-size:10px!important}.rog-small{font-size:12px!important}.rog-medium{font-size:15px!important}.rog-large{font-size:18px!important}
.rog-xlarge{font-size:24px!important}.rog-xxlarge{font-size:36px!important}.rog-xxxlarge{font-size:48px!important}.rog-jumbo{font-size:64px!important}
.rog-left-align{text-align:left!important}.rog-right-align{text-align:right!important}.rog-justify{text-align:justify!important}.rog-center{text-align:center!important}
.rog-border-0{border:0!important;}
.rog-border{
	border: 1px solid rgba(147,149,151,1) !important;
	background-color: rgba(147,149,151,.1) !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.rog-border-top{border-top:1px solid #ccc!important}.rog-border-bottom{border-bottom:1px solid #ccc!important}
.rog-border-left{border-left:1px solid #ccc!important}.rog-border-right{border-right:1px solid #ccc!important}
.rog-topbar{border-top:6px solid #ccc!important}.rog-bottombar{border-bottom:6px solid #ccc!important}
.rog-leftbar{border-left:6px solid #ccc!important}.rog-rightbar{border-right:6px solid #ccc!important}
.rog-section,.rog-code{margin-top:16px!important;margin-bottom:16px!important}
.rog-margin{margin:16px!important}.rog-margin-top{margin-top:16px!important}.rog-margin-bottom{margin-bottom:16px!important}
.rog-margin-left{margin-left:16px!important}.rog-margin-right{margin-right:16px!important}
.rog-padding-small{
	padding:4px 8px!important;
}
.rog-padding{
	padding:8px 16px!important;
}
.rog-padding-large{
	padding:12px 100px !important;
}
.rog-padding-16{padding-top:16px!important;padding-bottom:16px!important}.rog-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.rog-padding-32{padding-top:32px!important;padding-bottom:32px!important}.rog-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.rog-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.rog-left{float:left!important}.rog-right{float:right!important}
.rog-button:hover{
	color: #fff!important;
	background-color: rgba(147,149,151,1) !important;
}
.rog-transparent,.rog-hover-none:hover{background-color:transparent!important}
.rog-hover-none:hover{box-shadow:none!important}
/* Colors */
.rog-amber,.rog-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.rog-aqua,.rog-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.rog-blue,
.rog-hover-blue:hover{
	color:#fff!important;
	background-color: #004B78!important;
}
.rog-light-blue,.rog-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.rog-brown,.rog-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.rog-cyan,.rog-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.rog-blue-grey,.rog-hover-blue-grey:hover,.rog-blue-gray,.rog-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.rog-green,.rog-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.rog-light-green,.rog-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.rog-indigo,.rog-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.rog-khaki,.rog-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.rog-lime,.rog-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.rog-orange,.rog-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.rog-deep-orange,.rog-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.rog-pink,.rog-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.rog-purple,.rog-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.rog-deep-purple,.rog-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.rog-red,.rog-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.rog-sand,.rog-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.rog-teal,.rog-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.rog-yellow,.rog-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.rog-white,.rog-hover-white:hover{color: #666666!important;}
.rog-black,.rog-hover-black:hover{color:#fff!important;background-color:#000!important}
.rog-grey,.rog-hover-grey:hover,.rog-gray,.rog-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.rog-light-grey,.rog-hover-light-grey:hover,.rog-light-gray,.rog-hover-light-gray:hover{color: #FFFFFF!important;background-color: #5fa0af!important;}
.rog-dark-grey,.rog-hover-dark-grey:hover,.rog-dark-gray,.rog-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.rog-pale-red,.rog-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.rog-pale-green,.rog-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.rog-pale-yellow,.rog-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.rog-pale-blue,.rog-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.rog-text-amber,.rog-hover-text-amber:hover{color:#ffc107!important}
.rog-text-aqua,.rog-hover-text-aqua:hover{color:#00ffff!important}
.rog-text-blue,
.rog-hover-text-blue:hover{
	color: #4C4C4C !important;
}
.rog-text-light-blue,.rog-hover-text-light-blue:hover{color:#87CEEB!important}
.rog-text-brown,.rog-hover-text-brown:hover{color:#795548!important}
.rog-text-cyan,.rog-hover-text-cyan:hover{color:#00bcd4!important}
.rog-text-blue-grey,.rog-hover-text-blue-grey:hover,.rog-text-blue-gray,.rog-hover-text-blue-gray:hover{color:#607d8b!important}
.rog-text-green,.rog-hover-text-green:hover{
	color:#ED6960 !important;
}
.rog-text-light-green,.rog-hover-text-light-green:hover{color:#8bc34a!important}
.rog-text-indigo,.rog-hover-text-indigo:hover{color:#3f51b5!important}
.rog-text-khaki,.rog-hover-text-khaki:hover{color:#b4aa50!important}
.rog-text-lime,.rog-hover-text-lime:hover{color:#cddc39!important}
.rog-text-orange,.rog-hover-text-orange:hover{color: #f18400!important;}
.rog-text-deep-orange,.rog-hover-text-deep-orange:hover{color:#ff5722!important}
.rog-text-pink,.rog-hover-text-pink:hover{color:#e91e63!important}
.rog-text-purple,.rog-hover-text-purple:hover{color:#9c27b0!important}
.rog-text-deep-purple,.rog-hover-text-deep-purple:hover{color:#673ab7!important}
.rog-text-red,.rog-hover-text-red:hover{color:#f44336!important}
.rog-text-sand,.rog-hover-text-sand:hover{color:#fdf5e6!important}
.rog-text-teal,.rog-hover-text-teal:hover{color:#009688!important}
.rog-text-yellow,.rog-hover-text-yellow:hover{color:#d2be0e!important}
.rog-text-white,.rog-hover-text-white:hover{color:#fff!important}
.rog-text-black,.rog-hover-text-black:hover{color:#000!important}
.rog-text-grey,.rog-hover-text-grey:hover,.rog-text-gray,.rog-hover-text-gray:hover{color: #666666!important;margin-right: 0px !important;}
.rog-text-light-grey,.rog-hover-text-light-grey:hover,.rog-text-light-gray,.rog-hover-text-light-gray:hover{color:#f1f1f1!important}
.rog-text-dark-grey,.rog-hover-text-dark-grey:hover,.rog-text-dark-gray,.rog-hover-text-dark-gray:hover{color:#3a3a3a!important}
.rog-border-amber,.rog-hover-border-amber:hover{border-color:#ffc107!important}
.rog-border-aqua,.rog-hover-border-aqua:hover{border-color:#00ffff!important}
.rog-border-blue,.rog-hover-border-blue:hover{border-color:#2196F3!important}
.rog-border-light-blue,.rog-hover-border-light-blue:hover{border-color:#87CEEB!important}
.rog-border-brown,.rog-hover-border-brown:hover{border-color:#795548!important}
.rog-border-cyan,.rog-hover-border-cyan:hover{border-color:#00bcd4!important}
.rog-border-blue-grey,.rog-hover-border-blue-grey:hover,.rog-border-blue-gray,.rog-hover-border-blue-gray:hover{border-color:#607d8b!important}
.rog-border-green,.rog-hover-border-green:hover{border-color:#4CAF50!important}
.rog-border-light-green,.rog-hover-border-light-green:hover{border-color:#8bc34a!important}
.rog-border-indigo,.rog-hover-border-indigo:hover{border-color:#3f51b5!important}
.rog-border-khaki,.rog-hover-border-khaki:hover{border-color:#f0e68c!important}
.rog-border-lime,.rog-hover-border-lime:hover{border-color:#cddc39!important}
.rog-border-orange,.rog-hover-border-orange:hover{border-color:#ff9800!important}
.rog-border-deep-orange,.rog-hover-border-deep-orange:hover{border-color:#ff5722!important}
.rog-border-pink,.rog-hover-border-pink:hover{border-color:#e91e63!important}
.rog-border-purple,.rog-hover-border-purple:hover{border-color:#9c27b0!important}
.rog-border-deep-purple,.rog-hover-border-deep-purple:hover{border-color:#673ab7!important}
.rog-border-red,.rog-hover-border-red:hover{border-color:#f44336!important}
.rog-border-sand,.rog-hover-border-sand:hover{border-color:#fdf5e6!important}
.rog-border-teal,.rog-hover-border-teal:hover{border-color:#009688!important}
.rog-border-yellow,.rog-hover-border-yellow:hover{border-color:#ffeb3b!important}
.rog-border-white,.rog-hover-border-white:hover{border-color:#fff!important}
.rog-border-black,.rog-hover-border-black:hover{border-color:#000!important}
.rog-border-grey,.rog-hover-border-grey:hover,.rog-border-gray,.rog-hover-border-gray:hover{border-color:#9e9e9e!important}
.rog-border-light-grey,.rog-hover-border-light-grey:hover,.rog-border-light-gray,.rog-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.rog-border-dark-grey,.rog-hover-border-dark-grey:hover,.rog-border-dark-gray,.rog-hover-border-dark-gray:hover{border-color:#616161!important}
.rog-border-pale-red,.rog-hover-border-pale-red:hover{border-color:#ffe7e7!important}.rog-border-pale-green,.rog-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.rog-border-pale-yellow,.rog-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.rog-border-pale-blue,.rog-hover-border-pale-blue:hover{border-color:#e7ffff!important}

#close_2{
  display:none;
}

/* === PANEL SPECIFIC === */
a, a:visited{
  color: #004B78;
  text-decoration: none;
}

a:hover{
  color: rgba(237,105,96,1);
  text-decoration: none;
}

a:active,a:focus{
  color: #003E63;
  text-decoration: none;
}

.save_button{
  margin-top: 16px;
}

input.delete_button{
    background-color: rgb(93, 93, 93)!important;
}

.save_button, .delete_button{
  margin-bottom: 16px;
}

.rog-caption{
  color: #004B78;
  margin-bottom: 16px;
  font-size: 28px;
  text-align: center;
}

.caption{
  display: none;
}

.rog-bar .rog-bar-item.rog-flex-end{
  overflow: visible;
  padding: 0;
  text-decoration: none;
  border: none;
  margin-right: 16px;
}

.rog-bar button.rog-bar-item.rog-flex-end,
.rog-bar-button{
  overflow: visible;
  text-decoration: none;
  border: none;
  height: 40px;
  line-height: 40px;
  border-radius: 0px;
  margin-top: 25px;
  padding: 0 24px !important;
  cursor: pointer;
  transition: margin-top 0.3s ease;
}

button.secondary{
  background-color: #fff !important;
  border: 1px solid #c1c1c1 !important;
}

button.secondary:hover{
  border: 1px solid #666666 !important;
}

.rog-bar-button:hover{
  background-color: rgba(147,149,151,1) ;
}

.rog-cursor-pointer{
  cursor: pointer;
}

.rog-patientenstimme-navigation-small .rog-bar button.rog-bar-item.rog-flex-end,
.rog-patientenstimme-navigation-small .rog-bar-button{
  overflow: visible;
  padding: 0;
  text-decoration: none;
  border: none;
  height: 40px;
  margin-top: 4px;
  padding: 8px;
  cursor: pointer;
}

.rog-patientenstimme-navigation-small .rog-bar button.rog-bar-item.rog-flex-end{
  overflow: visible;
  padding: 0;
  text-decoration: none;
  border: none;
  height: 40px;
  border-radius: 0px;
  margin-top: 4px;
  padding: 0 24px;
  cursor: pointer;
  transition: margin-top 0.3s ease;
}

#mobileNavMenu{
  margin-top: 30px;
}

.rog-patientenstimme-navigation-small #mobileNavMenu{
  margin-top: 10px;
}

#mobileNavMenu .rog-bar-item{
  border-bottom: 1px solid #DBDBDB;
  font-weight: 600;
  color: #004B78;
  padding: 8px 0;
  text-align: right;
}

#mobileNavMenu .rog-bar-item:last-child{
  border-bottom: none;
}


td{
  background-color: rgba(0,0,0,0) !important;
}

/* Customize Radio Button */
.rog-selection-container {
  position: relative;
  padding-left: 28px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 13px;
  color: #666;
}

/* Hide the browser's default radio button */
.rog-selection-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.rog-selection.rog-radiobutton {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-border-radius:50%;
  -moz-border-radius: 50%; 
  border: 1px solid #888888;
}

/* Create a custom checkbox */
.rog-selection.rog-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 1px solid #888888;
}

/* On mouse-over, add a grey background color */
.rog-selection-container:hover input ~ .rog-selection {
  background-color: #ffffff;
  border: 1px solid #91AD41;
}

/* When the radio button is checked, add a blue background */
.rog-selection-container input:checked ~ .rog-selection {
  background-color: #FFF !important;
  border: 1px solid #91AD41;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rog-selection:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.rog-selection-container input:checked ~ .rog-selection:after {
  display: block;
}

/* Style the radio button indicator (dot/circle) */
.rog-selection-container .rog-selection.rog-radiobutton:after {
  top: 4px;
  left: 4px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
  background: #91AD41;
}

/* Style the checkbox indicator */
.rog-selection-container .rog-selection.rog-checkbox:after {
  left: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  background-color: #91AD41;
}


  @keyframes fadein{
    from{ opacity:0; }
    to  { opacity:1; }
  }
  
  @-moz-keyframes fadein{
    from{ opacity:0; }
    to  { opacity:1; }
  }
  
  @-webkit-keyframes fadein{
    from{ opacity:0; }
    to  { opacity:1; }
  }
  
  @-ms-keyframes fadein{
    from{ opacity:0; }
    to  { opacity:1; }
  }
  
  @-o-keyframes fadein{
    from{ opacity:0; }
    to  { opacity:1; }
  }  

#surveys_outer{
  width: 100%;
  padding-bottom: 16px;
}

.surveys_header, #news_label{
  color: #CCC;
}

.survey_header{
  font-weight: bold;
  color: #004B78;
}

.survey_link{
  color: #fff!important;
    background-color: rgba(237,105,96,1) !important;
    padding: 4px 8px!important;
    border-radius: 0px;
    transition: all .15s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.surveys_innerbox{
  height: auto !important;
  width: 100%;
  border: none;
}

.survey-box{
  padding-bottom: 16px;
}

#news_outer{
  padding-bottom: 16px;
}

#news_outer, #start_news{
  width: 100%;
  height: auto !important;
  border: none;
  margin: 0;
  margin-left: 0;
}

.konto_part_1, .konto_part_2{
  float: none;
}

.konto_part_1 > div, .konto_part_2 > div{
  padding-bottom: 8px;
}

.konto_part_2{
  padding-left: 0;
}

div.form_text, div.form_error{
  margin-top: 0;
}

.birthdatebox, .plzbox, .stadtbox{
  float: none;
  padding-left: 0;
}

.bonusbox{
  width: 100%;
  float: none;
  height: auto;
}

.bonusprice, .bonus_link_box{
  float:none;
  width:100%;
  display: block;
}

.bonusrow{
  padding: 0;
}

.imagebox{
  height: auto;
}

.bonusimage{
  margin-left: 0;
  max-width: 100%;
  margin-bottom: 8px;
}

.bonuslabel, .bestellen_link_box{
  float:none;
}

.bestellen_link_box, .bonus_link_box{
  width: 100%;
  display: block;
  font-weight: bold;
}

.bonus_link_box, .bonuslabel{
	display:inline-block;
	margin-bottom:10px;
	/*border:1px solid red*/
}
.imagebox{
	margin-top:10px;
}

.bonus_link_box{
	margin-bottom:5px;
	/*border:1px solid red*/
}

.bestellen_link_box a, .bonus_link_box a{
	color: #fff!important;
    background-color: rgba(237,105,96,1) !important;
    padding: 4px 8px!important;
    border-radius: 0px;
    transition: all .15s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 8px;
}

.praemien_kontostand{
  margin-bottom: 8px;
  font-weight: bold;
}

.punktebox, .filebox, .bonusbox, .startbox{
  border: 1px solid #04445e;
}

.filetable{
  margin-top: 0;
  font-size: 11px;
  border-collapse: collapse;
  border-spacing: 0;
}

.filebox{
  padding: 4px;
}

.fieldtablehead{
  font-weight: bold;
}

#mobileNav a{
  font-weight: bold;
}

.strassebox, .stadtbox, .hausnummerbox{
  display: none;
}


.rog-container img{
  max-width: 100%;
  height: auto;
}

.rog-menu-container {
  float: right;
  vertical-align: middle;
  position: relative;
}


.contact-form textarea {
  min-height: 250px;
    max-width: 450px;
    width: 100%;
    height: 100%;
}

.contact-form input[type=submit] {
  color: #fff;
  background-color:#43545E;
  text-decoration: none;
    width: 120px;
    display: block;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
  border-radius: 0px!important;
}

.contact-form label {
  display:block;
  width: 180px;
}

.rog-login-window {
    background-color: rgba(8, 8, 8, 0.68);
    position: absolute;
    width: 500px!important;
    z-index: 100;
}

.rog-patientenstimme-login-hover:hover {
  border-bottom: 1px solid #84b400!important;
  color: #84b400!important;
}

.main_left {
  float: left;
  width:48%;
}

.main_right {
  float:right;
  width:48%;
}

.rog-patientenstimme-opacity {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

.vergessenbox {
  text-align: left!important;
}

input#datenschutz, input[type=radio] {
  margin-right:7px!important;
}

input[type=radio] {
  margin-left:7px!important;
}

div.selbstregistrierung{
  padding: 0;
  margin-bottom: 16px;
}

.selbsteregistierte_formular_1 {
    padding-bottom: 8px;
}

a.rog-bar-item-selected{
  background-color: #91AD41 !important;
}

.rog-patientenstimme-navigation{
  /* border-bottom: 1px solid #595959;*/
  /* border: 1px solid #000; */
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
  z-index: 999;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  -ms-transition: height 0.3s ease;
  transition: height 0.3s ease;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: padding 0.3s ease;
  -moz-transition: padding 0.3s ease;
  -ms-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
  /* position: fixed; */
  background-color: rgba(225,226,231,.9);
}

.rog-patientenstimme-navigation-small{
  /*height: 50px;*/
}

.nav_bar_small{
	padding-top: 5px;
    padding-bottom: 0px;
	-webkit-transition: padding 0.3s ease;
	-moz-transition: padding 0.3s ease;
	-ms-transition: padding 0.3s ease;
	transition: padding 0.3s ease;	
}

.rog-bar{
  overflow:visible;
}

.rog-bar-item span{
  /*padding: 0 24px;*/
  /*display: block;*/
  cursor: pointer;
  /*position: relative;*/
  font-size: 16px;
  /*font-weight: 700;*/
  /*line-height: 90px;*/
  /*text-transform: none;*/
  text-decoration: none;
  transition: color 0.1s ease, border-color 0.1s ease, line-height 0.3s ease;
}

.rog-patientenstimme-navigation-small .rog-bar-item span{
  line-height: 45px;
  text-transform: none;
  transition: color 0.1s ease, border-color 0.1s ease, line-height 0.3s ease;
}

 .rog-bar-item:hover > span:after{
   opacity: 1;
   right: 25px;
   left: 25px;
}


.rog-bar-item span:after{
  /*content: '';*/
  /*opacity: 0;*/
  /*position: absolute;*/
  /*right: 50%;*/
  /*bottom: -5px;*/
  /*left: 50%;*/
  /*border-bottom: 3px solid #F18400;*/
  /*transition: right 0.3s ease, left 0.3s ease;*/
}
a#logo-wrapper{
  /*background: transparent;*/
  /*width: auto;*/
  /*min-height: 0;*/
  /* margin: -33px 0 0 0; */
  /*padding: 0;*/
  /*position: absolute;*/
  /*top: 50%;*/
}
a#logo-wrapper .logo{
    width: auto;
    height: 38px;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.rog-patientenstimme-navigation-small a#logo-wrapper{
  margin: -15px 0 0 0;
}

.rog-patientenstimme-navigation-small a#logo-wrapper .logo{
  height: 30px;
}


.rog-header-claim{
  position: absolute;
  margin-top: -231px;
  width:100%;
}

.rog-header-claim{
  color: #0a2864;
  font-size: 20px;
}

.rog-header-claim p, 
#rogContentId_1 p, 
#rogContentId_2 p{
  margin-bottom: 40px;
}

.rog-custom-padding{
  padding: 0.01em 100px;
}

input[type="submit"], input[type="button"], a.rog-button, .survey_link, .bestellen_link_box a, .bonus_link_box a{
  background-color: #FFF !important;
  color: #595959  !important;
  padding: 0px 64px 0px 0px !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #595959 ;
  cursor: pointer;
  display: inline-block;
  width:190px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  transition: all .15s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus{
  background-color: rgba(147,149,151,1)  !important;
  color: #fff !important;
  outline: 0 none;
}

input[type="submit"]:active,
input[type="button"]:active{
  background-color: rgba(147,149,151,1)  !important;
  color: #fff !important;
  outline: 0 none;
}


/*TEXT INPUTS*/
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea, input#email{
  max-width: 100%;
  border: 1px solid #595959 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;  
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
select:hover,
textarea:hover, 
input#email:hover{
  border: 1px solid #989898!important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus,
input#email:focus{
  border: 1px solid rgba(237,105,96,1) !important;
  outline: 0 none;
}



.input {
    /* position: relative; */
    z-index: 1;
    display: inline-block;
    margin: 8px 0;
    max-width: 350px;
    width: 100%;
    vertical-align: top;
}

.rog-third .input{
    margin: 0px 0;  
}

.input__field:focus {
  outline: none;
}

.input__label {
  display: inline-block;
  float: right;
  /* padding: 0 8px; */
  width: 100%;
  color: #666;
  font-weight: 400;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__label-content {
  position: relative;
  display: block;
  /* padding: 24px 0; */
  width: 100%;
}

.input__field-rog {
  margin-top: 25px;
  padding: 8px 8px;
  width: 100% !important;
  background: white;
  color: #666;
}

.input__label-rog {
  /* position: absolute; */
  bottom: 0;
  left: 0;
  /* padding: 0 8px; */
  width: 100% !important;
  height: 100%;
  text-align: left;
  /* pointer-events: none; */
}

.input__label-content-rog {
  /* position: absolute; */
  /* top: 2px; */
}

.input__label-rog::before,
.input__label-rog::after {
  /* content: ''; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border-bottom: 2px solid #B9C1CA; */
}

.input__label-rog::after {
  margin-top: 0px;
  /* border-bottom: 2px solid #f18400; */
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.input__field-rog:focus + .input__label-rog::after,
.input--filled .input__label-rog::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.input__field-rog:focus + .input__label-rog .input__label-content-rog,
.input--filled .input__label-content-rog {
  /* -webkit-animation: anim-1 0.3s forwards; */
  /* animation: anim-1 0.3s forwards; */
}

@-webkit-keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}

@keyframes anim-1 {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(-1em, -40%, 0);
    transform: translate3d(-1em, -40%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
  }
}



@media only screen and (max-width: 480px) {
  .spende{
    background-color: rgba(230,233,239,0) !important;
    width:100% !important;
    margin: 0px 0px 0px -16px !important;
    padding: 0px 0px 0px 15px !important;
  }
}


@media only screen and (max-width: 400px) {

  #result {
    width: 84%;
  }
  footer div.rog-third:nth-child(3){
    width:100% !important;
  }
  footer div.rog-third:nth-child(1), 
  footer div.rog-third:nth-child(2){
    /*width:50% !important;*/
    margin-bottom:10px;
  }
    
}

@media only screen and (max-width: 350px) {
  .desktop-nav-wrapper {
    padding: 0px 10px 0px 10px;
  }
  div#login{
    font-size:14px;
  }  
}

@media only screen and (max-width: 330px) {
  .desktop-nav-wrapper {
    padding: 0px 5px 0px 5px;
  }
}



.fa-arrow-alt-circle-down, .fa-arrow-alt-circle-up{
  margin-right: 4px;
}

#contact_theme{
  margin-top: 24px;
  color: #737884;
  max-width: 350px;
}

#contact_text{
  margin-bottom: 24px;
  height: 150px !important;
    max-width: 350px;
}


input.button_save {
    border: 0px !important;
}

div.rog-section-konto input[type='button'].rog-white.rog-border-none.rog-padding-none.rog-underline.rog-hover-underline.rog-cursor-pointer{
  text-decoration:none !important;
}

div.rog-content div.rog-half div.rog-row-padding div.rog-margin-bottom:nth-child(1){
  margin-top: 0px!important;
}

div.rog-text-dark-grey div.rog-content div.rog-half div.rog-col{
  float:none;
  width:100%;
}

.spende{
  margin-right:0px;
  margin-left:-16px;
  width:470px;
  background-color:rgba(230,233,239,.5);
  padding:30px 4px 10px 150px;
}

label.hidden{
  display:none;
}


div.praemientable div.rog-half div.rog-section div img{
  display:none;
}

div.praemientable div.rog-half div.rog-section{
  text-align:center;
  font-size: 20px;
}

#news_label {
    margin-top: 0px !important;
}

div.konto_part_1 div.birthdatebox, div.konto_part_1 div.plzbox{
  display:none;
}

div.vornamebox div.konto_input input,
div.nachnamebox div.konto_input input,
div.konto_part_2 div.emailbox div.konto_input input,
div.konto_part_2 div.passwordbox div input,
div.konto_part_2 div.password2box div.konto_input input{
	/*border: 1px solid #595959  !important;*/
    /*margin-bottom: 10px;*/
	margin-bottom: 15px;
    padding: 8px 8px;
    /*background: transparent;*/
    /*color: rgb(89, 89, 89);*/
}

#rogHeaderClaimId_1, #rogHeaderClaimId_2{
  position:absolute;
}

.newsparagraph{
    color:#CCCCCC
}
.newsparagraph:nth-child(n+2){
    padding-top:10px;
    border-top: 1px solid #eeeeee
}

div#errorBoxKundennummer{
  color:rgb(244, 67, 54);;
  font-weight:600;
  border:0px solid;
  display:none;
  max-width:310px;
  font-size:12px;
}

.order-bonus-link{
  border: 2px solid #ffffff;
}
.order-bonus-link:hover {
  border: 2px solid #C21B17;
}

.rog-bonus-mincredits{display:none;}


/* SPENDEN */


#news_label {
    border-bottom: 1px solid #ccc!important;
}

p#reg_1, p#reg_2{
  visibility:show;
}

/* Hauptnav Linie unten selected sichtbar */

#link-ueber-large span.hnav_selected:after,
#link-faq-large span.hnav_selected:after,
#link-regeln-large span.hnav_selected:after,
#link-konto-large span.hnav_selected:after,
#link-praemien-large span.hnav_selected:after,
#link-dokumente-large span.hnav_selected:after,
#link-kontakt-large span.hnav_selected:after {
    content: '';
    opacity: 1 !important;
    position: absolute;
    right: 0 !important;
    bottom: -5px;
    left: 0 !important;
    border-bottom: 5px solid #C21B17;
    /*transition: right 0.3s ease, left 0.3s ease;*/
}

/* SWISS */

.forgotten{
  display: block;
  margin-bottom: 16px;
}
.regLogin{
	/* border: 1px solid red; */
}

.rog-intro-text{
  font-weight: 600;
  letter-spacing: -.5px;
  position: relative;
}

@media only screen and (min-width: 768px) {
/*
  .rog-intro-text:before{
      content: '//';
      color: #91AD41;
      font-size: 50px;
      display: block;
      position: absolute;
      top: 0;
      left: 4px;
      font-weight: normal;
      transform: translate(-60%,-40%);
  }
  .rog-intro-text:after{
      content: '//';
      color: #91AD41;
      font-size: 50px;
      display: block;
      position: absolute;
      bottom: 0;
      right: 4px;
      font-weight: normal;
      transform: translate(60%,40%);
  }
 */
}

.rog-patientenstimme-orange{
  background-color: #595959 ;
  color: #fff !important;
}

button.rog-patientenstimme-orange:hover,
button.rog-patientenstimme-orange:focus{
  background-color: rgba(147,149,151,1) ;
}

.rog-patientenstimme-text-blue{
  color: #004B78 !important;
}

html {
  /*scroll-behavior: smooth;*/
}

a.anchor{
  display: block;
  position: relative;
  top: -65px;
  visibility: hidden;
}

/*super caption*/

/* START::: Grid-Container*/
.grid_container div{
	/*border:0px solid red;*/
}

.grid_container {
  height: auto;
  min-height: 489px;
  display: grid;
  grid-template-rows:auto;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  /*align-items: center;*/
  /*border:1px solid black;*/
  background-image:url('../images/Header_Unterseite2_1920x489.jpg');
  background-repeat:no-repeat;
  background-position: center center;
  background-size:cover;
}

/* Für alle Seiten auser Home oder Start */
.grid_container_2 {
	height:auto;
	min-height: 489px;
	display: grid;
	grid-template-rows:auto;
	/* grid-template-columns: 0.2fr 1.2fr 0.5fr; */
	/*align-items: center;*/
	/*border:1px solid red;*/
	background-image:url('../images/Website_Header_Startseite.jpg');
	padding-top:100px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	padding-bottom:20px;
}

#grid_c1{
	grid-column:1 / 2;
}

#grid_c2{
	grid-column:2 / 3;
	text-align:center;
	/* padding-top:35vh; */
	/* border:1px solid green; */
}

#grid_c3{
	grid-column:3 / 4;
}

.firstBannerText {
    font-size: 26px !important;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(48, 93, 103, 1) !important;
}

.secondBannerText {
    font-size: 26px !important;
    margin-bottom: 4vh;
    color: #ed6960 !important;
}

/* ENDE::: Grid-Container*/

.full-width-media__caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(50%,50%);
	z-index:20;
}

.full-width-media__caption a{
  z-index: 1075;
  font-size: 18px;
  width: max-content;
  margin: 0 auto;
}

@media (max-width: 568px){
  .full-width-media__caption {
      padding-left: 2vw;
  }
}

@media (min-width: 568px){
  .full-width-media__caption {
      padding-left: 4vw;
  }
}

@media (min-width: 1024px){
  .full-width-media__caption {
      padding-left: 5vw;
  }
}


.full-width-media__caption-row{
  text-align: center;
  line-height: 2.4vw;
  margin-bottom: 2vw;
}

.full-width-media__caption-item {
  color: rgba(237,105,96,1);
  font-size: 4vw;
  font-weight: 300;
  z-index: 1050;
  position: relative;
}

.full-width-media__caption-item.rog-text-white {
  font-size: 3.4vw;
}

.full-width-media__caption-item.subcaption{
  color: #fff;
  font-size:2vw;
  margin-bottom: 2vw;
  text-align: center;
}

.full-width-media__caption-item, .patientenstimme-fadein{
  vertical-align: top;
  opacity: 1;
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.full-width-media__caption-bg {
  position: absolute;
  top: 0%;
  left: -100vw;
  height: 200%;
  width: 148.5vw;
  transform: rotate(17deg);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media (min-width: 1024px){
  .full-width-media__caption-bg {
    top: 0px;
  }
}

.full-width-media__caption-bg--top {
  background: linear-gradient(0deg,rgba(0,128,178,0) 0,#00497a 100%);
  width: 156.5vw;
  -webkit-animation-name: bottomTop;
  animation-name: bottomTop;
}

.full-width-media__caption-bg--bottom {
  background: linear-gradient(180deg,rgba(0,73,123,0) 0,#00497a 100%);
  -webkit-animation-name: topBottom;
  animation-name: topBottom;
}

@-webkit-keyframes show{
  from{opacity:0}to{opacity:1}
}
@keyframes show{
  from{opacity:0}to{opacity:1}
}

@-webkit-keyframes topBottom{
  from{transform:rotate(-17deg) translateY(-100%)}to{transform:rotate(-17deg) translateY(0)}
}
@keyframes topBottom{
  from{transform:rotate(-17deg) translateY(-100%)}to{transform:rotate(-17deg) translateY(0)}
}
@-webkit-keyframes bottomTop{
  from{transform:rotate(-17deg) translateY(100%)}to{transform:rotate(-17deg) translateY(0)}
}
@keyframes bottomTop{
  from{transform:rotate(-17deg) translateY(100%)}to{transform:rotate(-17deg) translateY(0)}
}

/*staggered headlines*/
.content-intro-container__title {
  color: #878787;
  font-weight: 500;
  text-align: left;
  margin-bottom: 12.75px;
  text-align: center;
} 

.content-intro-container__title span.content-intro-container__title-element--orange {
  font-size: 3rem;
  color: rgba(237,105,96,1);
}

.content-intro-container__title span.content-intro-container__title-element:nth-child(2) {
  /* margin-top: -.1rem; */
}

.content-intro-container__title span.content-intro-container__title-element--blue {
  font-size: 2.5rem;
  color: #004b78;
}

.content-intro-container__title span {
  display: block;
}

.content-intro-container__title--h2{
  line-height: 120%;
  letter-spacing: .7px;
}


/* Registrierung */
.info_pwd{
  display: none;
}

label.anrede{
  display: none;
}

.pw-hint{
  font-size: 11px;
  line-height: 1.1;
  display: block;
  color: #666;
}

.rog-dropdown-hover:after {
    content: '>';
    display: block;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 18px;
    font-size: 20px;
    transform: translateY(-50%) rotate(90deg);
    color: rgba(147,149,151,1);
}

.rog-dropdown-hover:hover:after{
  transform: translateY(-50%) rotate(-90deg);
  color:#FFF;
}



/* Navigation */
.close-button{
  text-align: right;
  color: 004B78 !important;
}


/*scrollbar*/
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgba(147,149,151,.3);
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #FFF;
  background-color: #fff;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(194,27,23,.7);
}

/*ENDE::: scrollbar*/

/* TB */

a{
	color: rgba(237, 105, 96, 1) !important;
}

/* START::: Selbstregistrierung */

/*
.selbstregistrierten_field label,
.selbstregistrierten_field span,
.selbstregistrierung.selbstregistrierung_erklaerung p label{
  color:#595959  !important;
}
*/

.myRegisterParagraph{
	/*border: 1px solid red; */
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.head_reg_new{
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(123, 124, 129, 1) !important;
	margin: 20px 0 40px 0;
}

#myKonto{
	margin:0px 0px;
}

#selbs_reg_radio_herr, #selbs_reg_radio_frau, #selbs_reg_radio_divers, #selbs_reg_check{
  position:relative;
  display:inline-block;
  border:0px solid;
  margin-right: 10px;
}

#selbs_reg_radio_herr, #selbs_reg_radio_frau, #selbs_reg_radio_divers{
	top:10px;
}

#opt_in_gender_1, #opt_in_gender_2, #opt_in_gender_3 #datenschutz{
  /*position:relative;*/
  z-index:1;
  width: 15px;
  visibility: hidden;
}
#selbs_reg_radio_herr:before{
  content:'';
  position:absolute;
  z-index:1;
  border:0px solid red;
  width: 22px;
  height:22px;
  background-color:rgba(237,105,96,1);
  border-radius:50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  top:-4px;
}

#selbs_reg_radio_herr:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 2px;
    z-index: 2;
    border: 0px solid red;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#selbs_reg_radio_divers:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 2px;
    z-index: 2;
    border: 0px solid red;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#selbs_reg_radio_divers:before{
  content:'';
  position:absolute;
  z-index:1;
  border:0px solid red;
  width: 22px;
  height:22px;
  background-color:rgba(237,105,96,1);
  border-radius:50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  top:-4px;
}

#opt_in_gender_3{
	position:relative;
	top:-5px;
}

.newClass#selbs_reg_radio_herr:after, .newClass#selbs_reg_radio_frau:after, .newClass#selbs_reg_radio_divers:after{
  background-color: rgba(147,149,151,1);
}

.newClass_2#selbs_reg_radio_herr:after, 
.newClass_2#selbs_reg_radio_frau:after,
.newClass_2#selbs_reg_radio_divers:after{
  background-color:#FFF;
}

#selbs_reg_radio_frau:before{
  content:'';
  position:absolute;
  z-index:1;
  border:0px solid red;
  width:22px;
  height:22px;
  background-color:rgba(237,105,96,1);
  border-radius:50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  top:-4px;
}

#selbs_reg_radio_frau:after{
  content:'';
  position:absolute;
  top: -2px;
  left: 2px;
  z-index:2;
  border:0px solid red;
  width: 18px;
  height: 18px;
  background-color:#FFF;
  border-radius:50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

#selbs_reg_check:before{
  content:'';
  position:absolute;
  z-index:1;
  border:0px solid red;
  width:22px;
  height:22px;
  background-color:rgba(237,105,96,1);
  /* border-radius:5px */
}

#selbs_reg_check:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    border: 0px solid red;
    width: 18px;
    height: 18px;
    background-color: #FFF;
}

.newClass#selbs_reg_check:after{
  background-color: rgba(147,149,151,1);
}
.newClass_2#selbs_reg_check:after{
  background-color:#FFF;
}

.myHint{
	font-size:12px;
}
/* ENDE::: Selbstregistrierung */

/* FAQ Akordion */
.rog-accordion-panel{
	display:block;
	padding-top:10px;
	padding-right:10px;
}

.rog-accordion {
    /*background-color: rgba(123, 124, 129, .1);*/
    cursor: pointer;
    font-weight: normal;
    font-size: 18px;
    padding: 10px 8px 10px 8px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    position: relative;
    margin-bottom: 12px;
    height: 47px;
    overflow: hidden;
    transition: .4s;
    border: 1px solid rgba(123, 124, 129, .5);
}

.rog-accordion.active{
    /*background-color: rgba(123, 124, 129, .1);*/
    cursor: pointer;
    font-weight: normal;
    font-size: 18px;
    padding: 10px 8px 10px 8px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    position: relative;
    overflow:hidden;
    transition: .4s;
    border: 1px solid rgba(123, 124, 129, .5);
    color: rgba(237, 105, 96, 1) !important;
}

.rog-accordion:before {
  font-family:'Source Sans Pro', sans-serif !important;
  content: '|'; 
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
  position: absolute;
  top: 9px;
  right: 36px;
  transform: rotate(-45deg);
  border:0px solid green;
  transition: .2s;
}

.rog-accordion:after {
  font-family:'Source Sans Pro', sans-serif !important;
  content: '|'; 
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
  position: absolute;
  top: 9px;
  right: 24px;
  transform: rotate(45deg);
  border:0px solid red;
  transition: .2s;
}
/*----------------*/
.rog-accordion.active:before {
  font-family:'Source Sans Pro', sans-serif !important;
  content: '|'; 
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
  position: absolute;
  top: 9px;
  right: 36px;
  transform: rotate(-135deg);
  border:0px solid green;
  transition: .2s;
}

.rog-accordion.active:after {
  font-family:'Source Sans Pro', sans-serif !important;
  content: '|'; 
  font-size: 15px;
  font-weight: 400;
  margin-left: 5px;
  position: absolute;
  top: 9px;
  right: 24px;
  transform: rotate(135deg);
  border:0px solid red;
  transition: .2s;
}
/*
p.rog-accordion.active, 
.rog-accordion-panel.rog-text-white p {
    color: rgba(237, 105, 96, 1) !important;
}
*/
.new_opt_in div, 
.rog-light-grey.rog-light-otto-faq .rog-content.rog-padding-large, 
.new_contact{
    padding-bottom: 8px;
    max-width: 800px;
    width: 100%;
    min-width: 300px;
    /* border: 1px solid; */
    /*margin: 0 auto; */
}

.rog-light-otto-faq .rog-content.rog-padding-large{
    padding: 12px 0px !important;
}

.rog-accordion:hover{
   color:rgba(237, 105, 96, 1) !important; 
   box-shadow: 0 1px 10px rgba(123, 124, 129, .3);
}

.rog-accordion.active:hover{
   /*color:#595959  !important; */
   box-shadow: 0 1px 10px rgba(123, 124, 129, .3);   
}
/* ENDE::: FAQ Akordion */

input[type="submit"],
a[href*='logout'], a.rog-button, .survey_link, input.delete_button_konto.delete_button {
	font-size: 16px;
	background-position: 0% 0%;
	background-image: none;
	padding: 0px 20px !important;
	border: 1px solid rgba(237,105,96,1) !important;
	color: #FFF !important;
	background-color: rgba(237,105,96,1) !important;
	text-transform: uppercase;
	border-radius: 10px;
	font-weight: bold;
}

.survey_link_fr{
	width: 230px;
	background-position: 180px 50%;
}

.survey_link_fr:hover{
	width: 230px;
	background-position: 190px 50% !important;
}

form[name='passVergessen'] input[type='submit'].action_fr{
	margin-top:10px;
	width:270px;
	background-position: 215px 50%;	
}

form[name='passVergessen'] input[type='submit'].action_fr:hover{
	background-position: 225px 50%;	
}

form[name='passVergessen'] input[type='submit'].action_it{
	margin-top:10px;
	width:270px;
	background-position: 215px 50%;	
}

form[name='passVergessen'] input[type='submit'].action_it:hover{
	background-position: 225px 50%;	
}

/* START::: SPENDEN */
.bestellen_link_box a, .bonus_link_box a{
	font-size: 16px;
    background-position: 0% 0%;
    background-image: none;
    padding: 0px 20px !important;
    border: 1px solid rgba(237,105,96,1) !important;
    color: #FFF !important;
    background-color: rgba(237,105,96,1) !important;
    text-transform: uppercase;
}

.bestellen_link_box a:hover, 
.bonus_link_box a:hover{
	background-color: rgba(237,105,96,.5) !important;
	color:#FFF !important;
}

a.order-bonus-link_fr{
	width:260px;
	background-position: 200px 50%;
}

a.order-bonus-link_fr:hover{
	background-position: 210px 50%;
}

@media (max-width: 580px){
	div.selbstregistrierten_field:nth-of-type(1) label.selbstregistrierung{
		width: 90px;
		display: inline-block;
		/*border:1px solid red;*/
	}	
}

@media (max-width: 460px){
	.bestellen_link_box a, .bonus_link_box a{
		font-size: 16px;
		background-position: 0% 0%;
		background-image: none;
		padding: 0px 20px !important;
		border: 1px solid rgba(237,105,96,1) !important;
		color: #FFF !important;
		background-color: rgba(237,105,96,1) !important;
		text-transform: uppercase;
	}

	.bestellen_link_box a:hover, 
	.bonus_link_box a:hover{
		background-color: rgba(237,105,96,.5) !important;
		color:#FFF !important;
	}

	a.order-bonus-link_fr{
		/*width:260px;*/
	}

	a.order-bonus-link_fr:hover{
		/*background-position: 210px 50%;*/
	}
	
}

/* ENDE::: SPENDEN*/

input.delete_button_konto.delete_button{
	width: 270px;
    background-position: 220px 50%;	
	border-color: #C21B17;
}

input.delete_button_konto.delete_button.delete_button_fr{
	width: 320px;
    background-position: 270px 50%;	
	border-color: #C21B17;
}

input.delete_button_konto.delete_button.delete_button_fr:hover{
    background-position: 280px 50%;	
	border-color: #C21B17;
}

input[type="submit"].action{
	width:200px;
    /*background-position: 152px 50%;	*/
    /*padding-left:12px !important;*/
	margin-top: 10px;
}

input[type="submit"]:hover,
a[href*='logout']:hover,
a.rog-button:hover, 
.survey_link:hover,
input.delete_button_konto.delete_button:hover,
#send_email_button:hover, 
#copy_code_button:hover{
	font-size: 16px;
    background-position: 0% 0%;
    background-image: none;
    padding: 0px 20px !important;
    border: 1px solid rgba(237,105,96,1) !important;
    color: #FFF !important;
    background-color: rgba(237,105,96,.5) !important;
    text-transform: uppercase;
}

input[type="submit"].action:hover{
	background-color: rgba(237,105,96,.5) !important;
	color:#FFF !important;
}

input.delete_button_konto.delete_button:hover{
    /*background-position: 230px 50%;	*/
	background-color: #C21B17 !important;
}

/* Registrieren-Button auf dem Bild */
a.myRegister {
    font-size: 16px;
    background-position: 0% 0%;
    background-image: none;
    padding: 0px 20px !important;
    border: 1px solid rgba(237,105,96,1) !important;
    color: #FFF !important;
    background-color: rgba(237,105,96,1) !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
	text-transform: uppercase;
}

a.myRegister:hover {
	background-image: none;
	background-color:rgba(237,105,96,.5) !important;;
}

input[type='text'].selbstregistrierung, 
input[type='password'].selbstregistrierung, 
#opt_in_gender {
    width: 100%;
    min-width: 320px;
    max-width: 400px;
}
/* ENDE::: Registrieren-Button auf dem Bild */

#myNewReg{
	position: relative;
    /*border: 1px solid red;*/
    z-index: 9999999;
    color: #FFF !important;
}

#navbar_inner_wrap{
	/* border: 1px solid red; */
	max-width: 1830px;
	margin: 0px auto;
	padding: 0px 0px;
	vertical-align: middle;
	text-align: right;
}

#my_logo{
	/* border: 1px solid navy; */
	display: inline-block;
	width: auto;
	float: left;
}

/* Login */
.rog-display-topright {
position: absolute;
    right: 1px;
    top: 1px;
    border: 1px solid rgba(123, 124, 129, 1);
    background-color: #FFF;
    cursor: pointer;
    color: rgba(0, 0, 0, 1) !important;
    display: inline-block;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.rog-display-topright:hover {
    border: 1px solid rgba(123, 124, 129, 1) !important;
    background-color: rgba(123, 124, 129, 1) !important;
    color: #FFF !important;
}

.myloginwrapper{
	/*border:1px solid red;*/
	padding:4px;
	text-align: left;
}
.button_login{

	padding-top:10px;
}
#my_top_nav a span {
    color: rgba(123, 124, 129,1) !important;
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.5s ease-in-out;
}

#my_top_nav a span.selected{
	/*color:rgba(237,105,96,1) !important;*/
	border-bottom: 2px solid rgba(237,105,96,1) !important;
	transition:border-bottom 0.5s  ease-in-out;	
}

#my_top_nav a:hover span{
	border-bottom: 2px solid rgba(237,105,96,1) !important;
	transition:border-bottom 0.5s  ease-in-out;
}

a#pwForget:hover,
a:hover, a:hover span{
	color: rgba(237,105,96,1) !important;
}

a#pwForget:hover,
a:hover, 
#my_top_nav a:hover span{
	/*color: rgba(237,105,96,1) !important;*/
}
/*ENDE::: Login */

/* Sprache */
.rog-button-language{
    color: rgba(0, 0, 0, 1) !important;
    background-color: rgba(147,149,151,.3) !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border:1px solid #595959; 
}

.rog-dropdown-hover:first-child {
    background-color: #FFF;
    border: 1px solid rgba(147,149,151,1);
    color: rgba(147,149,151,1) !important;
    margin-top: 10px;
}

.text-left{
	text-align:left !important;
	padding:4px;
}

/*ENDE::: Sprache*/

/* Footer */
.foo, footer, footer, div.rog-content-footer{
  position:relative !important;
}

.top {
    color: rgba(123, 124, 129, 1) !important;
    !important: ;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    top: 0px;
    right: 20px;
    height: 55px;
    width: 50px;
    background-color: rgba(199,199,199,1);
    max-width: none;
    transition: all .3s;
    cursor: pointer;
    /* border: 1px solid rgba(123, 124, 129,1); */
}

.top div{
	color: rgba(0, 0, 0, 1) !important;
	font-size: 11px !important;
}

.top div:first-child{
	font-size: 15px !important;
	transform: rotate(-90deg);
	margin-left:-2px;
}

.top div:nth-of-type(3){
	margin-top:-5px;
}

.top:hover{
	padding-right: 20px;
    width: 70px;
	transition: all .3s;
}

/* START::: Footer */

footer.rog-blue {
    background-color: rgba(225,226,231,.4) !important;
    /* border: 1px solid red; */
    /* height: 60px; */
    padding: 60px 0px !important;
    margin-top: 50px;
}

footer div.fooNav{
	display:inline-block;
	/* border:1px solid green; */
	margin: 0px 0px 0px 20px;
}

div.copy.fooNav{
	/* margin-left:220px; */
	font-weight:600 !important;
	/*font-size:18px;*/
	color:rgba(123, 124, 129,1) !important;
	font-size: 15px;
}

.fooNavWrapper,
.fooNavWrapper a span,
#newDate,
div.top div{
	color:rgba(123, 124, 129,1);
	font-size: 15px;
}
div.top div{
	font-size: 15 px !important;
}

#social{
	float:right;
}

.fooNavWrapper{
	display: inline-block;
    /*border: 1px solid yellow;*/
    margin: 0px auto 20px auto;
    /* padding: 20px; */
    width: 70%;
    text-align: center;	
}

footer div.fooNav a{
	color: rgba(0, 0, 0, 1);
	text-transform:uppercase;
}

footer div.fooNav a:hover{
	color: rgba(237,105,96,1) !important;
}

footer div.rog-content{
	padding:0px 0px;
	/* border:1px solid red; */
}

/*ENDE::: Footer*/


/* START::: Content-Landingpage */

.rog_content_uber_1, .rog_content_ueber_2, .rog_content_ueber_3{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:45px;
	background-color:rgba(225,226,231,.4);
	padding:40px 0px;
}

.rog_content_ueber_2{
	background-color:rgba(255,255,255,1);
}

.content_wrapper{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 0fr 1fr 0fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	padding-bottom: 40px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.content_wrapper._1Z{
	grid-template-columns: 1fr;
}

._left{
	/*border:1px solid green;*/
	grid-column:1 / 2;
}
._right{
	/*border:1px solid green;*/
	grid-column:3 / 4;
}
.content{
	/*border: 1px solid red;*/
	grid-column:2 / 3;
	display:grid;
	grid-template-rows:auto;
	grid-template-columns:50% 50%;
	align-items: center;
}
.content_1, .content_1_2{
	grid-column:1 / 2;
	/*border:1px solid navy;*/
	text-align: left;
}

.content_1_2{
	text-align:left;
}

.content_1_2{
	padding-right:20px;
}

.rog_content_uber_1 .content_2{
	padding-left:20px;
}

.content_2{
	grid-column:2 / 3;
	/*border: 1px solid pink;*/
	text-align: right;
}

.content img{
	max-width:600px;
	width:100%;
	height:auto;
}

.flt_first_line,
a.fl_anchor{
	color:rgba(0, 0, 0, 1);
	text-transform:uppercase;
	font-weight:600;
	font-size:40px !important;
	margin-bottom:10px;
	/* border: 1px solid red; */
	text-align: left;
}

a.fl_anchor, .flt_first_line{
	color: rgba(123,124,129,1) !important;
}

.flt_second_line{
	color:rgba(237, 105, 96, 1) !important;
	text-align: justify;
	color:#3C424F;
	font-size:26px !important;
	margin-top:20px;
	margin-bottom:10px;
}

.flt_third_line{
	color:rgba(0, 0, 0, 1);
	text-align: justify;
}


/*  ENDE::: Landingpage  */

/* START::: UEBER UNS 2 Zeilen 3 Spalten  */
.rog_content_uber_ueberuns_1,
.rog_content_uber_ueberuns_2,
.rog_content_ueber_uns_1, 
.rog_content_ueber_uns_2,
.rog_content_ueber_uns_3,
.rog_content_ueber_uns_4{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height: auto;
	/*border: 1px solid red;*/
	margin-top:45px;
	background-color:rgba(255,255,255,1);
	padding:40px 0px;
}

.rog_content_uber_ueberuns_1{
	height: auto;
	background-color: rgba(225,226,231,.4);
}
.rog_content_uber_ueberuns_2{
	height: auto;
	background-color: rgba(225,226,231,.4);
}
.rog_content_ueber_uns_1{
	height: auto;
}
.rog_content_ueber_uns_2{
	height: auto;
}
.rog_content_ueber_uns_3{
	height: auto;
	background-color: rgba(225,226,231,.4);
}
.rog_content_ueber_uns_4{
	height: auto;
}

.content_wrapper_2Z_3C{
	display:grid;
	grid-template-rows: 50% 50%;
	grid-template-columns: .33fr .33fr .33fr;
	grid-gap: 20px 20px;
	height: auto;
	/*align-items: center;*/
	/*border: 1px solid yellow;*/
	padding-bottom: 40px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.content_wrapper_3Z_3C{
	display:grid;
	grid-template-rows: 100px auto auto;
	grid-template-columns: .33fr .33fr .33fr;
	grid-gap: 20px 20px;
	height: auto;
	/*align-items: center;*/
	/*border: 1px solid yellow;*/
	padding-bottom: 40px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.colspan3{
	grid-column:1 / 4;
	
	text-align:center;
	/*border:1px solid gray;*/
}

.col{
	padding: 5px 40px;
	/* height: 100%; */
	background-color: #fff;
	text-align:center;
	box-shadow: 0 0 3px 0 rgb(189 189 189 / 40%), 0 2px 3px 0 rgb(189 189 189 / 30%), 0 2px 3px rgb(0 0 0 / 8%);
	font-size:15px !important;
}

.col p{
	font-size: 18px !important;
}

._center{
	text-align:center;
}

.c_1{
	grid-column:1 / 2;
}

.c_2{
	grid-column:2 / 3;
}

.c_3{
	grid-column:3 / 4;
}

.blocksatz{
	 text-align: justify;
}

.blocksatz.c_2.col p.plzh{
	text-align:center;
	vertical-align: middle;
    line-height: 180px;
}
.blocksatz.c_2.col p img{
	width:180px;
	height:auto;
}

.blocksatz strong{
	display:block;
	text-align: center;
	text-transform:uppercase;
	border:0px solid red;
	font-size: 18px;
}


/* ENDE::: UEBER UNS 2 Zeilen 3 Spalten  */

@media (max-width: 1015px){
	.content_wrapper{
		grid-template-columns: 20px 1fr 20px;		
	}	
}

@media (max-width: 659px){
	.rog-accordion, .rog-accordion.active {
		font-size:15px;
		padding: 5px 20px 10px 8px;
	}
	.rog-accordion-panel {
		padding-top: 20px;
	}
	.punkte_wrapper {
		width: 200px;
		height: 140px;
	}	
}

/* ENDE::: Content-Landingpage */

/* START::: Landing Backend */

.punkte_wrapper .bonusbox{
	display:none;
}

.rog_content_uber_4{
	display:none;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:300px;
	/*border: 1px solid navy;*/
	margin-top:77px;
	background-color:rgba(237, 105, 96, 1);
	padding:0px 0px;
}

.content_wrapper_start{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: .5fr .5fr;
	height:100%;
	align-items: center;
	/*border: 1px solid red;*/
	padding-bottom: 0px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.lf_start{
	grid-column:1 / 2;
	font-size: 50px;
    font-weight: 600;
	margin-top: -40px;
	/*border:1px solid green;*/
	color:#444444 !important;
}

.rg_start{
	grid-column:2 / 3;
	/*border:1px solid maroon;*/
}

.second_header_startseite_backend{
	color: rgba(123, 124, 129, .9) !important;
    font-size: 22px;
    margin-top: 10px;
}

.punkte_wrapper{
	width: 300px;
    height: 240px;
	/*min-height: 180px;*/
    /*min-width: 210px;*/
    float: right;
    background-color: #FFF;
    border: 0px solid white;	
}

.praemien_kontostand{
	text-align: center;
	text-transform: uppercase;
}

.punkte_wrapper .fas.fa-trophy,
.content_wrapper_start_2 .fas.fa-trophy{
	padding: 18px 0px 0px 15px;
}

.fas.fa-trophy,
.fas.fa-bullhorn, 
.fas.fa-newspaper,
.fas.fa-user,
.fas.fa-gift,
.fas.fa-bell,
.fas.fa-heartbeat,
.fas.fa-comment-medical{
    display: block;
    font-size: 50px;
    font-family: 'Font Awesome 5 Free' !important;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border: 2px solid rgba(237, 105, 96, 1);
    margin: 10px auto 20px auto;
    padding: 18px 0px 0px 15px;
	padding: 18px 0px 0px 0px;
    color: rgba(237, 105, 96, 1) !important;
}
/* START::: ----------- Kachelkonstrukt + iFrame Start Backend  ---------------  */

.greeting{
	width:100%;
	max-width:1232px;
	margin-left: auto;
	margin-right: auto;
	font-size:35px;
	font-weight:600;
	color: rgba(123,124,129,1) !important;
}

.rog_content_uber_2_start{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height: auto;
	max-height: 600px;
	/*border: 1px solid red;*/
	margin-top:45px;
	background-color:rgba(255,255,255,1);
	padding:0px 0px;
}

.content_wrapper_start_2 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 320px;
    height: 100%;
    /*align-items: top;*/
    padding-bottom: 0px;
	padding-top: 40px;
    max-width: 1232px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	/*border: 1px solid yellow;*/
}

.my_content_start{
	grid-column:1 / 2;
	/*border:1px solid green;*/
}

.my_iframe_start{
	grid-column:2 / 3;
	min-width:310px;
	/*border:1px solid maroon;*/
}

.start_back_2Z_grid{
	display: grid;
	grid-template-rows: auto 80%;
    grid-template-columns: 1fr;
	height: 100%;
    /*align-items: top;*/
    /*border: 1px solid blue;*/
}

.first_row_start_back{
	grid-column:1 / 2;
	margin-bottom:10px;
	/*border:1px solid pink;*/
}

.second_row_start_back{
	grid-column:1 / 2;
	/*border:1px solid pink;*/
}

.start_content_grid_2Z_2C{
	display:grid;
	grid-template-rows: auto auto;
	grid-template-columns: .5fr .5fr;
	grid-gap: 20px 20px;
	height: auto%;
    align-items: center;
    /*border: 1px solid green;	*/
}

.kachel_1_start, .kachel_3_start{
	grid-column:1 / 2;
	width:99%;
	height: 100%;
	text-align:center;
	background-color:rgba(123, 124, 129, .1);
	padding-bottom: 10px;
	/*border: 1px solid blue;*/
}

.kachel_2_start, .kachel_4_start{
	grid-column:2 / 3;
	width:99%;
	height: 100%;
	text-align:center;
	background-color:rgba(123, 124, 129, .1);
	padding-bottom: 10px;
	/*border: 1px solid yellow;*/
}

.kachel_head{
	font-size:18px;
	font-weight:600;
	text-transform: uppercase;
}

.start_kache_fliess{
	font-size:14px;
	font-weight:600;
	color:rgba(0, 0, 0, .5) !important;
	
}


/* ENDE::: ----------- Kachelkonstrukt + iFrame Start Backend  ---------------  */

/* START::: -------------- FAQ / Datenschutz / Impressum / Kono ------------------------- */

.rog_content_uber_faq_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:45px;
	background-color:rgba(255,255,255,1);
	padding:40px 0px;
}

.content_wrapper_faq_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	padding-bottom: 40px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.faq_head{
	grid-column:1 / 2;
	font-size: 40px;
	font-weight: 600;
	color: rgba(123,124,129,1) !important;
	text-transform:uppercase;
}

/* ENDE::: -------------- FAQ / Datenschutz / Impressum ------------------------- */

/* START::: -------------- Index Backend ------------------------- */
.rog_content_uber_top_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:45px;
	background-color:rgba(225,226,231,.4);
	padding:40px 0px;
}

.content_wrapper_top_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	/*padding-bottom: 40px;*/
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.top_head{
	grid-column:1 / 2;
	font-size: 28px;
    color: rgba(0, 0, 0, .5) !important;
	/*text-transform:uppercase;*/
}

/* ENDE::: -------------- Index Backend ------------------------- */

/* START::: -------------- Kontakt  ------------------------- */

.rog_content_uber_kontakt_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:45px;
	background-color:rgba(255,255,255,1);
	padding:40px 0px;
}

.content_wrapper_kontakt_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	padding-bottom: 40px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.kontakt_head{
	grid-column:1 / 2;
	text-transform:uppercase;
}

/* ENDE::: -------------- Kontakt ------------------------- */

/* START::: ---------- Subprämien ------------------- */
.rog_content_uber_4_subpraemien{
	display:none;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:33vh;
	min-height: 200px;
	/*border: 1px solid navy;*/
	margin-top:77px;
	background-color:rgba(237, 105, 96, 1);
	padding:0px 0px;
}

.content_wrapper_subpraemien{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:100%;
	align-items: center;
	/*border: 1px solid red;*/
	padding-bottom: 0px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.content_wrapper_subpraemien .second_header_startseite_backend{
    visibility:hidden;
}

/* ENDE::: ---------- Subprämien ------------------- */


/* START::: ----------- Selbstregistrierung -------------------- */

.container_sr::before,
.container_sr.right_sr::before,
.container_sr.left_sr::before,
.timeline::after,
.container_sr::after,
.container_sr.right_sr::after,
.container_sr.left_sr::after,
.container_sr.right_sr::after{
	box-sizing: border-box;
}

.timeline{
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0px 0px;
}

.timeline::after{
  content: '';
  position: absolute;
  width: 2px;
  background: rgba(237, 105, 96, 1); /* Grün */
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

.container_sr{
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%;
  margin-bottom: -50px;
}

.container_sr.left_sr{
  left: 0%;
}

.container_sr.right_sr{
  left: 50%;
}

.container_sr::after{
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid rgba(237, 105, 96, 1); /* Korall */
  border-radius: 16px;
    -webkit-border-radius:16px;
    -moz-border-radius: 16px;
  z-index: 1;
}

.container_sr.right_sr::after{
  left: -8px;
}

.container_sr::before{
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: rgba(237, 105, 96, 1); /* Korall */
  z-index: 1;
}

.container_sr.right_sr::before{ /* Korall Linie rechts zur Timeline */
  left: 8px;
}

/*
.container_sr .date{
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #006E51;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.container_sr.left_sr .date{
  right: -75px;
}

.container_sr.right_sr .date{
  left: -75px;
}
*/

.container_sr .icon {
    position: absolute;
    display: inline-block;
    width: 42px;
    height: 42px;
    padding: 7px 0px 0px 0px;
    top: calc(50% - 23px);
    background: transparent;
    border: 2px solid rgba(237, 105, 96, 1);
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    text-align: center;
    font-size: 22px;
    color: rgba(237, 105, 96, 1) !important;
    z-index: 1;
    font-family: 'Font Awesome 5 Free' !important;
}

.container_sr.left_sr .icon{
  right: 56px;
}

.container_sr.right_sr .icon{
  left: 56px;
}

.container_sr .content_sr{
  padding: 30px 90px 30px 30px;
  background: rgba(123, 124, 129, .1);
  position: relative;
  /*border-radius: 0 0px 0px 0;*/
}

.container_sr.right_sr .content_sr{
  padding: 30px 30px 30px 90px;
  /*border-radius: 0px 0 0 0px;*/
}

.container_sr .content_sr h2{
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: rgba(0,0,0,1);
}

.container_sr .content_sr p{
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  color: rgba(0,0,0,1);
}

@media (max-width: 1143px){
  .timeline::after{
    left: 10px;
  }

  .container_sr{
    width: 100%;
    padding-left: 50px;
    padding-right: 5px;
    margin-bottom:5px;
  }

  .container_sr.right_sr{
    left: 0%;
  }
  
  .container_sr.left_sr{
    left: 0px;
  }  

  .container_sr.left_sr::after, 
  .container_sr.right_sr::after{
    left: 3px;
  }

  .container_sr.left_sr::before,
  .container_sr.right_sr::before{
    left: 19px;
    border-color: transparent rgba(237, 105, 96, 1) transparent transparent;
  }

/*
  .container_sr.left_sr .date,
  .container_sr.right_sr .date{
    right: auto;
    left: 15px;
  }
*/
  .container_sr.left_sr .icon,
  .container_sr.right_sr .icon{
    right: auto;
    left: 70px;
  }

  .container_sr.left_sr .content_sr,
  .container_sr.right_sr .content_sr{
    padding: 30px 30px 30px 90px;
    /*border-radius: 500px 0 0 500px;*/
  }
}

.rog_content_uber_selbreg{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:10px;
	background-color:rgba(255,255,255,1);
	padding:0px 0px;
}

.content_wrapper_selbreg{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	padding-bottom: 40px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.timeline{
	grid-column:1 / 2;
}

/* START::: --- Selbstreg Ueberschrift --- */
.rog_content_uber_selbreg_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:0px;
	background-color:rgba(255,255,255,1);
	padding:0px 0px;
}

.content_wrapper_selbreg_head{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	padding-bottom: 0px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.selbreg_head{
	grid-column:1 / 2;
	font-size: 40px;
	font-weight: 600;
	color: rgba(123,124,129,1) !important;
	text-transform:uppercase;
}

.content_wrapper_selbreg_head p{
	grid-column:1 / 2;
	text-align:center;
}
/* ENDE::: --- Selbstreg Ueberschrift --- */
/* START::: --- Selbstreg Formular ---*/

.rog_content_uber_selbreg_form{
	 :grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:20px;
	background-color:rgba(225,226,231,.4);
	padding:20px 0px;
}

.content_wrapper_selbreg_form{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	padding-bottom: 20px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.selbreg_form{
	grid-column:1 / 2;
}

/* ENDE::: --- Selbstreg Formular ---*/
/* -- START::: Selbstreg letzter Absatz -- */
.rog_content_uber_selbreg_la{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	/*border: 1px solid red;*/
	margin-top:20px;
	background-color:rgba(255,255,255,1);
	padding:20px 0px;
}

.content_wrapper_selbreg_la{
	display:grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	height:auto;
	align-items: center;
	/*border: 1px solid yellow;*/
	padding-bottom: 20px;
	max-width: 1232px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.selbreg_la{
	grid-column:1 / 2;
}

/* -- ENDE::: Selbstreg letzter Absatz -- */

/* ENDE::: ----------- Selbstregistrierung -------------------- */
/* ENDE::: Landing Backend */
/* Hauptnavigation */
.top_nav{
	display: inline-block;
	text-transform: uppercase;
	/* border: 0px solid green; */
}
.top_nav_1{
	text-transform: uppercase;
	display: inline-block;
    position: relative;
    top: 0px;
	transition: top 0.5s;
}

.first_wraper_nav{
	/* border: 0px solid yellow; */
	display: inline-block;
	/* float: right; */
	margin-top: 10px;
	width: calc(100% - 310px);
	margin-right: -20px;
}

.first_wraper_nav span{
	/* border:0px solid red; */
	display:inline-block;
	padding: 0px 0px 0px 0px;
	height: 25px;
	margin-right:15px;
}

#myClOp{
	margin-right:1px;
}

#link-registrieren-large span, 
#link-praemien-large span{
	/*border:1px solid red;*/
	margin-right: 25px;
}

.first_wraper_nav a:last-child span{
	margin-right:0px;
}

.myNavButton:nth-of-type(1){
	margin-right:10px !important;

}

.myNavButton:nth-of-type(2){
	padding: 0px 20px 0px 30px;
    background-image: url(../images/globus.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 7px 50%;
}

.myNavButton:nth-of-type(2):hover{
    background-image: url(../images/globus_2.png);
}

.HeadLanguage{
	padding: 0px 30px 0px 0px;
    background-image: url(../images/globus.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 95% 50%;	
    /*border:1px solid green;*/
}

.myNavButton {
	display: inline-block;
    font-size: 16px;
    background-position: 0% 0%;
    background-image: none;
    padding: 0px 20px !important;
    border: 1px solid rgba(237,105,96,1) !important;
    color: #FFF !important;
    background-color: rgba(237,105,96,1) !important;
    text-transform: uppercase;
	cursor:pointer;
}

.myNavLogin{
    display: inline-block;
    border: 1px solid #c21b17;
    background-color: #FFF;
    color: ##595959 !important;
    padding: 0px 20px;
    cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

.myNavButton:hover{
    font-size: 16px;
    background-position: 0% 0%;
    background-image: none;
    padding: 0px 20px !important;
    border: 1px solid rgba(237,105,96,1) !important;
    color: #FFF !important;
    background-color: rgba(237,105,96,.5) !important;
    text-transform: uppercase;
}

.bonusimage {
    /*height: auto !important;*/
	max-height: 200px;
}

/* START::: Kontact */

.kontHL, .second_hl, .therd_hl{
	color: rgba(123, 124, 129, .7);
	font-size:26px !important;
	width:100%;
	max-width:600px;	
	padding:0px 0px;
	background-image:url('../images/line_grey.png');
    background-repeat: no-repeat;
    background-size: 600px 1px;
	overflow:hidden;
	margin:0px 0px 20px 0px;
	border:0px solid red;
}

.kontHL.first_hl{
	background-position: 209px 45%;
}

.kontHL.second_hl{
	background-position: 137px 45%;
}

.kontHL.therd_hl{
	background-position: 137px 45%;
}


.kont_address, .kont_phone, .kont_mail{
	color: rgba(123, 124, 129, 1);
	font-size:18px;
	font-weight:600;
	width:100%;
	max-width:600px;
	padding:0px 0px 0px 30px;
	
	background-image:url('../images/address_icn.png');
    background-repeat: no-repeat;
    background-size: 18px 22px;
	background-position: 0px 5px;
	
	margin:0px 0px 30px 0px;
	
	border:0px solid red;
}

.kont_phone{
	background-image:url('../images/address_phone.png');
	background-size: 18px 18px;
	background-position: 0px 7px;
}

.kont_mail{
	background-image:url('../images/address_mail.png');
	background-size: 18px 17px;	
	background-position: 0px 7px;
}

/* ENDE::: Kontact */
/* Mobile */

#myMobLog {
    display: none;
    float: right;
    /* margin-left: calc(100% - 147px); */
    margin-top: -7px;
    background-image: none;
    padding: 0px 20px;
    margin-right: 10px;
    position:relative;
}

.first_wrapper_nav_small{
	margin-top:5px;
}

@media (max-width: 1799px){
	#navbar{
		padding-left:20px;
		padding-right:20px;
	}
}

@media (min-width: 1211px){
	.first_wrapper_nav_small{
		margin-top:5px;
	}	
}

@media (max-width: 1340px){
	.punkte_wrapper{
		margin-right:5px;
	}
}
@media (max-width: 1211px){

	.firstBannerText {
		font-size: 22px !important;
	}
	.secondBannerText {
		font-size: 22px !important;
	}
	a.myRegister {
        font-size: 14px;
	}
	
	div[class*='rog_content_uber'],
	div[class*='rog_content_ueber']{
		padding:10px 5px;
	}
	
	.rog_content_uber_2_start{
		margin-top:0px;
	}
	
	.rog_content_uber_ueberuns_1 .flt_third_line{
		padding-right:5px;
	}
	
	#myMobLog{
		/* display:block; */
	}
	
	.first_wrapper_nav_small{
		margin-top:25px;
	}
	.rog-content {
		padding: 20px 0px;
	}	
	#oc_wrapper{
		display: inline-block !important;
		top: -3px !important;
		right: 30px !important;
	}	
	.top_nav{
		/*border: 1px solid red;*/
		display: inline-block;
		position: absolute;
		top: 100px;
		left: -108%;
		width: 250px;
		width: 100%;
		/*transition: left 0.5s;*/
	}
	.top_nav_1{
		border: 1px solid #595959 ;
		background-color:#FFF;
		display: inline-block;
		position: absolute;
		padding: 20px 5px;
		top: 94px;
		left: 0px;
		width: 250px;
		width: 100%;
		text-align: left;
		transition: left 0.5s;
	}
	.top_nav_1 a span{
		display:block;
		margin-bottom:3px;
		border-bottom: 1px solid #91AD41;
		color:#91AD41 !important;
		cursor: pointer;
		height: 30px;
	}

    .top_nav_1 a:last-child span{
    	border-bottom: 1px solid #FFF !important;
    }
	
	#navbar_inner_wrap {
		padding: 3px 10px;
	}

	.rog-padding-large {
		padding: 12px 30px !important;
	}

	.myNavButton{
		float:right;
		margin-bottom: -10px !important;
		margin-top: 20px;
	}
	.myNavButton:nth-of-type(1){
		margin: 20px 25px 0px 20px !important;
		display:inline-block;
	}

    #my_top_nav a span{
    	width:100%;
		border-bottom: 1px solid rgba(147,149,151,1);		
    }
	input[type='text'].selbstregistrierung, 
	input[type='password'].selbstregistrierung, 
	#opt_in_gender {
		width: 80%;
		min-width: 300px;
		max-width: 400px;
	}

	.rog-patientenstimme-navigation{
		padding-bottom:0px;
	}
	
	.greeting{
		padding-left:5px;
	}

	.grid_container {
		background-position: right -277px bottom;
	}	

	.grid_container_2 {
		background-position: right -590px bottom;
	}	
	
}

@media (max-width: 965px){
	
	.grid_container_2 {
		grid-template-columns: 0.2fr 2fr 0.5fr;
	}
	.firstBannerText {
		font-size: 20px !important;
	}
	.secondBannerText {
		font-size: 20px !important;
	}
	a.myRegister {
        font-size: 12px;
	}	
}

@media (max-width: 911px){
	.top{
		right: 10px;
	}	
}

@media (max-width: 880px){
	.col{
		padding-bottom: 50px;
	}
	.lf_start {
		font-size: 42px;
	}
	.rog_content_uber_4{
		height: auto !important;
	}
	.punkte_wrapper {
		width: 200px;
		height: 140px;
	}
    .fas.fa-trophy{
    	width: 70px;
        height: 70px;
        font-size: 30px;
		margin: 10px auto 10px auto;
    }
    .praemien_kontostand,
	.praemien_kontostand p{
    	font-size:11px;
    }	
}

@media (max-width: 813px){
	
	.grid_container_2 {
		display: block;
		padding-left: 10px;
	}
	.firstBannerText {
		font-size: 15px !important;
	}
	.secondBannerText {
		font-size: 15px !important;
	}
	a.myRegister {
		padding:0 10px !important;
	}	
	
	.rog_content_uber_1, .content_wrapper, .content, 
	.rog_content_ueber_2, .rog_content_uber_1, 
	.rog_content_uber_ueberuns_2{
		display:block;
		height: auto;
		padding: 10px 5px;
	}
	._left, ._right{
		display:none;
	}
	.content_1, .content_2, 
	.content_1_2, .flt_first_line{
		text-align: center;
	}
	
	.rog_content_uber_ueberuns_2 .content_1_2 {
        padding-right: 0px;
    }
	
	.rog_content_uber_1 .content_2, 
	.content_1_2{
		padding-left: 0px;
	}
	
	.rog-content {
		padding: 20px 0px !important;
	}
	.rog_content_ueber_2 .content_1_2, 
	.rog_content_uber_1 .content_2{
		padding-bottom: 10px;
	}
	
	.rog-content.rog_content_new{
		/*padding-left: 5px !important;*/
		/*padding-right: 5px !important;*/		
	}
	
	.rog_content_uber_1 .flt_first_line, .rog_content_uber_1 .flt_second_line,
	.rog_content_ueber_2 .flt_first_line, .rog_content_ueber_2 .flt_second_line{
		text-align:center;
	}
	
	footer div.fooNav {
		display:block;
	}
	.fooNavWrapper {
		width: 100%;
	}
	#social {
		float: none;
		margin-top:10px;
	}
	
	.rog-accordion {
		width: 100% !important;
	}
	.rog_content_uber_ueberuns_1 .flt_third_line {
		padding-bottom: 10px;
	}

	.content_wrapper_2Z_3C, 
	.content_wrapper_3Z_3C{
		display:block;
	}
	
	.col{
		margin:10px auto;
		width:80%;
		max-width:600px;
		min-width:300px;
		height:auto;
	}

	.content_wrapper_3Z_3C .blocksatz.c_1.col,
	.content_wrapper_3Z_3C .blocksatz.c_2.col,
	.content_wrapper_3Z_3C .blocksatz.c_3.col{
		display: block;
		/* border: 1px solid red; */
		margin: 10px auto;
		width: 60%;
		max-width: 480px;
		min-width: 300px;
		height: auto;
	}

	.rog_content_uber_2_start,
	.content_wrapper_start_2{
		display:table;
		height:auto;
	}	
	.second_row_start_back {
		margin-bottom: 20px;
	}	
	.my_iframe_start {
		text-align: center;
	}	
}

@media (max-width: 730px){
	.lf_start {
		font-size: 28px;
	}
	.second_header_startseite_backend{
		font-size: 15px;
	}
}

@media (max-width: 710px){
	.bonusbox{
		/*display: block !important;*/
		/*min-width: 300px !important;*/
		/*width: 70% !important;*/
		/*margin: 0 auto;*/
	}
	.bonusimage {
		height: auto !important;
		/*min-width: 280px !important;*/
		width: 40%;
		max-height: auto;
	}	
}

@media (max-width: 659px){
	.rog-accordion, .rog-accordion.active {
		font-size:15px;
		padding: 5px 20px 10px 8px;
	}
	.rog-accordion-panel {
		padding-top: 20px;
	}
	.punkte_wrapper {
		width: 200px;
		height: 140px;
	}	
}

@media (max-width: 613px){
	.punkte_wrapper {
		width: 200px;
		height: 140px;
	}
	.lf_start {
		font-size: 28px;
	}
	.rg_start{
		font-size: 13px;
	}
	
}


@media (max-width: 600px){
	.top{
		bottom: 100px;
	}	
}

@media (max-width: 483px){
	.lf_start {
		margin-top: -11px;
		font-size: 23px;
	}
	.punkte_wrapper {
		width: 160px;
		height: 120px;
	}
	.fas.fa-trophy {
		width: 55px;
		height: 55px;
		font-size: 20px;
		margin: 10px auto 10px auto;
	}
}

@media (max-width: 449px){
	span#myGenderDiv{
		display:block;
	}
}

@media (max-width: 400px){
	a.myRegister{
		font-size:13px;
	}
	
	a#logo-wrapper .logo {
		height: 30px;
		-webkit-transition: height 0.3s ease;
		-moz-transition: height 0.3s ease;
		-ms-transition: height 0.3s ease;
		transition: height 0.3s ease;
		margin-top: 5px;
	}
	
	#oc_wrapper {
		right: 50px !important;
	}
	#navbar{
		padding-left:5px;
		padding-right:5px;
	}
}

@media (max-width: 360px){
	.rog_content_uber_selbreg_head,
	.content_wrapper_selbreg_head{
		display:block;
	}
}
@media (max-width: 358px){
	#myMobLog{
		font-size: 11px;
		padding: 5px 10px;
		margin-top: -10px;
	}
	input.delete_button_konto.delete_button.delete_button_fr{
		font-size:13px;
		width: 290px;
		background-position: 240px 50%;	
	}
	input.delete_button_konto.delete_button.delete_button_fr:hover{
		background-position: 250px 50%;	
	}			
}

@media (max-width: 340px){
	.rog_content_uber_selbreg,
	.content_wrapper_selbreg,
	.rog_content_uber_selbreg_la,
	.content_wrapper_selbreg_la{
		display:block;
	}
}

@media (max-width: 329px){
	.content_wrapper_start {
		width: 310px;
	}
	.content_wrapper_start{
		grid-template-columns: auto auto;
	}
}

/* ENDE Nav-Mobile */

#oc_wrapper{
	position: relative;
	border: 1px solid #cecece;
	/*display: inline-block;*/
	display: none;
	width: 35px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	top: 13px;
	cursor: pointer;
	/* float: right; */
	border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
	background-color: #cecece;
}

.cao {
    position: absolute;
    border: 1px solid rgba(255,255,255,1) !important;
    background-color: rgba(147,149,151,1);
    /* border-radius: 0px; */
    /* -webkit-border-radius: 0px; */
    /*-moz-border-radius: 0px;*/
    width: 17px;
    height: 0px !important;
    display: inline-block !important;
    padding: 0px 0px !important;
    top: 15px;
    right: 8px;
    transition: border 0.5s;
}

.cao:after{
	content:'';
	position:absolute;
	border: 1px solid rgba(255,255,255,1);
	background-color:rgba(147,149,151,1);
	/* border-radius:0px; */
	/* -webkit-border-radius: 0px; */
	/* -moz-border-radius: 0px; */
	width: 17px;
	height:0px;
	display:inline-block;
	top: 5px;
	left: -1px;
	transform: translateY(0px) rotate(0deg);
	transition: transform 0.5s;
}

.cao:before{
	content:'';
	position:absolute;
	border: 1px solid rgba(255,255,255,1);
	background-color:rgba(147,149,151,1);
	/* border-radius:0px; */
	/* -webkit-border-radius: 0px; */
	/* -moz-border-radius: 0px; */
	width: 17px;
	height:0px;
	display:inline-block;
	top: -7px;
	left: -1px;
	transform: translateY(0px) rotate(0deg);
	transition: transform 0.5s;
}

.cao_1{
	position:absolute;
	border: 1px solid rgba(147,149,151,0) !important;
	/*border-radius:0px;*/
	/*-webkit-border-radius: 0px;*/
	/*-moz-border-radius: 0px;*/
	width: 17px;
	height:0px;
	display:inline-block;
	right: 6px;
	top: 18px;
	transition: border 0.5s;
}

.cao_1:before{
	content:'';
	position:absolute;
	border: 1px solid rgba(255,255,255,1);
	background-color:rgba(147,149,151,1);
	/*border-radius:0px;*/
	/*-webkit-border-radius: 0px;*/
	/*-moz-border-radius: 0px;*/
	width: 17px;
	height:0px;
	display:inline-block;
	top:-14px;
	left:-3px;
	transform: translateY(10px) rotate(45deg);
	transition: transform 0.5s;
}

.cao_1:after{
	content:'';
	position:absolute;
	border: 1px solid rgba(255,255,255,1);
	background-color:rgba(147,149,151,1);
	/*border-radius:0px;*/
	/*-webkit-border-radius: 0px;*/
	/*-moz-border-radius: 0px;*/
	width: 17px;
	height:0px;
	display:inline-block;
	top: 7px;
	left: -3px;
	transform: translateY(-11px) rotate( -45deg);
	transition: transform 0.5s;
}
/*ENDE::: Hauptnavigation*/

input[type='text'], input[type='password'], input#email{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

/* Application */
.surveys_header{
	font-size:18px !important;
	font-weight:600 !important;
}

.promotionrow_normal {
    width: 99%;
    border: 0px solid black !important;
    margin-top: 10px;
}

.punktebox, .filebox, .bonusbox, .startbox {
    border: 1px dotted;
    border-color: rgb(89, 89, 89) !important;
    padding: 10px;
}

.bonusbox{
	display:inline-block;
	width:300px;
	height:300px;
	text-align:center;
	/*background-color:rgba(225,226,231,.4);*/
	margin-bottom:10px;
	border:transparent;
	box-shadow: 0 0 3px 0 rgb(189 189 189 / 40%), 0 2px 3px 0 rgb(189 189 189 / 30%), 0 2px 3px rgb(0 0 0 / 8%);
}

.bonusbox .imagebox img{
	margin:0 auto;
	width:150px;
	height:150px;
}

.vergessenbox {
    padding: 0px !important;
    border: transparent !important;
    text-align: left important;
}

form[name='passVergessen'] input#email{
	padding: 0px !important;
}

input#email{
	height:40px;
	padding:0px 8px 0px 8px !important;
}

/* START::: Konto */
.myLanguageImage{
	cursor:pointer;
	margin-left:-8px;
}
/* ENDE::: Konto */
img.ueber_img{ 
	height:auto; 
	width:100%; 
	max-width:600px;
}

/* START::: Promotion */
#promotion_outer .promotion_layout .field.promotion_field_gender, 
#promotion_outer .promotion_layout .field.promotion_field_language{
	display:none;
}

.promotionrow_normal {
    width: 100%;
    /*border: 1px solid #595959;*/
    margin-top: 10px;
    padding-bottom: 100px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;	
}

.promotion_container {
    clear: left;
    margin-top: 130px !important;
}

#send_email_button{
	margin-right:10px;
}

#send_email_button, 
#copy_code_button{
	font-size: 16px;
    background-position: 0% 0%;
    background-image: none;
    padding: 0px 20px !important;
    border: 1px solid rgba(237,105,96,1) !important;
    color: #FFF !important;
    background-color: rgba(237,105,96,1) !important;
    text-transform: uppercase;
}

#send_email_button, 
#copy_code_button{
    /* background-color: #FFF !important; */
    /* color: #595959 !important; */
    /* padding: 0px 64px 0px 0px !important; */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #595959;
    cursor: pointer;
    display: inline-block;
    /* width: 230px; */
    /* height: 40px; */
    line-height: 40px;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    transition: all .15s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 10px;
    font-weight: bold;
}

#copy_code_button{
	/*padding: 0px 54px 0px 0px !important;*/
	/*background-position: 180px 50%;*/
}

/*
#send_email_button:hover, 
#copy_code_button:hover{
	font-size: 16px;
    background-position: 0% 0%;
    background-image: none;
    padding: 0px 20px !important;
    border: 1px solid rgba(237,105,96,1) !important;
    color: #FFF !important;
    background-color: rgba(237,105,96,1) !important;
    text-transform: uppercase;
}

#copy_code_button:hover{
	background-color: rgba(237,105,96,.5) !important;
	color:#FFF !important;
}
*/

@media (max-width: 530px){
	#send_email_button, 
	#copy_code_button, 
	.promotion_field_promotion_link{
		display:block !important;
	}
	#copy_code_button{
		margin-top:10px;
	}
	.promotionrow_normal {
		padding-bottom: 200px !important;
	}	
}

/* ENDE::: Promotion  */

.recruiter_field{
	/* display:none; */
	margin: 2px;
}

.none{
	display:none;
}

.praemientable{
	text-align:center !important;
}

ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: #ed6960;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

/* Footer */
.selected_foot span{
	color: rgba(237,105,96,1) !important;
}
/* ENDE::: Footer */

/* iFrame */
#initial{
	display:none;
}

/* Startseite Eingeloggter Bereich Promotion */

.promotion_layout {
    display: inline-block;
    float: left;
    max-width: 600px !important;
    height: auto;
    min-height: 214px;
    /* border: 1px solid red; */
}

.promotion_layout .flt_second_line_self {
    color: rgba(237, 105, 96, 1) !important;
    font-size: 26px !important;
    margin-top: 15px;
    /*margin-bottom: -10px !important;*/
}

.rog-app {
    width: 125px;
    margin-right: 20px;
}

/******************/
/** 13.2 jSuccess CSS **/
/******************/
#jSuccess {
  max-width: 730px;
}