/* @override 
	http://p690374.mittwaldserver.info/fileadmin/templates/css/global.css?*
	http://typo3.p690374.webspaceconfig.de/fileadmin/templates/css/global.css?*
	http://dev.reinhardbauerarchitekten.de/fileadmin/templates/css/global.css?*
	http://staging.reinhardbauerarchitekten.de/fileadmin/templates/css/global.css?*
	http://reinhardbauerarchitekten.de/fileadmin/templates/css/global.css?* */

.frame.frame-default.frame-type-image {
	display: flex;
	flex-flow: column;
	float: left;
	padding-top: 0;
	margin-top: 0;
}

.rows_inhalt:first-child {
	padding-bottom: 0;
}

.projekttitel {
	float: left;
	width: 100%;
}
.frame.frame-default.frame-type-image div.ce-image.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a img.image-embed-item


{
order: 1;
}

.frame.frame-default.frame-type-image header  {
order: 2;
margin-top: 0px;
Opacity: 0.0;
margin-left: 0;

float: left;
}

.frame.frame-default.frame-type-image:hover header  {
order: 2;
margin-top: 0px;
Opacity: 1;
-webkit-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;	
}

.frame.frame-default.frame-type-image header h3 {
	font-size: 23px;
	line-height: 36px;
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
text-decoration: none;
float: left;
width: 100%;
}
/* @group :root COLOR */

Body {
	background-image: url(/fileadmin/templates/img/raster3_.png);
	background-size: 100%;
		
font-size: 23px;
	line-height: 36px;
}

:root {
	--color-black: rgba(29, 27, 29, 1);
	--color-gray-O: rgba(51, 51, 51, 1);
	--color-gray-I: rgba(146, 146, 146, 1);
	--color-gray-II: rgba(184, 184, 184, 1);
	--color-gray-III: rgba(212, 212, 212, 1);
	--color-red: rgba(231, 0, 14, 1);
	--color-white: rgba(255, 255, 255, 1);
}

/* @end */

/* @group :root FONTS */

:root {
  

	--font-hI: normal 400 80px/100% 'Helvetica Now Text W05 Regular';
	--font-hII: normal 400 34px/120% 'Helvetica Now Text W05 Regular';
	--font-hIII: normal 400 28px/120% 'Helvetica Now Text W05 Regular';
	--font-hIII-footer: normal 400 28px/120% 'Helvetica Now Text W05 Regular';
	--font-hIV: normal 400 24px/120% 'Helvetica Now Text W05 Regular';
	--font-hV: normal 400 18px/120% 'Helvetica Now Text W05 Regular';
	--font-hVI: normal 400 16px/120% 'Helvetica Now Text W05 Regulare';
	
	--font-p: normal 400 23px/36px 'Helvetica Now Text W05 Regular';
		--font-p-mobile: normal 400 16px/28px 'Helvetica Now Text W05 Regular';
	--font-p-i: italic 400 18px/140% 'Helvetica Now Text W05 Regular';
	--font-p-b: normal 700 18px/140% 'Helvetica Now Text W05 Regular';
	--font-p-b-i: italic 700 18px/140% 'Helvetica Now Text W05 Regular';
	
	--font-hIII-footer: normal 700 20px/120% 'Helvetica Now Text W05 Regular';
	

}

/* @end */

/* @group MARGINS */

.frame-space-before-small {
	margin-top: 20px;
}

.frame-space-before-medium {
	margin-top: 40px;
}

.frame-space-before-large {
	margin-top: 60px;
}

.frame-space-after-small {
	margin-bottom: 20px;
}

.frame-space-after-medium {
	margin-bottom: 40px;
}

.frame-space-after-large {
	margin-bottom: 60px;
}

/* @end */

/* @group /// RESET /// */

p,
.container p,
.ce-bodytext p,
figure.image,
h1, h2, h3, h4, h5,
.ce-bodytext ul,
ul,
figure.video {
	margin: 0;
	padding: 0;
}

button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

* {
	box-sizing: border-box;
}

/* @end */

/* @group GENERAL */

/* @group Structure */

html, body {
	color: var(--color-black);
	font: var(--font-p);
	
	
	-moz-osx-font-smoothing: grayscale;
	
	/*-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;*/
}

.maxwidth {
	max-width: 1760px;
	margin-left: auto;
	margin-right: auto;
}

.sitepadding {
	padding-left: 40px;
	padding-right: 40px;
}

.frame-type-textmedia {
	overflow: hidden;
}

figure.video div.video-embed video.video-embed-item {
	width: 100%;
	height: auto;
	float: left;
}

/* @end */

/* @group Text */

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0.03em;
}

h1 {
	font: var(--font-hI);
	color: var(--color-red);
}

h2 {
	font: var(--font-hII);
	color: var(--color-black);
	padding-bottom: 20px;
}

h3 {
	font: var(--font-hIII);
	color: var(--color-black);
	padding-bottom: 20px;
}

footer h3 {
	font: var(--font-hIII-footer);
	color: var(--color-white);
}

h4 {
	font: var(--font-hIV);
	color: var(--color-black);
	padding-bottom: 20px;
}

h5 {
	font: var(--font-hV);
	color: var(--color-black);
	padding-bottom: 20px;
}

h6 {
	font: var(--font-hVI);
	color: var(--color-black);
	padding-bottom: 20px;
}



.ce-bodytext p {

}

.ce-bodytext p:last-child {
	padding-bottom: 0px;
}

.ce-bodytext p em {
	font: var(--font-p-i);
}

.ce-bodytext p strong {
	font: var(--font-p-b);
}

.ce-bodytext p strong em,
.ce-bodytext p em strong {
	font: var(--font-p-b-i);
}

.ce-bodytext ul {
	list-style: disc outside; url("sqpurple.gif");
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
}

.ce-bodytext ul li {
	padding-left: 5px;
}

/* @end */

/* @group Links */

a {
	text-decoration: none;
	
	-webkit-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;	
	-moz-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-ms-transition:	
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	-o-transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
	transition:
		opacity 0.3s ease,
		text-decoration 0.3s ease,
		color 0.3s ease;
}

.ce-bodytext p a,
.ce-bodytext ul li a {
	text-decoration: none;
	color: var(--color-black);
}
.ce-bodytext p a:hover,
.ce-bodytext ul li a:hover {
		color: var(--color-black);
		text-decoration: underline;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* @end */

/* @group Image */

img.image-embed-item {
	width: 100%;
	height: auto;
	float: left;

}

/* @end */

/* @end */


.dropdown{
display: none;
padding-right: 30px;
  height: 100%;
}
div#logo div.dropdown div.dropdown-inner  {
	 position: absolute;

  top: calc(50% - 30px);

  transform: translateY(calc(-50% - 0px));

  width: 100%;
  
}

div#logo  {
	position: fixed;
	top: 40px;
	right: 30px;
	z-index: 100000;
	font-size: 23px;
}

button#hover {
	position: fixed;
	top: 30px;
	right: 38px;
	z-index: 100000;
	font-size: 23px;
}
div#logo div.dropdown  {

	position: fixed;
	top: 0;
	bottom: 0;
	
	right: 0;
	width: 450px;
	z-index: 1;
	margin-top: 0px;
}

div#logo div.dropdown ul  {
	font-size: 40px;
	padding-right: 0;
	
	

	right: 0;
	text-align: right;
	
	
	
	

 

  max-height: 300px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;
  margin-right: 40px;
}
div#logo div.dropdown ul li {
line-height: 60px;
font-size: 66px;
}
div#logo div.dropdown ul li a{
	line-height: 150px;
	color: black;
}

div#logo div.dropdown ul li {
	list-style-type: none;
}
/* @group Frames */


.werkstatt .frame-layout-1, .werkstatt .frame-layout-0  {
	margin-left: 40px;
	width: 56.9%;
	margin-top: 40px;
}


.frame-layout-1 div.ce-textpic.ce-center.ce-above div.ce-bodytext p,
.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {

	
	
font-size: 23px;
	line-height: 36px;
	margin-bottom: 36px;
}


div#c98.frame.frame-default.frame-type-textmedia.frame-layout-0 {
	margin-left: 30px;
	margin-top: 40px;
	width: 790px;
}

div#c98.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a img.image-embed-item {
	width: 100%;
	height: auto;
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery {
		margin-bottom: 40px;
}

div#c98.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
	margin-left: 21%;
}

div#c98.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
	opacity: 1;
}

div#c98.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a img.image-embed-item:hover {
	opacity: 1;
}
/* @end */

/* @group startseite */

div#startseiter {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

/* @end */

div#c125.frame.frame-default.frame-type-textmedia.frame-layout-36 header h2 {
	
}
.frame.frame-default.frame-type-table.frame-layout-0 table.ce-table {
	margin: 0;
	padding: 0;
}

 /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0; vertical-align: top;
	margin: 0;
		border-bottom-style: none;
	}
    .ce-table thead th {
		border-bottom-style: none;
	}
    .ce-table th, .ce-table td { border-top: 0px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 0px solid #dadada; }
    
    
    
    div#c101.frame.frame-default.frame-type-table.frame-layout-0 table.ce-table tbody tr td:first-child {
		width: 90px;
	}
	
	
.werkdetail-text {
		float: left;
	/*width: 625px;
	
	

	  grid-column: 4 / 7;*/
}

div#footer {
	margin-left: 40px;
		margin-right: 40px;
	margin-bottom: 40px;
	padding-left: 135px;
	margin-top: 80px;
	float: left;
	width: calc(100% - 80px);
}

div#footer ul {
	padding: 0;
}
div#footer ul li  {
	list-style-type: none;
	font-size: 15px;
	line-height: 30px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}

div#footer ul li a {
	color: black;
}

.werkstatt-bilder {
	
	margin-top: 40px;
	width: calc(100% - 80px);
	float: left;
	margin-right: 40px;
		margin-left: 40px;
	

}



.frame.frame-default.frame-layout-0 
 {
 
  grid-column: 1 / 6;
 
}

.frame.frame-default.frame-layout-0 figure.image img
 {
 
  grid-column: 1 / 6;
  margin-right: 20%;
}
.frame.frame-default.frame-layout-14 
{
 
  padding-bottom: 120px;
  width: 100%;
  float: left;
}

.frame.frame-default.frame-layout-14 figure.image
{
 
   margin-right: 55.9%;
}

.frame.frame-default.frame-layout-15 
{
 

  padding-bottom: 120px;
  width: 100%;
  float: left;

}

.frame.frame-default.frame-layout-15 figure.image
{
 
  grid-column: 1 / 6;
 
    margin-right: 55.9%;
}
.frame.frame-default.frame-layout-15 header
{
 
  grid-column: 1 / 6;
 
    margin-right: 55.9%;
	 margin-left: 9.4%;
}

.frame.frame-default.frame-layout-16 
{

width: 100%;
   padding-bottom: 120px;
   float: left;
}
.frame.frame-default.frame-layout-16 figure.image
{
 margin-right: 46.6%;
}
.frame.frame-default.frame-layout-17 
{
width: 100%;
   padding-bottom: 120px;
   float: left;
}
.frame.frame-default.frame-layout-17 figure.image
{
 grid-column: 1 / 8;
  
	 margin-right: 37.2%;
}

.frame.frame-default.frame-layout-17 header
{
 grid-column: 1 / 8;
  
	 margin-right: 37.2%;
	 margin-left: 9.4%;
}
.frame.frame-default.frame-layout-18 
{

   width: 100%;
   padding-bottom: 120px;
   float: left;
}

.frame.frame-default.frame-layout-18 figure.image  {
	 
	margin-right: 28%;
}

.frame.frame-default.frame-layout-18 header {
	 
	margin-right: 28%;
	margin-left: 9.4%;
}

.frame.frame-default.frame-type-image.frame-layout-18 header {
	margin-right: 28%;
	margin-left: 9.4%;
	
	float: left;
}
.frame.frame-default.frame-layout-19 
{
width: 100%;
   padding-bottom: 120px;
   float: left;
}

.frame.frame-default.frame-layout-19 figure.image
{
	margin-right: 28%;
	margin-left: 0%;
}

.frame.frame-default.frame-layout-110

{
width: 100%;
   padding-bottom: 120px;
   float: left;
}
}

.frame-layout-110 figure.image
{

      margin-right: 9.4%;
	  margin-left: 0%;
}

.frame.frame-default.frame-layout-111 
{
width: 100%;
   padding-bottom: 120px;
   float: left;
}

.frame.frame-default.frame-layout-111 figure.image
{

      margin-right: 9.4%;
}

.frame.frame-default.frame-layout-25 
{
 
 
  float: left;
  width: 100%;
   margin-bottom: 120px;
   
}
.frame-type-textmedia.frame-layout-25 figure.image {
		margin-right: 55.8%;
	margin-left: 9.4%;
}
.frame.frame-default.frame-layout-26 
{
 
  float: left;
  width: 100%;
   margin-bottom: 120px;
}
div#c56.frame.frame-default.frame-type-textmedia.frame-layout-26 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column {
	  float: left;
  width: 100%;
}
div#c56.frame.frame-default.frame-type-textmedia.frame-layout-26 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row  {
	  float: left;
  width: 100%;
}
div#c56.frame.frame-default.frame-type-textmedia.frame-layout-26 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner  {
	  float: left;
  width: 100%;
}
div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer,
div#c58.frame.frame-default.frame-type-textmedia.frame-layout-49 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer   {
	  float: left;
  width: 100%;
}
.frame-type-textmedia.frame-layout-26 figure.image
{

   	margin-left: 9.4%;
   	margin-right: 46.6%;
}


.frame.frame-default.frame-layout-27 
{
  float: left;
  width: 100%;
   padding-bottom: 120px;
}
.frame.frame-default.frame-layout-27 figure.image
{

	margin-left: 9.4%;
 margin-right: 37.2%;
}

.frame.frame-default.frame-layout-27 div.ce-bodytext
{

	margin-left: 9.4%;
 margin-right: 37.2%;
}

.frame.frame-default.frame-layout-28 
{
  float: left;
  width: 100%;
   padding-bottom: 120px;
}

.frame.frame-default.frame-layout-28 figure.image 
{

 
   margin-left: 9.4%;
     margin-right: 28%;
}
.frame.frame-default.frame-layout-28 header
{

 
   margin-left: 18.7%;
     margin-right: 28%;
}

.frame.frame-default.frame-layout-29 
{
  float: left;
  width: 100%;
   padding-bottom: 120px;
}

.frame.frame-default.frame-layout-29 figure.image,
.frame.frame-default.frame-layout-29 .ce-bodytext
{

 
   margin-left: 9.4%;
    margin-right: 18.7%;
}
.frame.frame-default.frame-layout-29 header
{

 
    margin-right: 18.7%;
   margin-left: 18.7%;
}

.frame.frame-default.frame-layout-210 
{
  float: left;
  width: 100%;
    padding-bottom: 120px;
}

.frame.frame-default.frame-layout-210 figure.image
{

   margin-left: 9.4%;
      margin-right: 9.4%;
}
.frame.frame-default.frame-layout-211 
{
  float: left;
  width: 100%;
   padding-bottom: 120px;
}
.frame.frame-default.frame-layout-211:first-child 
{
  float: left;
  width: 100%;
   padding-bottom: 0px;
}
.frame.frame-default.frame-layout-211 figure.image 
{
 grid-column: 2 / 12;

   margin-left: 9.4%;
}

.frame.frame-default.frame-layout-211 header {
 margin-left: 18.7%;
	
}

.frame.frame-default.frame-layout-35 
{
  float: left;
  width: 100%;
   margin-bottom: 120px;
  
}

.frame.frame-default.frame-layout-35 figure.image
{
 

	   margin-left: 18.6%;
  
}


.frame.frame-default.frame-layout-36 
{
	width: 100%;
	
	
 float: left;
 padding-bottom: 120px;
}
.frame.frame-default.frame-layout-36:first-child 
{
	width: 100%;
	
	
 float: left;
 padding-bottom: 120px;
}
.frame.frame-default.frame-layout-36 figure.image 
{
 grid-column: 3 / 7;
 
	 	 margin-right: 46.6%;
     margin-left: 18.6%;
}
.hauptbild .frame.frame-default.frame-type-textmedia.frame-layout-36 {
	 padding-bottom: 0px;
}
.frame.frame-default.frame-layout-36 header {

	 margin-left: 28%;
	  	 margin-right: 46.6%;
}

.frame.frame-default.frame-layout-37 
{
	width: 100%;
	
	float: left;

 padding-bottom: 120px;
}

.frame.frame-default.frame-layout-37 figure.image,
.frame.frame-default.frame-layout-37 div.ce-bodytext
{
 grid-column: 3 / 8;

 margin-left: 18.7%;
	 margin-right: 37.2%;
}
   .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
   	margin-bottom: 0;
   }
.frame.frame-default.frame-layout-38 
{
 grid-column: 3 / 9;
 margin-bottom: 120px;
width: 100%;
	 float: left;
}
.frame.frame-default.frame-layout-38 figure.image,
.frame.frame-default.frame-layout-38 div.ce-bodytext
{
 grid-column: 3 / 9;

	     margin-right: 28%;
	 margin-left: 18.7%;
	
}

.frame.frame-default.frame-layout-38 div.ce-textpic.ce-center.ce-above div.ce-bodytext  {

	   margin-top: 40px;
}
.frame.frame-default.frame-layout-39 
{

	width: 100%;
	
	
 float: left;
 padding-bottom: 120px;
	
}

.frame.frame-default.frame-layout-39 figure.image 
{
 grid-column: 3 / 10;

 margin-left: 18.7%;
 margin-right: 18.7%;
}

.frame.frame-default.frame-layout-39 header
{
 grid-column: 3 / 10;
 margin-right: 28%;
	  margin-left: 28%;
 
}

.frame.frame-default.frame-layout-310 
{
 grid-column: 3 / 11;
	 margin-bottom: 120px;
float: left;
width: 100%;
	  
  
}

.frame.frame-default.frame-layout-310 figure.image
{
 grid-column: 3 / 11;
	
	 margin-left: 18.7%;
	   margin-right: 9.4%;
	  
  
}

.frame.frame-default.frame-layout-311
{
	 margin-bottom: 120px;
float: left;
width: 100%;
  
}

.frame.frame-default.frame-layout-311 figure.image
{

 margin-left: 18.7%;
  
}


.frame.frame-default.frame-layout-45 
{
 
  grid-column: 4 / 6;
   margin-bottom: 120px;
  
}

.frame.frame-default.frame-layout-46 
{
 grid-column: 4 / 7;
  
}

.frame.frame-default.frame-layout-47 
{
 grid-column: 4 / 8;
  
}

.frame.frame-default.frame-layout-48 
{
	width: 100%;
	
	
 float: left;
 padding-bottom: 120px;
}

.frame.frame-default.frame-layout-48 figure.image,
.frame.frame-default.frame-layout-48 div.ce-bodytext
{
   margin-left: 28%;
     margin-right: 28%;
  
}
.frame.frame-default.frame-type-image.frame-layout-48 header,
div#c146.frame.frame-default.frame-type-textmedia.frame-layout-48  {
	  margin-left: 37.3%;
     margin-right: 28%;
}
.frame.frame-default.frame-layout-49 
{
	width: 100%;
	
	
 float: left;
 padding-bottom: 120px;
}


.frame.frame-default.frame-layout-49 figure.image
{
 
		  margin-left: 28%;
		   margin-right: 28%;
  
}

.frame.frame-default.frame-layout-49 .ce-bodytext
{
 
		  margin-left: 28%;
		   margin-right: 28%;
  
}

div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column {
		width: 100%;
	
	
 float: left;
}

div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row  {
		width: 100%;
	
	
 float: left;
}

div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner {
		width: 100%;
	
	
 float: left;
}
.rows_inhalt {
	  	width: 100%;
	
	
 float: left;
}
.frame.frame-default.frame-layout-410 
{

  	width: 100%;
	
	
 float: left;
 padding-bottom: 120px;
	
}

.frame.frame-default.frame-layout-410 figure.image
{
 grid-column: 4 / 11;
	   margin-right: 9.4%;
	    margin-left: 28%;
  
}

.frame.frame-default.frame-layout-410 header
{
 grid-column: 4 / 11;
	   margin-right: 9.4%;
	    margin-left: 37.3%;
  
}

.frame.frame-default.frame-layout-411 
{
 grid-column: 4 / 12;
  
}




.frame.frame-default.frame-layout-58 
{
 grid-column: 5 / 9;
	 margin-left: 37.3%;
  
}
.frame.frame-default.frame-layout-59 
{
  	width: 100%;
	
	
 float: left;
 padding-bottom: 120px;
  
}
.frame.frame-default.frame-layout-59 figure.image
{
 grid-column:  5 / 10;
		  margin-left: 37.3%;
		     margin-right: 28%;
  
}

.frame.frame-default.frame-layout-59 div.ce-bodytext
{
 grid-column:  5 / 10;
		  margin-left: 37.3%;
		     margin-right: 28%;
  
}
.frame.frame-default.frame-layout-510 
{
 
   padding-bottom: 120px;
  
   width: 100%;
}
.hauptbild .frame.frame-default
{
 
   padding-bottom: 0px;
  
   width: 100%;
}
.frame.frame-default.frame-layout-510  figure.image 
{

	 margin-left: 37.3%;
	    margin-right: 9.4%;
  
}
.frame.frame-default.frame-layout-510  header
{

	 margin-left: 46.7%;
	    margin-right: 9.4%;
  
}
.frame.frame-default.frame-layout-511 
{
 
   padding-bottom: 120px;
   float: left;
   width: 100%;
}
.hauptbild .frame.frame-default.frame-layout-511 
{
 
   padding-bottom: 0px;
   float: left;
   width: 100%;
}
.frame.frame-default.frame-layout-511 figure.image
{
 grid-column: 5 / 12;
	 margin-left: 37.3%;
  
}

.frame.frame-default.frame-layout-511 header
{
 grid-column: 5 / 12;
	 margin-left: 46.7%;
  
}


.frame.frame-default.frame-layout-68 
{
 grid-column: 6 / 9;
  
}

.frame.frame-default.frame-layout-69 
{
 grid-column:  6 / 10;
		  margin-left: 28%;
		   margin-right: 28%;
  
}

.frame.frame-default.frame-layout-610 
{
 grid-column: 6 / 11;
	   margin-right: 9.4%;
  
}

.frame.frame-default.frame-layout-611 
{
 grid-column: 6 / 12;
  
}


.frame.frame-default.frame-layout-79 
{
 grid-column:  7 / 10;
	 margin-right: 28%;
  
}

.frame.frame-default.frame-layout-710 
{
 grid-column: 7 / 11;
  
}

.frame.frame-default.frame-layout-711 
{
 grid-column: 7 / 12;
  
}



.frame.frame-default.fframe-layout-810 
{
 grid-column: 8 / 11;
	   margin-right: 9.4%;
  
}

.frame.frame-default.frame-layout-811 
{
 grid-column: 8 / 12;
  
}
.frame.frame-default.frame-layout-900
{
 grid-column: 8 / 12;
	
	margin-top: 30px;
	margin-bottom: 40px;
	width: calc(100% - 78px);
	float: left;
	margin-right: 38px;
		margin-left: 40px;
	
	display: grid;
  grid-template-columns: repeat(1, 1fr);
 
  gap: 40px;
  
}

.frame.frame-default.frame-type-image {
	margin-bottom: 0px;
}

.werkstatt-titel
{
 grid-column: 1 /12;
  
}
.werkstatt-bilder header h2,
.werkstatt-titel h2 {
		
font-size: 23px;
	line-height: 36px;
margin: 40px 0 0;
padding: 0;
font-weight: normal;
font-style: normal;
text-decoration: none;

width: 100%;
}
H2 {
	font-size: 23px;
	line-height: 36px;
margin: 0;
padding: 0;
}
.werkstatt-bilder header h3,
.werkstatt-titel h3 {
	font-size: 23px;
	line-height: 36px;
margin: 0 0 0px;
padding: 0;
	
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p strong {
font: 23px "Helvetica Now Text W05 Regular";
line-height: 36px;
Font-weight:400
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery 
{
	margin-bottom: 120px;
}

#content {
	float: left;
	width: 100%;
}

#abstand_main {
	float: left;
	width: 100%;	
}


@media only screen and (max-width: 980px) {
	.werkstatt-bilder {
		width: calc(100% - 40px);
	float: left;
	margin-right: 20px;
		margin-left: 20px;
	display: grid;
grid-template-columns: (100% - 40px);
 
  gap: 20px;
		margin-top: 38px;
	}

.werkstatt-bilder figure.image img.image-embed-item {
	width: 100%;
	height: auto;
	
}
main {
		float: left;
	width: 100%;
}
div.rows {

}

.frame.frame-default.frame-layout-14,
.frame.frame-default.frame-layout-15,  
.frame.frame-default.frame-layout-16,  
.frame.frame-default.frame-layout-17,  
.frame.frame-default.frame-layout-18,  
.frame.frame-default.frame-layout-19,
.frame.frame-default.frame-layout-110,
.frame.frame-default.frame-layout-111,
.frame.frame-default.frame-layout-25,  
.frame.frame-default.frame-layout-26,  
.frame.frame-default.frame-layout-27,  
.frame.frame-default.frame-layout-28,  
.frame.frame-default.frame-layout-29,
.frame.frame-default.frame-layout-210,
.frame.frame-default.frame-layout-211,
.frame.frame-default.frame-layout-35,  
.frame.frame-default.frame-layout-36,  
.frame.frame-default.frame-layout-37,  
.frame.frame-default.frame-layout-38,  
.frame.frame-default.frame-layout-39,
.frame.frame-default.frame-layout-310,
.frame.frame-default.frame-layout-311,
.frame.frame-default.frame-layout-45,  
.frame.frame-default.frame-layout-46,  
.frame.frame-default.frame-layout-47,  
.frame.frame-default.frame-layout-48,  
.frame.frame-default.frame-layout-49,
.frame.frame-default.frame-layout-410,
.frame.frame-default.frame-layout-411,
.frame.frame-default.frame-layout-58,  
.frame.frame-default.frame-layout-59,
.frame.frame-default.frame-layout-510,
.frame.frame-default.frame-layout-511,
.frame.frame-default.frame-layout-68,  
.frame.frame-default.frame-layout-69,
.frame.frame-default.frame-layout-610,
.frame.frame-default.frame-layout-611,
.frame.frame-default.frame-layout-79,
.frame.frame-default.frame-layout-710,
.frame.frame-default.frame-layout-711                    
{
 
   padding-bottom: 60px;
  
   width: 100%;
  
}


.frame.frame-default.frame-layout-14 figure.image,
.frame.frame-default.frame-layout-15 figure.image,
.frame.frame-default.frame-layout-16 figure.image,  
.frame.frame-default.frame-layout-17 figure.image, 
.frame.frame-default.frame-layout-18 figure.image,  
.frame.frame-default.frame-layout-19 figure.image,
.frame.frame-default.frame-layout-110 figure.image,   
.frame.frame-default.frame-layout-111 figure.image,
.frame.frame-default.frame-layout-25 figure.image,
.frame.frame-default.frame-layout-26 figure.image,  
.frame.frame-default.frame-layout-27 figure.image, 
.frame.frame-default.frame-layout-28 figure.image,  
.frame.frame-default.frame-layout-29 figure.image,
.frame.frame-default.frame-layout-210 figure.image,   
.frame.frame-default.frame-layout-211 figure.image,
.frame.frame-default.frame-layout-35 figure.image,
.frame.frame-default.frame-layout-36 figure.image,  
.frame.frame-default.frame-layout-37 figure.image, 
.frame.frame-default.frame-layout-38 figure.image,  
.frame.frame-default.frame-layout-39 figure.image,
.frame.frame-default.frame-layout-310 figure.image,   
.frame.frame-default.frame-layout-311 figure.image,
.frame.frame-default.frame-layout-45 figure.image,
.frame.frame-default.frame-layout-46 figure.image,  
.frame.frame-default.frame-layout-47 figure.image, 
.frame.frame-default.frame-layout-48 figure.image,  
.frame.frame-default.frame-layout-49 figure.image,
.frame.frame-default.frame-layout-410 figure.image,   
.frame.frame-default.frame-layout-411 figure.image,
.frame.frame-default.frame-layout-58 figure.image,  
.frame.frame-default.frame-layout-59 figure.image,
.frame.frame-default.frame-layout-510 figure.image,   
.frame.frame-default.frame-layout-511 figure.image,
.frame.frame-default.frame-layout-68 figure.image,  
.frame.frame-default.frame-layout-69 figure.image,
.frame.frame-default.frame-layout-610 figure.image,   
.frame.frame-default.frame-layout-611 figure.image,
.frame.frame-default.frame-layout-79 figure.image,
.frame.frame-default.frame-layout-710 figure.image,   
.frame.frame-default.frame-layout-711 figure.image
{

	 margin-left: 0%;
	    margin-right: 0%;
  
}
.frame.frame-default.frame-layout-14  header,
.frame.frame-default.frame-layout-15  header,
.frame.frame-default.frame-layout-16  header,
.frame.frame-default.frame-layout-17  header,
.frame.frame-default.frame-layout-18  header,
.frame.frame-default.frame-type-image.frame-layout-18 header,
.frame.frame-default.frame-layout-19  header,
.frame.frame-default.frame-layout-110  header,
.frame.frame-default.frame-layout-111  header,
.frame.frame-default.frame-layout-25  header,
.frame.frame-default.frame-layout-26  header,
.frame.frame-default.frame-layout-27  header,
.frame.frame-default.frame-layout-28  header,
.frame.frame-default.frame-layout-29  header,
.frame.frame-default.frame-layout-210  header,
.frame.frame-default.frame-layout-211  header,
.frame.frame-default.frame-layout-35  header,
.frame.frame-default.frame-layout-36  header,
.frame.frame-default.frame-layout-37  header,
.frame.frame-default.frame-layout-38  header,
.frame.frame-default.frame-layout-39  header,
.frame.frame-default.frame-layout-310  header,
.frame.frame-default.frame-layout-311  header,
.frame.frame-default.frame-layout-45  header,
.frame.frame-default.frame-layout-46  header,
.frame.frame-default.frame-layout-47  header,
.frame.frame-default.frame-layout-48  header,
.frame.frame-default.frame-layout-410  header,
.frame.frame-default.frame-layout-411  header,
.frame.frame-default.frame-layout-58  header,
.frame.frame-default.frame-layout-510  header,
.frame.frame-default.frame-layout-511  header,
.frame.frame-default.frame-layout-68  header,
.frame.frame-default.frame-layout-610  header,
.frame.frame-default.frame-layout-611  header,
.frame.frame-default.frame-layout-79  header,
.frame.frame-default.frame-layout-710  header,
.frame.frame-default.frame-layout-711  header
{

	 margin-left: 0%;
	    margin-right: 0%;
	
}
.frame.frame-default.frame-layout-14 div.ce-bodytext,
.frame.frame-default.frame-layout-15 div.ce-bodytext,
.frame.frame-default.frame-layout-16 div.ce-bodytext,
.frame.frame-default.frame-layout-17 div.ce-bodytext,
.frame.frame-default.frame-layout-18 div.ce-bodytext,
.frame.frame-default.frame-layout-19 div.ce-bodytext,
.frame.frame-default.frame-layout-110 div.ce-bodytext,
.frame.frame-default.frame-layout-111 div.ce-bodytext,
.frame.frame-default.frame-layout-25 div.ce-bodytext,
.frame.frame-default.frame-layout-26 div.ce-bodytext,
.frame.frame-default.frame-layout-27 div.ce-bodytext,
.frame.frame-default.frame-layout-28 div.ce-bodytext,
.frame.frame-default.frame-layout-29 div.ce-bodytext,
.frame.frame-default.frame-layout-210 div.ce-bodytext,
.frame.frame-default.frame-layout-211  div.ce-bodytext,
.frame.frame-default.frame-layout-35  div.ce-bodytext,
.frame.frame-default.frame-layout-36  div.ce-bodytext,
.frame.frame-default.frame-layout-37  div.ce-bodytext,
.frame.frame-default.frame-layout-38  div.ce-bodytext,
.frame.frame-default.frame-layout-39  div.ce-bodytext,
.frame.frame-default.frame-layout-310  div.ce-bodytext,
.frame.frame-default.frame-layout-311  div.ce-bodytext,
.frame.frame-default.frame-layout-45  div.ce-bodytext,
.frame.frame-default.frame-layout-46  div.ce-bodytext,
.frame.frame-default.frame-layout-47  div.ce-bodytext,
.frame.frame-default.frame-layout-48  div.ce-bodytext,
.frame.frame-default.frame-layout-410  div.ce-bodytext,
.frame.frame-default.frame-layout-411 div.ce-bodytext,
.frame.frame-default.frame-layout-58  div.ce-bodytext,
.frame.frame-default.frame-layout-510  div.ce-bodytext,
.frame.frame-default.frame-layout-511  div.ce-bodytext,
.frame.frame-default.frame-layout-68  div.ce-bodytext,
.frame.frame-default.frame-layout-610  div.ce-bodytext,
.frame.frame-default.frame-layout-611  div.ce-bodytext,
.frame.frame-default.frame-layout-79 div.ce-bodytext,
.frame.frame-default.frame-layout-710 div.ce-bodytext,
.frame.frame-default.frame-layout-711 div.ce-bodytext
{

	 margin-left: 0%;
	    margin-right: 0%;
	
}
.frame.frame-default.frame-type-image.frame-layout-48 header,
div#c146.frame.frame-default.frame-type-textmedia.frame-layout-48  {
	  margin-left: 0%;
     margin-right: 0%;
}



.frame.frame-default.frame-layout-26 
{
 
  float: left;
  width: 100%;
   margin-bottom: 60px;
}

.frame.frame-default.frame-layout-38 
{
 grid-column: 3 / 9;
 margin-bottom: 0px;
width: 100%;
	 float: left;
}
.werkstatt .frame-layout-1, .werkstatt .frame-layout-0  {
	margin-left: 20px;
	width: calc(100% - 40px);
	margin-top: 20px;
}
div#footer {
	margin-left: 5px;
		margin-right:5px;
	margin-bottom: 20px;
	padding-left: 0px;
	margin-top: 80px;
	float: left;
	width: calc(100% - 10px);
}

button#hover {
	position: fixed;
	top: 30px;
	right: 20px;
	z-index: 100000;
	font-size: 23px;
}

div#logo div.dropdown ul  {
	font-size: 40px;
	padding-right: 0;
	
	

	right: 0;
	text-align: right;
	
	
	
	

 

  max-height: 300px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;
  margin-right: 20px;
}
   /* div#c101.frame.frame-default.frame-type-table.frame-layout-0 table.ce-table tbody tr td {
		width: 100%;
	display: block ;
		margin: 0;
		padding: 0;
	} */

}


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

html, body {
	color: var(--color-black);
	font: var(--font-p-mobile);
	
	
	-moz-osx-font-smoothing: grayscale;
	
	/*-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;*/
}
div.werkstatt {
	padding-top: 80px;
}
.frame-layout-1 div.ce-textpic.ce-center.ce-above div.ce-bodytext p,
.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {

	
	color: var(--color-black);
	font: var(--font-p-mobile);
}
.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p strong {
	color: var(--color-black);
	font: var(--font-p-mobile);
}

    div#c101.frame.frame-default.frame-type-table.frame-layout-0 table.ce-table tbody tr td:first-child {
		width: 40px;
		padding-right: 6px;
	}
.frame.frame-default.frame-layout-18 
{

   width: 100%;
   padding-bottom: 0px;
   float: left;
}
.hauptbild {
	float: left;
}
.hauptbild .frame.frame-default.frame-layout-14,
.hauptbild .frame.frame-default.frame-layout-15,  
.hauptbild .frame.frame-default.frame-layout-16,  
.hauptbild .frame.frame-default.frame-layout-17,  
.hauptbild .frame-layout-18,  
.hauptbild .frame.frame-default.frame-layout-19,
.hauptbild .frame.frame-default.frame-layout-110,
.hauptbild .frame.frame-default.frame-layout-111,
.hauptbild .frame.frame-default.frame-layout-25,  
.hauptbild .frame.frame-default.frame-layout-26,  
.hauptbild .frame.frame-default.frame-layout-27,  
.hauptbild .frame.frame-default.frame-layout-28,  
.hauptbild .frame.frame-default.frame-layout-29,
.hauptbild .frame.frame-default.frame-layout-210,
.hauptbild .frame.frame-default.frame-layout-211,
.hauptbild .frame.frame-default.frame-layout-35,  
.hauptbild .frame.frame-default.frame-layout-36,  
.hauptbild .frame.frame-default.frame-layout-37,  
.hauptbild .frame.frame-default.frame-layout-38,  
.hauptbild .frame.frame-default.frame-layout-39,
.hauptbild .frame.frame-default.frame-layout-310,
.hauptbild .frame.frame-default.frame-layout-311,
.hauptbild .frame.frame-default.frame-layout-45,  
.hauptbild .frame.frame-default.frame-layout-46,  
.hauptbild .frame.frame-default.frame-layout-47,  
.hauptbild .frame.frame-default.frame-layout-48,  
.hauptbild .frame.frame-default.frame-layout-49,
.hauptbild .frame.frame-default.frame-layout-410,
.hauptbild .frame.frame-default.frame-layout-411,
.hauptbild .frame.frame-default.frame-layout-58,  
.hauptbild .frame.frame-default.frame-layout-59,
.hauptbild .frame.frame-default.frame-layout-510,
.hauptbild .frame.frame-default.frame-layout-511,
.hauptbild .frame.frame-default.frame-layout-68,  
.hauptbild .frame.frame-default.frame-layout-69,
.hauptbild .frame.frame-default.frame-layout-610,
.hauptbild .frame.frame-default.frame-layout-611,
.hauptbild .frame.frame-default.frame-layout-79,
.hauptbild .frame.frame-default.frame-layout-710,
.hauptbild .frame.frame-default.frame-layout-711                    
{
 
   padding-bottom: 0px;
  
   width: 100%;
   background-color: yellow;
   float: left;
}


.frame.frame-default.frame-layout-14,
.frame.frame-default.frame-layout-15,  
.frame.frame-default.frame-layout-16,  
.frame.frame-default.frame-layout-17,  
.frame-layout-18,  
.frame.frame-default.frame-layout-19,
.frame.frame-default.frame-layout-110,
.frame.frame-default.frame-layout-111,
.frame.frame-default.frame-layout-25,  
.frame.frame-default.frame-layout-26,  
.frame.frame-default.frame-layout-27,  
.frame.frame-default.frame-layout-28,  
.frame.frame-default.frame-layout-29,
.frame.frame-default.frame-layout-210,
.frame.frame-default.frame-layout-211,
.frame.frame-default.frame-layout-35,  
.frame.frame-default.frame-layout-36,  
.frame.frame-default.frame-layout-37,  
.frame.frame-default.frame-layout-38,  
.frame.frame-default.frame-layout-39,
.frame.frame-default.frame-layout-310,
.frame.frame-default.frame-layout-311,
.frame.frame-default.frame-layout-45,  
.frame.frame-default.frame-layout-46,  
.frame.frame-default.frame-layout-47,  
.frame.frame-default.frame-layout-48,  
.frame.frame-default.frame-layout-49,
.frame.frame-default.frame-layout-410,
.frame.frame-default.frame-layout-411,
.frame.frame-default.frame-layout-58,  
.frame.frame-default.frame-layout-59,
.frame.frame-default.frame-layout-510,
.frame.frame-default.frame-layout-511,
.frame.frame-default.frame-layout-68,  
.frame.frame-default.frame-layout-69,
.frame.frame-default.frame-layout-610,
.frame.frame-default.frame-layout-611,
.frame.frame-default.frame-layout-79,
.frame.frame-default.frame-layout-710,
.frame.frame-default.frame-layout-711                    
{
 
   padding-bottom: 40px;
  
   width: 100%;

   float: left;
}




button#hover {
	position: fixed;
	top: 30px;
	right: 20px;
	z-index: 100000;
	font-size: 18px;
}
.werkstatt-bilder header h2,
.werkstatt-titel h2 {
		
font-size: 16px;
	line-height: 28px;
margin: 20px 0 0;
padding: 0;
font-weight: normal;
font-style: normal;
text-decoration: none;

width: 100%;
}
.werkstatt-bilder header h3,
.werkstatt-titel h3 {
	font-size: 16px;
	line-height: 28px;
margin: 0 0 0px;
padding: 0;
	
}

.frame.frame-default.frame-layout-26 
{
 
  float: left;
  width: 100%;
   margin-bottom: 0px;
}
.frame.frame-default.frame-layout-900
{
 grid-column: 8 / 12;
 margin: 30px 20px 40px;
 width: calc(100% - 40px);
	float: left;
 display: grid;
  grid-template-columns: repeat(1, 1fr);
 
  gap: 40px;
  
}

.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery 
{
	margin-bottom: 40px;
}

H2 {
	font-size: 16px;
	line-height: 28px;
margin: 0;
padding: 0;
}
.frame.frame-default.frame-type-image header h3 {
	font-size: 16px;
	line-height: 28px;
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
text-decoration: none;
float: left;
width: 100%;
}
div#logo div.dropdown ul li {
line-height: 30px;
font-size: 33px;
}
div#logo div.dropdown ul li a{
	line-height: 75px;
	color: black;
}
}