@charset "UTF-8";
/* CSS Document */

<style type="text/css">






body {
	
	width: 100%;
	display: flex; justify-content: center;
	
}

.dflx{display: flex;}
.flyr{flex-wrap:wrap;}
.bflx100{flex-basis: 100%;font-family: 'Nunito', 'Montserrat', sans-serif;font-weight: 300;}
.ins_space{flex-basis: 100%; height: 1em;}




.sticky {
  flex-basis:  100%;
}



.stickyElement {
  position: sticky;
  top: 0px;
  display: flex; justify-content: center; font-weight: bold; color:dimgrey;font-family: 'Nunito', 'Montserrat', sans-serif;font-weight: 700;height: 150px; padding: 20px 0 20px 0;
}






.jctc{justify-content:center;}
.jcfs{justify-content: flex-start;}
.jcsa{justify-content: space-around;}
.jcsb{justify-content: space-between;}
.aifc{align-items: center;}

.acc{align-content: center;}
.acr{align-content: right;}

.pari{padding-right: 5%;}
.pari2{padding-right: 10px;}

.vord{z-index: 100;}

.smcps{font-variant: small-caps;}

.asfs{align-self: flex-start;}
.asfc{align-self: center;}
.asst{align-self: stretch;}
.asfe{align-self: flex-end;}

.bck_gry{background-color: grey;}
.bck_wht{background-color: white;}
.bck_yel{background-color: yellow;}
.bck_bge{background-color:/*#faf0e6*/rgba(102,102,102,0.1);} .bge_pad{padding: 0 0 1% 1%;} .bge_pad5{padding: 5% 0 5% 0;}
.bck_ant{background-color: dimgrey;}
.bck_353535{background-color: rgba(35,35,35,0.7);}

.fb5{flex-basis: 5%;}
.fb10{flex-basis: 10%;}
.fb15{flex-basis: 15%;}
.fb20{flex-basis: 20%;}
.fb30{flex-basis: 30%;}
.fb40{flex-basis: 40%;}
.fb50{flex-basis: 50%;}
.fb60{flex-basis: 60%;}
.fb80{flex-basis: 80%;}
.fb100{flex-basis: 100%;}

.fdr{flex-direction: row;}
.fdc{flex-direction: column;}

.fgr1{flex-grow: 1;}

.text_cont{padding: 25px;}
.txt_weiss{color:white;}
.ft{font-family: 'Nunito', 'Montserrat', sans-serif;font-weight: 700;}
.kleiner{font-size: smaller;}
.txtblu{color: #80afb5;}
.txttxt{color: dimgrey;}
.txtgld{color:rgb(214,207,141);}

.fotobox { min-width: 200px;width: 20%; border-style: solid; border-width: 2px; border-color: lightgrey; margin:1%;}


#logo {flex-basis: 100%; justify-content: center; text-align: center;}
.noto{font-family: 'noto', sans-serif;}
#regstr {flex-basis: 100%; font-size: 10pt; margin-top: 10px;
}

footer{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-around; padding:  4% 0 4% 0;background-color: rgba(35,35,35,0.8); font-family: 'Nunito', 'Montserrat', sans-serif;font-weight: 300;}

#main1 {
    background-image: url(image/couch_landscape_web.png);
    background-position: top center;
    background-attachment:scroll;
    background-size: cover;
    height: 80vh;
    width: 100%;
}
#placeholdersoyoucanscroll{
    height:100vh
}

.base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

 .background {
    -webkit-transform: translateZ(-999px) scale(2);
    transform: translateZ(-999px) scale(2);
    z-index: 3;
  }

  .clr_gry{color: dimgrey;}


#buttons {display: flex; justify-content: center; font-weight: 500; font-family: 'Nunito', 'Montserrat', sans-serif;height: 50px;}
.menu_btn {flex-basis:10%; min-width:70px;align-self:center;text-decoration:none;}
.lnk_gry a:link{color:#D3D3D3;text-decoration:none;}
.lnk_gry a:visited{color:#D3D3D3;}
.lnk_gry a:hover{color:#696969;text-decoration:none;}
.lnk_gry a:active{color:#D3D3D3;text-decoration:none;}

.lnk_blk a:link{color:#505050;text-decoration:none;}
.lnk_blk a:visited{color:#505050;}
.lnk_blk a:hover{color:#A9A9A9;text-decoration:none;}
.lnk_blk a:active{color:#A9A9A9;text-decoration:none;}

.col_gry{color: dimgrey;}
.col_red{color: #CC0000;}

.maincont {display: flex; flex-basis:100%; background-color: green;}
.articlebox { width: 100%; height:auto; margin-top: 40px; margin-bottom: 0px; overflow: hidden; display:flex; justify-content: center;
background-color: red;}
.foto100wide {display: flex; flex-basis: 100%; background-color: grey;}
.img1{object-fit: contain;}
.img_back {width: 100%;}
.top_arrow {width: 1.5em; min-width: 25px;}


.textonimg{position:absolute; margin-top:10%; margin-left: 15%; text-align:right; font-size:150%; color:white; }
.klein{font-size: 50%;}
.kursiv{font: italic;}
.line2 {line-height: 1.5em;}
.line1 {line-height: 0.8em;}
.line4 {line-height: 4em;}
.menubox{display: flex;color:white; background-color: #918151; width: 100px; height: 40px;font-size:70%;margin-right:0;text-align:center;padding:10px;}

.letrs24{font-size: calc(24px + (28 - 24) * (100vw - 400px) / (800 - 400));}
.letrs22{font-size: calc(22px + (24 - 22) * (100vw - 400px) / (800 - 400));}
.letrs20{font-size: calc(20px + (22 - 20) * (100vw - 400px) / (800 - 400));}
.letrs18{font-size: calc(18px + (20 - 18) * (100vw - 400px) / (800 - 400));}
.letrs16{font-size: calc(16px + (18 - 16) * (100vw - 400px) / (800 - 400));}
.letrs14{font-size: calc(14px + (18 - 14) * (100vw - 400px) / (800 - 400));}
.letrs12{font-size: calc(12px + (14 - 12) * (100vw - 400px) / (800 - 400));}
.letrs10{font-size: calc(10px + (12 - 10) * (100vw - 400px) / (800 - 400));}
.letrsbut{font-size: calc(11px + (12 - 11) * (100vw - 400px) / (800 - 400));}
.letrs8{font-size: calc(8px + (10 - 8) * (100vw - 400px) / (800 - 400));}
.letrs6{font-size: calc(6px + (8 - 6) * (100vw - 400px) / (800 - 400));}

.font400{font-weight: 400;}

.onethird {display: flex; flex-basis:34%;}
.twothird {display: flex; flex-basis:66%;}

.ml_5{margin-left: 5%;}

.btn{height: auto; background-color: lightslategrey; color: ghostwhite;}
.pad10{padding: 10px;}
.pad2pc{padding: 2%;}
.pad5pc{padding: 5%;}

.hr1{height: 3px; margin-bottom: 25px;background-color: #c9c9c9;border: none;}
.hr2{height: 1px;background-color: #d9d9d9;border: none;}

.parallax_section{
	height: 700px;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
   	background-position: 100% auto;
    background-size: cover;
	position:relative;
	width: 100%;
}



.parallax_image_first {background-image: url("../image/balance1_web.jpg"); }

@media only screen and (max-width: 600px) {
  .parallax_image_first {background-image: url("../image/balance1_webm.jpg"); }
}
@media only screen and (max-width: 320px) {
  .parallax_image_first {background-image: url("../image/balance1_webs.jpg"); }
}


.parallax_image_second {background-image: url("../image/beratung_web.jpeg"); background-size: cover; width:100%;}
.parallax_image_third {background-image: url("../image/wtng_area_web.jpg"); background-size: cover; width:100%;}
.parallax_image_fourth {background-image: url("../image/chair2_bw_web.jpg"); background-size: cover; width:100%;}
.parallax_image_tenth {background-image: url("../image/mt_vernon_web_bw.jpeg"); background-size: cover; width:100%;}
.parallax_image_eleventh {background-image: url("../image/stockbottles2_web.jpeg"); background-size: cover; width:100%;}
.parallax_image_twelfth {background-image: url("../image/atoz1_hell_web.jpg"); background-size: cover; width:100%;}
.parallax_image_fifth{background-image: url("../image/desk_web-bw.jpeg"); background-size: cover; width:100%;}
.parallax_image_sixth{background-image: url("../image/plant1_web.jpg"); background-size: cover; width:100%;}
.parallax_image_seventh{background-image: url("../image/c_logo_web.jpeg"); background-size: cover; width:100%;}



.center{
    position: relative;
 	width:100%;
    margin-top: 10%;
    left: 0;
    right: 0;
    
    font-weight: 600;
    color: black;
    margin-left: 5%;
    margin-right: 5%;
}

.center_sm{font-size: 20px;
    position: absolute;
    margin-top: 0%;
    left: 0;
    right: 0;
    text-align: left;
    font-weight: 300;
    color: black;
    background-color: green;
    margin-left: 5%;
    margin-right: 5%;
    width: 100%;
}

.content_block {font-size: 12px; padding: 25px;}
.content_block-grzi {font-size: calc(18px + (22 - 18) * (100vw - 400px) / (800 - 400)); margin: 5% 3% 0 5%;}
.content_block-a {font-size: calc(10px + (14 - 10) * (100vw - 400px) / (800 - 400)); margin: 2% 5% 5% 5%;}
.content_block-in {font-size: calc(11px + (14 - 11) * (100vw - 400px) / (800 - 400)); margin: 2% 5% 2% 5%;}
.curtain{height:100%;background-color:rgba(255,255,255,0.6);width:30%;min-width: 250px;}

.fett { font-weight: bold;}
.kursiv { font-family: 'Nunito', 'Montserrat', sans-serif;font-width: 300; font-style: italic;}
.klein { font-size: small;}

.txtc{text-align: center;}
.txtr{text-align: right;}




.form-group{height: 2em; min-height: 25px;}
.form_msg{height: auto; min-height: 50px;}
#dn_mnu {height: 80%; width: 5%; min-width: 25px;border: none;border-radius: 5px;}
.tind3{text-indent: 3%;}





#container {
	overflow: hidden;
	background: white;
	border: thin solid lightgrey;
	box-shadow: 5px 10px 15px #2b2518; -moz-box-shadow: 5px 10px 15px #2b2518; -webkit-box-shadow: 5px 10px 15px #2b2518; -khtml-box-shadow: 5px 10px 15px #2b2518;
}


.foti { padding: 2% 0 3% 0;margin: 3% 1% 3% 1%; height: 80%; width: auto; min-height: 50px; align-self: baseline;
}
 

 
.photobanner {
  height: 120px;
	margin-bottom: 2%;
  margin: 1% 0 5% 0;
	box-shadow: 5px 5px 15px 5px rgba(17,15,9,0.3);
	
}







#contactform { width: 100%; height: 25%; margin-left: 15px; }


.lineup { height: 50px;}
.inlineup1 { float: left; height: 30px; margin-left: 30px; margin-top: 10px;}
.inlineup2 { float: left; text-align: center; margin-top: 10px; margin-bottom: 10px; height: 30px; width: 60px; line-height: 2em; }
.inlineup3 { float: left; height: 30px; margin-top: 10px;}

.line_item { margin-left: 15px; margin-top: 12px; margin-bottom: 10px;
}

.memo { margin-bottom: 7px;
}

fieldset { border: none; padding-left: 15px; margin-top: -11px;
}

#e_mail { height: 1.5em;
}

#phone { height: 1.5em;
}

#first_name { height: 1.5em;
}

#last_name { height: 1.5em;
}

.reglogo { margin-top: 20px; bottom: 50px; margin-bottom: 0 auto; width: 170px;
}

#msg { font-family: "Optima", "Candara", "Book Antiqua", sans-serif; font-size: 14px; max-height: 110px; max-width: 550px; min-height: 110px; min-width: 450px;
}

.textrot { color: black; text-decoration: none;
}

.normal { font-weight: 500; }

a.textrot:link,a.textrot:visited { color: black; text-decoration: none;
}
a.textrot:hover,a.textrot:active { color: rgb(64,128,0); text-decoration: none; 
}


.textframe { background-color: rgb(255,255,255); color: rgb(64,128,0); float: left; margin-top: 0px; width: 115px; height: 180px; text-align: right; padding-top: 5px; padding-right: 15px; border: ridge thin rgb(102,102,102); box-shadow: 0px 10px 15px #2b2518; -moz-box-shadow: 0px 10px 15px #2b2518; -webkit-box-shadow: 0px 10px 15px #2b2518; -khtml-box-shadow: 0px 10px 15px #2b2518;
}

.textframetop { margin-top: 15px; font-size: 12pt;
}

.textframebottom { margin-top: 15px; font-size: 9pt; line-height: 1.3em;
}
	
.textrechts { line-height: 1.33em; position: relative; width: 720px; left: 50px; border: thin black; text-align: justify;
}

.leftmargin { margin-left: 15px; }

.tbleftcol { float: left; width: 320px; height: 25px; margin-left: 15px;
}

.top { margin-top: 15px; 
}

.bottom { font-size: 10pt;
}

.mxfontleft { margin-top: 25px; float: left; width: 60px;
}

.mxfontright { left: 10px; 
}

.midcontainer { position: relative; width: 750px; min-height: 500px; top: 0px; float: right; font-family: "Optima", "Candara", "Book Antiqua", sans-serif; /* border: red medium dotted; */
}
	
#greeting { margin-top: 10px; height: 280px; width: 200px; font-size: 34pt; text-align: right; padding-left: 30px; 
}
		
.midsubcontainer { position: relative; font-size: 10pt; border: /* medium dashed yellow*/ 3px outset #4a452a; min-height: 500px; width: 180px; float: left;	
}

a.midsubcontainer:link { color: black; text-decoration: none; 
} 
a.midsubcontainer:visited { color: rgb(51,51,51); text-decoration: none; 
}
a.midsubcontainer:hover { color: rgb(255,255,255); background-color: rgba(214,207,141,0.3); 
}
	
.midsubcontainer1 { margin-top: 0px; float: left; background-color: rgba(255,255,255,0.9); margin-left: 350px; border: /* medium dashed yellow*/ 3px outset #4a452a;
}

.midsubcontainer2 { float: left;  left: 0px; margin-right: 100px; position: absolute; background-color: rgba(214,207,141,1); font-size: 10pt; color: rgb(255,255,255); min-height: 500px; width: 250px; border: /* medium dashed yellow*/ 3px outset #4a452a;
}

a.midsubcontainer2:link,a.midsubcontainer2:visited { color: black; text-decoration: none; }
a.midsubcontainer2:hover { color: #fff; background-color: rgba(214,207,141,0.3);}

.midsubcontainer3 { position: relative; margin-top: 0px; float: right; background-color: rgba(255,255,255,0.9); margin-right: 0px; border: /* medium dashed yellow*/ 3px outset #4a452a;
}

.subconfoto { width: 82px; margin-top: 20px; margin-left: 18%; margin-right: 18%; box-shadow: 0px 10px 15px #2b2518; -moz-box-shadow: 0px 10px 15px #2b2518; -webkit-box-shadow: 0px 10px 15px #2b2518; -khtml-box-shadow: 0px 10px 15px #2b2518;
}

.subconfotonarrow { float: left; width: 105px; margin-top: 20px; margin-left: 20px; margin-right: 5px; box-shadow: 0px 10px 15px #2b2518; -moz-box-shadow: 0px 10px 15px #2b2518; -webkit-box-shadow: 0px 10px 15px #2b2518; -khtml-box-shadow: 0px 10px 15px #2b2518; 	
}

.saeuletitel { position: absolute; width: 100%; height: 15px; font-size: 13pt; color: black; text-align: center; bottom: 55px; padding-top: 22px; font-weight: bold;
}

.saeuletitel2 {  width: 200px; height: 40px; font-size: 13pt; font-weight: bold; line-height: 1.1em; color: black; text-align: left;  margin-top: 200px; margin-left: 20px; 
}

.saeuletitel22 { float: left; width: 200px; height: 30px; z-index: 4; text-align: left; bottom: 10px; margin-top: 0px; font-size: 9pt; color: black; margin-left: 20px; 
}

.brownb { color: white; background-color: #4a452a; width: 100%; height: 20px; padding: 5px 0 0 5px;}

#ferien { margin-top: 345px; text-align: center; color: rgb(255,255,255); font-size: 24px; }

#linktopdf { margin-top: 10px; width: 80px; height: auto; margin-left: 130px; margin-right: 20px;
}

/*#buttons { padding-top: 50px; padding-right: 15px;
}
#buttons a:link, #einzelessenzen a:visited { color: white; text-decoration: none; 
}
#buttons a:visited { color: white; text-decoration: none;
}
#buttons a:hover { color: #c1b36d; text-decoration: none; 
}*/

.dreidrittel { width: 100%; height: auto; min-height: 200px;}
.linksdrittel { width: 33%; float: left; height: 100%; margin-top: 0; padding-left: 15px; }
.mitteldrittel { width: 30%; float: left; height: 100%; text-align: center; margin-top: 0;}
.rechtsdrittel { width: 33%; float: left; height: 100%; margin-top: 0; text-align: right; }
.framed { border: ridge lightgrey medium; padding: 5px; box-shadow: 10px 10px 5px #666666; -webkit-box-shadow: 10px 10px 5px #666666; -moz-box-shadow: 10px 10px 5px #666666; -ms-box-shadow: 10px 10px 5px #666666; -o-box-shadow: 10px 10px 5px #666666; }

/*
#navi1 { list-style-type: none; background-color: #2b2518; text-decoration: none; font-variant: small-caps; font-family: "Optima", "Candara", "Book Antiqua", sans-serif; font-weight: 500; height: 40px; top: 10px; display: block; color: white; }

#navi1 a:link, #navi1 a:visited { text-decoration: none; color: white; }

#navi1 a:hover { color: rgb(193,179,109); }


#navi1 a:active { color: color: rgb(255,0,0); text-decoration: none;
}
*/

.mid { line-height: 40px;}

.aktuell { width: 100%; margin-top: 10px; height: auto; }
.hilite { color: rgb(198,0,0); font-size: 14pt; }
.elfpt { font-size: 11pt; }

/*use #hcont { margin-top: 70px; position: relative; width: 100%; height: 40px; font-variant: small-caps; font-family: "Optima", "Candara", "Book Antiqua", sans-serif; font-weight: 600; list-style-type: none; font-size: 13pt; text decoration: none; vertical-align: middle;
}

/*use #firstbutton1 { float: left; width: 19%; text-align: center;
}

/*use #secondbutton1 { float: left; width: 17%; text-align: center;
}

/*use #thirdbutton1  { float: left; width: 16%; text-align: center;
}

/*use #fourthbutton1 { float: left; width: 17%; text-align: center;
}

/*use #fifthbutton1 { float: left; width: 16%; text-align: center;
}

/*use #sixthbutton1 { float: left; width: 15%; text-align: center;
}

/*use .vcont { background-color: #2b2518; position: relative; width: 250px; height: 100%; min-height: 500px; top: 0px; text-align: right; font-family: "Optima", "Candara", "Book Antiqua", sans-serif; color: rgb(255,255,255); z-index: 1; float: left; left: 0px; border: 3px outset #4a452a;
}*/

/*use */.smallbox {  margin-top: 80px; margin-right: 20px;}
/*use */.vcontup { width: 160px; height: 200px; padding-top: 20px; margin-left: 55px;}
.vcontup1 { width: 140px; height: 180px; padding-top: 20px; margin-left: 90px; }
/*use */.vcontainer1 { position: absolute; width: 100%; height: 495px; top: 30px; text-align: right; font-family: "Optima", "Candara", "Book Antiqua", sans-serif; color: #fff; border-style: ridge; border-width: thick; border-color: #C1B36D; border-radius: 10PX; background-color: #2b2518;
}

.buttonsoberlinie { height: auto; font-size: 14pt; z-index: 2; 
}

.buttonsunterlinie { font-size: 10pt; margin-bottom: 40px; z-index: 2; 
}

.bachfoto {  box-shadow: 0px 10px 15px rgb(165,160,148); -moz-box-shadow: 0px 10px 15px rgb(165,160,148); -webkit-box-shadow: 0px 10px 15px rgb(165,160,148); -khtml-box-shadow: 0px 10px 15px rgb(165,160,148);
}

.bachtxt {
font-size: 9pt; 
width: 150px;
background: rgb(214,207,141); color: black; padding: 10px;
border: medium outset rgba(214,207,141,0.7);
box-shadow: 0px 10px 15px #4c412a; -moz-box-shadow: 0px 10px 15px #4c412a; -webkit-box-shadow: 0px 10px 15px #4c412a; -khtml-box-shadow: 0px 10px 15px #4c412a; }

.linkedin { height: 45px; margin-right: 20px; }

#zitat { position: absolute; top: 585px; left: 560px; text-align: right; z-index: 1; color: rgb(51,51,51); text-shadow:rgb(153,153,153);
}


#empfehlung {
	position: absolute;
	width: 210px;
	height: 1.5em;
	margin-left: 0px;
	margin-top: 25px;
	font-size: 12px;
	text-align: right;
	z-index: 2;
	font-family: "Optima", "Candara", "Book Antiqua", sans-serif;
}

.symptom { margin-top: 8px; width: 210px; height: auto; line-height: 130%;
}


#indivflowers {
	width: 100%;
	height: auto;
	margin-top: 30px;
	margin-left: 0px;
	font-size: 14pt;
	text-align: right;
	font-family: "Optima", "Candara", "Book Antiqua", sans-serif;
}

#bluetenname { position: absolute; width: 210px; height: auto; bottom: 10px; margin-left: 0px; text-align: right; line-height: 1.4em; z-index: 2;
}

#bluetennamelist { list-style-type: none;
}

.nameeng { font-size: 18pt;
}

.namelat {
	font-size: 10pt;
	font-style: italic;
	list-style-type: none;
	font-family: "Optima", "Candara", "Book Antiqua", sans-serif;
}

.namedeu { font-size: 10pt; list-style-type: none;
}

#hcontainer { clear: both; top: 0px; left: 0px; position: absolute; width: 1000px; height: 20px; font-family: "Optima", "Candara", "Book Antiqua", sans-serif; background: ; z-index: 2;
}

#navi { float: left; position: absolute; margin-top: 0px; width: 1000px; list-style-type: none; display: block;		
}
#navi a:link, #navi a:visited, #navi a:hover, #navi a:active { color: #2b2518; text-decoration: none;
}

#einzelessenzen a { position: absolute; width: auto; height: auto; bottom: 0px; right: 40px; text-align: right; vertical-align: bottom; font-size: 12pt; line-height: 1.4em; z-index: 2; text-decoration: none; color: black;
}
#einzelessenzen a:link, #einzelessenzen a:visited { color: black; text-decoration: none; 
}
#einzelessenzen a:hover { color: #c1b36d; text-decoration: none; 
}

#bluetenmatrix {  width: 100%; height: auto; top: 50px; margin-bottom: 50px; margin-left: 0px; margin-right: 0px; overflow: hidden;
}
#bluetenmatrix:hover > a {opacity: 0.5;
}
#bluetenmatrix:hover > a:hover {opacity: 1; box-shadow: #c1b36d; 
} 
		

.bluetelinie { width: auto; height: auto; margin-bottom: 10px; }
.bluetebox { float: left; width: 23.7%; border-style: inset; border-width: thick; border-color: #2b2518;}


.flexcont { display: flex; display: -webkit-flex; -webkit-flex-flow:row nowrap; flex-flow:row nowrap; width: 100%; padding-bottom: 25px; justify-content: space-around;}
.cellflex40 {margin-top: 20px; flex-basis: 40%; padding-left:2%;}
.border3 {border: medium ridge 2px;}
.shadow3 {box-shadow: 0 3px 3px 0; color: grey;}

.infosection { font-family: "Optima", "Candara", "Book Antiqua", sans-serif; line-height: 130%;  max-width: 770px; min-width: 770px; height: auto; margin-top: 0px;  left: 0px; float: right; background-color: rgba(255,255,255,0.9); padding-left: 25px; padding-right: 25px; border: 2px outset #4a452a; overflow: hidden; text-align: justify;
}
		
.carofoto { margin: 0 auto;
}

.minilogoleft { float: left; padding-right: 20px;
}
		
.italictitle { float: right; height: 70px;  margin-left: 25px;  margin-top: 0px; width: 620px;
}

.reditalic { font-style: italic; color: rgb(214,207,141); 
}

.complete { color: rgb(153,153,153); }

.redreg{ color: rgb(214,207,141); 
}

.combo { width: 100%; height: 70px; }

.textbelow { width: 100%; margin-top: 20px;
}

.smallimg { float: left; 
				  box-shadow: 0px 10px 15px #2b2518; 
				  -moz-box-shadow: 0px 10px 15px #2b2518; 
				  -webkit-box-shadow: 0px 10px 15px #2b2518; 
				  -khtml-box-shadow: 0px 10px 15px #2b2518; 
				  margin-top: 0px; 
				  background-color: transparent;
}

.strongtitle { color: rgb(255,255,255);  font-size: 11pt; font-variant: small-caps; width: 100%;  margin-top: 10px; height: 28px; background-color: #2b2518; padding-top: 7px; padding-bottom: 0px; text-indent: 15px; }
.hr_gry { width: 100%; border: 15px rgba(43,37,24,0.4);}

.strongtitlelong { margin-top: 40px; height: 60px;
}

.smallcapstitle { margin-top: 40px; height: 40px; font-variant: small-caps;
}

.linktopdf { float: left; padding-right: 30px; margin-top: 0px;
}

.sidetoside { height: 200px;
}

.regulartext { line-height: 10em;
}

.tbleftcolnrow { float: left; width: 100px;	height: 100px;
}

.tbleftcolnrow2 { float: left; width: 100px; height: 25px;
}

.tbleftcolwide { width: 400px;
}

.textrechtsnkd { line-height: 1.33em; position: relative; width: 620px; left: 20px;
}

.nakedlist { list-style: none; height: auto; left: 25px;
}
		
.centrefoto { float: right; margin-top: 5px; margin-left: 20px; margin-right: 10px;	box-shadow: 0px 10px 15px #2b2518; -moz-box-shadow: 0px 10px 15px #2b2518; -webkit-box-shadow: 0px 10px 15px #2b2518; -khtml-box-shadow: 0px 10px 15px #2b2518; border-style: inset; border-color: #4a452a; border-width: medium;
}

.textcontainerhi { position: absolute; height: auto; left: 0; width: 100%; margin-top: 20px; 
}

.textcontainermid { position: absolute; height: auto; width: 100%; margin-top: 235px; 
}

.textcontainerlo { position: absolute; height: auto; width: 100%; top: 560px; 
}

.infosection { margin-top: 0; float: right; width: auto; height: 100%; top: 0px; margin-bottom: 0px; border: double black thin;
}

.shortlist { line-height: 1.5em; width: auto; /*border: thin red dashed; */ list-style: none;
}

.basiclist { list-style-position: outside; list-style: disc; line-height: 2em; list-style: none;
}

li:before {
  content: '\2726';
  line-height: 3.5em; /*match the li line-height for vertical centered bullets*/
  position: absolute;
  font-size: 10px;
  left: 21%;
}

.flowername { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; 
height: 25px; }
	
.flowername:link, .flowername:visited { color: black; text-decoration: none; 
}

.flowername:hover { color: white; display: block; position: absolute; background-color: #4a452a; padding-left: 5px; padding-right: 5px; box-shadow: 0px 15px 15px white; -moz-box-shadow: 0px 15px 15px white; -webkit-box-shadow: 0px 15px 15px white; -khtml-box-shadow: 0px 15px 15px white; z-index: 1000;}

.bluetenfoto { width: /*99%*/ 810px; height: auto; margin-top: 0px; float: right; margin-left: auto; margin-right: auto; margin-bottom: 50px; border-style: inset; border-color: #4a452a; border-width: thick; box-shadow: 0px 10px 15px #2b2518; -moz-box-shadow: 0px 10px 15px #2b2518; -webkit-box-shadow: 0px 10px 15px #2b2518; -khtml-box-shadow: 0px 10px 15px #2b2518;
}

.allnames { font-family: "Optima", "Candara", "Book Antiqua", sans-serif; font-size: 12pt; font-variant: small-caps; white-space: nowrap; 
background-color: transparent; margin-left: 0px; margin-right: 0px; min-height: 280px; margin-bottom: 25px;  }

/* - - - - - - - -  ANIMATIONS - - - - - - - - - - - - - - */






 a.flowername div.allboxes {display:none; color: black; }

 
.reglist1 { color: black;  width: 98%; margin-left: auto; margin-right: auto; background: white; }

.imagepluscontainer { width: 100%; height: auto; opacity: 1; }
.imginbox {  margin: 15px; border: inset rgba(255,255,153,1); float: left; }
.desc { max-width: 350px; float: right; margin-right: 15px; text-align: right;}
.totalveb { width: 98%; margin-left: auto; margin-right: auto; background: rgba(214,207,141,0.4); padding-left: 5px; padding-right: 3px; }
.vebeb { font-size: calc(9px + (11 - 9) * (100vw - 400px) / (800 - 400)); font-style: italic; }
.wasvebeb { /*font-size: 12pt;*/font-size: calc(10px + (12 - 10) * (100vw - 400px) / (800 - 400)); line-height: 1.7em; }
.totalveb1 { width: 95%; margin-top: 17px; margin-left: auto; margin-right: auto; }
.vebeb1 { font-size: calc(8px + (10 - 8) * (100vw - 400px) / (800 - 400));}
.wasvebeb1 { margin-top: 8px; font-size: calc(8px + (9 - 8) * (100vw - 400px) / (800 - 400)); background: rgba(214,207,141,0.5); }


.retlink { position: absolute; width: 150px; left: 40px; top: 590px;  line-height: 140%; 
}


#linkedin { position: absolute; left: 90px; margin-top: 10px; text-decoration: none;
}

#designer { font-variant: small-caps;
}


	td { padding: 3px 0; }
	td input.txt { width: 100%; border: 1px solid #333; padding: 3px; background-color: rgb(255,255,255); }
	td .req { background-color: rgb(255,255,255); }
	td .messg { width: 100%; height: 110px; resize: none; border: 1px solid #333; padding: 3px; }
	#zrck { color: rgb(0,0,0); font-variant: small-caps; text-decoration: none; }
	#zrck :link { color: rgb(0,0,0); font-variant: small-caps; text-decoration: none; }
	#zrck :visited { color: rgb(0,0,0); font-variant: small-caps; text-decoration: none; }
	#zrck :hover { color: rgb(0,0,0); font-variant: small-caps; text-decoration: none; }

  td.txt1 {width:  100%; border:  1px solid #F5F5F5; padding: 3px; background-color: #fafafa;}


#predocend { height: 25px; margin: 0; }
#docend1 { display: flex; display: -webkit-flex; -webkit-flex-flow:row nowrap;flex-flow:row nowrap;background-color: rgba(35,35,35,0.8); width: 100%; min-width: 1100px; height: 230px; color: white; font-family: "Optima", "Candara", "Book Antiqua", sans-serif; font-size: 14pt; line-height: 1.3em;  /*border: green medium dashed;  margin: 10px 0 0 0;*/}

.cellflex5 {margin-top:10px;flex-basis: 5%;}
.cellflex29l {margin-top: 30px; flex-basis: 29%;}
.cellflex30 {margin-top: 80px; align-items: center;flex-basis: 30%;text-align: center;}
.cellflex29r {margin-top: 30px;flex-basis: 29%;text-align: right;}

/*#feet { width: 1100px; margin-left: auto; margin-right: auto; height: 250px; border: blue medium dashed; }*/
.redsize { font-size: 11pt; }

.gold a:link { color:rgb(214,207,141); text-decoration: none; }
.gold a:visited, .gold a:hover, .gold a:active { color: rgba(214,207,141,0.5); text-decoration: none;
}

#pbc { font-variant: small-caps; color:sandybrown; }

.fb_li { padding: 1px; background-color: white; border-radius: 3px; width: 3%; height: auto; min-width: 15px;}




/* - - - - - - - - - - - FOR THE ANIMATION - - - - - - - - - - - - - - - */

.view {
 
 overflow: hidden;
 position: relative;
 text-align: center;
 cursor: default;
 background: #fff no-repeat center center;
}
.view .mask, .view .content {
 width: auto;
 height: auto;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}
.view img {
 position: relative
}
.h2spec {
 color: #fff;
 text-align: center;
 position: relative;
 padding: 5px;
 background: dimgrey;
 margin: 4%;
}

.reglist { color: black;  }

.view p {
 font-size: 11pt; 
 position: relative;
 color: #fff;
 padding: 5px;
 text-align: center;
}
.view ol.reglist {
 
 
 position: relative;
 color: #fff;
 text-align: center;
}
.view a.info {
 /*display: inline-block;
 text-decoration: none;
 padding: 2px 14px;
 background: #6D999E;
 color: #fff;*/
 /*box-shadow: 0 0 1px #000
}*/
/*.view a.info:hover {
 /*box-shadow: 0 0 5px #000*/
}

.view img {
 transition: all 0.4s linear;
}
.view .mask {
 opacity: 0;
 background-color: rgba(255,255,255,0.8) ;
 transition: all 0.7s ease-in-out;
}
.view .h2spec {
 transform: translateY(-100px);
 opacity: 0;
 transition: all 0.7s ease-in-out;
}
.view p {
 transform: translateY(100px);
 opacity: 0;
}
.view a.info{
 opacity: 0;
 transition: all 0.7s ease-in-out;
}

.view:hover img {
 transform: scale(2.5);
}
.view:hover .mask {
 opacity: 1;
}
.view:hover .h2spec,
.view:hover p,
.view:hover a.info {
 opacity: 1;
 transform: translateY(0px);
}
.view:hover p {
 transition-delay: 0.1s;
}
.view:hover a.info {
 transition-delay: 0.2s;
}



</style>