/* RESET - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* WEBSITE-STYLE */
div#contacttop div.container,
header div.container,
div.titelarea div.container,
div.imagebanner div.container,
section div.container,
footer div.container,
div#specialdiv div.content {  
	max-width: 1280px;
	margin: 0 auto;
	height: 100%;
 	}

/* div ELEMENTS */
html, body {scroll-behavior: smooth;}
.bodywrapper {position: relative;}
a:active, a:focus {outline: none;}
summary {cursor:pointer; color: #FABB00;}
summary:focus {outline: none;}

.bggreen {background-color: #5DA172;}
.bglightbrown {background-color: #f1e8d8;}

footer {background-color: #5DA172;}

#specialdiv {padding-top: 20px; padding-bottom: 20px; margin-bottom: 5px; margin-top: -20px; transition: 0.5s;}
#specialdiv:hover {background-color: #4a815b;}

.abstandvorneg5 {margin-top: -5px;}
.abstandvorneg10 {margin-top: -10px;}
.abstandvorneg20 {margin-top: -20px;}
.abstandnachneg10 {margin-bottom: -10px;}
.abstandnachneg20 {margin-bottom: -20px;}
.abstandvor5 {margin-top: 5px;}
.abstandvor7 {margin-top: 7px;}
.abstandvor10 {margin-top: 10px;}
.abstandvor15 {margin-top: 15px;}
.abstandvor20 {margin-top: 20px;}
.abstandvor25 {margin-top: 25px;}
.abstandvor30 {margin-top: 30px;}
.abstandvor35 {margin-top: 35px;}
.abstandvor40 {margin-top: 40px;}
.abstandvor45 {margin-top: 45px;}
.abstandvor50 {margin-top: 50px;}
.abstandvor55 {margin-top: 55px;}
.abstandvor60 {margin-top: 60px;}
.abstandvor70 {margin-top: 70px;}
.abstandvor80 {margin-top: 80px;}
.abstandvor90 {margin-top: 90px;}
.abstandvor100 {margin-top: 100px;}
.abstand0 {margin-bottom: 0px;}
.abstand5 {margin-bottom: 5px;}
.abstand7 {margin-bottom: 7px;}
.abstand10 {margin-bottom: 10px;}
.abstand15 {margin-bottom: 15px;}
.abstand20 {margin-bottom: 20px;}
.abstand25 {margin-bottom: 25px;}
.abstand30 {margin-bottom: 30px;}
.abstand35 {margin-bottom: 35px;}
.abstand40 {margin-bottom: 40px;}
.abstand35 {margin-bottom: 35px;}
.abstand40 {margin-bottom: 40px;}
.abstand45 {margin-bottom: 45px;}
.abstand50 {margin-bottom: 50px;}
.abstand55 {margin-bottom: 55px;}
.abstand60 {margin-bottom: 60px;}
.abstand70 {margin-bottom: 70px;}
.abstand80 {margin-bottom: 80px;}
.abstand90 {margin-bottom: 90px;}
.abstand100 {margin-bottom: 100px;}

.lrpadding15 {padding-left: 15px; padding-right: 15px;}
.lrpadding25 {padding-left: 25px; padding-right: 25px;}

.negmargemil {margin-top: -35px;}

.text80p {width: 80%;}
.text60p {width: 60%;}

.zweispaltiger_inhalt,
.zweispaltiger_inhalt1,
.zweispaltiger_inhalt2
 { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.zweispaltiger_inhalt {
	width: 100%; 
	}
.zweispaltiger_inhalt1,
.zweispaltiger_inhalt2 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: left;
	}	
.zweispaltiger_inhalt1 {width: 48%; margin-right:3%;}
.zweispaltiger_inhalt2 {width: 48%;}

.colasym .zweispaltiger_inhalt1 {width: 58%; margin-right:3%;}
.colasym .zweispaltiger_inhalt2 {width: 38%;}

.dreispaltiger_inhalt,
.dreispaltiger_inhalt1,
.dreispaltiger_inhalt2,
.dreispaltiger_inhalt3
 { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.dreispaltiger_inhalt {
	width: 100%; 
	}
.dreispaltiger_inhalt1,
.dreispaltiger_inhalt2,
.dreispaltiger_inhalt3 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	text-align: left;
	}	
.dreispaltiger_inhalt1 {width: 30%; margin-right:4%;}
.dreispaltiger_inhalt2 {width: 30%; margin-right:4%;}
.dreispaltiger_inhalt3 {width: 30%;}

.scroll-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    border: 0px;
    background-color: #cfd1d2;
    opacity: 0.8;
    z-index:99;
    text-align: center;
}
.scroll-top:hover {background-color: #5DA172;}

header img.imglogo355 {max-width:250px; width: 100%; height: auto;}
img.socmediaicon {max-width:15px; width: 100%; height: auto; }
img.img125 {max-width:125px; width: 100%; height: auto;}
img.img175 {max-width:175px; width: 100%; height: auto;}
img.img200 {max-width:200px; width: 100%; height: auto;}
img.img225 {max-width:225px; width: 100%; height: auto;}
img.img259 {max-width:259px; width: 100%; height: auto;}
img.img300 {max-width:300px; width: 100%; height: auto;}
img.img325 {max-width:325px; width: 100%; height: auto;}
img.img350 {max-width:350px; width: 100%; height: auto;}
img.img375 {max-width:375px; width: 100%; height: auto;}
img.img450 {max-width:450px; width: 100%; height: auto;}
img.img500 {max-width:500px; width: 100%; height: auto;}
img.img512 {max-width:512px; width: 100%; height: auto;}
img.img1024 {max-width:1024px; width: 100%; height: auto;}
img.img1280 {max-width:1280px; width: 100%; height: auto;}

img.imgcenter, .imgcenter {display: block; margin-left: auto; margin-right: auto;}


img.smallhide {display: block;}
img.smallshow {display: none;}

#contacttop {padding-bottom: 10px; text-align: right; z-index:90;}

.boxborder {border: 1px solid #5DA172; border-radius: 5px;}

.nav_colleft {position: relative; float:left;}
.nav_colright {position: relative; float: right; padding-top: 15px;}
.navtopcol:after {
  content: "";
  display: table;
  clear: both;
}

nav {position: relative; z-index:99;}

.titelareahigh {position: relative; z-index:25; background: url(../images/edelseer-tischlerei-imagebild01.webp) center center no-repeat; background-size: cover; padding-top: 650px; padding-bottom: 45px; margin-top: 25px;}

.titelarealow1 {position: relative; z-index:25; padding-top: 45px; padding-bottom: 225px; margin-top: 25px;}
.titelarealow2 {position: relative; z-index:25; padding-top: 225px; padding-bottom: 45px; margin-top: 25px;}
#about .titelarea {background: url(../images/edelseer-tischlerei-imagebildsub04.webp) center center no-repeat; background-size: cover;}
#kontakt .titelarea {background: url(../images/edelseer-tischlerei-imagebildsub05.webp) center center no-repeat; background-size: cover;}

#landingpage .titelarea, #wissen .titelarea, #impressum .titelarea, #datenschutz .titelarea {background: url(../images/edelseer-tischlerei-imagebildsub06.webp) center center no-repeat; background-size: cover;}
#landingpage .titelarealow2 {position: relative; z-index:25; padding-top: 225px; padding-bottom: 45px; margin-top: 0px;}


section .container {padding-top: 75px; padding-bottom: 75px;}
section.notop .container {padding-top: 30px; padding-bottom: 75px;}
section.seclow .container {padding-top: 50px; padding-bottom: 50px;}
section.whitespace30 {z-index:25; background: url(../images/whitespace30.jpg) top left repeat-x; background-color: #f1e8d8; width: 100%; margin-bottom: 5px;}
section.whitespace30 .container {padding-top: 0px; padding-bottom: 75px;}
section.galemil .container {padding-top:0px; padding-bottom: 45px;}

footer .container {padding-top: 35px; padding-bottom: 65px;}

.imagebanner01 {position: relative; z-index:25; background: url(../images/edelseer-tischlerei-hintergrundbild01full.webp) center center no-repeat; background-size: cover; background-attachment: fixed; padding-top: 250px; padding-bottom: 45px;}

.imagebanner02 {position: relative; z-index:25; background: url(../images/edelseer-tischlerei-hintergrundbild02full.webp) center center no-repeat; background-size: cover; background-attachment: fixed; padding-top: 250px; padding-bottom: 45px;}

.imagebanner03 {position: relative; z-index:25; background: url(../images/edelseer-tischlerei-hintergrundbild03full.webp) center center no-repeat; background-size: cover; background-attachment: fixed; padding-top: 45px; padding-bottom: 250px;}

.moebenserienbox {border: 1px solid #5DA172; border-radius: 10px; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px;}

a.whitegreenbutton {
    border: 1px solid #5DA172;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 180px;
    border-radius: 7px;
    padding-left: 5px; padding-right: 5px; 
    padding-top: 5px; padding-bottom: 5px;
    background-color: #ffffff;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  -o-transition: background-color 1s ease;
  transition: background-color 1s ease;    
}
a.whitegreenbutton:hover {background-color:#5DA172;}  /* 8dd4a3 */

button.checklistbtn, .checklistbtn {
    border: 0px;
    border-radius: 7px;
    padding-left: 15px; padding-right: 15px; 
    padding-top: 10px; padding-bottom: 10px;
    background-color: #5DA172;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  -o-transition: background-color 1s ease;
  transition: background-color 1s ease;  
    font-family:RedhatTextMedium,verdana,sans-serif;
    color: #ffffff;
    	font-size: 1.0rem; 
}
button.checklistbtn:hover {background-color:#3f8458;}


/* Bildergalerie */	
.srcontainer, .srcontainersmall, .srcontainersmaller {
  position: relative;
  width: 100%;
}
.img_srcontainer {
  display: block;
  width: 100%;
  height: auto;
}
.overlay_srcontainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%; 
  opacity: 1.0;
  transition: .5s ease;
}
.srcontainer:hover .overlay_srcontainer {opacity: 0.0;}

.srccoloroverlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;     
  background-color:rgba(255, 255, 255, 0.6);          
}

.srctextoverlay {
  color: #000000;
  font-size: 20px;
  position: absolute;    
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;

}

.gallery.srcontainer:hover {opacity: 0.75;}


* {box-sizing: border-box;}
.imagebox {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
.srcontainer {max-width: 275px; height: auto; margin: 10px;}
.srcontainersmall {max-width: 220px; height: auto; margin: 10px;}
.srcontainersmaller {max-width: 200px; height: auto; margin: 10px;}
img.img_showroom {max-width: 275px; height: auto; margin: 10px;}

.borderbox {border: 1px solid #5DA172;}

.themenwrapper, .checklistwrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
.checklists {max-width: 350px; margin-right: 35px; margin-bottom: 45px;}

.thema {max-width: 350px; height: auto; margin: 10px; margin-right: 35px; border: 1px solid #5DA172; padding: 15px; margin-bottom: 35px;}
.thema:hover {background-color: #ecf6ef;}
img.beitragsbildkl {max-width:375px; width: 100%; height: auto;}
img.beitragtitelbild {max-width:1280px; width: 100%; height: auto;}  

.teaserflexbox {display: flex; flex-wrap: wrap; justify-content: center;}
img.checklistteaser {padding-left: 25px; padding-right: 25px;}


/* Mailformular */	
form {margin-top: 20px; width: 90%;}
input, textarea {color: #3b3b3a; font-size: 0.8em;font-family:osr,verdana, sans-serif; border-color: #3b3b3a;}
input[type=text], input[type=email] {margin-bottom: 20px; margin-top: 5px;width:90%;padding: 10px;border-radius:0px;border:1px solid #3b3b3a; background-color: #ffffff;}
textarea{width:90%; padding: 10px; margin-top: 5px; border:1px solid #3b3b3a; border-radius:0px; margin-bottom: 20px; resize:none;background-color: #ffffff;}
input[type=text]:focus, input[type=email]:focus, textarea:focus {border-color: #3b3b3a;}
input[type=submit] {background-color: #5DA172; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 20px; border:0px; cursor:pointer; color:#ffffff; text-decoration: none; text-transform: uppercase;border:1px solid #5DA172;}
input[type=submit]:hover {background-color: #a4ccb0; border:1px solid #a4ccb0;}

/* Inhalt-Accordion */
.contentbox {margin: 0 auto; }

.beitragstext details {border: 1px solid #5DA172; border-radius: 5px; padding: 10px; display:inline-block; margin-top: 25px; margin-bottom: 10px;}

summary {
  background-color: #fff;
  padding: 10px;
  outline: none;
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  position: relative;
  min-width: 150px;   
  color: #000000;    
}
details[open] summary ~ * {
  animation: sweep .5s ease-in-out; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;   margin-bottom: 7px; 
}
@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
details > summary::after {
  position: absolute;
  content: "+";
  right: 20px;
}
details[open] > summary::after {
  position: absolute;
  content: "-";
  right: 20px;
}
details > summary::-webkit-details-marker {
  display: none;
}


/* MEDIA-QUERIES */

@media only screen and (max-width: 1285px) {
   div#contacttop div.container,
   header div.container,
   div.titelarea div.container,
   div.imagebanner div.container,
   section div.container,
   footer div.container {padding-left: 35px; padding-right: 35px;}    
}

@media only screen and (max-width: 960px) {
    .clicksapart {display:none;}     

    .text80p, .text60p {width: 100%;} 
    
    .dreispaltiger_inhalt1,
    .dreispaltiger_inhalt2,
    .dreispaltiger_inhalt3 {display: block; width: 100%; padding-bottom: 45px;}    
   
    .zweispaltiger_inhalt1,
    .zweispaltiger_inhalt2 {display: block; width: 100%; padding-bottom: 45px;}
    
    .colasym .zweispaltiger_inhalt1,
    .colasym .zweispaltiger_inhalt2 {display: block; width: 100%; padding-bottom: 45px;}

    .colasym2 .zweispaltiger_inhalt1,
    .colasym2 .zweispaltiger_inhalt2 {display: block; width: 100%; padding-bottom: 45px;} 
    
    .colasym3 .zweispaltiger_inhalt1,
    .colasym3 .zweispaltiger_inhalt2 {display: block; width: 100%; padding-bottom: 45px;}
    
    .colasym3 .zweispaltiger_inhalt1,
    .colasym3 .zweispaltiger_inhalt2 {display: block; width: 100%; padding-bottom: 45px;}    
    
    .navtopcol:after, .titelarea:after {display: block;}    

}

/* MEDIA-QUERIES RESPONSIVE NAVIGATION */
/* ab 600px Navigationsleiste, unter 600px Mobile-Flipnavigation */

@media only screen and (min-width: 800px) {

.pschmalcenter {display: block; margin-left: auto; margin-right: auto; width: 80%;}

#shownav {display: none;}

#contacttop li {
    display:inline-block;
    text-align: right;
    margin-left: 20px;
}
  
nav ul {margin-top: 45px;}    
    
nav li {
    display:inline-block;
    text-align: right;
    margin-left: 15px;
}
nav li::after {
    padding-bottom: 2px;
    border-bottom: 3px solid #5DA172; 
    left: 50%;
    transition: width 0.3s ease 0s, left 0.3s ease 0s; 
    width: 0%;  
    content: '';
    display: block;
    position: relative;
    }
nav li:hover::after {width: 100%; left: 0;}  
   
    
.navtopcol .divlogo {margin-top: -10px;}
    
nav ul {position: relative;}    
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 0.975rem; 
}    
    
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:block;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgba(255, 255, 255, .95);
}

/* Fisrt Tier Dropdown */
nav ul ul li {
	display:list-item;
	position: relative;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 15px;
    margin-left: 0px;
}
    
#navstartseite {display: none;}    

}

@media only screen and (max-width: 800px) {
header img.imglogo355 {max-width:355px; width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto;}    
.nav_colleft {position: relative; float:none; width:100%;}
    
nav ul li {padding-left: 15px;}
nav li a {text-align: left; display: block; padding-bottom: 20px;}    
nav ul ul {display: block; padding-left: 10px;}
.titelareatext {}
#contacttop {margin-bottom: 10px;}
#contacttop li {margin-bottom: 15px;}   

    
.ic {
  position: fixed; 
  cursor: pointer;
  display: inline-block;
  right: 25px;
  width: 32px;
  height: 24px;
  text-align: center;
  top:0px;
  outline: none; color: #000000;
}

.ic.close { 
  opacity: 0; 
  font-size: 0px; 
  font-weight: 300; 
  color: #000000;
  top:8px;
  height:40px;
  display: block;
  outline: none;
} 
    
.ic.menu { top:25px; z-index : 20;}

.ic.menu .line { 
  height: 4px; 
  width: 100%; 
  display: block; 
  margin-bottom: 6px; 
}
.ic.menu .line-last-child { margin-bottom: 0px;  }    

.ic.menu { display: block; }    

.ic.menu .line {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
    
  .ic.menu .line { background-color: #000000 !important; }    
  .ic.menu:focus .line { background-color: #000000 !important; }
  
  .ic.menu:focus .line:nth-child(1) { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); 
  }
  
  .ic.menu:focus .line:nth-child(2){ 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
    margin-top: -10px;
  }
  
  .ic.menu:focus .line:nth-child(3){
    transform: translateY(15px);
    opacity: 0;
  }
  header.light .ic.menu .line { background-color: #000; }
  .ic.menu:focus{ outline: none; }
  .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 21;  outline: none;  }
  
  /*
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
  .ic.menu:hover, 
  .ic.menu:focus{ opacity: 1; }    

ul.main-nav {
    z-index:2; 
    padding: 50px 0;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 0px;
    background-color:rgba(227,227,227,.95);
    height: 100%;
    overflow: auto;
    /*CSS animation applied : Slide from Right*/
   -webkit-transition-property: background, width;
    -moz-transition-property: background, width;
    -o-transition-property: background, width;
    transition-property: background, width;
   	-webkit-transition-duration: 0.6s;
	  -moz-transition-duration: 0.6s;
	  -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }
  
  .ic.menu:focus ~ .main-nav { width: 100%; background-color:rgba(227,227,227,.95); }
  
  ul.main-nav > * { 
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  .ic.menu:focus ~ .main-nav > * {opacity: 1;}      

.titelareahigh {position: relative; z-index:25; background: url(../images/edelseer-tischlerei-imagebild01.webp) center center no-repeat; background-size: cover; padding-top: 150px; padding-bottom: 45px; margin-top: 25px;}
    
}


@font-face {
font-family: 'RedHatTextLight'; font-display: swap;
src: url('../typo/RedHatText-Light.ttf');}

@font-face {
font-family: 'RedhatTextRegular'; font-display: swap;
src: url('../typo/RedHatText-Regular.ttf');}

@font-face {
font-family: 'RedhatTextRegularItalic'; font-display: swap;
src: url('../typo/RedHatText-Italic.ttf');}

@font-face {
font-family: 'RedhatTextMedium'; font-display: swap;
src: url('../typo/RedHatText-Medium.ttf');}

@font-face {
font-family: 'RedhatTextSemiBold'; font-display: swap;
src: url('../typo/RedHatText-SemiBold.ttf');}

@font-face {
font-family: 'RedhatTextBold'; font-display: swap;
src: url('../typo/RedHatText-Bold.ttf');}

a:link,
a:visited,
a:active {
	color: #5DA172;
    text-decoration: underline;
}
a:hover {color: #4a815b;}

p, li {
    line-height: 150%;
	font-size: 1.1rem; 
	font-family:RedhatTextRegular,verdana,sans-serif;
	color: #000000;
    text-align: center;
}

label {
    line-height: 150%;
	font-size: 0.95rem; 
	font-family:RedhatTextSemibold,verdana,sans-serif;
	color: #000000;
    text-align: center;
}

p.typoplus {font-size: 1.25rem;}
p.typoplusplus {font-size: 1.5rem;}
p.typoplusplusplus {font-size: 1.75rem;}
p.typolower {line-height: 125%;}
p.typominmed, a.typominmed {font-size: 0.95rem; line-height: 175%;}
p.typomin, a.typomin {font-size: 0.85rem; line-height: 125%;}
p.typogreen, .typogreen {color: #5DA172;}
p.typolightgreen, .typolightgreen {color: #91d8a7;}
p.typodarkgrey, .typodarkgrey {color: #636362;}
p.typoblack, .typoblack {color: #000000;}


#specialdiv a:link,
#specialdiv a:visited,
#specialdiv a:active {text-decoration: none;}
#specialdiv a:hover {text-decoration: underline;}

.typolight, p.typolight {	font-family:RedhatTextLight,verdana,sans-serif;}
b, strong, .typobold {font-family:RedhatTextMedium,verdana,sans-serif;}
b.bolder {font-family:RedhatTextBold,verdana,sans-serif;}
i {font-family:RedhatTextRegularItalic,verdana,sans-serif;}
.typoversal {text-transform:uppercase;}

nav li,
nav a:link,
nav a:visited,
nav a:active {
    line-height: 100%;
	font-size: 0.975rem; 
    text-decoration: none;
    font-family:RedhatTextMedium,verdana,sans-serif;
    color: #000000;
    text-transform:uppercase;
    text-decoration-color: #000000;
        -webkit-transition: color 1s;
        transition: color 1s;
}
nav a:hover {color: #5DA172; text-decoration: none;}
nav a.navactive:hover {color: #000000; text-decoration: none;}

nav .navactive {color: #5DA172;}

#contacttop li,
#contacttop a:link,
#contacttop a:visited,
#contacttop a:active {
    line-height: 100%;
	font-size: 0.725rem; 
    text-decoration: none;
    font-family:RedhatTextMedium,verdana,sans-serif;
    color: #5DA172;
    padding-top: 5px;
}
#contacttop a:hover {text-decoration: underline;}

.imagebanner p {} /*settings */

.titelarea h1 {
    line-height: 105%;
	font-size: 5.5rem; 
	font-family:RedhatTextRegular,verdana,sans-serif;
	color: #ffffff;
}
.unterseite .titelarea h1 {font-size: 3.25rem;}
.titelarea h1 span {font-family:RedhatTextBold,verdana,sans-serif;}

@media only screen and (max-width: 600px) {	.titelarea h1{font-size: 3.5rem;} }

.imagebanner p {
    line-height: 105%;
	font-size: 3.5rem; 
	font-family:RedhatTextRegular,verdana,sans-serif;
	color: #ffffff;
}

.solo h1 {
    line-height: 100%;
	font-size: 2.95rem; 
	font-family:RedhatTextBold,verdana,sans-serif;
	color: #5DA172;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 10px;
}

h2 {
    line-height: 100%;
	font-size: 1.25rem; 
	font-family:RedHatTextLight,verdana,sans-serif;
	color: #000000;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 10px;
}

h2.hinvers {
    line-height: 100%;
	font-size: 2.75rem; 
	font-family:RedhatTextBold,verdana,sans-serif;
	color: #5DA172;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 10px;
}

h3 {
    line-height: 110%;
	font-size: 2.5rem; 
	font-family:RedhatTextBold,verdana,sans-serif;
	color: #5DA172;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 20px;
}

h3.hinvers {
    line-height: 100%;
	font-size: 1.25rem; 
	font-family:RedHatTextLight,verdana,sans-serif;
	color: #000000;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 20px;
}

h2 span, h3 span {font-family:RedhatTextRegular,verdana,sans-serif;}

h4 {
    line-height: 100%;
	font-size: 1.35rem; 
	font-family:RedhatTextSemiBold,verdana,sans-serif;
	color: #5DA172;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 25px;
}

h4 span {
	font-size: 1.25rem; 
	font-family:RedhatTextRegular,verdana,sans-serif;
	color: #000000;
    text-transform:none;
}

.linesbeforeafter:before {content: "– "; color: #000000;}
.linesbeforeafter:after {content: " –"; color: #000000;}

h5 {
    line-height: 100%;
	font-size: 1.65rem; 
	font-family:RedhatTextBold,verdana,sans-serif;
	color: #5DA172;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 0px;
} 

h5 span {
	font-size: 1.65rem; 
	font-family:RedhatTextLight,verdana,sans-serif;
	color: #5DA172;
    text-transform:uppercase;
}

.themenwrapper h5 {    
    line-height: 120%;
	font-size: 1.2rem; 
	font-family:RedhatTextSemiBold,verdana,sans-serif;
	color: #5DA172;
    text-align: left;
    text-transform:none;
    margin-bottom: 5px;
}

h6 {
    line-height: 100%;
	font-size: 1.35rem; 
	font-family:RedhatTextBold,verdana,sans-serif;
	color: #5DA172;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 0px;
} 

h6 span {
	font-size: 1.35rem; 
	font-family:RedhatTextRegular,verdana,sans-serif;
	color: #5DA172;
}

.beitragstext h1 {
    line-height: 110%;
	font-size: 2.5rem; 
	font-family:RedhatTextSemiBold,verdana,sans-serif;
	color: #5DA172;
    text-align: center;
    text-transform:uppercase;
    margin-bottom: 20px;
    margin-top: 15px;
}

.beitragstext h2 {
    line-height: 110%;
	font-size: 1.5rem; 
	font-family:RedhatTextSemiBold,verdana,sans-serif;
	color: #5DA172;
    text-align: left;
    text-transform:uppercase;
    margin-top: 45px;
    margin-bottom: 5px;
}
.beitragstext h3 {
    line-height: 110%;
	font-size: 1.25rem; 
	font-family:RedhatTextSemiBold,verdana,sans-serif;
	color: #5DA172;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 7px;
}
.beitragstext h4 {
    line-height: 110%;
	font-size: 1.1rem; 
	font-family:RedhatTextSemiBold,verdana,sans-serif;
	color: #6f6f6e;
    text-align: left;
    margin-left: 10px;
    margin-top: 30px;
    margin-bottom: 7px;
}
.beitragstext h5 {
    line-height: 110%;
	font-size: 1.1rem; 
	font-family:RedhatTextMedium,verdana,sans-serif;
	color: #6f6f6e;
    text-align: left;
    margin-left: 10px;
    margin-top: 30px;
    margin-bottom: 7px;
}

.beitragstext p {margin-bottom: 10px;}
.beitragstext p.nm {margin-bottom: 0px;}

.beitragstext p.imgcaption {line-height: 120%; font-size: 0.9rem; margin-top: 5px; margin-bottom: 30px;}
.beitragstext p.imgcaptiontop {line-height: 120%; font-size: 0.9rem; margin-top: 30px; margin-bottom: 10px;}

.beitragstext ul, .beitragstext ol, .beitragstext li {text-align: left;}

.beitragstext li {margin-bottom: 7px;}

.beitragstext li::marker  {color:#5DA172;}

.beitragstext ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 15px;
}

.beitragstext ol {
    list-style-type: decimal;    
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 15px;
}

.beitragstext .imgborder {border: 1px solid #5DA172;}

.beitragstext .contentbox p {margin-bottom: 5px; line-height: 135%; font-size: 0.975rem; }
.beitragstext .contentbox .e2 {padding-left: 7px;}
.beitragstext .contentbox .e3 {padding-left: 14px;}

.beitragstext .contentbox a, .thema h5 a,
.beitragstext .contentbox a:link, .thema h5 a:link,
.beitragstext .contentbox a:visited, .thema h5 a:visited,
.beitragstext .contentbox a:active, .thema h5 a:active  {text-decoration: none;}
.beitragstext .contentbox a:hover {color: #5DA172;}

a.whitegreenbutton {text-decoration: none;}
a.whitegreenbutton:link p,
a.whitegreenbutton:visited p,
a.whitegreenbutton:active p {
    font-size: 0.9rem;    
    font-family:RedhatTextRegular,verdana,sans-serif;
    text-decoration: none;
    text-align: center;
    color: #5DA172;
    text-decoration-color: #5DA172;
        -webkit-transition: color 1s;
        transition: color 1s;    
}
a.whitegreenbutton:hover p {color: #ffffff;}

footer p {
	line-height: 120%;
	font-size: 0.9rem; 
	font-family:RedhatTextRegular,verdana,sans-serif;
	color: #ffffff;
}

footer li,
footer a:link,
footer a:visited,
footer a:active {
	line-height: 130%;
	font-size: 0.9rem; 
	font-family:RedhatTextRegular,verdana,sans-serif;
	color: #ffffff;
    text-align: right; 
    text-decoration: underline;
}
footer a:hover::before {content:'\00bb'; padding-right: 5px;}
footer a:hover { text-decoration: none;}


.srctextoverlay p {
    line-height: 100%;
	font-size: 1.15rem; 
	font-family:RedhatTextMedium,verdana,sans-serif;
	color: #000000;
}

.lb-number {font-family:RedhatTextMedium,verdana,sans-serif;}

.bggreen h1,
.bggreen h2,
.bggreen h3,
.bggreen h4,
.bggreen h5,
.bggreen p,
.bggreen li,
.bggreen a {color: #ffffff;}

.typoright {text-align: right;}
.typoleft, .typoleft p {text-align: left;}

.typogreen {color: #5DA172;}

/* MEDIA-QUERIES SMALL-SCREENS */


@media only screen and (max-width: 520px) {
   div#contacttop div.container,
   header div.container,
   div.titelarea div.container,
   div.imagebanner div.container,
   section div.container,
   footer div.container {padding-left: 15px; padding-right: 15px;}
        
    .navtopcol:after, .titelarea:after {display: block;}  

    .thema {margin-right: 10px;}
    
    #landingpage .titelarealow2 {position: relative; z-index:25; padding-top: 25px; padding-bottom: 25px; margin-top: 0px;}
    
img.smallhide {display: none;}
img.smallshow {display: block;}
}

@media only screen and (max-width: 1295px) {
   div#contacttop div.container,
   header div.container,
   div.titelarea div.container,
   div.imagebanner div.container,
   section div.container,
   footer div.container {padding-left: 15px; padding-right: 15px;}
}