body 						{ background: #fff; color: #5e695d; font-family: 'Sequel Sans', sans-serif; font-size: 16px; position: relative; }
body.HomePage 				{ min-height: 100vh;}

.video                      { margin-left: unset !important; }

a 							{ color: #5e695d; text-decoration: none; }
a:hover, a:active			{ color: #5e695d; text-decoration: none; }
	
h1,h2,h3    				{ font-family: 'Archivo', sans-serif; font-weight: normal; padding-bottom: 4px; display: inline-block; color: #5e695d; }
h1 			    			{ font-size: 4rem; color: #5e695d; font-weight: 500; padding-left: 0px; margin-left: 0px; padding-bottom: 22px;}
h2          				{ font-weight: 500; font-size: 2rem; line-height: 1.4;  }
h3          				{ font-size: 1.3rem; font-weight: 300; }
h4          				{ font-family: 'Archivo', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; }

img        					{ max-width: 100%; }

p     	    				{ font-family: 'Sequel Sans', sans-serif; font-weight: 400; line-height: 1.3; font-size: 1.1rem; color: #5e695d; margin-bottom: 1.5rem;}
p strong    				{ font-weight: 700; font-size: 1em; }
li          				{ font-family: 'Sequel Sans', sans-serif; font-weight: 400; line-height: 1.3; font-size: 1.1rem; color: #5e695d;}
.mobile                     { display: none }

/* Header */
header                      { position: relative; z-index: 999999; background-color: #fff;}
.ulmenu                     { display: none; }

.dotnav-right                           { left: 50px; top: 35%; z-index: 999; position: fixed; height: 246px; width: 100px; }          
.dotnav                                 { padding: 0; list-style: none; font-size: 0.001px; border-left: 1px solid #9ead92; }          
.dotnav > li                            { display: inline-block; font-size: 1rem; vertical-align: bottom; position: relative; } 
.dotnav > li:nth-child(n+2)             { margin-right: 15px; } 
.dotnav > li > a.navilink               { display: inline-block; margin-left:  -5px; background-color: #9EAD92; -moz-box-sizing: content-box; box-sizing: content-box; width: 5px;  height: 5px; border-radius: 50%; border: 2px solid #9EAD92; vertical-align: top; overflow: hidden; padding: 0; text-indent: -999%; webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; transition: 0.2s all ease; }         
.dotnav > li > a.navilink.subnavactiv            { width: 10px; height: 10px;  margin-left: -7px }
.dotnav > li > a.navilink:hover,         
.dotnav > li > a.navilink:focus                  { background: #9EAD92; outline: none; }         
.dotnav > li > a.navilink:active                 { background: #9EAD92; }         
.dotnav > li.active > a.navilink                 { background: #9EAD92; }         
.dotnav-vertical > li                   { display: block; margin-right:10px; }         
.dotnav-vertical > li:nth-child(n+2)    { margin-left: 0; margin-top: 28px; } 
.linkcaption { position: absolute; padding-left: 10px; margin-top: -3px; font-weight: 500; webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; transition: 0.2s all ease; }

#mainnav.start .dotnav { border-left-color: #fff }
#mainnav.start .dotnav > li > a.navilink  { background-color: #fff !important; border-color: #fff }
#mainnav.start  .linkcaption { color: #fff }  

#mainnav.services .dotnav { border-left-color: #fff }
#mainnav.services .dotnav > li > a.navilink  { background-color: #fff !important; border-color: #fff }
#mainnav.services  .linkcaption { color: #fff }  

#mainnav.aboutus .dotnav { border-left-color: #9EAD92 }
#mainnav.aboutus .dotnav > li > a.navilink  { background-color: #9EAD92 !important; border-color: #9EAD92 }
#mainnav.aboutus  .linkcaption { color: #9EAD92 }  

#mainnav.contact .dotnav { border-left-color: #fff }
#mainnav.contact .dotnav > li > a.navilink  { background-color: #fff !important; border-color: #fff }
#mainnav.contact  .linkcaption { color: #fff } 

#services { padding-top: 100px !important } 

/* Footer */
.white          { color: #fff }
.underlined     { text-decoration: underline; }

/* Body */
.min-h-100      { min-height: 100vh; height: 100% }
#topVideo       { right: 0; bottom: 0; min-width: 100%; min-height: 100%; max-width: 100%; }
.intro p        { font-size: 1.2rem }

.service        { background-color: #9ead92 }
.service p,
.service h2,
.service h3     { color: #fff }

.sbinside       { max-width: 90%; }
.sbinside img   { display: block; float: left; width: 50px; height: auto; }
.sbinside .sbinsidetext { display: block; float: left; margin-left: 20px; max-width: 80%; }
.sbinside .sbinsidetext p { font-size: 1.1rem }

.servicewood    { min-height: 650px; background: #9ead92 center center no-repeat; background-size: cover; }

.team                   { background-color: #5E695D; }
.team p,
.team h2                { color: #fff }
.tminside img           { display: block; margin: 0 auto; }
.tminside               { height: 345px; position: relative; overflow: hidden; }
.tminside .read-more    {  position: absolute;  bottom: 0;  left: 0; width: 100%;  text-align: center;  margin: 0; padding: 50px 0;  background-image: linear-gradient(to bottom, transparent, #5E695D); }
.tminside .read-more .button { bottom: -18px; left:  0px; right:  0px; position: absolute; height:  40px; line-height:  30px;  background-color: #5E695D; color: #fff;  }
.tminside .inline       { display: inline }
.btnclose               {  font-size:  1rem;bottom: -18px; left:  0px; right:  0px; position: absolute; height:  40px; line-height:  30px;  background-color: #5E695D; color: #fff; display:  none}
.btnclose:hover         { color: #fff; opacity: 0.8 }
.showless .btnclose     { display: block; }
.strong                 { font-weight: 600; padding-top: 20px; padding-bottom: 0px; font-size: 1rem; color: #fff; display: block; }

.contact        { background-color: #9ead92 }
.contact p,
.contact h2,
.contact label  { color: #fff }

.left           { float: left; }
.footermenu     { list-style-type: none; display: block; float: left; margin-left:  150px;}
.footermenu li  { display: block; float: left; border-right: 1px solid #9ead92; padding-right: 20px; margin-right: 20px; }

.footermenu li a { font-weight: bold; font-family: 'Sequel Sans Body' }

::-webkit-input-placeholder { color: #fff; opacity:  1; }
:-ms-input-placeholder { color: #fff; opacity:  1;  }
::placeholder { color: #fff; opacity:  1;  }

#Form_KontaktForm input { border: none; border-bottom: 2px solid #fff; background-color: transparent; width: 100%; height: 40px; padding-left: 2px; color: #fff }
#Form_KontaktForm textarea { border: 2px solid #fff; background-color: transparent; color: #fff; padding:  10px; margin-top:  20px; width:  100%; min-height: 200px;}
#Form_KontaktForm .middleColumn { margin-bottom: 15px; }
#Form_KontaktForm_Datenschutz { width: 20px !important; height: 20px !important; display: block; float: left; margin-right: 10px; }
#Form_KontaktForm_Subject_Holder { position: fixed; left: -999em }
.smalltext { font-size: 0.9em }
.smalltext a { color: #fff; text-decoration: underline; }
#frmKontaktSubmit { border: 2px solid #fff !important; width: 150px !important; color: #fff; cursor: pointer; margin-bottom: 20px; }


.green { background-color: #9ead92 }
.green p,
.green h1,
.green h2,
.green h3,
.green h4,
.green a,
.green li { color: #fff }

.card {
    bordeR: none;
    border-bottom: 1px solid #9ead92 !important;
    border-radius: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.card-header {
    padding: 0px 0px 5px 20px;
    background: none;
    border:none;

}

.btn {
    color: #333;
    background-color: none;
    border: none;
    padding: 0;
    font-family: 'Sequel Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 700
}
.btn:focus {
    outline: none;
    box-shadow: none;
    text-decoration: none;
}
.btn:hover {
    color: #5e695d;
    text-decoration: none;
}

.card .card-header h2 {
    width: 100%;
}

.card .card-header .btn:after {
    content: "\f106";
    font-family: 'FontAwesome';
    font-weight: 900;
    float: right;
    margin-right: 15px;
}

.card .card-header .btn.collapsed:after {
    content: "\f107";
}

#project {
    background-color: #f8f0e5;
    color: #5e695d;
}

#project h2,
#project h3,
#project p,
#project a {
    color: #5e695d;
}

.projectimg img {
    width: 100%;
    height: auto;
}


@media (min-width: 1200px) {
    .dotnav-right                           { left: 30px; }
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1000px; }
}

@media (max-width: 1300px) {
    .dotnav-right   { display: none }

    .menu                             { cursor: pointer; margin: 0 auto;position: absolute; width: 50px; height: 50px; display: block; right: 50px; top: 10px; z-index: 999999;  }
    .menu-global                      { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #fff;  width: 100%; margin-left: 22px; margin-top: 26px; transition: 0.55s; }
    .menu-top                         { top: 0; }
    .menu-middle                      { top: 12px; }
    .menu-bottom                      { top: 12px; }
    .menu-top-click                   { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
    .menu-middle-click                { opacity: 0; }
    .menu-bottom-click                { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }

    .ulmenu                           { padding:  0;margin:  0;z-index:  99;position: absolute; background-color: #9ead92; top: 0px; text-align: center; left: 0px; right:  0px; height:  100vh; display: none;}
    .ulmenu li                        { display: block; clear: both; float: none; width: 100%;text-align: center; padding:  12px 0px; margin: 0; }
    .ulmenu li:first-child            { padding-top: 160px; }
    .ulmenu li a                      { color: #fff; font-weight: 500; font-size: 1.6rem; }
    .bottom { position: absolute; bottom: 20px; left: 0px; right: 0px; text-align: center; }
    .bottom a { font-size: 1.2rem !important; padding: 0px 20px; }

    .mobilenav                        { position: relative; height: 100vh }
}


@media (max-width: 1400px) {
    .dotnav-right   { left: 50px; }
}



@media (max-width: 1500px) {
    .dotnav-right   { left: 80px; }
}



@media (min-width: 1500px) {
    .dotnav-right   { left: 8%; }
}


@media (min-width: 1600px) {
    .dotnav-right   { left: 10%; }
}


@media (min-width: 1800px) {
    .dotnav-right   { left: 12%; }
}



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

    body { font-size: 16px; }

    #mainnav { display: none; }
    #topVideoMobile { max-width: 100%; }
    #start { overflow: hidden;  }

    .cbbox { padding-left: 30px; padding-right: 30px; }

    .ubermich-logo img { max-width: 100%; }


	.mobile 						  { display: block;}
    .nomobile                     { display: none }


	.menu                             { cursor: pointer; margin: 0 auto;position: absolute; width: 50px; height: 50px; display: block; right: 50px; top: 10px; z-index: 999999;  }
    .menu-global                      { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #fff;  width: 100%; margin-left: 22px; margin-top: 26px; transition: 0.55s; }
    .menu-top                         { top: 0; }
    .menu-middle                      { top: 12px; }
    .menu-bottom                      { top: 12px; }
    .menu-top-click                   { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
    .menu-middle-click                { opacity: 0; }
    .menu-bottom-click                { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }

    .ulmenu                           { padding:  0;margin:  0;z-index:  99;position: absolute; background-color: #9ead92; top: 0px; text-align: center; left: 0px; right:  0px; height:  100vh; display: none;}
    .ulmenu li                        { display: block; clear: both; float: none; width: 100%;text-align: center; padding:  12px 0px; margin: 0; }
    .ulmenu li:first-child            { padding-top: 160px; }
    .ulmenu li a                      { color: #fff; font-weight: 500; font-size: 1.6rem; }
    .bottom { position: absolute; bottom: 20px; left: 0px; right: 0px; text-align: center; }
    .bottom a { font-size: 1.2rem !important; padding: 0px 20px; }

    .mobilenav                        { position: relative; height: 100vh }

    nav ul                            { border-top: 0px;}

    h1                          { font-size: 3.5rem }
    .sbinside .sbinsidetext     { max-width: 70%; }
    .sbinside .sbinsidetext p   { font-size: 1.1rem }

    p                           { font-size: 1.1rem }

    .FaqPage .menu {
        display: none !important;
    }

 }