#toolset {
	display: none;
}


body {
	color: black;
    font-family: "Diatype Mono Variable", Icons;
	font-style: normal;
	font-weight: 400;
    font-size: 1.1vw;
    line-height: 1;
    max-height: 100vh;
    
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    -o-user-select: none;
    user-select: none;
    
   -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
    
    /*overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll !important;*/
    overflow: hidden;
    -ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;
    
  /*  --bgcolor: blue;*/
    --abstandtop: calc(100vh - 100vw);
}
body
.page_container {
	max-height: 100vh;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;
    
    /*hier dazugefügt da plötzlich lücke oben*/
   
    height: 100vh;
    top: 0;
    position: absolute;

}
.page_container::-webkit-scrollbar {
  display: none;
}

a:active {
	color: white;
    background: black;
}

/* aktive seite wird in der projektliste eingefärbt*/
.page a.active {
	color: white;
    background-color: black;
}

/*filterbuttonws*/
.page a.btn.activebtn {
	color: white;
    background-color: black;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
    
    width: 100%;
    height: 100%;
    pointer-events: none;
    min-width: 100vh;
    min-height: 100vh;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 3em;
}

blockquote {
	margin: 0;
	/*padding: 0 0 0 1em;*/
}

.content img {
	float: none;
	margin-bottom: 0em;
}

/* scroll down and up pfeile*/
.button {
    position: fixed;
    left: 50vw;
    height: 42px;
    width: 42px;
 	cursor: pointer;
    display: none;
    }

.down {
	bottom: 0.5%;
   	transform: translate(-50%, 0%);
}

.up {
	top: 1%;
    transform: translate(-50%, 0);
}
.button.showtime {
    display: block;
}

/* Scrollsnap */

#parent-scrollsnap {
  scroll-snap-type: y mandatory;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
  position: relative;
   border-right: black solid 0.1vw;
    
    
   /* background-color: var(--bgcolor);*/
    
   scrollbar-width: 13px !important;
   scrollbar-color: black white;  
}
/*
#parent-scrollsnap img {
	filter: grayscale(100%);
}*/
#parent-scrollsnap div {
	scroll-snap-align: start;
    height: 100vh;
}
/*Scrollbar Chrome, Edge, und Safari  */
#parent-scrollsnap::-webkit-scrollbar {
  width: 13px  !important;
  background: white;
    -webkit-overflow-scrolling: auto;
}
#parent-scrollsnap::-webkit-scrollbar-track {
  	border-left: black solid 0.1vw;
}
#parent-scrollsnap::-webkit-scrollbar-thumb {
  background-color: black  !important;
}

#startseite {
	height: 100vh;
    width: calc(100vh + 13px);
    overflow-y: hidden;
    overflow-x: hidden;
     border-right: black solid 0.1vw;
}
.statischmitte {
 	height: 100vh;
   /*    height: calc(100vh - 3rem);*/
    width: calc(100vh + 13px);
    overflow-y: auto;
    overflow-x: hidden;
    
    border-right: black solid 0.1vw;
	scrollbar-width: 13px  !important;
   	scrollbar-color:  black white; 
}
.statischmitte::-webkit-scrollbar {
  width: 13px  !important;
  background: white;
}
.statischmitte::-webkit-scrollbar-track {
  	border-left: black solid 0.1vw;
    /*outline: solid 1px #000;*/
}
.statischmitte::-webkit-scrollbar-thumb {
  background-color: black;
}

/**
 * Container rechts und links
 */
.container-right {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    /*width: 317px;*/
    width: calc((100vw - 100vh - 13px) / 2);
    background: white;    
   	z-index: 50;
    pointer-events: all;
    overflow: auto;
    display: flex;
    flex-direction: column;
}
#startlink {
    padding-top: 1vw; 
}

/*
#homesitelink:hover {
	background: black !important;
    color: white !important;
}*/

.container-right-div {
    border-bottom: 0.1vw solid black;
    padding: 1vw;
}

.container-left {
    height: 100vh;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    /*width: 317px;*/
    width: calc((100vw - 100vh - 13px) / 2);
    border-right: 0.1vw solid black;
    background: white;
    
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}

/*Filter*/
#myBtnContainer {
    padding: 1vw;
    padding-bottom: 0.5vw;
    border-bottom: 0.1vw solid black;
}
.projektlistcontainer {
 	pointer-events: all;
    overflow-y: auto;
    overflow-x: hidden;
   	scrollbar-width: 13px  !important;
   	scrollbar-color:  black white;
}
/*Scrollbar Chrome, Edge, und Safari  */
.projektlistcontainer::-webkit-scrollbar {
  width: 13px  !important;
  background: white;
}
.projektlistcontainer::-webkit-scrollbar-track {
  	border-left: black solid 0.1vw;
    /*border-right: black solid 1.5px;
     border-bottom: black solid 1.5px;*/
}
.projektlistcontainer::-webkit-scrollbar-thumb {
  background-color: black;
}

.filterDiv {
  display: none; /* Hidden by default */
 /*width: 317px;*/
  width: calc((100vw - 100vh - 13px) / 2);
  border-bottom: 0.1vw solid black;
  padding: 1vw;
  padding-left: 1vw;
  cursor: pointer;
  font-size: 1.1vw;
}
 


.bildausblenden {
    width: 50vw;
    height: 100vh; 
}
.bildausblenden h1 {
	font-size: 6vw !important;
    
}
.bildausblenden .container-right-div {
	border-bottom: 1.5px solid black;
}
.bildausblenden #myBtnContainer {
    border-bottom: 1.5px solid black;
}
.bildausblenden .filterDiv {
    border-bottom: 1.5px solid black;
}
.bildausblenden .projektlistcontainer::-webkit-scrollbar-track {
  	border-left: black solid 1.5px;
}

.container-left.bildausblenden  {
    border-right: 1.5px solid black !important;
    
}
.container-left.bildausblenden #myBtnContainer {
	padding-left: 2.5vw;
    padding-top: 2vw;
}
.container-left.bildausblenden .filterDiv {
    font-size: 2.7vw;
  	width: 50vw;
    padding-left: 2.5vw;
}
.container-right.bildausblenden #startlink {
    padding-top: 2vw;
}
.container-right.bildausblenden .container-right-div {
  	padding: 2vw;
    padding-left: 2.5vw;
}
.container-right.bildausblenden {
	border-left: none;
    
}
.bildausblenden .btn {
	font-size: 2.7vw !important;
   
}
.bildausblendendiv {
	font-size: 2.7vw;
    width: 50vw;
}





/*
.ipad h1 {
	font-size: 1.5vw !important;
}
.ipad small {
	font-size: 0.8vw !important;
}
.ipad .details {
	font-size: 0.8vw !important;
}
.text-block-mitte.ipad {
    padding: 0.5vw 0.75vw;
}*/
.container-left.ipad h1 {
	font-size: 1.5vw !important;
}
.container-right.ipad h1 {
	font-size: 1.5vw !important;
}
.container-left.ipad #myBtnContainer {
	padding: 0.5vw;
    padding-left: 0.75vw;
}
.container-left.ipad .filterDiv {
    padding: 0.5vw;
    padding-left: 0.75vw;
}
.container-right.ipad #startlink {
    padding-top:  0.5vw;
}
.container-right.ipad .container-right-div {
  	padding:  0.5vw;
    padding-left: 0.75vw;
}
.ipad .btn {
	font-size: 0.8vw !important;
}
.ipad .filterDiv {
	font-size: 0.8vw !important;
}



/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  cursor: pointer;
   
}

/* Add a light background on mouse-over */
.btn:hover {
  background-color: black;
    color: white;
}


.text-block-mitte {
    text-align: left;
    padding: 1vw;
    height: 100vh;
    max-height: calc(100vh - 3vh);
    cursor: default;
    margin-bottom: 3vh;
    
    display: flex;
    flex-direction: column;
    
   
}

.details {
    display: grid;
	grid-template-columns: 25% 75%;
	gap: 0.5vw;
    line-height: 1vw;
    margin-top: 1.5vw;
    margin-bottom: 1vw;
	font-weight: 400;
	color: black;
	font-family: "Diatype Mono Variable", Icons;
	font-style: normal;
	line-height: 1.3;	
	font-variation-settings: 'slnt' 0, 'MONO' 1;
    text-align: left;
}
.text-block-mitte span:nth-child(3) {
	overflow-y: scroll;
    margin-bottom: 0vh;
    -ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;
}
.text-block-mitte span:nth-child(3)::-webkit-scrollbar {
  display: none;
}
.projektbeschrieb {
      margin-bottom: 7vh;
}


/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
    font-size: 1.1vw;
	font-weight: 500;
	color: black;
	font-style: normal;
	line-height: 1;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] bodycopy a {
	color: black;
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {
	color: white;
    background-color: black;
}

[data-predefined-style="true"] bodycopy a h1:hover {
	color: white;
    background-color: black;
    width: fit-content;
}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Diatype Mono Variable", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
    font-size: 2.2vw;
	line-height: 1;
    
	color: black;
	font-variation-settings: 'slnt' 0, 'MONO' 1;
}

[data-predefined-style="true"] h1 a {
	color: black;
}
[data-predefined-style="true"] h1 a .btn {
    color: black !important;
    background-color: white !important;
}
#parent-scrollsnap h1 {
	margin-top: 2.5vw;
}

[data-predefined-style="true"] small {
	display: inline-block;
    font-size: 1.1vw;
	font-weight: 400;
	color: black;
	font-family: "Diatype Mono Variable", Icons;
	font-style: normal;
	line-height: 1.3;	
	font-variation-settings: 'slnt' 0, 'MONO' 1;
    text-align: left;
}

[data-predefined-style="true"] small a {
	color: black;
	border-bottom-width: 0;
}



/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 0rem /*!quick_view_padding*/;
    padding-bottom: 0rem /*!quick_view_padding*/;
    padding-left: 0rem /*!quick_view_padding*/;
    padding-right: 0rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: white /*!quick_view_bgcolor*/;
}

.quick-view-caption {
	font-family: "SuisseIntlMonoR", Icons;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3.5vw 0;
    text-align: center;
    font-size: 1.1vw;
	font-style: normal;
	font-weight: 500;
}

.quick-view-caption span {
    padding: 0.5vw 1vw;
    display: inline-block;
    background: black;
    color: white;
}

/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: white;
    stroke-width: 0px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: black;
    stroke-width: 2px;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: white;
    stroke-width: 0px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: black;
    stroke-width: 2px;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 42px;
    width: 42px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: black;
    stroke-width: 2px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: transparent;
    stroke-width: 2px;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: white;
   stroke-width: 2px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: black;
    stroke-width: 2px;
}
/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;

}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: left /*!text_left*/;
   
}

[data-css-preset] body {
	background-color: transparent /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	/*width: 60% !content_center*/;
    /*max-width: calc(100vh + 13px);*/
    /*width: calc(100vw - 634px) !important;
    

    height: 100vh;*/
    width: calc(100vh + 13px) !important;
       
}

[data-css-preset] .content_padding {
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/; 
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed black;
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}
















/*hochformat mobile*/
@media (max-width: 1024px) and (orientation: portrait) {
  
body {
    font-size: 2.7vw;
    line-height: 1;
}
img {
    min-width: 100vw;
    min-height: 100vw;
    max-width: 100vw;
    max-height: 100vw;
}
    
[data-predefined-style="true"] h1 {
	font-size: 6vw;
	line-height: 1;
}
    
#parent-scrollsnap h1 {
	margin-top: 5vh;
}
    
[data-predefined-style="true"] small {
	font-size: 2.7vw;
	line-height: 1.3;	
}
    
[data-css-preset] .container_width {
	width: 100vw !important/*!content_center*/;
    height: 50%;
    z-index: 1;
    
}
#parent-scrollsnap {
  display: block !important;
  height: 100vw;
 /* margin-top: calc(100vh - 100vw);*/
  margin-top: var(--abstandtop);
  /*padding-bottom: var(--abstandtop);*/
 
  border-right: black solid 0px;
  z-index: 1;
}
#parent-scrollsnap::-webkit-scrollbar {
  background: white;
}
#parent-scrollsnap div {
   max-height: 100vw;
   /*overflow: scroll;*/
   scrollbar-color: transparent transparent;  
}
#parent-scrollsnap div::-webkit-scrollbar-track {
  border-left: transparent solid 1.2px;
}
#parent-scrollsnap div::-webkit-scrollbar-thumb {
  background-color: transparent;
}
#parent-scrollsnap::-webkit-scrollbar-track {
  	border-left: black solid 1.2px;
}
#startseite {
   	position: fixed;
    bottom: 0;
    left: 0;
    min-width: 100vw;
    min-height: 100vw;
    max-width: 100vw;
    max-height: 100vw;
    display: block !important;
    border-right: none;
}
.statischmitte {
	margin-top: var(--abstandtop);
    
    height: 100vw;
    max-height: 100vw;
  	width: 100vw;
    z-index: 1;
    overflow-y: auto;
    border-right: 0px solid transparent;
    
}
.statischmitte::-webkit-scrollbar-track {
  	border-left: black solid 1.2px;
}
.statischmitte h1 {
	margin-top: 2.5vw;
}
.text-block-mitte {
    padding: 0vw 2.5vw;
    padding-right: calc(2.5vw + 13px);
    width: 100vw;
}
#parent-scrollsnap .text-block-mitte {
    overflow: auto;
}
.text-block-mitte::-webkit-scrollbar {
  display: none;
}
.text-block-mitte span:nth-child(3) {
	overflow: visible;
    margin-bottom: 0vh;
}
.details {
   	font-size: 2.7vw;
	line-height: 1.3;
    grid-template-columns: 35% 65%;
}
 .up {
	top: var(--abstandtop);
    transform: translate(-50%, 0);
}
.container-right {
    height: var(--abstandtop);
    width: 50vw;
   	border-bottom: 1.2px solid black;
    overflow-y: auto;
    border-left: 1.2px solid black;
	scrollbar-width: 13px  !important;
   	scrollbar-color: black white; 
}
/*Scrollbar Chrome, Edge, und Safari  */
.container-right::-webkit-scrollbar {
  background: white;
    width: 13px;
}
.container-right::-webkit-scrollbar-track {
  	border-left: black solid 1.2px;
}
.container-right::-webkit-scrollbar-thumb {
  background-color: black;
}
    
#startlink {
    padding-top: 2vw;
}

#startlink a:hover {
    background: black !important;
    color: white !important;
}

.container-right-div {
    border-bottom: 1.2px solid black;
  	padding: 2vw;
    padding-left: 2.5vw;
}
    
.container-left {
    height: var(--abstandtop);
    width: 50vw;
    border-right: 0px solid transparent;
    border-bottom: 1.2px solid black;
}

#myBtnContainer {
	padding-left: 2.5vw;
    padding-top: 2vw;
    width: 50vw;
    border-bottom: 1.2px solid black;
}
.btn {
	font-size: 2.7vw;
}
.projektlistcontainer {
    overflow-y: auto;
    width: 50vw;
}
.projektlistcontainer::-webkit-scrollbar {
  background: white;
}
.projektlistcontainer::-webkit-scrollbar-track {
  	border-left: black solid 1.2px;
}
.filterDiv {
  	width: 50vw;
    padding-left: 2.5vw;
    border-bottom: 1.2px solid black;
    font-size: 2.7vw;
}
.bildausblenden {
    width: 50vw;
    height: 100vh;
}
.bildausblenden h1 {
	font-size: 6vw !important;
}
.bildausblenden .btn {
	font-size: 2.7vw !important;
}
.bildausblendendiv {
	font-size: 2.7vw;
    width: 50vw;
}
  
}



@media (max-width: 1023px) and (orientation: landscape) {
body {
    font-size: 1.5vw;
}
    
[data-predefined-style="true"] h1 {
	font-size: 3vw;
}
    
[data-predefined-style="true"] small {
	font-size: 1.5vw;
	line-height: 1.3;	
}
#parent-scrollsnap .text-block-mitte {
    overflow: auto;
	
}
.text-block-mitte::-webkit-scrollbar {
  display: none;
}
.text-block-mitte span:nth-child(3) {
	overflow: visible;
    margin-bottom: 0vh;
}
.details {
   	font-size: 1.5vw;
	line-height: 1.3;
    grid-template-columns: 35% 65%;
}
.btn {
	font-size: 1.5vw;
}
    
.filterDiv {
    font-size: 1.5vw;
}
.bildausblenden {
    width: 50vw;
    height: 100vh;
}
.bildausblenden h1 {
	font-size: 6vw !important;
}
.bildausblenden .btn {
	font-size: 2.7vw !important;
}
.bildausblendendiv {
	font-size: 2.7vw;
    width: 50vw;
}
    
}




/* Portrait iPad 1, 2, Mini and Air */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
h1 {	font-size: 4vw !important;}
[data-predefined-style="true"] small {	 font-size: 2.4vw;}
.details {     font-size: 2.4vw;}
.btn {	font-size: 2.4vw; }
.filterDiv {	font-size: 2.4vw; 
    padding: 1vw 2vw !important;
      }
.container-right-div { padding: 1vw !important;}
}

/* Landscape iPad 1, 2, Mini and Air */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
/*
      h1 { font-size: 1.5vw !important; }
[data-predefined-style="true"] small {
	font-size: 0.8vw !important;
}
.filterDiv {	font-size: 0.8vw;
      padding: 0.75vw 1vw;}
.details {
	font-size: 0.8vw !important;
}
.text-block-mitte {
    padding: 1vw !important;
}
      */
}


/* PortraitiPad 3, 4 and Pro 9.7" */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
h1 {	font-size: 4.5vw !important;}
[data-predefined-style="true"] small {	 font-size: 2.4vw;}
.details {     font-size: 2.4vw;}
.btn {	font-size: 2.4vw;}
.filterDiv {	font-size: 2.4vw; padding: 0.75vw 1vw;}
.container-right-div {    padding: 1.5vw;}
}
/* Landscape iPad 3, 4 and Pro 9.7"*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
/*
h1 {
	font-size: 1.5vw !important;
}
[data-predefined-style="true"] small {
	font-size: 0.8vw !important;
}
.details {
	font-size: 0.8vw !important;
}
.text-block-mitte {
    padding: 0.5vw 0.75vw;
}
      */
}


/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
h1 {	font-size: 4.3vw !important;}
[data-predefined-style="true"] small {	 font-size: 2.4vw;}
.details {     font-size: 2.4vw;}
.btn {	font-size: 2.4vw;}
.filterDiv {	font-size: 2.4vw;}
.container-right-div {    padding: 1.5vw;}
}
/* Landscape iPad Pro 10.5 */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
/*
h1 {
	font-size: 1.5vw !important;
}
[data-predefined-style="true"] small {
	font-size: 0.8vw !important;
}
.details {
	font-size: 0.8vw !important;
}
.text-block-mitte {
    padding: 0.5vw 0.75vw;
}
   */   
}



/* Portrait iPad Pro 12.9"*/
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
h1 {	font-size: 5vw !important;}
[data-predefined-style="true"] small {	 font-size: 2.4vw;}
.details {     font-size: 2.2vw;}
.btn {	font-size: 2.2vw;}
.filterDiv {	font-size: 2.2vw;}
.container-right-div {    padding: 1.5vw; }
}
/* Landscape iPad Pro 12.9" */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
/* vorschlag zwei ist aktiv wenn ausgeblendet*/
    /*  h1 {
	font-size: 1.5vw !important;
}
[data-predefined-style="true"] small {
	font-size: 0.8vw !important;
}
.details {
	font-size: 0.8vw !important;
}
.text-block-mitte {
    padding: 0.5vw 0.75vw;
}*/
}