body 						{ background: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #808080 }
body.HomePage 				{ min-height: 100vh;}

a 							{ color: #ff7300; text-decoration: none; line-height: 1.4 }
a:hover, a:active			{ color: #ff7300; text-decoration: none; }
	
h1,h2,h3    				{ font-family: 'Source Sans Pro', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; color: #ff7300; }
h1 			    			{ font-size: 2.4rem; color: #ff7300; text-transform:  lowercase; font-weight: 300; padding-left: 0px; margin-left: 0px; padding-bottom: 2px; margin-bottom: 2px;}
h2          				{ font-weight: 700; font-size: 1.15rem; line-height: 1.4; color: #808080  }
h3          				{ font-size: 1.3rem; font-weight: 300; color: #808080 }
h4          				{ font-family: 'Source Sans Pro', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; }

img        					{ max-width: 100%; }


@media (min-width: 1200px) {
    .container              { max-width: 1170px; }
}


.pt5 { padding-top: 5px; }

p     	    				{ font-family: 'Source Sans Pro', sans-serif; line-height: 1.4; font-size: 1rem; margin-bottom: 1.5rem; color: #808080; font-weight: 400; }
p strong    				{ font-weight: 700; font-size: 1rem; }
li          				{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 1.4; font-size: 1rem; color: #808080;}

.orange                     { color: #ff7300 }

/* Header */
header                      { position: relative; z-index: 99; background-color: #fff;}
.sitetitle                  { font-size: 3.5rem; color: #ff7300; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; }
		
.menu                       { cursor: pointer; margin: 0 auto; position: absolute; width: 70px; height: 70px; display: block; right: 10px; top: 6px; background: #fff; z-index: 999999;  }
.menu-global                { backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #808080;  width: 40%; margin-left: 22px; margin-top: 26px; transition: 0.55s; }
.menu-top                   { top: 0; }
.menu-middle                { top: 8px; }
.menu-bottom                { top: 16px; }
.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;  }

nav                         { display:  none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: #fff; z-index: 9999; color: #808080 }
nav ul.mainmenu             { list-style-type: none; padding-left: 0px; padding-top: 145px; width:  100%}
nav ul.mainmenu li          { display: block; text-align: center; float: left; clear: both; width: 100%; font-size: 0.9rem }
nav ul.mainmenu li a        { text-transform: lowercase; font-size: 2rem; font-weight: 300; line-height: 1.1 }
nav ul.mainmenu li a:hover  { opacity: 0.8 }
nav ul.mainmenu li.TextPage { padding: 25px 0px; }
nav ul.mainmenu li.TextPage a { color: #808080 }
nav ul.mainmenu li .metanavi { display: inline-block; padding: 0px 10px; line-height: 10px;  }
nav ul.mainmenu li .metanavi a { font-size: 0.9rem; color: #808080;  line-height: 10px;  }
nav ul.mainmenu li .metanavi:nth-child(2) { border-left: 1px solid #999; border-right: 1px solid #999; }

.menutext                   { position: absolute; left: -35px; top: 18px; }
.menutext.closed            { left: -60px; top: 26px; }
.thinytext                  { font-weight: 300; }
.insta                      { max-width: 32px; margin-top: 10px; }

/* Footer */
.footertext                 { font-size: 0.9rem; color: #808080 }
.footer a                   { color: #ff7300; font-size: 0.9rem }
#tothetop                   { width: 40px; height:  40px; display: none;font-size: 2em;    cursor: pointer; position: fixed; right: 20px; bottom: 45px; z-index: 10; }
#tothetop img               { max-width: 100%; }

/* Body */

/* home */
/* clearfix */
.grid:after,
.grid2:after {
  content: '';
  display: block;
  clear: both;
}
.grid-item                  { width: calc(33%); opacity: 1 }
.KapitelPage .grid-item     { width: calc(49%); float: left; }
.grid-inside                { margin: 5px; }



.catbox                     { border: 1px solid #ff7300; border-color:  rgba(255,115,0, 0.5); min-height: 360px; position: relative; }
.catbox span                { line-height:  1;text-transform:  lowercase; color: #ff7300; font-size: 2rem; position: absolute; bottom: 15px; right: 25px; text-align: right; font-weight: 300 }
.footertext                 { padding-left: 5px; }


.pp_nav,
.pp_gallery { display: none !important; }

/* Effect 2: Move Up */
.grid-item.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}



@-webkit-keyframes moveUp {
    0% { }
    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    0% { }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

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

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


	.mobile 						  { display: block;}
    .menu               { top: -16px; right: -10px; }
    .opened .menu       { right: 12px }
    .menutext               { display: none }
	.sitetitle             { font-size: 2rem; line-height: 1; }

    .mobile-logo                      { padding-bottom: 25px; }
  
    nav ul                            { border-top: 0px;}
    nav ul.mainmenu { padding-top: 60px; }
/* HomePage */

    .HomePage .content p        { font-size: 1rem; font-weight: 300; line-height: 1.5; color: #519FC8; }
    .HomePage .content p strong { font-size: 1.3rem; font-weight: 700; line-height: 1.5; color: #519FC8; }

    .homeslider { bottom: 1px; }
    .homeslider img 				  { max-width: 80%;}
    .homelink   img                   { padding-top: 0rem;}
    .homelink2  img                   { margin-top: -25%; margin-left: -25%; padding-top: 30px;}
    .mobile-link                      { display: block;}
    .mobile-link img                  { max-width: 65%; margin-left: -60px; padding-top: 35px;}
    .slider-text                      { padding-top: 0px;}


    .catbox { min-height: 160px; }
    .grid-item                  { width: calc(99%); }
    .grid-item2                 { width: calc(99%); }
    .grid-inside                { margin: 5px 0px; }

    .grid-inside img            { max-width: 100%; height: auto; }

    h1 { font-size: 2.2rem }
    p { font-size: 1.1rem }
    .KapitelPage h1 { padding-top: 40px; }
    .KapitelPage .grid-item { width: 99%;  }
    .footertext { padding-left: 0px; text-align: center; padding-top: 60px }
    .rightfooter { padding-left: 0px; padding-top: 15px; padding-bottom:  20px; text-align: center; }

    .fancybox-prev span {
        left:  -36px;
    }

    .fancybox-next span {
        right: -36px;
        
    }
 }