html,body {font-size:20px;}

:root {
    --green: #087249;
    --gray1: #333;
    --gray2: #666;
    --gray3: #ccc;
    
    --paddingsTB: 30px;
}
img {width:100%;}
.nopad {padding:0;}

section {}

/* paddings und was noch alles */

.pt10 {padding-top:var(--paddingsTB);}
.pt15 {padding-top:calc(var(--paddingsTB) * 1.5);}
.pt20 {padding-top:calc(var(--paddingsTB) * 2);}

.pb10 {padding-bottom:var(--paddingsTB);}
.pb15 {padding-bottom:calc(var(--paddingsTB) * 1.5);}
.pb20 {padding-bottom:calc(var(--paddingsTB) * 2);}

.mt10 {margin-top:var(--paddingsTB);}
.mt15 {margin-top:calc(var(--paddingsTB) * 1.5);}
.mt20 {margin-top:calc(var(--paddingsTB) * 2);}

.mb10 {margin-bottom:var(--paddingsTB);}
.mb15 {margin-bottom:calc(var(--paddingsTB) * 1.5);}
.mb20 {margin-bottom:calc(var(--paddingsTB) * 2);}


/* banner und so */


.RB_menuicon {display:block;width:0;height:30px;float: left;padding: 0;margin: 0 10px 0 0;overflow: hidden;}
.RB_menuicon span {width:30px;background-color:var(--gray3);height:6px;display:block;margin:3px 0 2px 0;border-radius: 10px;}

.RB_bannerContainer {position: relative;}
.RB_banner {}
.RB_banner h1 {position: absolute;top:0;left:0;width:100%;padding:.25em;color:white;text-align:center;font-weight:bold;font-size:3em;text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black;}
.item {height:400px;background-size:cover;width:100%;}

.RB_logoContainer {position: absolute;width:100%;background:rgba(255,255,255,.75);bottom:0;left:0;z-index: 1;}
.RB_logo {display:grid;grid-template-columns: auto 1140px auto;}
.RB_logo span:first-child {background-color:var(--green);}
.RB_logo h1 {height:2.5em;line-height: 1em;background-image:url(img/bannerbg.png);display:inline-block;background-position: right top;color:white;padding:6px 100px 10px 140px;font-size: 2em;font-weight: bold;position:relative;}
.RB_logo p {height:1.5em;line-height: 1em;float: right;color:var(--green);padding: 10px 0;margin:0;text-align: right;font-weight: bold;font-size: 2em;}
.RB_logo img {width:128px;height:128px;float:left;position: absolute;left:0;bottom:5px;}

.RB_topRow {display:grid;grid-template-columns: 1fr 1fr;}
.RB_BannerTxt {display:grid;grid-template-columns:1fr 1fr;float:right;width:100%;}
.RB_BannerTxt p {margin:0;text-align:right;}

/* textbox und alle HTML-Elemente */

.RB_bigtext {background:var(--green);padding:10px;}
.RB_bigtext p {color:white;font-size: 2em;padding:0;margin:0;font-weight:bold;}

h1 {font-size:1.5em;color:var(--green);padding: 5px 0;margin: 0;}
h2 {font-size:1.25em;color:var(--green);padding: 5px 0;margin: 0;}
h3 {font-size:1.1em;color:var(--green);padding: 5px 0;margin: 0;}

p {text-align: justify;color:var(--gray1);}
a {color:var(--green);}
/* Navigation */

.RB_mainNav {margin:20px 0;}
.RB_mainNav i {display: none;}
.RB_mainNav ul {list-style-type: none;padding: 0;min-height:40px;line-height: 40px;}
.RB_mainNav ul li {display: inline-block;position: relative;min-height:40px;}
.RB_mainNav ul li:hover {background-image:url(img/bannerbg.png);background-position:top right;}
.RB_mainNav ul li:hover a {color: white;text-decoration: none;}
.RB_mainNav ul li a {padding: 0 40px 0 10px;white-space:nowrap;color:var(--green);}

.RB_mainNav ul li ul {display: none;background:white;box-shadow:2px 4px 8px rgba(0,0,0,.5);position: absolute;z-index: 1;top:40px;left:0;}
.RB_mainNav ul li ul li {display: block;}
.RB_mainNav ul li ul li a {color:var(--gray1) !important;;}
.RB_mainNav ul li ul li:hover {background:var(--gray3);}
.RB_mainNav ul li:hover>ul {display: block;}

.RB_mainNav ul li ul li ul {display: none;left:95%;top:10px;}
/* footer */

.RB_footer {background:var(--green);padding:40px 0;font-size: 0.8em;}
.RB_footer a {color:white;}
.RB_footer ul {list-style-type: none;padding: 0;}
.RB_footer label {display: block;font-weight: normal;text-transform: uppercase;color:white;border-bottom: 1px solid white;}
.RB_footer address {color:white;}

.RB_hideMenu {display: none;}



.RB_menuMenu {display:none !important;;background:var(--green);color:white;padding:0 10px;line-height: 40px;height:40px;}

.RB_pageMiniTeaser {padding: 5px;}
.RB_pageMiniTeaser div {background: var(--gray3);width:100%;border-radius:0 0 10px 0;}
.RB_pageMiniTeaser h2 {color:var(--green);text-align: center;display:block;margin:0 0 20px 0;}
.RB_pageMiniTeaser a {background:var(--green);color:white;text-align: right;width:100%;border-radius: 0 0 10px 0;display: block;padding:0 10px 0 0;}

.RB_moreAndMore {margin:0 5px 15px 5px;border-bottom: 1px solid var(--green);display: block;width: 100%;text-transform: uppercase;font-weight: normal;}

@media (max-width:800px)
{
    .item {height:350px;}
    .RB_hideMenu {display: block;}
    .RB_menuMenu {display:block !important;;}
    .RB_mainNav {box-shadow:0 4px 4px rgba(0,0,0,.5);position: fixed;top:0;left:0;width:50%;height:100%;display:none;background:rgba(255,255,255,.95);;z-index: 1;margin: 0;overflow-y:auto;}
	.RB_mainNav>ul>li {display: block;min-height:40px;}
    .RB_mainNav ul li ul, .RB_mainNav ul li ul {box-shadow:none;background-color:transparent;}
	.RB_menuicon {width:30px;margin:10px 0;}
	.RB_mainNav ul li:hover {background:none;}
    .RB_mainNav ul li a {width:100%;display:block;}
    .RB_mainNav ul li:hover>ul {display:none;}
    .RB_mainNav ul li:hover a {color: var(--green);}    
    .RB_mainNav ul li ul,.RB_mainNav ul li ul li ul {display: none;position: fixed;top:0;width:50%;height:100%;left:0;background-color:white;}
    .RB_mainNav ul li ul li ul {display:none;}
    .RB_mainNav i {display: block;position: absolute;right:0;top:0;width:40px;height:40px;background:url(img/menuplus.png);text-align: center;;font-size:30px;}
    .RB_logo span h1 {text-align:right;padding:5px 10px 5px 0;line-height: 30px !important;font-size:28px !important;background-image:none;width:100% !important;display:block !important;height:70px;}
    .RB_logo span p {display:block;background:white;width:100%;height:40px;color:var(--green);font-size:30px;padding:0 10px;line-height:40px;border-bottom:3px double var(--gray3)}
    .RB_logo {display:grid;grid-template-columns: 0 100% 0 !important;}
    .RB_logo img {margin:0 0 0 10px;}
    .RB_logoContainer {background:var(--green);}
    .RB_topRow {display:grid;grid-template-columns: auto 1fr;}
    .RB_BannerTxt {display:grid;grid-template-rows:1fr 1fr !important;grid-template-columns:none !important; float:right;width:100%;}
    .RB_BannerTxt p {margin:0;text-align:right;}
    
}

.group1 img {outline:4px solid white;box-shadow:0 4px 12px rgba(0,0,0,.5);}

.RB_profileSlides {display:block;width:100%;height:;text-align:center;}
.RB_profileSlides:after {display:table-cell;clear:both;content:"";}
.RB_profileSlides a {display:inline-block;width:96px;height:96px;margin:0 10px;}
.RB_profileSlides a:hover {box-shadow:0 2px 6px rgba(0,0,0,.5);}
.RB_profileSlides img {width:100%;}

.profileSlides {margin:0 0 20px 0;}
.profileSlides div.item {height:auto;}

table {background:#dadada;width:100%;border-collapse:collapse;}
table thead {background:var(--green);color:white;}
table tbody tr:nth-child(odd) {background:white;}
td, th {text-align:center;}