html {
  font-size: 16px;
}

@media (min-width: 601px) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 1281px) {
  html {
    font-size: 20px;
  }
}

body,
input,
textarea,
select {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Roboto", verdana, arial, helvetica, sans-serif;
  color: #333438;
}
/*
#main {
	text-wrap: balance;
}*/

header * {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

h1,
h2,
h3,
h4,
h5{
  font-family: "Roboto", verdana, arial, helvetica, sans-serif;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}

h1{
  font-size: 2.25rem;
  line-height: 3rem;
  color:#003816;
  font-weight: 700;
}


h2{
  font-size: 1.75rem;
  line-height: 2.25rem;
  color: #358c38;
}
.ce-container h2 { margin-bottom:2rem}
.flex-container .ce-bodytext h2 {color:#003816; font-size:1.125rem; line-height:1.5rem; margin:10px 0; }
.flex-container .ce-bodytext h2 a{ color:#003816; }
.frame-layout-100 h2 {color:#358c38; }
.frame-layout-180 h2 {color:#003816; margin-bottom:2rem }


h3,
.ce-uploads-fileName {
  font-size: 1.333rem;
  line-height: 1.875rem;
  font-family: "Roboto", verdana, arial, helvetica, sans-serif;
}
	

h4 {
  font-size: 1.125rem;
}

h5{
  font-size: 1rem;
}

.header-group *:first-child {
  margin-bottom: 0.75rem;
}

p + p,
pre,
table {
  margin-top: 1.5rem;
}

p,
ul,
ol,
dl,
pre,	
table {
  margin-bottom: 1.5rem;
}

.claimleft {font-size:1.5rem; padding-bottom:4rem; color:#003816}
.claimright {font-size:1.5rem; padding-left: 1rem; padding-bottom:2rem; color:#003816}
.claimright > p {font-size:1rem;}

.small,
small {
  font-size: 0.8rem;
}


b,
strong,
.bold {
  font-family: "Roboto", verdana, arial, helvetica, sans-serif;
  font-weight: 700;
}

a {
  color:#358c38; 
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.link-internal:before {font-family: 'FontAwesome'; content: "\f101"; font-size:0.875rem; line-height:0; padding-right:5px;}
.rte-icon.fa-envelope:before {font-family: 'FontAwesome'; content: "\f003"; font-size:0.875rem; line-height:0; padding-right:5px;}
.rte-icon.fa-globe:before {font-family: 'FontAwesome'; content: "\f08e"; font-size:0.875rem; line-height:0; padding-right:5px;}
.rte-icon.fa-download:before {font-family: 'FontAwesome'; content: "\f019"; font-size:0.875rem; line-height:0; padding-right:5px;}

.content-footer2 a:before {font-family: 'FontAwesome'; content: "\f101"; font-size:0.875rem; line-height:0; padding-right:5px;}

.wrapper-footer a {color: #fff;}
.wrapper-footer li > span {font-weight:700;}
.wrapper-footer a:before {font-family: 'FontAwesome'; content: "\f101"; font-size:0.875rem; line-height:0; padding-right:5px;}
.wrapper-footer .hh-openstreetmap a:before {font-family: 'FontAwesome'; content: ""; font-size:0.875rem; line-height:0; padding-right:0;}
.wrapper-footer li#m-95 a:before, .wrapper-footer li#m-95 > span:before {font-family: 'FontAwesome'; content: "\f11c"; font-size:0.875rem; line-height:0; padding-right:5px;}
.wrapper-footer li#m-94 a:before, .wrapper-footer li#m-94 > span:before {font-family: 'FontAwesome'; content: "\f193"; font-size:0.875rem; line-height:0; padding-right:5px;}
.wrapper-footer a:focus, .wrapper-footer a:hover {
  color: #fff; 
  -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(235, 235, 235, 1);
	transition: -webkit-text-stroke-color .5s;
}


@media (prefers-reduced-motion: reduce) {
	a {
		transition: none;
	}
}
a:focus, a:hover {
  color: #000F42;
}
a.invers {
  color: #cccdd1;
}
a.invers:focus, a.invers:hover {
  color: #fff;
}

.textred {color:#d20a11;}
.spanred {color:#d20a11;}


sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

.invers {
  color: #fff;
}

.font-color-light {
  color: #64666d;
}

/************* Tabelle **************/

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  margin: 0 0 1.5rem 0;
  border: 0.063rem solid #9799a0;
  border-bottom-width: 0;
}
th,
td {
	 padding: 0.687rem 0.375rem 0.75rem 0.375rem;
  border-bottom: 0.063rem solid #9799a0;
  text-align: left;
  vertical-align: top;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	th,
	td {
		transition: none;
	}
}
th {
	padding-top: 0.75rem;
    font-weight: 400;
}
tr:hover td,
tr:focus td {
	background: #e7e7e9;
    color: #333438;
}
.table-responsive,
.frame-type-table {
	 margin-bottom: 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
}
th {
  background: #e7e7e9;
  color: #333438;
  font-weight: 400;
}

table caption {
  padding: 0.375rem;
}

@media screen and (max-width: 1280px) {
.claimleft { padding-bottom: 7rem;padding-top: 3rem;}
#c240 h1 {padding-left:0; padding-right:1.5rem;}
}

@media screen and (max-width: 1024px) {
  .claimright {padding-left:0;}	
  h2{
  font-size: 1.5rem;
  line-height: 2rem;
}
 }
@media screen and (max-width: 880px) {
  h1 {font-size: 1.875rem; line-height: 2.5rem;}

 } 
@media screen and (max-width: 660px) { 
  .claimleft, .claimright {
  text-align: center;
  }
  .claimright {padding-left:0;}
  .claimright > p{margin-bottom:0;}
  .claimleft { padding-bottom:1rem; padding-top: 0;}
 } 
@media screen and (max-width: 480px) { 
.flex-container .ce-bodytext h2 {color:#003816; font-size:1rem; line-height:1.5rem; margin:10px 0; }
.claimleft, .claimright{font-size: 1.25rem;}
.claimright {padding-bottom:1rem;}
.claimright p{max-width: 80%; margin:0 auto;}
 div.wrapper-logo img{height: 120px;}
h1 {font-size: 1.5rem; line-height: 2rem;}
h2 {font-size: 1.25rem; line-height: 1.75rem; }
h3 {font-size: 1.125rem;line-height: 1.5rem;}
}