* {margin:0;padding:0;box-sizing:border-box;}

body {
	font-size: 1em; 
	line-height: 142%;
	background:rgb(242,242,242);
	color:#383d3c;
	font-family: 'Plus Jakarta Sans', Arial, Verdana;
	font-style: normal;
	font-weight: 400;
	
}
.wrap { width:100%; text-align:center; }
.min-full-height {min-height: 100vh;}

/* FORMULAR */
input, textarea, select { border:0; font-family: 'Plus Jakarta Sans', Arial, Verdana; font-weight: 400;}
textarea {min-height:10em;resize: vertical;}
.errorfeld {background-color:#ffcccc;color:#cc0000;}
.fehlermeldungen {padding:1.3rem 1rem;border:3px solid #ff3333;margin-bottom:1rem;}
.eingabefeld {box-sizing: border-box; text-align:left;padding:1rem;font-size:1rem;width:100%;margin-bottom:1em;border:1px solid #DDD;	}
.kleinesfeld { width:50%; } @media screen and (max-width: 480px) { .kleinesfeld  {width:80%;} }

/* Kontaktformular */
.formbox, .sentbox {padding:5%;}



/* STARTSEITE FULLSCREEN */
.fullpagehero {text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#777;
	background: linear-gradient(-45deg, #1c1f2b, #283f36, #ff4343);
	background-size: cover; background-size: 400% 400%;
	animation: gradientAnimation 21s ease infinite;}

.herocontent {position: relative;height: 100%; witdh:100%;}
.herocontent-centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:1rem;max-width:33%;} @media screen and (max-width: 480px) {.herocontent-centered { max-width:80%;} }
.herocontent-centered img {display:inline-block;}
.herocontent-centered h1, .herocontent-centered h2, .herocontent-centered h3 {margin-bottom:0;font-weight: 600;line-height: 169%;display:block;}

.herocontent-centered a.button {border:1px solid #fff; padding:1rem 1.69rem; color:#fff; text-decoration:none;}
.herocontent-centered a.button:hover {background-color:#fff; color:#111; text-decoration:none;}

.herocontent-bg-bg {position: relative; height: 100%; witdh:100%; } /* Background für BG IMAGE*/
.herocontent-bg-image {position: relative;height: 100%; width:100%; background-size:cover; background-position:center center; opacity:0.5; overflow:hidden;} /* Hintergrund Bild anzeigen Fullscreen */

.splash-logo {margin-bottom:4rem;min-width:11rem;} @media screen and (max-width: 480px) {.splash-logo { width:80%;} }
.splashscroll {cursor:pointer;}
.herocontent-arrow {position: absolute; bottom:0; width:100%; text-align:center;}
.herocontent-arrow .ar-down {padding:2rem;margin-bottom:1.69rem;display:inline-block;background-image:url('../bilder/ar-down-w.svg'); background-position:center top;background-repeat:no-repeat;opacity:0.69;transition: all 0.15s ease;}
.herocontent-arrow .ar-down:hover {opacity:1;background-position:center center;transition: all 0.3s ease;}
/* ENDE STARTSEITE FULLSCREEN */


@keyframes gradientAnimation {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
/* ENDE STARTSEITE FULLSCREEN */

h1, h2, h3, h4 {line-height: 142%; font-style: normal; font-weight:700; line-height: 110%; margin-bottom:3rem;} @media screen and (max-width: 480px) {h1, h2, h3, h4 { line-height: 128%;} }

h1 { font-size:2.21rem; clear:both;} @media screen and (max-width: 480px) { h1 { margin:0rem 0rem 4.2rem; font-size:1.69rem; } } 
h2 {font-size:1.15rem; margin-bottom:1rem;margin-top:2rem;} @media screen and (max-width: 480px) { h2 { } } 
h3 { font-size:1.1rem; font-weight:400;} h4 {font-size:1rem; margin-bottom:0rem;} 

h4.footer {font-weight:400;}

h1.alt {color:#FFF; color:#663366; padding:2rem 0rem; margin:0; font-weight:300;} @media screen and (max-width: 1100px) { h1.alt {text-align:center; } } @media screen and (max-width: 480px) {h1.alt {padding:1.3rem 0rem; } }


/* CUSTOM HEADLINE STYLES */
h1 {/*font-family: 'Conneqt', 'Plus Jakarta Sans', Arial, Verdana; */ font-weight:normal;}

h2.alt {background-color:#008cc1;color:#fff;padding:1rem;box-sizing: border-box;font-size:2rem;text-transform:uppercase;}
@media screen and (max-width: 480px) { h2.alt {font-size:1.2rem;} }


a, a:active, a:visited {cursor:pointer;color:#4d5150;transition: all 0.1s ease;} 
a:hover {color:#4d5150;transition: all 0.3s ease;}

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


p { margin-bottom:2em; margin-top:0; box-sizing: border-box; }

.fett {font-weight:600;}
.bildbeschreibung {font-size:0.9rem; padding:0rem 0.5rem;}
 
.rc-ro {-webkit-border-top-right-radius: 200px;-moz-border-radius-topright: 200px;border-top-right-radius: 200px;}   @media screen and (max-width: 480px) {.rc-ro {-webkit-border-top-right-radius: 100px;-moz-border-radius-topright: 100px;border-top-right-radius: 100px;} }
.rc-lu {-webkit-border-bottom-left-radius: 100px;-moz-border-radius-bottomleft: 100px;border-bottom-left-radius: 100px;} 


.page, .pageCol, .pageColH {
	box-sizing: border-box; display: inline-block;	margin:0; padding: 0rem; width:100%; text-align: left;	line-height:169%;}
.page {text-align:center; display:block;}
.pageColF { padding-left: 1rem; padding-right: 1rem;} 
.pageCol {  max-width: 1240px; padding-left: 1rem; padding-right: 1rem; box-sizing: border-box;} @media screen and (max-width: 1920px) { .pageCol {  max-width: 1180px;} } 
.pageColH {  max-width: 1440px; } @media screen and (max-width: 1920px) { .pageColH {  max-width: 1240px;} } 

.pageCol img, .pageColF img {max-width:100%;margin-bottom:1.69rem;}



.cookie-banner {position:absolute; color:#eee; text-align:right;background:#000; color:#fff;padding:1.5rem;bottom:0;left:0;right:0;}
.cookie-banner a {color:#ddd;} .cookie-banner a:hover {color:#fff;}
a.cookie-banner-button {cursor:pointer; padding:0.5rem;border:1px solid #fff;background-color:#222;color:#fff;margin-top:1rem;margin-left:1rem;}
a.cookie-banner-button:hover {padding:0.5rem;border:1px solid #fff;background-color:#fff;color:#000;} 




a.button {display:inline-block; text-decoration:none; margin:1rem 0rem; padding:0.69rem 2.3rem; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:600; border:1px solid #4d5150;}
a.button:hover {text-decoration:none;}



/* Farbschemen */
/*
.col-1 {color:#000; background: rgb(242,242,242); }  .col-1 h1 {color:#000;}
.col-1 a, .col-1 a:visited, .col-1 a:active {color:#222;} .col-1 a:hover { color:#111; }
.col-1 .button, .col-1 .button:visited, .col-1 .button:active  {background-color:#d6de23;color:#333!important;}
.col-1 .button:hover {background-color:#d6de23; color:#000!important; }

.col-2 {background-color:#383d3c; color:#eee; } .col-2 h1 {color:#FFF;}
.col-2 a, .col-2 a:visited, .col-2 a:active {color:#fff !important; }
.col-2 a:hover {color:#fff !important; }
.col-2 .button, .col-2 .button:visited, .col-2 .button:active  {background-color:#d6de23;color:#333!important;}
.col-2 .button:hover {background-color:#d6de23; color:#000!important; }

.col-2-shade {background:#292d2c;}
*/

/* Farbschemen Buttons */
/*
a.bcol-1, a.bcol-1:visited, a.bcol-1:active {background-color:#2f513b !important;color:#eee !important; }
a.bcol-1:hover {background-color:#2f513b !important; color:#fff !important; }

a.bcol-2, a.bcol-2:visited, a.bcol-2:active {color:#222 !important;background-color:#fff !important;}
a.bcol-2:hover {important; color:#222 !important; background-color:#f7f7f7 ! }
*/

.pad-1 {padding:1rem 0rem;} 
.pad-2 {padding:2rem 0rem;} 
.pad-3 {padding:3rem 0rem;} 
.pad-4 {padding:4rem 0rem;}
.pad-5 {padding:5rem 0rem;} 
.pad-6 {padding:6rem 0rem;} @media screen and (max-width: 480px) {.pad-6 {padding:4rem 0rem;} }
.pad-7 {padding:7rem 0rem;} 
.pad-8 {padding:8rem 0rem;}

.pad-tb {padding:14rem 0rem 0rem; } /* PADDING OBEN UND UNTEN FÜR CONTENT SEITEN*/ @media screen and (max-width: 480px) {.pad-tb {padding:7rem 0rem 0rem; } }

.footer-pad {padding-bottom:14rem;} @media screen and (max-width: 480px) {.pad-tb {padding-bottom:6rem; } }

.pad-t {padding-top:2.1rem;}


#mspacer { display:block; height:0; clear:both; width:100%; }
	
.clear {height:0;width:100%;clear:both;}
.c {text-align:center;} .l {text-align:left;} .r {text-align:right;}
.border {border:1px solid #fff;} 

.shadow {box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);}

.premenubar {background:#000;height:2.5rem;padding-top:0.5rem;font-weight:400;font-size:0.85rem;}




/*   MENU TOP BAR HAUPTAUSWAHL   **************************************************************************************** */
.fixed {position:fixed; z-index:589;}

/* FARB DEFINITIONEN **************************************************************************************** */
.menubar {background:#111;} 
ul.menu li a { color: #ddd; } /* Links */
ul.menu li a:hover, ul.menu li a.aktiv { color: #fff; }
ul.menu li.item.o a:hover {background:none;}

#footer {background:#222;}
#footer a, #footer a:visited {color:#ddd;}
#footer a:hover, #footer a:active {color:#fff;}

/* ENDE FARB DEFINITIONEN **************************************************************************************** */

.menubar { text-align:center;	display:block;	width:100%; top:0; }
@media screen and (max-width: 960px) { .menubar {text-align:right;} }

ul.menu {box-sizing:border-box;padding:0;margin:0;} 

ul.menu li { 
	list-style: none; 
	box-sizing:border-box; 
	padding: 0; margin: 0; 
	display: inline-block; 
}
ul.menu li.item.o { display:block;
	border-top: 1px solid rgba(255,255,255,0.2);
	background-color: rgba(0,0,0,0.05); 
	transition: all 0.5s ease;
	text-align: right;
	padding:0.2rem 0rem;
}
ul.menu li.item.o:last-child {border-bottom: 1px solid rgba(255,255,255,0.2);}

ul.menu.o {padding-top: 4.1rem;}
ul.menu li a { 
	display: inline-block;  	
	text-decoration: none; 
	margin: 0rem 0.5rem;	
	/*font-weight: 700;*/
	font-size:1.1rem;
	padding: 1.5rem 1.5rem 1.6rem; /* HÖHE DES MENÜS RICHTET SICH HIERNACH */
}


.menulogo {
	position: absolute;	
	box-sizing: border-box; 	 
	text-align: left !important; 
	margin: 0.6rem 1.5rem 0.4rem; /* HÖHE DES MENÜS RICHTET SICH HIERNACH */
	min-height: 3rem; 
	min-width: 1.5rem;
} 
.menulogo a {text-align: left;display:block;width:100%;}
.menulogo a img { text-align: left; height:3rem;}

.sandwich {position: absolute; 
	box-sizing: border-box; 
	cursor: pointer; 
	right: 0; 
	text-align: right; 
	margin: 1rem 1.5rem;    		
	height: 2rem; width: 2.4rem; 
	transition: all 0.5s ease; 
	display:none;
}										
.b-1, .b-2, .b-3 { 
	display:block; box-sizing:border-box; width:100%; margin: auto; height: 2px; 
	position:absolute; transition: all 0.3s ease; right:0;
}
.b-1 { top:0; } 
.b-2 { top: 0; left: 0; bottom: 0; right: 0;}
.b-3 { bottom: 0; width: 50%;} 
.b-1.o, .b-3.o { 
	top: 0; left: 0; bottom: 0; right: 0; width:100%;
	transition: all 0.5s ease;
}
.r45 {transform: rotate(45deg);} 
.r-45 {transform: rotate(-45deg);}



.bg5pd {background:rgba(0,0,0,0.05);}
.bg10pd {background:rgba(0,0,0,0.1);}
.bg15pd {background:rgba(0,0,0,0.15);}
.bg20pd {background:rgba(0,0,0,0.2);}

.bg5pl {background:rgba(255,255,255,0.05);}
.bg10pl {background:rgba(255,255,255,0.1);}
.bg15pl {background:rgba(255,255,255,0.15);}
.bg20pl {background:rgba(255,255,255,0.2);}

.b-1, .b-2, .b-3 { background-color: #eee; border: 1px solid #eee;}


ul.sitemap { box-sizing:border-box; padding:0; margin:0; } 
ul.sitemap li { list-style: none; box-sizing:border-box; padding: 0; margin: 0; display: block; border-bottom:1px solid #fff;}
ul.sitemap li a, ul.sitemap li a:visited  {text-decoration:none; padding:1rem;display: block; margin:0.5rem 0rem;}
ul.sitemap li a:hover, ul.sitemap li a:active  {text-decoration:underline;}
ul.sitemap li.sub {padding-left:0rem;}

ul.auswahl { box-sizing:border-box; padding:0; margin:0; } 
ul.auswahl li { list-style: none; box-sizing:border-box; padding: 0; margin: 0; display: block; border-bottom:1px solid #eee;}
ul.auswahl li a, ul.auswahl li a:visited  {text-decoration:none;padding:1rem;display: block; margin:0.5rem 0rem; font-size:1.1rem; }
ul.auswahl li a:hover, ul.auswahl li a:active  {text-decoration:underline; }

ul.spotlight {box-sizing: border-box; padding: 0; margin: 0; list-style: none;margin:3rem 0rem;}
ul.spotlight li { box-sizing: border-box; display: inline-block; width: 50%; padding-left: 2%; float: left; padding-bottom: 1.5em; font-size: 1.1em;}
@media screen and (max-width: 480px) { ul.spotlight li {display:block; width:100%;padding-right: 0;} }
ul.spotlight li:before {
    color: #008cc1;
    content: '\2713 ';
}

ul.schattiert, ul.blank {box-sizing:border-box; padding:0; margin:0; /*font-size:0.9rem;*/}
ul.schattiert li, ul.blank li  {box-sizing: border-box; padding: 0.7em 1em;list-style: none; display: block; margin:0;} ul li.listheader {background-color: #efefef;}
ul.schattiert li:nth-of-type(even) { background-color: #efefef;}

ul.schattiert li div.eigenschaft, ul.blank li div.eigenschaft {float:left; width:45%;margin-right:5%;} @media screen and (max-width: 480px) {ul.schattiert li div.eigenschaft, ul.blank li div.eigenschaft {width:100%;margin-right:0;} }
ul.schattiert li div.wert, ul.blank li div.wert {float:left; width:50%;} @media screen and (max-width: 480px) {ul.schattiert li div.wert, ul.blank li div.wert {width:100%;} }
ul.blank li {border-bottom: 1px solid #efefef;border-bottom:1px solid rgba(0,0,0,0.1);}

.referenzenlogo {display:block;text-align:center;}
.referenzenlogo img {max-width:12rem; margin-bottom:0!important; margin:2rem 0rem!important;} @media screen and (max-width: 480px) { .referenzenlogo img {max-width:8rem;} }


ul.cv { box-sizing:border-box; padding:0; margin:0; }
ul.cv li { list-style: none; box-sizing:border-box; padding: 1rem 0rem; margin: 0; display: block; display: inline-block; width:100%; border-bottom:1px solid #fff;}
ul.cv li span {font-weight:600;display:block;color:#480c3c;}

span.icon-link { width:1em; height:1em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-web-black.svg); opacity: 0.8;}
span.icon-tel { width:1em; height:1em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-tel-black.svg); opacity: 0.8;}
span.icon-mail { width:1em; padding-top:1em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-mail-black.svg); opacity: 0.8;}
span.icon-time { width:1em; padding-top:1em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-time2-black.svg); opacity: 0.8;}
span.icon-web { width:1em; padding-top:1em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-web-black.svg); opacity: 0.8;}
span.icon-f { width:2em; padding-top:2em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-f-square.svg); }
span.icon-location { width:1em; padding-top:1em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-location-black.svg); opacity: 0.8; }
span.icon-location-big { width:2em; padding-top:2em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-location-black.svg); opacity: 0.8; }

span.icon-insta-round {width:2em; padding-top:2em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-insta-black-round.svg); opacity: 0.8;}
span.icon-fb-round {width:2em; padding-top:2em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-f-black-round.svg); opacity: 0.8;}
span.icon-spotify-round {width:2em; padding-top:2em; display:inline-block; margin-right:1em; background-repeat:no-repeat; background-size:contain; background-position:bottom; background-image:url(../bilder/icons/icon-spotify-black-round.svg); opacity: 0.8;}

img.imgd50m100 {width:50%;} @media screen and (max-width: 480px) { img.imgd50m100 {width:100%;} }
img.imgd80m100 {width:80%;} @media screen and (max-width: 480px) { img.imgd80m100 {width:100%;} }

.fl {float:left;display:inline-block;} .fr {float:right;display:inline-block;}
.w5 {width:5%;} .w10 {width:10%;} .w20 {width:20%;} .w30 {width:30%;} .w333 {width:33.3%;} .w40 {width:40%;} 
.w45 {width:45%;} .w50 {width:50%;} .w60 {width:60%;} .w70 {width:70%;} .w80 {width:80%;} .w125 {width:12.5%;}

.d175m100, .d225m100, .d20m100, .d30m100, .d40m100, .d45m100, .d48m100,.d50m100, .d55m100, .d60m100, .d65m100, .d70m100, .d75m100, .d80m100 {box-sizing:border-box; display:inline-block; float:left; position: relative;}

.d175m100 {width:17.5%;} .d225m100 {width:22.5%;} .d20m100 {width:20%;} .d30m100 {width:30%;} .d40m100 {width:40%;} .d45m100 {width:45%;} .d48m100 {width:48%;}.d50m100 {width:50%;} .d55m100 {width:55%;} .d60m100 {width:60%;} .d65m100 {width:65%;} .d70m100 {width:70%;} .d75m100 {width:75%;} .d80m100 {width:80%;}

.d4-spacer, .d5-spacer, .d10-spacer, .d20-spacer  {box-sizing:border-box; display:inline-block; float:left;position: relative; height:2.1rem;}
.d4-spacer {width:4%;} .d5-spacer {width:5%;} .d10-spacer {width:10%;} .d20-spacer {width:20%;} @media screen and (max-width: 480px) { .d4-spacer,.d5-spacer, .d10-spacer, .d20-spacer, .d175m100 { width:100%; } }

@media screen and (max-width: 480px) { .d20m100, .d30m100, .d40m100, .d45m100, .d48m100,.d50m100, .d55m100, .d60m100, .d65m100, .d70m100, .d75m100, .d80m100 { width:100%; } }


ul.dm3-1 {} /* am desktop 3 spalten - mobil: 1 spalte */ 
ul.dm3-1 li {float:left;display:inline-block;width:30%;} @media screen and (max-width: 480px) {ul.dm3-1 li {width:100%;}}
ul.dm3-1 li.space {float:left;display:inline-block;width:5%;height:10px;} @media screen and (max-width: 480px) { ul.dm3-1 li.space {display:block;width:100%;height:3rem;} }


.pad-r-1 {padding-right:1rem;} .pad-r-2 {padding-right:2rem;} 
@media screen and (max-width: 480px) {.pad-r-1, .pad-r-2 {padding-right:0;}} 
.pad-t {padding-top:5rem;} @media screen and (max-width: 480px) {.pad-t {padding-top:1.69rem;}}

.lh169 {line-height:169%;} .lh200 {line-height:200%;}


ul.pdfs {box-sizing:border-box; padding:0; margin:0;}
ul.pdfs li {list-style: none; box-sizing:border-box; padding: 0.7rem; margin: 0; display: block;
	border-bottom: 1px solid #efefef;border-bottom:1px solid rgba(0,0,0,0.1);}
ul.pdfs li a {padding:0.3rem;display:block; text-decoration:none !important; }
ul.pdfs li a span.pdficon {padding:0.3rem; margin-right: 0.5rem; background: rgb(158,0,0);
	 -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; font-weight: 600; color:#fff;}

ul.pdfs li:hover {/*background-color:rgba(255,255,255,0.3);*/cursor:pointer;}

.thumb-2, .thumb-3,.thumb-4, .thumb-5, .thumb-6, .thumb-8 { box-sizing:border-box; display:block; float:left; width:49%; padding-top:49%;margin-right:1%;margin-bottom:1%; background-position:center; background-size:cover; cursor:pointer;}
.thumb-3 {width:32%; padding-top:32%;}
.thumb-4 {width:24%; padding-top:24%;}
.thumb-5 {width:19%;padding-top:19%;}

.thumb-6 {width:15.6%;padding-top:15.6%;} @media screen and (max-width: 480px) { .thumb-6 {width:24%; padding-top:24%; /* 6 wird mobile zu 4 */} }

.thumb-8 {width:11.5%;padding-top:11.5%;} @media screen and (max-width: 480px) { .thumb-8 {width:19%;padding-top:19%; /* 8 wird mobile zu 5 */} }
.thumb-4:hover {opacity:1;}


/* THUMBNAILS VARIABEL */
.thumbVbg {background-color:#000;}
.thumbV {display:block; float:left; background-position:center; background-size:cover; cursor:pointer; width:12%; padding-top:12%; margin:0.25%;opacity:0.8;} 
@media screen and (max-width: 480px) { .thumbV {width:32.5%; padding-top:32.5%; margin:0.25%; opacity:1 !important;} }

.thumbV:hover {opacity:1; /*transition: all 0.3s ease;*/}
.thumbVframe {margin:0% 0.25%;}

.thumb-portfolio, .thumb-portfolio3 {position: relative; box-sizing:border-box; display:block; float:left; width:24.5%; padding-top:24.5%; padding-top:40%; margin:0.25%; background-position:center; background-size:cover; background-size:contain; background-repeat:no-repeat; background-color:#fff;cursor:pointer;} 
.thumb-portfolio3 {width:32.5%; padding-top:40%;}
@media screen and (max-width: 480px) {  .thumb-portfolio, .thumb-portfolio3 {width:49.5%; padding-top:79%; } }

.thumb-portfolio:hover {}

.thumbhover {
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  /*z-index: -1;*/
	background-color:#383d3c; background-color:#008cc1;
	opacity:0;
	color:#fff;
	text-align:center;
	display:flex;
	align-items:center;
        justify-content:center;
	}
	
.thumbhover:hover {opacity:0.1;}

/* SONDERSTIL FÜR SPEISEKARTEN ÜBERSCHRIFT*/
h2.speisekartenheadline {font-weight:700;font-size:1.9rem;margin-top:3.6rem;}

ul.speisekarte {box-sizing:border-box; margin:0; padding:1rem;}
div.sp2, div.sp3, div.sp4 {display:inline-block;min-height:1px;padding:1rem;}
div.sp2 {float:left;width:50%;} div.sp3 {float:left;width:33.3%;min-width:33.3%;} div.sp4 {float:left;width:25%;} @media screen and (max-width: 480px) {div.sp2, div.sp3, div.sp4 {width:100%;padding:0rem;}  } 
ul.speisekarte li {list-style: none; box-sizing:border-box; padding: 1.1rem 0rem; margin: 0; display: block; 
	/*border-bottom:1px solid rgba(0,0,0,0.1);*/}
ul.speisekarte li:last-child, ul.speisekarte li.rubrik  {border-bottom:none;}
ul.speisekarte li.rubrik {font-weight:600; font-size:1.2rem; padding: 2rem 0rem;}
ul.speisekarte li .bez {font-weight:600; float:left; width:80%;}
ul.speisekarte li .bez span.zusatz {display:inline-block; font-size:0.8rem;color:#333 !important;padding:0.35rem 0rem 0.5rem;} @media screen and (max-width: 480px) {ul.speisekarte li .bez span.zusatz {padding:0.1rem 0rem;}  } 
ul.speisekarte li .bez span.karteninhalt {font-weight:700;font-size:1.2rem;padding-top:0.5rem;letter-spacing:-0.5px;color:#333 !important;}

div.karteninhalt {font-weight:700;font-size:1.1rem;padding-top:0.5rem;letter-spacing:-0.5px;} // für Menüplan


span.allergene {font-weight:400; font-size:0.8rem; }

ul.speisekarte li .bez span {display:block; font-weight:400;}

ul.speisekarte li .preis {box-sizing:border-box;float:left; width:20%; padding: 0rem; text-align:right; }
ul.speisekarte li .preis span {padding:0.5rem 0rem; display:block; text-align:right;font-size:0.8rem;}  



/* Team */
.pfp {width:16%; padding-top:16%; margin-right:0%; margin-top:5%; box-sizing:border-box; display:inline-block; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; 
	background-position:center top; background-repeat:no-repeat; background-size:cover; float:left; filter: grayscale(100%);}
.pfd {width:34%; margin-top:5%; padding-left:1.69em; box-sizing:border-box; display:inline-block; line-height: 169%; float:left;}
@media screen and (max-width: 710px) {.pfp {width:12%; padding-top:12%;} .pfd {width:38%;padding-left:1em;} }
@media screen and (max-width: 480px) {.pfp {width:42%; padding-top:42%;} .pfd {width:100%;display:block;padding-left:21%;margin-bottom:2em;} }



#footer {
	padding:12rem 0rem;
	text-align:center;
	background:#222;
	min-height:100vh;
}




/* Farben Footer-Menü*/
#footer a { text-decoration:none;} /* Links */
#footer a:hover { text-decoration:underline; }

#footer div img.footerlogo {display:inline-block; max-height:4rem;/*opacity:0.3;*/}
#footer div img.footerlogo:hover {opacity:1;}
.footertxt {padding:2rem 0rem;display:block;/*color:#DDD;*/font-size:0.9rem;line-height:169%;}
ul.footermenu { 
	box-sizing:border-box; padding:0; margin:1rem 0rem;
} 
ul.footermenu li { 
	list-style: none; box-sizing:border-box; padding: 0; margin: 0; 
	display: inline-block; 
}
ul.footermenu li.mobile {display:none;}
ul.footermenu li a { 
	display: inline-block; 
	box-sizing: border-box; 
	padding: 1rem 1.5rem; 
	
	/*text-decoration: none; */
}


@media screen and (max-width: 720px) { 
	ul.menu li.item { display: none; } 
  ul.menu {padding-top:4.1rem;}
	.sandwich {display: block;}
}

@media screen and (max-width: 480px) {
	body { font-size: 1rem; }
	.dto {display:none;} /* Desktop only */
	#footer {font-size: 1rem;}
	ul.footermenu li { display: block; margin:0.5rem 0rem;}
	ul.footermenu li.mobile {display:block;}
}
/*   /Menu   */














.header { 
width:100%; background-size:auto auto; background-color:#333; background-repeat:repeat; 
}

/* Ratio Boxes */
.boxxWrap {position:relative;box-sizing:border-box;margin:0em;padding:0;float:left;width:100%;}
.boxx {position:relative;box-sizing:border-box;color:#fff;float:left;}
.boxxRatio1-1 {padding-bottom: 100%;} 
.boxxRatio2-1 {padding-bottom: 50%;}
.boxxRatio2komma5-1 {padding-bottom: 20%;}   @media screen and (max-width: 1440px) { .boxxRatio2komma5-1 {padding-bottom: 30%;} } @media screen and (max-width: 480px) { .boxxRatio2komma5-1 {padding-bottom: 50%;} }
.boxxRatio3-1 {padding-bottom: 33.3%;}  
.boxxRatio4-1 {padding-bottom: 25%;} 
.boxxRatio5-1 {padding-bottom: 20%;} 
.boxxRatio3-2 {padding-bottom: 66.6%;}
.boxxRatio4-3 {padding-bottom: 75%;} 
.boxxRatio16-9 {padding-bottom: 56.25%;} 
.boxxRatio16-10 {padding-bottom: 62.5%;}

.boxxRatioHeader {padding-bottom: 20%;  }

.headerstufe {position:absolute;bottom:0;left:0;right:0;height:2.1em; background: rgb(242,242,242); }

.dynHeader {padding-bottom:20%; background-position:center; background-size:cover;background-repeat:no-repeat;} 

@media screen and (max-width: 1920px) { .boxxRatioHeader {padding-bottom: 30%;} .dynHeader {padding-bottom:30%;} }
@media screen and (max-width: 480px) { .boxxRatioHeader {padding-bottom: 50%;} .dynHeader {padding-bottom:50%;}}

.heroHeaderImg { background-position:center; background-size:cover;background-repeat:no-repeat;} 
.fullwidthHeaderBg {position:relative; }

.headerBgGradient2 {background: rgb(34,34,34); background: linear-gradient(180deg, rgba(55,55,55,1) 0%, rgba(33,33,33,1) 100%);}

.headerBgGradient {background: #aaa; /*background: linear-gradient(180deg, rgba(65,91,116,1) 0%, rgba(88,113,48,1) 100%);*/}

.headerBgImg {background-size:auto auto; background-color:#333; background-repeat:repeat;  background-image:url('../bilder/bgrough.jpg'); background-image:url('../bilder/bo_play_pattern.png');}

.boxxContent {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;background-position:center; background-size:cover;}
/* /RatioBoxes */



.decopic {/*background-attachment:fixed;*/background-position:top;background-size:100%;}

.logoP {background-repeat:no-repeat;background-position:center;background-size:55%;opacity:0.5;} .logoP:hover{opacity:1;cursor:pointer;}
.logoP {background-image:url(https://appmin.at/a.svg);}