<strong></strong>/* cinzel-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: url('../website-fonts/cinzel-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/cinzel-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/cinzel-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/cinzel-v23-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/cinzel-v23-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/cinzel-v23-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
}


/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../website-fonts/open-sans-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../website-fonts/open-sans-v40-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../website-fonts/open-sans-v40-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../website-fonts/open-sans-v40-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../website-fonts/open-sans-v40-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../website-fonts/open-sans-v40-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../website-fonts/open-sans-v40-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


* {
margin-right: 0px;
margin-left: 0px;
}


body {
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(../bilder/Muster.svg);
	background-size: 290px 193px;
	background-repeat: repeat;
}


#button {
position: absolute;
border: 1px solid #FFF;
height: 60px;
width: 66px;
border-radius: 6px;
opacity: 0.5;
-webkit-transition: 0.5s;
transition: 0.3s;
top: 52px;
right: 36px;
z-index: 5;
}


#logo {
position: absolute;
border: 0px solid #FFF;
height: 37px;
width: 100%;
border-radius: 6px;
opacity: 0.5;
-webkit-transition: 0.5s;
transition: 0.3s;
top: 25px;
left:0%;
z-index: 100;
text-align: center;
padding-top: 0px;
margin: 0 auto;
margin-bottom: 20%;
margin-top: 40px; 
background-color+: #69F585; 
}

#sternlinie {
	display: none;
}


.bild-start {
position: fixed;
height: 260px;
width: 100%;
z-index: 1;
top: 0px;
left: 0px;
overflow: hidden;
background-color+: #91F7E2;
}

.bildplatzierung-leistungen {	
display: inline-block;
position: relative;
width: 118%;
top: -95px;
left: -30px;
}

.bildplatzierung-tafelformen {	
display: inline-block;
position: relative;
width: 115%;
top: 0px;
left: -35px;
}

.bildplatzierung-schriftmuster {
display: inline-block;
position: relative;
width: 115%;
top: 0px;
left: -35px;
}

.bildplatzierung-ueber {
display: inline-block;
position: relative;
width: 115%;
top: -80px;
left: -65px;
}

.bildplatzierung-kontakt {	
display: inline-block;
position: relative;
width: 100%;
top: -20px;
left: 0px;
}

#blende-portrait {
	position: absolute;
width:54%;
height:470px;
top: 715px;
left: 6%;
background-color: #fff;
	z-index:100;
}

#werkstattimpression {
position: relative;
width:100%;
height:auto;
top: 30px;
left: 0%;
margin-bottom: 20px;
background-color: #fff;
z-index:900;
}


.bilder-1+ { 
position: relative;
width: 43%;
margin-right: 2px;
margin-top: 25px;
float+:none;
left:0px;
margin-left:0px;
padding-left: 0px;
}

.bilder-tb-nummer-1 { 
position: relative;
width: 45%;
	height: 200px;
margin-right: 2px;
margin-top: 25px;
float+:none;
left:0px;
margin-left:0px;
padding-left: 0px;
}
	
.bilder-2 { 
width: 105%;
margin-right: 0px;
margin-top: 10px;
margin-bottom:25px; 
	
}

.bilder-3 { 
width: 100%;
margin-right: 0px;
margin-top: 10px;
margin-bottom:25px; 
	
}

.test { 
position: relative;
width: 100%;

left:0px;
margin-left:0px;
background-color: #69F585; 
}

.bilder-tb-links {
display+: block
position: relative;
width:100%;
height:auto;
z-index:100;
background-color+: #91F7E2;
float:left;
padding-left: 0%;
padding-right: 2%;
padding-top:0.45em;	
}

.bilder-1 { 
width: 45%;
margin-right: 2px;
margin-top: 10px;
margin-bottom:25px; 
	
}


#cookie {
position: absolute;	
width:51px;
height:auto;
z-index:600;
left:1%;
top: 2px;
opacity: 0.5;
}	


/** –––––––––––––––– Textboxen 1 –––––––––––––––– **/


/** ––clearfix: siehe: 
https://www.mediaevent.de/css/position-float.html –– **/
.clearfix:after {
content: "";
display: table;
clear: both;
}


#tb-gesamter-inhalt {
position: relative;
background-color+: #9DC9C2;
opacity+: 0.7;
height: auto;
width: 90%;
margin: 0 auto;
z-index: 200;
overflow+:scroll;
margin-top: 0px;
top: 0px;
z-index: 100;
}

.tb-gesamte-breite {
	position: relative;
	color: #000;
	background-color: rgba(245,245,245,1.00);
	opacity: 0.95;
	height: auto;
	width: 100%;
	margin: 0 auto;
	z-index: 400;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	mix-blend-mode+: color-dodge;
	top: 0px;
	margin-bottom: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #fff;
}

.tb-gesamte-breite-leistungen {
display: block;
position: relative;
color: #000;
background-color+: #948567;
background-color: #DFDFDF;
opacity: 0.95;
height: auto;
width: 100%;
margin: 0 auto;
z-index: 400;
margin-top: 0px;
padding-top: 15px;
padding-bottom: 10px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-bottom: 5px;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}


.tb-gesamte-breite-1 {
	position: relative;
	color: #000;
	background-color: rgba(245,245,245,1.00);
	opacity: 0.95;
	height: auto;
	width: 100%;
	margin: 0 auto;
	z-index: 400;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	mix-blend-mode+: color-dodge;
	top: 0px;
	margin-bottom: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: rgba(135,175,157,1.00);
}

.tb-gesamte-breite-2 {
	position: relative;
	color: #000;
	background-color: rgba(245,245,245,1.00);
	opacity: 0.95;
	height: auto;
	width: 100%;
	margin: 0 auto;
	z-index: 400;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 50px;
	mix-blend-mode+: color-dodge;
	top: 0px;
	margin-bottom: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: rgba(170,149,115,1.00);
}

.tb-gesamte-breite-3 {
	position: relative;
	color: #000;
	background-color: rgba(245,245,245,1.00);
	opacity: 0.95;
	height: auto;
	width: 100%;
	margin: 0 auto;
	z-index: 400;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 50px;
	mix-blend-mode+: color-dodge;
	top: 0px;
	margin-bottom: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: rgba(220,115,95,1.00);
}


.tb-gesamte-breite-bildergalerie {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 100%;
margin: 0 auto;
z-index: 400;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 35px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-bottom: 5px;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}

.tb-gesamte-breite-typomuster {
position: relative;
color: #000;
background-color#: #ECEBE2;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 100%;
margin: 0 auto;
z-index: 200;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 15px;
margin-bottom: 5px;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}


.tb-zentriert-motto {
position: relative;	
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 75%;
margin: 0 auto;
z-index: 200;
mix-blend-mode: screen;
top: 0px;
padding-bottom: 0px;
padding-left: 3%;
padding-right: 3%;
margin-bottom: 4px;
border-radius: 5px 5px 0px 0px;
z-index: 300;
}


.tb-headline-leistungen {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
max-height: 95px;
width: 90%;
max-width: 550px;
margin+: 0 auto;
padding-top: 1px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 2px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}


#leistungen {
position: relative;
color: #000;
background-color#: rgba(245,245,245,1.00);
background-color: rgba(101,240,122,1.00);

height: auto;
max-height: 95px;
width: 60%;
max-width: 550px;
margin+: 0 auto;
padding-top: 1px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 2px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
float: left;
z-index: 650;

}


.tb-headline-schriftenmuster {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 200px;
max-height: 40px;
padding-top: 1px;
padding-left: 5%;
padding-right: 3%;
padding-bottom: 5px;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}


.tb-headline-tafelformen {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
max-height:60px;
width: 250px;
margin+: 0 auto;
padding-top: 1px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 5px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}

.tb-headline-impressum {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
max-height:45px;
width: 82%;
max-width: 300px;
margin+: 0 auto;
padding-top: 1px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 5px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}


.tb-headline-ueber {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 120px;
max-height: 45px;
padding-top: 1px;
padding-left: 5%;
padding-right: 3%;
padding-bottom: 5px;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}


.tb-headline-kontakt {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 230px;
max-height: 45px;
padding-top: 1px;
padding-left: 5%;
padding-right: 3%;
padding-bottom: 5px;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}


.tb-links {
position: relative;
width:87%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:none;
padding-left: 5%;
padding-right: 8%;
border-right#: 1px solid #000000;
padding-top: 0px;
padding-bottom: 0px; 
}

.tb-links-impressum {
position: relative;
width:87%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:none;
padding-left: 5%;
padding-right: 8%;
border-right#: 1px solid #000000;
padding-top: 0em;
padding-bottom: 0px; 
	top:-15px;
}

.tb-links-bilder {
position: relative;
width:90%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:none;
padding-left: 5%;
padding-right: 5%;
padding-top:0.25em;
padding-bottom: 10px; 
}


.tb-rechts {
position: relative;
width:90%;
height:auto;
z-index:100;
background-color+: #91F7E2;
float:none;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
padding-bottom: 25px;
margin-top: 20px;
top: -7px;
}

.tb-rechts-impressum {
position: relative;
width:90%;
height:auto;
z-index:100;
background-color+: #91F7E2;
float:none;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
padding-bottom: 25px;
margin-top: 20px;
top: -7px;
}

.tb-rechts-margin-top-0 {
position: relative;
width:90%;
height:auto;
z-index:100;
background-color+: #91F7E2;
float:none;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
padding-bottom: 25px;
margin-top: 15px;
top: -7px;
}


.tb-rechts-preisliste {
position: relative;
width:130px;
height:auto;
z-index:100;
background-color: #fff;
float:none;
padding-left: 30px;
padding-right: 16px;
padding-top: 1px;
padding-bottom: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


.tb-rechts-portrait {
position: relative;
width:90%;
height:auto;
z-index:100;
background-color+: #fff;
float:none;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

.portrait {
position: relative;
margin-top: 5px; 
margin-bottom: 15px;
width: 75%;
margin-left: 0%;
height: auto;
opacity: 1;
}

.tb-rechts-bilder {
position: relative;
width:90%;
height:auto;
z-index:200;
background-color+: #91F7E2;
float:left;
padding-left: 5%;
padding-right: 5%;
padding-top:0 em;	
}

.tb-rechts-bilder-2 {
position: relative;
width:90%;
height:auto;
z-index:200;
background-color+: #91F7E2;
float:left;
padding-left: 5%;
padding-right: 5%;
padding-top:0 em;	
}


.tb-rechts-2 {
position: relative;
width:90%;
height:auto;
z-index:100;
background-color+: #EEF791;
float:left;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
top: -12px;
}

.tb-links-einleitung {
position: relative;
width:90%;
height:auto;
z-index:200;
background-color+: #9EE3E9;
float:none;
padding-left: 5%;
padding-right: 5%;
border-right#: 1px solid #000000;
top: -10px;
padding-top: 1px;
margin-left: 0%;
margin-bottom: 0px;
}

.tb-rechts-einleitung {
position: relative;
width:90%;
height:auto;
z-index:200;
background-color+: #91F7E2;
float:none;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 15px;
top: -10px;	
}

.tb-links-arbeitsschritte {
position: relative;
width:95%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:none;
padding-left: 5%;
padding-right: 0%;
border-right#: 1px solid #000000;
top: -10px;	
}

.tb-links-arbeitsschritte-margin-r {
position: relative;
width:95%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:none;
padding-left: 5%;
padding-right: 0%;
border-right#: 1px solid #000000;
}


.css-kreis-1 {
display: inline-block;
width: 60px;
height: 60px;
background-color: rgba(135,175,157,1.00);
border-radius: 50px;
color: white;
line-height: 60px;
text-align: center;
font-size: 1em;
font-family: sans-serif;
border-width: 0px;
border-style: solid;
border-color: #000;

}

.css-kreis-2 {
display: inline-block;
width: 60px;
height: 60px;

background-color: rgba(170,149,115,1.00);
border-radius: 50px;
color: white;
line-height: 60px;
text-align: center;
font-size: 1em;
font-family: sans-serif;
border-width: 0px;
border-style: solid;
border-color: #000;
}

.css-kreis-3 {
display: inline-block;
width: 60px;
height: 60px;
background-color: rgba(220,115,95,1.00);
border-radius: 50px;
color: white;
line-height: 60px;
text-align: center;
font-size: 1em;
font-family: sans-serif;
border-width: 0px;
border-style: solid;
border-color: #000;
}

.tb-links-arbeitsschritte-thema {
position: relative;
width:90%;
height:auto;
z-index:200;
background-color+: #D6B3DB;
float:none;
padding-left: 0px;
margin-left: 0px;
padding-bottom: 5px;
left: 0px;
border-right#: 1px solid #000000;
}


.tb-rechts-desktop {
display: block;
position: relative;
width:90%;
height:auto;
z-index:100;
background-color+: #91F7E2;
float:left;
padding-left: 5%;
padding-right: 2%;
padding-top:0.45em;	
}


.tb-varianten-gesamt {
position: relative;
width:95%;
height:auto;
z-index:200;
background-color+: #CFE3F0;
float:left;
padding-left: 0px;
padding-right: 0px;
padding-bottom:20px;
margin-left: 0%;
margin-top: 10px;
margin-bottom: 5px;
	z-index: 50;
}	
	
.tb-varianten-1 {
position: relative;
width:85%;
height:auto;
z-index:300;
background-color: #F0E8CF;
float:none;
padding-top: 0.01em;
padding-left: 5%;
padding-right: 5%;
padding-bottom:25px;
margin-left: 5%;
margin-top: 15px;
margin-bottom: 20px;
border: 0px solid #000;
	border-radius: 4px 41px 4px 4px;
-webkit-border-radius: 4px 41px 4px 4px;
-moz-border-radius: 4px 41px 4px 4px;
	
box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
-webkit-box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
-moz-box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
}	
	
.tb-varianten-2 {
position: relative;
width:85%;
height:auto;
z-index:300;
background-color: #DFE4BD;
float:none;
padding-top: 0.01em;
padding-left: 5%;
padding-right: 5%;
padding-bottom:25px;
margin-left: 5%;
margin-top: 0px;
margin-bottom: 20px;
border: 0px solid #000;
	border-radius: 4px 41px 4px 4px;
-webkit-border-radius: 4px 41px 4px 4px;
-moz-border-radius: 4px 41px 4px 4px;
box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
-webkit-box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
-moz-box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
}
	
.tb-varianten-3 {
position: relative;
width:85%;
height:auto;
z-index:300;
background-color: #D7E5DA;
float:none;
padding-top: 0.01em;
padding-left: 5%;
padding-right: 5%;
padding-bottom:20px;
margin-left: 5%;
margin-top: 0px;
margin-bottom: 25px;
border: 0px solid #000;
border-radius: 4px 41px 4px 4px;
-webkit-border-radius: 4px 41px 4px 4px;
-moz-border-radius: 4px 41px 4px 4px;
box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
-webkit-box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
-moz-box-shadow: 4px 9px 15px -10px rgba(0,0,0,0.61);
}


.textabstand-oben {
margin-top: 20px;

}


#type-in-form {
position: relative;	
width:55%;
max-width: 260px;
height:auto;
left: -2px;
top: 5px;
margin-bottom: 30px;
}


/** –––––––––––––––– Ende Textboxen 1 –––––––––––––––– **/


/** –––––––––––––––– Bildergalerie - mobile –––––––––––––––– **/	
	

.bildergalerie {
position: relative;
width: 100%;
height: auto;
top: 20px;

float: left;
background-color+: #F9D2D3;
margin-bottom: 30px;
}


.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: rgb(232, 212, 125, 0.7);
opacity: 0;
transition: opacity 0.5s ease;
color+: #398A3D;
}


.tb-links-bilder:hover .overlay {
	display: none;
}
	
.tb-rechts-bilder:hover .overlay {
display: none;
}
	
.overlay+ {
padding:5px;
font-weight: bold;
width: 90%;
height: auto;	
}

.overlay .caption{
font-size: 20px;
}

.container div {
}

img {
position: relative;
height: auto;
width: 100%;
object-fit: cover;
margin:1px; 
}
	
	
/** –––––––––––––––– Ende Bildergalerie - mobile –––––––––––––––– **/	


.bild-typomuster {
width: 98%;
height: auto;
margin-left: 0px;
top: 8px; 
-webkit-box-shadow: 0px 5px 17px -3px rgba(0,0,0,0.85);
-moz-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);

}	


.tafelformen-desktop {
display: none;
}

.tafelformen-mobil {
display: block;
width: 95%;
height: auto;
margin-left: 0px;
top: 8px; 
padding-left: 10px;
padding-bottom: 20px;
}


/** –––––––––––––––– footer 1 –––––––––––––––– **/

footer {
position:relative;
width: 100%;
margin: 0 auto;
background: #fff;
opacity: 0.6;
bottom: 0;
left: 0;
right: 0;
text-align: center;
padding-top: 3px;
padding-bottom: 20px;
z-index: 400;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}

.footerLinks {
position:relative;
text-align: center;
width: 100%;
height: 25px;
margin: 0 auto; 
background#: #A4F5D1;
	

}

.footerLinks ul {
padding: 0;
list-style-type: none;
margin-top: 10px;
}

.footerLinks li {
display: inline;
margin:5px;

}

	
.footerLinks li a {
display: inline;
margin:5px;
font-family: "Open Sans", sans-serif;
letter-spacing: 0.05em;
font-weight: 400;
font-size: 13px;	
}
	
.footerLinks a {
color: #000;
text-decoration: none;
font-size: 13px;
}


/** –––––––––––––––– Ende footer 1 –––––––––––––––– **/


.copyright {
position: relative;
text-align: center;
top: -5px;

}

.copyright p {
color: #000;
font-family: "Open Sans", sans-serif;
letter-spacing: 0.1em;
font-weight: 400;
font-size: 11px;
text-align: center;
}
	

#blende-navigation {
position: fixed;
height: 60px;
width: 100%;
opacity: 0.4;
top: 0px;
left:0;
z-index: 250;
background-image#: linear-gradient(hsla(215,30%,70%,0.7) 0%, hsla(215,30%,70%,0) 50%, hsla(215,30%,70%,0) 100%);
background-image: linear-gradient(hsla(20,90%,4%,1.00) 20%, hsla(215,30%,70%,0) 70%);
background-image: -webkit-linear-gradient(hsla(28,90%,4%,1) 20%, hsla(215,30%,70%,0) 70%);
background-image: -o-linear-gradient(hsla(28,90%,4%,1) 20%, hsla(215,30%,70%,0) 70%);
}


.collage-index {
		position: relative;
width: 97%;
padding-left: 0%;


}


.tb-gesamte-breite-home {
position: relative;
color: #000;
background-color+: #FDC5C6;
opacity: 0.95;
height: auto;
width: 100%;
margin: 0 auto;
z-index: 200;
margin-top: 0px;
padding-top: 15px;
padding-bottom: 0px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-bottom: 5px;
}

.lupe {
display: none;

}


.bild-typo-3D-2+ {
	position: relative;
	margin-top: 0px; 
	width: 91%;
	top+: 60px; 
	margin-left: 0%;
	margin-right: 8%;
	margin-bottom: 0px;
	float: left;
}


.bild-1-modellumsetzung {
display: block;
position: relative;
margin-top: 0px; 
width: 100%;
margin-top:8px; 
margin-left: 0%;
margin-right: 8%;
margin-bottom: 0px;
float: left;
}

.bild-1-modellumsetzung-bu {	
display: block;
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.05em;
text-align: left;
line-height: 20px;
text-indent: 0px;
padding-left: 0%;
}


.bild-2-modellumsetzung {
display: none;
}

.bild-2-modellumsetzung-bu {
display: none;
}


.bild-links-typomuster-1+ {
margin-bottom: 0px;

}

.bild-links-typomuster-1 {
	position: relative;
	margin-top: 0px; 
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 10px;
	float: left;
}	
	
.bild-rechts-typomuster-2 {
	position: relative;
	margin-top: 0px; 
	width: 100%;
	margin-top: 15px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 10px;
	float: left;
}


#initial-b {
position: relative;
margin-top: 30px;
margin-bottom: 0px;
margin-right: 100px;
margin-left: 0%;
width: 55%;
height: auto;
}	

#wappen-tirol {
position: relative;
margin-top: 30px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0%;
width: 99%;
height: auto;
}	
		
	
.buchstabe-b-bu {
display: block;
position: relative;
font-weight: 400;
font-size: 0.85em;
letter-spacing: 0.05em;
text-align+: left;
line-height: 17px;
text-indent: 0px;
padding-left: 0%;
margin-bottom: 30px;
top: -5px;
}


/** –––––– 01 ––––––––**/
.tb-links-arbeitsschritte-nummer {
position: relative;
width: 70px;
height: auto;
z-index: 300;
background-color+: #D8AFE5;
float:left;
left: -5px;
top: -22px;
padding-top: 10px;
padding-bottom: 0px;
margin-right: 1%;
margin-bottom: 0px;
text-align: left;
}


}


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

	
#type-in-form {
width:45%;
}	
	
	
.collage-index {
		position: relative;
width: 100%;
padding-left: 0%;
}
	
	
#tb-gesamter-inhalt {
width: 84%;
}
	
	
.tb-headline-tafelformen {
width: 420px;
padding-left: 5%;
max-height:50px;
}	
	

#cookie {
position: absolute;	
width:53px;
height:auto;
z-index:600;
left:3%;
top: 2px;
opacity: 0.5;
}	
	
.portrait {
position: relative;
margin-top: 5px; 
margin-bottom: 15px;
width: 45%;
margin-left: 0%;
height: auto;
opacity: 1;
}
	
	
.bild-start {
height: 320px;
}
	
	
.bildplatzierung-leistungen {	
width: 125%;
top: -200px;
left: -50px;
}

.bildplatzierung-tafelformen {	
width: 120%;
top: -22px;
left: -70px;
	}	

	
.bildplatzierung-schriftmuster {
width: 100%;
top: -22px;
left: 0px;
	}
	
.bildplatzierung-ueber {
width: 110%;
top: -160px;
left: -60px;
	}
	
.bildplatzierung-kontakt {	
width: 100%;
top: -80px;
left: 0px;
}
	
	
.bild-typomuster {
top: 7px; 
}	
	
.tafelformen-desktop {
display: none;
}
	
.tafelformen-mobil {
display: block;
top: 7px; 
left: 1%;
padding-bottom:40px; 
}
	
	
#logo+ {
position: absolute;
border: 0px solid #FFF;
height: 37px;
width: 100%;
border-radius: 6px;
opacity: 0.5;
-webkit-transition: 0.5s;
transition: 0.3s;
top: 40px;
left:0;
z-index: 100;
text-align: center;
padding-top: 0px;
margin: 0 auto;
margin-bottom: 20%;
margin-top: 40px; 
background-color#: #69F585; 
}


.tb-headline-leistungen {
width: 70%;
	height: auto;
padding-left: 5%;
max-height+: 80px;
	max-height: 110px;
	padding-bottom: 2px;
}
	
.tb-headline-schriftenmuster {
padding-left: 5%;
max-height: 50px;
}
	
.tb-headline-ueber {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 130px;
max-height: 50px;
padding-top: 1px;
padding-left: 5%;
padding-right: 3%;
padding-bottom: 5px;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}	
	
.tb-headline-kontakt {
padding-left: 5%;
}	
	
	
.tb-headline-impressum {
width: 300px;
padding-left: 5%;
max-height:50px;
}
	

}


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

#cookie {
position: absolute;	
width:65px;
height:auto;
z-index:600;
left:2%;
top: 10px;
opacity: 0.5;
}
	

.bild-1-modellumsetzung {
display: none;
}
	
.bild-1-modellumsetzung-bu {	
display: none;
}
	
	
.bild-2-modellumsetzung {
display: block;
position: relative;
margin-top: 0px; 
width: 100%;
margin-left: 0%;
margin-right: 8%;
margin-bottom: 0px;
float: left;
}
	
.bild-2-modellumsetzung-bu {	
display: block;
font-weight: 400;
font-size: 0.8em;
letter-spacing: 0.05em;
text-align: left;
line-height: 20px;
text-indent: 0px;
padding-left: 0%;
}

	
.buchstabe-b-bu+ {	
display: block;
position: relative;
font-weight: 400;
font-size: 0.95em;
letter-spacing: 0.05em;
text-align+: left;
line-height: 17px;
text-indent: 0px;
padding-left: 0%;
margin-bottom: 30px;
}
	
	
.bild-start {
height: 320px;
}
	
	
.bildplatzierung-leistungen {	
width: 130%;
top: -330px;
left: -50px;
}

.bildplatzierung-tafelformen {	
width: 100%;
top: -40px;
left: 0px;
}	
	
.bildplatzierung-schriftmuster {
width: 100%;
top: -40px;
left: 0px;
}
	
.bildplatzierung-ueber {
width: 100%;
top: -210px;
left: 0px;
}
	
.bildplatzierung-kontakt {	
width: 100%;
top: -200px;
left: 0px;
}
	
	
#type-in-form {	
width:27%;
}
	
	
.tb-headline-leistungen {
width: 90%;
	height: auto;
padding-left: 5%;
max-height: 80px;
	max-height+: 110px;
	padding-bottom: 2px;
}	
	
	
.tb-headline-tafelformen {
width: 420px;
padding-left: 5%;
max-height:50px;
}	
	
	
.tb-gesamte-breite-1 {
padding-top: 25px;
padding-bottom: 40px;
background-color+: #DB5C5E;
}
	
.tb-gesamte-breite-2 {
padding-top: 25px;
padding-bottom: 40px;
background-color+: #DB5C5E;
}
	
.tb-gesamte-breite-3 {
padding-top: 25px;
padding-bottom: 40px;
background-color+: #DB5C5E;
}
	
	
#initial-b {
position: relative;
margin-top: 20px;
margin-bottom: 0px;
margin-right: 100px;
margin-left: 0%;
width: 55%;
}
	
#wappen-tirol {
margin-top: 20px;
}
		
	
.buchstabe-b-bu {	
margin-left: 0%;
}	
	

}


/** –––––––––––––––– B R E A K / ab hier: Desktop –––––––––––––––––––––– **/


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

	
.bild-start-links {
	position: relative;
	display#: flex;
 	width: 45%;
	hight: 300px;
  	float: left;
	z-index: 300; 
	margin-left: 5%;
	margin-top: 0px;
	margin-right: 1%;
	padding-right: 1%;
	background-color+: #C2EFF3;
}
	
.bild-start-rechts-1 {
	position: relative;
	display+: flex;
 	width: 45%;
	padding-left: 0px; 
  	float: left;
	z-index: 300; 
	margin-left: 0px;
	margin-top: 0px;
	background-color+: #A3D1C2;
}
	
.bild-start-rechts-2 {
	position: relative;
	display+: flex;
	padding-left: 0px; 
 	width: 45%;
  	float: left;
	z-index: 300; 
	margin-left: 0%;
	margin-top: -10px;
	background-color+: #A3D1C2;
	padding-bottom+: 40px; 
}

.bild-2-modellumsetzung {

width: 92%;

}
	
	
.bild-rechts-typomuster-2 {

	margin-top: 0px;

}
	
	
#cookie {
position: absolute;	
width:70px;
height:auto;
z-index:900;
left:93%;
top: 43px;
opacity: 0.5;
}
	
	
.portrait {
position: relative;
margin-top: 5px; 
margin-bottom: 15px;
width: 65%;
margin-left: 6%;
height: auto;
opacity: 1;
}
	
	
/** –––––––––––––––– Textboxen 2 –––––––––––––––– **/
	
	
#tb-gesamter-inhalt {
width: 90%;
}
	
.tb-gesamte-breite {
	padding-top: 15px;
	padding-bottom: 35px;
}
	
.tb-gesamte-breite-leistungen {
padding-top: 15px;
padding-bottom: 10px;
}
	

.tb-gesamte-breite-3 {
padding-bottom: 20px;
}
	
.tb-gesamte-breite-2 {
position: relative;
color: #000;
background-color+: #FDC5C6;
opacity: 0.95;
height: auto;
width: 100%;
margin: 0 auto;
z-index: 400;
margin-top: 0px;
padding-top: 25px;
padding-bottom: 20px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-bottom: 5px;
}
	
.tb-gesamte-breite-weiss {
position: relative;
color: #000;
background-color+: #FDC5C6;
opacity:1;
height: auto;
width: 100%;
margin: 0 auto;
z-index: 400;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 20px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-bottom: 5px;
}
	
.tb-gesamte-breite-bildergalerie {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 100%;
margin: 0 auto;
z-index: 400;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 55px;
mix-blend-mode+: color-dodge;
top: 0px;
margin-bottom: 5px;
}
	
	
.tb-gesamte-breite-home {

}
	
	
.tb-zentriert-motto {
width: 560px;
height: 70px;
}
		
	
.tb-headline-leistungen {
width: 530px;
float+: left;
}
	
.tb-headline-schriftenmuster {
padding-left: 5%;
max-height: 50px;
}
	
.tb-headline-ueber {
position: relative;
color: #000;
background-color: rgba(245,245,245,1.00);
opacity: 0.95;
height: auto;
width: 130px;
max-height: 50px;
padding-top: 1px;
padding-left: 5%;
padding-right: 3%;
padding-bottom: 5px;
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 5px 5px 0px 0px;
z-index: 600;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #fff;
}	
	
	
.tb-headline-anfrage {
}	
	
	
.tb-headline-tafelformen {
width: 400px;
padding-left: 5%;
max-height:50px;

}

	
.tb-links {
width:42%;
float:left;
padding-left: 5%;
padding-right: 2%;
padding-top: 0px;
padding-bottom:0px; 
}
	
.tb-links-impressum {
width:30%;
float:left;
padding-left: 5%;
padding-right: 2%;
padding-top: 10px;
padding-bottom:0px; 
}
	
.tb-links-bilder {
width:38%;
float:left;
margin-left: 11%;
padding-left: 0%;
padding-right: 0%;
padding-top: 10px;
padding-bottom:0px; 
background-color+: #ED8586;
}
	
	
.tb-links-bild {
position: relative;
width:49%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:left;
padding-left: 0%;
padding-right: 0%;
padding-top: 0px;
padding-bottom:0px; 
}
	
.tb-links-2 {
position: relative;
width:38%;
height:auto;
z-index:200;
background-color+: #E1C193;
float:left;
padding-left: 10%;
padding-right: 2%;
border-right#: 1px solid #000000;
padding-top: 0px;
padding-bottom:0px; 
margin-top: 0px; 
}

	
.tb-rechts {
width:42%;
float:left;
padding-left: 1%;
padding-right: 2%;
padding-top: 0px;	
padding-bottom:15px;
margin-top: 0px;
top: 0px;
}
	
.tb-rechts-impressum {
width:56%;
float:left;
padding-left: 1%;
padding-right: 2%;
padding-top: 0px;	
padding-bottom:15px;
margin-top: 0px;
top: 0px;
}
	
.tb-rechts-margin-top-0 {
width:42%;
float:left;
padding-left: 1%;
padding-right: 2%;
padding-top: 0px;	
padding-bottom:15px;
margin-top: 0px;
top: 0px;
}
	
	
#blende-portrait {
	display: block;
	position: absolute;
width:28%;
height:420px;
top: 70px;
left: 53%;

background-color#: #F888D8;
}
	
.tb-rechts-portrait {
position: relative;
width:90%;
height:auto;
z-index:100;
background-color+: #fff;
float:none;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}
	
	
.tb-rechts-bilder {
width:38%;
background-color+: #91F7E2;
float:left;
margin-left: 1%;
padding-left: 0%;
padding-right: 0%;
padding-top: 10px;	
padding-bottom:0px; 
}
	
.tb-rechts-bilder-2 {
width:38%;
background-color+: #91F7E2;
float:left;
margin-left: 1%;
padding-left: 0%;
padding-right: 0%;
padding-top: 10px;	
padding-bottom:0px; 
}
	
	
.tb-rechts-bild {
position: relative;
width:43%;
height:auto;
z-index:200;
background-color: #ED8586;
float:left;
padding-left: 3%;
padding-right: 0%;
padding-top: 0px;
padding-bottom:0px; 
}
	
	
.tb-rechts-2 {
position: relative;
width:42%;
height:auto;
z-index:100;
background-color+: #91D7E2;
float:left;
padding-left: 1%;
padding-right: 2%;
padding-top: 10px;	
padding-bottom: 5px;
margin-top: 79px;
margin-bottom: 50px;
top: -7px;
}
		
.tb-links-einleitung {
position: relative;
width:42%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:left;
padding-left: 5%;
padding-right: 2%;
border-right#: 1px solid #000000;
top: -10px;
margin-left: 0%;
margin-bottom: 20px;
}
	
.tb-rechts-einleitung {
position: relative;
width:42%;
height:auto;
z-index:200;
background-color: #91F7T2;
float:left;
padding-left: 3%;
padding-right: 0%;
top: -10px;	
}
	
.tb-links-arbeitsschritte {
width:43%;
float:left;
margin-right: 1%; 
padding-left: 5%;
padding-right: 0%;
padding-bottom: 20px;
}
	
.tb-links-arbeitsschritte-margin-r {
position: relative;
width:44%;
height:auto;
z-index:200;
background-color+: #ED8586;
float:left;
padding-left: 4%;
padding-right: 0%;
border-right#: 1px solid #000000;
}

/** –––––– 02 ––––––––**/	
.tb-links-arbeitsschritte-nummer {
width:15%;
height:auto;
left: -14px;
margin-right: 0%;
padding-top: 0px;
margin-bottom: 0px;
background-color+: #FAFFB1;
top: -5px;
}	
	
.tb-links-arbeitsschritte-thema {
width:85%;
float:left;
}		
	
	
.tb-rechts-desktop {
display#: block;
position: relative;
width:42%;
height:auto;
z-index:100;
background-color+: #91F7E2;
float:left;
padding-left: 1%;
padding-right: 2%;
padding-top:0.45em;	
}
	
.tb-rechts-mobil {
display: none;
}
		
.tb-varianten-gesamt {
position: relative;
width:87%;
height:auto;
z-index:200;
background-color+: #CFE3F0;
float:left;
padding-left: 0px;
padding-right: 0px;
padding-bottom:20px;
margin-left: 11%;
margin-top: 20px;
margin-bottom: 5px;
}	
	
.tb-varianten-1 {
position: relative;
width:26%;
height:auto;
z-index:300;
background-color: #F0E8CF;
float:left;
padding-top: 0px;
padding-left: 26px;
padding-right: 20px;
padding-bottom:40px;
margin-left: 0%;
margin-top: 0px;
margin-bottom: 0px;	
}	
	
.tb-varianten-2 {
position: relative;
width:26%;
height:auto;
z-index:300;
background-color: #DFE4BD;
float:left;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom:40px;
margin-left: 2%;
margin-top: 0px;
margin-bottom: 20px;
}	
	
.tb-varianten-3 {
position: relative;
width:26%;
height:auto;
z-index:300;
background-color: #D7E5DA;
float:left;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom:40px;
margin-left: 2%;
margin-top: 0px;
margin-bottom: 20px;
}	
	

/** –––––––––––––––– Ende Textboxen 2 –––––––––––––––– **/

	
#logo {
position: relative;
width: 80%;
border-radius: 6px;
opacity: 0.5;
-webkit-transition: 0.5s;
transition: 0.3s;
top: 32px;
left:0;
z-index#: 5;
padding-top: 23px;
margin+: 0 auto;
background-color#: #69F585; 
}


#blende-navigation {
position: fixed;
height: 80px;
width: 100%;
opacity: 0.8;
top: 0px;
left:0;
z-index: 250;
background-image#: linear-gradient(hsla(215,30%,70%,0.7) 0%, hsla(215,30%,70%,0) 50%, hsla(215,30%,70%,0) 100%);
background-image: linear-gradient(hsla(20,90%,4%,1.00) 20%, hsla(215,30%,70%,0) 70%);
background-image: -webkit-linear-gradient(hsla(28,90%,4%,1) 20%, hsla(215,30%,70%,0) 70%);
background-image: -o-linear-gradient(hsla(28,90%,4%,1) 20%, hsla(215,30%,70%,0) 70%);
}


#button {
-webkit-transition: 0.5s;
transition: 0.3s;
opacity: 0;
}
 

.bild-start {
height: 470px;
}

	
.bildplatzierung-leistungen {	
width: 100%;
top: -180px;
left: 0px;
}

.bildplatzierung-tafelformen {	
width: 112%;
top: -30px;
left: -20px;
}	
	

.bildplatzierung-schriftmuster {
width: 100%;
top: -20px;
left: 0px;
}	
	
.bildplatzierung-ueber {
width: 100%;
top: -250px;
left: 0px;
}	
		
.bildplatzierung-kontakt {	
width: 100%;
top: -180px;
left: 0px;
}	
	
	
hr {
position: relative;

float:none;
z-index: 400;

}
	
	
#line {
position: relative;
width:5px;
height:110px;
z-index:210;
background-color#: #F3C;
float:left;
top:20px;
border-right: 1px solid #000000;
}


.bilder-1 { 
width: 48%;
margin-right: 2px;
margin-top: 10px;
}
	
.bilder-2 { 
width: 100%;
margin-right: 2px;
margin-top: 10px;
margin-bottom:25px; 
	
}
	
	.bilder-3 { 
width: 100%;
margin-right: 2px;
margin-top: 10px;
margin-bottom:25px; 
	
}
	

/** –––––––––––––––– Bildergalerie –––––––––––––––– **/	
	
	
.bildergalerie {
position: relative;
width: 100%;
height: auto;
top: 10px;
left: 5%;
float: left;
	padding-left: 0px; 
background-color+: #F9D2D3;
margin-bottom: 10px;
margin-bottom: 10px;
}	
		
.container {
}

	
.lupe {
display: block;
position: relative;
float: left;
left:95%;
top: -25px;
height: 25px;
width: 25px;
background-color#: rgb(232, 212, 125, 0.7);
z-index:900; 
}
	
	
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: rgb(232, 212, 125, 0.7);
opacity: 0;
transition: opacity 0.5s ease;
color+: #398A3D;
	
	
}

.tb-links-bilder:hover .overlay {
display: block;
opacity: 1;
width: 120%;
height: auto;
left: -100px;
top: -40px;
z-index:500; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 5px 17px -3px rgba(0,0,0,0.85);
-moz-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
}
	
.tb-rechts-bilder:hover .overlay {
display: block;
opacity: 1;
width: 120%;
height: auto;
left: 10px;
top: -40px;
z-index:500; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 5px 17px -3px rgba(0,0,0,0.85);
-moz-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
}
	
.overlay {
padding:5px;
font-weight: bold;
width: 100%;
height: auto;	
	z-index:500; 
}

.overlay .caption{
font-size: 20px;
}

.container div {
}

img {
position: relative;
height: auto;
width: 100%;
object-fit: cover;
margin:1px; 
}
	
	
/** –––––––––––––––– Ende Bildergalerie –––––––––––––––– **/		
	
.bild-typomuster {
top: 7px; 
}
	
	
/** –––––––––––––––– footer 2 –––––––––––––––– **/
	
	
footer {
}
	
.footerLinks {	
}
		
.footerLinks ul {
}
	
.footerLinks li {
margin:5px;
}
	
.footerLinks a {
}
	
/** –––––––––––––––– Ende footer 2 –––––––––––––––– **/	
	
	
.copyright {
position: relative;
text-align: center;
top: -5px;
}

.copyright p {
color: #000;
font-family: "Open Sans", sans-serif;
letter-spacing: 0.1em;
font-weight: 400;
font-size: 11px;
text-align: center;
}

	
#type-in-form {
width:70%;
}

	
	#werkstattimpression {
position: relative;
width:100%;
height:auto;
top: 10px;
left: 0%;
margin-bottom: 20px;
background-color: #fff;
z-index:900;
}
	

}


@media only screen and (min-width: 1260px) {
	
	
#logo {
position: absolute;
margin-bottom: 15%;
width: 65%;
max-width: 1300px;
left: 24%;
top: 80px;
margin: 0 auto;
background-color#: #E5E574;
}
	
	
#sternlinie {
	display: block;
	position: absolute;
	height: auto;
	width: 180px;
	top: 330px;
	left:11%;
	margin-bottom: 10px;
	z-index: 1000;
}

.lupe {
position: relative;
float: left;
left:85%;
	top: -30px;
height: 25px;
width: 25px;
background-color#: rgb(232, 212, 125, 0.7);
z-index:900; 
}
	
.collage-index {
	position: relative;
width: 100%;
	hight: 1500px;
padding-left: 0%;
}
	

.bildgroesse-1 {
width: 120%;
}

	
.bild-start-links {
	position: relative;
 	width: 43%;
	hight: 1200px;
  	float: left;
	z-index: 300; 
	margin-left: 5%;
	margin-top: 0px;
	background-color+: #A3D1C2;
}
	
.bild-start-rechts-1 {
	position: relative;
display+: flex;
 	width: 45%;
	
  	float: left;
	z-index: 300; 
	margin-left: 10px;
	margin-top: 0px;
	background-color+: #A3D1C2;
}
	
.bild-start-rechts-2 {
	position: relative;
display+: flex;
 	width: 45%;
  	float: left;
	z-index: 300; 
	margin-left: 10px;
	margin-top: -15px;
	background-color+: #E9F7B8;
}

	
/** –––––––––––––––– Textboxen 3 –––––––––––––––– **/	

	
#tb-gesamter-inhalt {
background-color+: #C5FFF6;
width: 65%;
max-width: 1300px;	
margin-left: 24%;
margin-top: 330px;
}
	
.tb-gesamte-breite {
	position: relative;
	color: #000;
	background-color: rgba(245,245,245,1.00);
	opacity: 0.95;
	height: auto;
	width: 100%;
	margin: 0 auto;
	z-index: 400;
	margin-top: 0px;
	padding-top: 25px;
	padding-bottom: 45px;
	mix-blend-mode+: color-dodge;
	top: 0px;
	margin-bottom: 5px;
}
	
	
.tb-gesamte-breite-leistungen {
padding-top: 20px;
padding-bottom: 10px;
}
	
.tb-gesamte-breite-1 {	
padding-top: 25px;
padding-bottom: 45px;

}
	
.tb-gesamte-breite-2 {
padding-top: 25px;
padding-bottom: 25px;
}
	
.tb-gesamte-breite-3 {
padding-top: 25px;
padding-bottom: 25px;
}
		
.tb-gesamte-breite-bildergalerie {
}	


.tb-links {
float:left;
padding-top: 0px;
border-right-width+: 1px;
border-right-style+: solid;
border-right-color+: rgba(0,0,0,0.30);
}

.tb-links-impressum {
float:left;
}
	
.tb-rechts {
float: left;
padding-top: 0px;
padding-left: 2%;
}

	
.tb-rechts-impressum {	
float: left;
padding-top: 0px;
padding-left: 2%;
}	
	
.tb-rechts-margin-top-0 {
float:left;
padding-top: 0px;
}
	
#blende-portrait {
width:30%;
height:410px;
top: 90px;
left: 53%;
background-color+: #88F8BE;
}
	
			
.tb-rechts-2 {
float:left;
margin-bottom:60px; 
}
	
.tb-links-einleitung {
}
	

.tb-rechts-einleitung {
position: relative;
width:44%;
height:auto;
z-index:200;
background-color+: #91F7E2;
float:left;
padding-left: 2%;
padding-right: 0%;
top: -10px;
padding-top: 0px;
padding-bottom: 30px;
}

.tb-links-arbeitsschritte {
width:43%;
margin-right: 1%;
background-color+: #91F7E2;
padding-bottom: 10px;
}
	
.tb-links-arbeitsschritte-margin-r {
width:44%;
background-color+: #85EDA1;
float:left;
margin-right: 200px;
}
	
	
/** –––––– 01 ––––––––**/	
.tb-links-arbeitsschritte-nummer {
width:14%;
}

.tb-links-arbeitsschritte-thema {
}	
	
.tb-varianten-gesamt {
width:87%;
float:left;
margin-left: 11%;
margin-top: 20px;
}	
	
.tb-varianten-1 {
width:26%;
float:left;
}
		
.tb-varianten-2 {
width:26%;
float:left;
}
	
.tb-varianten-3 {
width:26%;
float:left;
}	
	
	.tb-headline-schriftenmuster {
padding-left: 5%;
max-height: 50px;
}
	
	
/** –––––––––––––––– Ende Textboxen 3 –––––––––––––––– **/

	
.bild-start {
height: 580px;
}

	
.bildplatzierung-leistungen {	
width: 125%;
top: -420px;
left: -300px;
}

.bildplatzierung-tafelformen {	
width: 111%;
top: -50px;
left: -20px;
}	
	
	
.bildplatzierung-schriftmuster {
width: 100%;
top: -100px;
left: 0px;
}
	
.bildplatzierung-ueber {
width: 100%;
top: -270px;
left: 0px;
}

.bildplatzierung-kontakt {	
width: 100%;
top: -210px;
left: 0px;
}
	
	
.bilder-1 { 
width: 48%;
margin-right: 3px;
margin-top: 10px;
}
	
.bilder-links { 
width: 90%;
height: auto;
margin-right: 3px;
margin-top: 10px;
margin-left: 15%;
float: left;
}
	
.bilder-rechts { 
width: 90%;
		height: auto;
margin-right: 3px;
margin-top: 10px;
margin-left: 0%;
float: left;
}
	
	
.bilder-2 { 
width: 100%;
margin-right: 2px;
margin-top: 10px;
margin-bottom:60px; 
	
}
	
	.bilder-3 { 
width: 100%;
margin-right: 2px;
margin-top: 20px;
margin-bottom:60px; 
	
}
	

.bild-typomuster {
	display: block;
	position: relative;
	margin-top: 15px; 
	width: 82%;
	top: 7px; 
	margin-left: 5%;
	margin-bottom: 45px;
}
	
	
.bild-links-typomuster-1 {
	position: relative;
	margin-top: 0px; 
	width: 91%;
	top+: 60px; 
	margin-left: 14%;
	margin-right: 0%;
	margin-bottom: 10px;
	float: left;
}	
	
.bild-rechts-typomuster-2 {
	position: relative;
	margin-top: 0px; 
	width: 91%;
	top+: 60px; 
		margin-top: 0px;
	margin-left: 0%;
	margin-right: 8%;
	margin-bottom: 10px;
	float: left;
}
	
	
.bild-typo-3D-1 {
	position: relative;
	margin-top: 0px; 
	width: 91%;
	top+: 60px; 
	margin-left: 14%;
	margin-right: 0%;
	margin-bottom: 10px;
	float: left;
}
	
.bild-typo-3D-2 {
	position: relative;
	margin-top: 0px; 
	width: 91%;
	top+: 60px; 
	margin-left: 0%;
	margin-right: 8%;
	margin-bottom: 10px;
	float: left;
}
	

.tafelformen-desktop {
	display: block;
	position: relative;
	margin-top: 0px; 
	width: 90%;
	top: 7px; 
	margin-left: 0%;
	margin-bottom: 0px;
	padding-bottom:40px; 
	left: 2%;
}
	
.tafelformen-mobil {
	display: none;
}
	
	
/** –––––––––––––––– Bildergalerie –––––––––––––––– **/	
	
	
.tb-links-bilder {
width: 42%;
margin-left: 4%;
padding-left: 1%;
margin-right: 0px;
	cursor: zoom-in;
}
	
.tb-rechts-bilder {
width: 42%;
margin-left: 2%;
padding-left: 1%;
cursor: zoom-in;
}
	
.tb-rechts-bilder-2 {
position: relative;
width:46%;
height:auto;
z-index:100;
background-color+: #91F7E2;
float:left;
padding-left: 0%;
padding-right: 2%;
padding-top:0.45em;
cursor: zoom-in;
}
	
	
.tb-links-bilder:hover .overlay {
display: block;
opacity: 1;
width: 114%;
height: auto;
left: -60px;
top: -80px;
z-index:500; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 5px 17px -3px rgba(0,0,0,0.85);
-moz-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
	cursor: zoom-in;
}
	
.tb-rechts-bilder:hover .overlay {
display: block;
opacity: 1;
width: 114%;
height: auto;
left: 20px;
top: -80px;
z-index:500; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 5px 17px -3px rgba(0,0,0,0.85);
-moz-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
	cursor: zoom-in;
}

	
.tb-rechts-bilder-2:hover .overlay {
display: block;
opacity: 1;
width: 114%;
height: auto;
left: 20px;
top: -80px;
z-index:500; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 5px 17px -3px rgba(0,0,0,0.85);
-moz-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.85);
	cursor: zoom-in;
}

	
/** –––––––––––––––– Ende Bildergalerie –––––––––––––––– **/	

	
.portrait {
position: relative;
margin-top: 15px;
	margin-left: 6%;
width: 70%;
height: auto;
opacity: 1;
}

	
#initial-b {
position: relative;
margin-top: 20px;
margin-bottom: 0px;
margin-right: 100px;
width: 80%;
margin-left: 0%;
height: auto;
}
	
#wappen-tirol {
margin-top: 20px;
	width: 100%;
}


}


@media only screen and (min-width: 1500px) {
	
	
#tb-gesamter-inhalt {
background-color+: #C5FFF6;
width: 65%;
max-width: 1300px;	
margin-left: 21%;
margin-top: 330px;
}
	
	
#logo {
position: absolute;
margin-bottom: 15%;
width: 65%;
max-width: 1300px;
left: 21%;
top: 80px;
margin: 0 auto;
background-color#: #E5E574;
}
	
	
.tb-gesamte-breite-1 {	
padding-top: 35px;
padding-bottom: 10px;
background-color+: #91F7E2;
}
	
.tb-gesamte-breite-2 {
padding-top: 35px;
padding-bottom: 35px;
background-color+: #91C7E2;
}
	
.tb-gesamte-breite-3 {
padding-top: 35px;
padding-bottom: 35px;
background-color+: #F1CCE9;
}
	
	
.bild-start {
height: 600px;
}

	
.bildplatzierung-leistungen {	
width: 108%;
top: -460px;
left: 0px;
}

.bildplatzierung-tafelformen {	
width: 100%;
top: -120px;
left: 0px;
}	
	
.bildplatzierung-schriftmuster {
width: 100%;
top: -60px;
left: 0px;
}	
	
		
.bildplatzierung-ueber {
width: 100%;
top: -400px;
left: 0px;
}	
	
	
.bildplatzierung-kontakt {	
width: 100%;
top: -410px;
left: 0px;
}
	
	
#blende-portrait {
width:30%;
height:470px;
top: 85px;
left: 53%;
background-color#: #EC4271;
}
	

#type-in-form {
width:65%;
}
	

}


@media only screen and (min-width: 1700px) {
	
	
.bild-start {
height: 650px;
	 
}

.tb-headline-schriftenmuster {
padding-left: 5%;
max-height: 50px;
}	
	
	
.bildplatzierung-leistungen {	
width: 105%;
top: -560px;
left: 0px;
}

.bildplatzierung-tafelformen {	
width: 100%;
top: -120px;
left: 0px;
}
	
.bildplatzierung-schriftmuster {	
width: 100%;
top: -140px;
left: 0px;
}
	
.bildplatzierung-ueber {	
width: 100%;
top: -450px;
left: 0px;
}
	
.bildplatzierung-kontakt {	
width: 100%;
top: -520px;
left: 0px;
}
	
#initial-b {
position: relative;
margin-top: 20px;
margin-bottom: 0px;
margin-right: 100px;
float+: left;
width: 70%;
height: auto;
}
	
#wappen-tirol {
margin-top: 20px;
}
	
	
}