:root {

  	--vh:1vh;

    --color:#FF00FF;

    --max-page-width:1240px;

  	--min-page-width:300px;

  	--page-padding-left-right:20px;

  	--page-padding-top-bottom:20px;

  	--header-height:100px;

  	--footer-menu-height:50px;

  	--footer-menu2-height:40px;

  	--footer-height:35px;

  	--max-content-width:800px;

  	--grid-width:250px;

  	--button-height:45px;

  	--grid-gap:20px;

  	--img-height:calc(100*var(--vh) - var(--header-height) - var(--button-height) - var(--footer-menu-height) - var(--grid-gap)*4 - var(--page-padding-top-bottom));

    --max-img-width:var(--max-page-width);

  	--img2-height:calc(100*var(--vh) + var(--footer-height) + var(--page-padding-top-bottom) + var(--grid-gap)*2);

  	--img2-vertical-translate:calc(var(--img2-height)/2);

    --min-height-wrapper:calc(100*var(--vh) + var(--footer-height) - var(--page-padding-top-bottom));

}

@media (max-width:700px), (max-height:600px) { 

:root {

	--header-height:40px;

   	--page-padding-left-right:10px;

}

}

@media (max-width:700px) and (orientation:portrait) { 

:root {

    --img-height:calc(100*var(--vh) - var(--page-padding-top-bottom) - var(--header-height) - var(--button-height) - var(--footer-menu-height) - var(--grid-gap)*4);

    --min-height-wrapper:calc(var(--header-height) + var(--img-height) + var(--button-height) + var(--footer-menu-height) + var(--footer-menu2-height) + var(--footer-height) + var(--grid-gap)*5);

}

}

@media (max-height:600px) and (orientation:landscape) { 

:root { 

  --img-height:calc(100vh - var(--header-height) - var(--page-padding-top-bottom) - var(--grid-gap)*2);  

  --min-height-wrapper:calc(var(--header-height) + var(--img-height) + var(--footer-menu-height) + var(--footer-menu2-height) + var(--footer-height) + var(--grid-gap)*4);

}

}



body {

    font-family:"Open Sans", sans-serif; 

    font-weight:400; 

    font-size:14px;

    margin:0;

    padding:0;

    overflow-x:hidden;

    -webkit-text-size-adjust:100%;

}

p {

    margin:0;

    padding:0;

    line-height:1.0;

}

ul {

    margin:0;

    padding-top:5px;

    padding-bottom:5px;

    padding-left:20px;

} 

label {

    color:black;

    display:block;

    width:150px;

    font-size:14px;

    line-height:1.3;

    display:inline-block;

}

a:visited, a:link {

    color:grey;

    text-decoration:none;

    display:inline-block;

    padding-top:2px;

    padding-bottom:2px;

    padding-left:2px;

    padding-right:2px;

  	line-height:1.0;

}

a:hover, a:active {

    color:white;

    text-decoration:none;

    display:inline-block;

    background-color:var(--color);

    padding-top:2px;

    padding-bottom:2px;

    padding-left:2px;

    padding-right:2px;

    line-height:1.0;

}

a.toplinks:visited, a.toplinks:link {

    color:black;

    background-color:transparent;

    text-decoration:none;

    transition:none;

    padding-top:0px;

    padding-bottom:0px;

    padding-left:0px;

    padding-right:0px;

}

a.toplinks:hover, a.toplinks:active {

    color:black;

    background-color:transparent;

    text-decoration:underline;

    transition:none;

    padding-top:0px;

    padding-bottom:0px;

    padding-left:0px;

    padding-right:0px;

}

a.nlinks:link, a.nlinks:visited {

    color:black;

    text-transform:uppercase;

}

a.nlinks:hover, a.nlinks:active, a.nlinksaktiv {

    color:white;

    background-color:var(--color);

    text-transform:uppercase;

}

h1, h2 {

    float:left;

    vertical-align:center;

    width:100%;

    height:100%;

    padding-top:28px;

    padding-bottom:14px;

    text-transform:uppercase;

    font-style:normal;

    font-weight:normal;

    font-size:16px;

    line-height:1; 

    margin:0px;

}

.text  {

    font-size:14px;

    color:black;

    line-height:1.3;

}

.text-center  {

    text-align:center;

}



#wrapper {

    position:relative;

    min-height:var(--min-height-wrapper);

	color:none;

	background-color:white;

	width:calc(100% - var(--page-padding-left-right)*2);

	color:#000000;

    padding-left:var(--page-padding-left-right);

    padding-right:var(--page-padding-left-right);

    padding-top:var(--page-padding-top-bottom);

    padding-bottom:var(--page-padding-top-bottom);

    min-width:var(--min-page-width);

    max-width:var(--max-page-width);

    margin-left:auto;

    margin-right:auto;

    display:grid;

    grid-template-columns:120px 0px 0px 0px 0px 0px 1fr 40px 40px 120px;

    grid-template-rows:var(--header-height) 1fr var(--button-height) var(--footer-menu-height) var(--footer-height);

    grid-row-gap:var(--grid-gap);

    grid-column-gap:0px;

    justify-content:center;

}

#header1 {

  grid-column: 1;

  grid-row:1;

  z-index:1;

  padding-left:0;

}

#header2 {

  grid-column: 8;

    grid-row:1;

  z-index:1;

  align-self:start;

}

#header3 {

  grid-column: 9;

    grid-row:1;

  z-index:1;

  align-self:start;

}

#header4 {

  grid-column: 10;

    grid-row:1;

  z-index:1;

  align-self:start;

  justify-self:start;

}

#headerMenuButton {

  grid-column: 10;

      grid-row:1;

  z-index:0;

  opacity:0;

  align-self:center;

  justify-self:center;

}

.noscript {

  text-align:center;

  font-size:12px;

  line-height:1.3;

  z-index:1;

  margin:5px;

  text-transform:uppercase;

}

.headerMenuBox {

  z-index:2;

  opacity:1;

  grid-row:2/7;	

  grid-column:1/11;

  background-color:rgba(255,255,255,0.98);

  line-height:1.5;

  font-size:14px;

  padding-left:10px;

  display:none;

}

.headerMenuBox.off {

  transform:translate(100vw,0);

  transition-property:transform;

  transition-duration:0.5s;

}

.headerMenuBox.on {

  transform:translate(0,0);

  transition-property:transform;

  transition-duration:0.5s;

}

.symbol2 {

  display:inline;

}

.symbol3 {

  display:none;

}

#home {

    grid-row:2/4;	

    grid-column:1/11;  

    position:relative;

  	height:75px;

    width:100%;

  	justify-self:center;

    align-self:center;

    min-width:var(--min-page-width);

    background-color:white;

	padding-left:0px;

	padding-right:0px;

    font-size:24px;

    line-height:1;

    text-align:center;

}

#content {

    grid-row:2/4;	

    grid-column:2/10;

    position:relative;

	height:100%;

    margin-left:auto;

    margin-right:auto;

    font-size:14px;

  	width:100%;

  	display:grid;

  	grid-auto-rows: max-content;

}



@media (max-width:1000px){

    #content {

      grid-column:1/11;

    }

}

#footer1 {

    grid-row:4;	

    grid-column:1/11;

    z-index:1;

    text-align:center;

    line-height:1.5;

    font-size:16px;

  	align-self:center;

}

#footer1_home {

    grid-row:3;	

    grid-column:1/11;

    z-index:1;

    text-align:center;

    line-height:1.5;

    font-size:16px;

  	align-self:center;

}

#footer2 {

    grid-row:5;	

    grid-column:1/11; 

    width:100%;

    font-size:12px;

    line-height:1.3;

    z-index:1;

    text-align:center;

  	align-self:end;

}

#gm_img {

  width:65px;

}

#i_img {

  width:20px;

}

#f_img {

  width:20px;

}



/* team */

#c90 {

 display:grid;

 grid-template-columns:160px 200px 200px 160px 1fr;

 grid-column-gap:20px;

 grid-row-gap:0px;

}

#c86 {

 grid-row:1;

 grid-column:1;

}

#c87 {

 grid-row:2;

 grid-column:1;

 align-self:end;

}

#c88 {

 grid-row:1;

 grid-column:4;

}

#c89 {

 grid-row:2;

 grid-column:4;

 align-self:end;

}

#c93 {

 grid-row:1/3;

 grid-column:2;

 display:grid;

}

#c94 {

 grid-row:1/3;

 grid-column:3;

 display:grid;

}

#rm, #mmg {

 background-size:contain;

 background-repeat:no-repeat;

 width:100%;

 height:133px;

}

#c91 {

 grid-row:3;

 grid-column:1;

 height:100px;

}

@media (max-width:820px) { 

 #c90 {

  display:grid;

  grid-template-columns:200px 200px 1fr;

  grid-row-gap:10px;

 }

 #c86 {

  grid-row:2;

  grid-column:1;

 }

 #c87 {

  grid-row:3;

  grid-column:1;

  align-self:start;

 }

 #c88 {

  grid-row:2;

  grid-column:2; 

 }

 #c89 {

  grid-row:3;

  grid-column:2;

  align-self:start;

 }

 #c93 {

  grid-row:1;

  grid-column:1;

 }

 #c94 {

  grid-row:1;

  grid-column:2;

 }

 #c91 {

  grid-row:4;

  height:40px;

 }

}

@media (max-width:460px) { 

 #c90 {

  display:grid;

  grid-template-columns:1fr 1fr;

  grid-row-gap:10px;

 }

 #rm, #mmg {

  background-size:cover;

  background-position: 50% 50%;

 }

}



/* form */

form {

 display:grid;

 grid-template-columns:1fr;

 grid-column-gap:0px;

 grid-row-gap:10px;

}

input, textarea {

 font-family:"Open Sans", sans-serif; 

 font-weight:400; 

 font-size:14px;

 line-height:1;

 padding-left:5px;

 padding-top:3px;

 padding-bottom:3px;

 float:left;

 vertical-align:center;

 border-style:solid;

 box-shadow:none;

 outline:none;

 border-width:1px;

 border-color:grey;

 border-radius:5px;

}

input:focus, textarea:focus {

 border-color:black;

 border-width:2.5px;

 border-style:solid;

 box-shadow:none;

 outline:none;

}

label.control-label, label.form-check-label {

 width:auto;

 line-height:1;

 padding-top:3px;

 padding-bottom:3px;

}

input.form-control[type=text], input.form-control[type=tel], input.form-control[type=email] {

 width:300px;

}

input.form-control[type=number] {

 width:50px;

}

input.form-control[type=date] {

 width:120px;

}

textarea.xxlarge.form-control {

 width:300px;

 height:150px;

 resize:vertical;

}

input[type=checkbox] {

 margin-top:0px;

 margin-bottom:0px;

 margin-left:0px;

 margin-right:5px;

}

button, button:link, button:visited {

 margin-top:20px;

 margin-bottom:20px;

 border-style:solid;

 box-shadow:none;

 outline:none;

 border-width:1px;

 border-color:var(--color);

 background-color:white;

 color:black;

 border-radius:5px;

 padding:5px;

 text-transform:uppercase;

 font-size:16px;

 line-height:1;

 font-family:"Open Sans", sans-serif; 

 font-weight:400;

}

button:hover, button:focus  {

 background-color:var(--color);

 color:white;

}

fieldset {

 border-style:solid;

 box-shadow:none;

 outline:none;

 border-width:1px;

 border-color:grey;

}

legend {

 text-transform:uppercase;

 font-size:16px;

}

.btn-group.next.submit {

 float:right;

}

td {

 vertical-align:top;

 padding-right:10px;

}



/* gallery */

.content3.gallery {

    grid-row:2;	

    grid-column:1/11;  

    z-index:0;

}

.gallery .imagelist { 

    justify-content:center;

    display:grid;

    grid-template-columns:1fr;

    grid-template-rows:1fr;

    margin:0;

    padding-top:0px;

    padding-bottom:0px;

    padding-left:0px;

    list-style-type:none;

}

.gallery .image {

    visibility:hidden;

    grid-row:1;

    grid-column:1;

}

.gallery .image.show {

    visibility:visible;

    grid-row:1;

    grid-column:1;

}

.img {

    position:relative;

    background-size:contain;

    background-repeat:no-repeat;

    width:100%;

    max-width:var(--max-page-width);

    height:var(--img-height);

    background-position:center;

  	align-self:start;

    justify-self:center;

}

.img2 {

    position:absolute;

    right:50%;

  	bottom:50%;

    transform:translate(calc(100vw/2),var(--img2-vertical-translate));

    background-size:cover;

    background-repeat:no-repeat;

	height:var(--img2-height);

    width:100vw;

    background-position:center;

}

.button.gallery {

    grid-row:3;  	

    grid-column:1/11;

    position:relative;

    z-index:1;

    opacity:1;

    width:50px;

    font-size:14px;

    line-height:1;

    padding-top:0px;

    padding-bottom:0px;

    align-self:center;

    justify-self:center;

  	text-align:center;

    display:grid;

    grid-template-columns:1fr;

    grid-template-rows:1fr 1fr;

}

.symbol {

    grid-row:1;  	

    grid-column:1;  

    position:relative;

  	width:20px;

	height:20px;

    cursor:pointer;

  	background-color:transparent;

    background-size:contain;

  	background-position:center;

    background-repeat:no-repeat;

    background-image:url(../files/symbol.png);

    margin-left:auto;

    margin-right:auto;

    vertical-align:bottom;

}

.symbol:hover, .symbol:active {

    background-image:url(../files/symbol1.png);

}

.symbol_text {

    grid-row:2;  	

    grid-column:1;

    position:relative;

    height:12px;

    font-size:12px;

    line-height:1.3;

    padding-top:5px;

    padding-bottom:2px;

}



.content3.all {

    grid-row:2/3;	

    grid-column:1/11; 

    z-index:0;

    float:center;

  	width:100%;

    max-width:calc(var(--max-page-width)-var(--page-padding-left-right)*2);

    margin-left:auto;

    margin-right:auto;

}

.gallery .imagelist.all {

    position:relative;

    display:grid;

    list-style-type:none;

    grid-template-columns:repeat(auto-fit, var(--grid-width));

    grid-template-rows:repeat(auto, 1fr);

    grid-gap:20px;

    grid-auto-flow:row;

    justify-content:center;

    width:calc(100% - var(--page-padding-left-right)*2);

    max-width:var(--max-content-width);

}

.gallery .image.all, .img.all, .img2.all {

    margin:0;

    padding-top:0px;

    padding-bottom:0px;

    padding-left:0px;

    width:var(--grid-width);

  	height:calc(var(--grid-width)*608/915);

}

.gallery .image.all {

    display:block;

  	visibility:visible;

    grid-row:auto;

    grid-column:auto;

}

.img.all, .img2.all {

    position:relative;

    transform:translate(0,0);

  	right:0;

    bottom:0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    cursor:pointer;

}

.button.all {

    opacity:0;

}



@media (max-height:600px) and (orientation:landscape) { 

.button.gallery {

    grid-row:3;  	

    grid-column:1;

	align-self:end;

    justify-self:start;

}

  .content3.gallery {

    grid-row:2/4;	

    grid-column:2/10;  

    z-index:0;

    align-self:end;

}

}

@media (max-width:700px), (max-height:600px) { 

	#wrapper {

    	grid-template-columns:60px 0px 1fr 40px 40px 120px 1fr 0px 0px 60px;

        grid-template-rows:var(--header-height) 1fr var(--button-height) var(--footer-menu-height) var(--footer-menu2-height) var(--footer-height);

        min-height:var(--min-height-wrapper);

  	}

    #content {

        padding-left:10px;

        padding-right:10px;

        width:calc(100% - 20px);

    }

  	#gm_img {

  		width:40px;

	}

    #header1 {

		padding-left:10px;

	}

  	#header2 {

      	grid-row:5;

  		grid-column:4;

        align-self:end;

	}

	#header3 {

      	grid-row:5;

  		grid-column:5;

        align-self:end;

    }

  	#header4 {

      	grid-row:5;

  		grid-column:6;

	}

	#headerMenuButton {

  		grid-column: 10;

  		z-index:1;

  		opacity:1;

        cursor:pointer;

	}

    #home {

    	padding-bottom:var(--button-height);

    	font-size:20px;

    }

  	#footer1, #footer1_home {

    	line-height:1.5;

    	font-size:14px;

	}

  	#footer2 {

    	grid-row:6;	

    	grid-column:1/11;

	}

  	.img, .img2 {

    	position:relative;

    	background-size:cover;

    	background-repeat:no-repeat;

    	width:100%;

    	max-width:var(--max-img-width);

    	height:var(--img-height);

    	background-position: center;

    	right:0;

  		bottom:0;

    	transform:translate(0,0);

	}

  .images.d03\.jpg {

    background-position: 50% 60%;

  }

  .images.d04\.jpg {

    background-position: 50% 35%;

  }

  .images.d05\.jpg {

    background-position: 50% 95%;

  }

  .images.d06\.jpg {

    background-position: 10% 50%;

  }

  .images.d07\.jpg {

    background-position: 2% 50%;

  }

  .images.d08\.jpg {

    background-position: 20% 50%;

  }

  .images.d09\.jpg {

    background-position: 90% 50%;

  }

  .images.d14\.jpg {

    background-position: 50% 5%;

  }

  .images.d16\.jpg {

    background-position: 50% 25%;

  }

  .images.d17\.jpg {

    background-position: 50% 94.5%;

  }

  .images.d23\.jpg {

    background-position: 18% 65%;

  }

  .images.a040_sculpture_1\.jpg {

    background-position: 85% 20%;

  }

  .images.a060_sculpture_3\.jpg{

    background-position: 0% 30%;

  }

  .images.a090_zurich\.jpg {

    background-position: 40% 50%;

  }

  .images.a010_bratislava_3\.jpg {

    background-position: 51% 25%;

  }

  .images.a020_bratislava_4\.jpg {

    background-position: 70% 50%;

  }

}