/* MEDIA QUERIES */
@media screen and (max-width: 1350px)
{
	.neustart-svg{transform: scale(1.5);
    transform-origin: top;}
}
@media screen and (max-width: 1240px) {
body {padding: 160px 20px 25px 20px}
#footer:after{left:466px}
}
@media screen and (max-width: 1160px){
	#left .forrn{display: block}
	#left nav{position: static}
	#right{display: none; max-width: none; width: 100%}
	
	header .inside{padding-right: 10px; padding-left: 10px}
/*	.headerimg {position: relative;left:10px}
	.headerimg img {width: 81.25%;width: calc(81.25% - 10px);margin-left: 18.75%;}*/
	.headerimg img{width:100%;margin: 0}
.headerimg{position: static}
	#main{width:81.25%; max-width: none; padding-right: 10px}
	.mod_breadcrumb,main,.mainnav{padding-left: 10px}
	#slider{left:-10px;width:calc(100% + 20px)}
	/*.mainnav{margin-left: 18.75%}*/
	.mainnav{margin-left: 0; padding: 0}
	#timelinewrapper{width: calc(100% + 30px); margin-left: -20px}
}

@media screen and (max-width:1080px)
{
	#left{width: 175px}
	#main{width:calc(100% - 175px)}
	.headerimg img{width:calc(100% - 175px)}
/*.	.mainnav{margin-left: 175px}
headerimg img{margin-left: 165px}*/
.headerimg img{width:100%;margin: 0}
.headerimg{position: static}
	.mod_breadcrumb,.mainnav{padding-left: 0}
}
@media screen and (max-width:995px) {
 /*#slider,.headerimg {width:calc(100% + 20px);margin-left:-10px}*/
 header .inside {padding: 20px 10px 0 10px}
 main .buttonnav ul{display: -webkit-flex;
	display: -ms-flexbox;display: flex; }
	#footer:after{content: none}
}
@media screen and (max-width:920px) {
 .mainnav{margin-left: 0}
 .map-pf{-webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8)
    transform: scale(.8);}
	.planhuelle{border-width: 5px}
	div.neustart-svg{transform: scale(1.9); margin-left:10px !important}
}
@media screen and (min-width:781px)
{
	/* NO HAMBURGER */
	#searchform{position: absolute; bottom: calc(100% + 89px); right: 41px}
}
@media screen and (max-width:780px)
{ /* HAMBURGER */
	#timelinewrapper{display: none}
	#container{-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column}
	.headerimg{position: static}
	#main{width: 100%}
	#left{order:20; width: 100%; max-width: none}
	#left .social{text-align:center; width: 100%; margin: auto; position: relative; top:-50px}
	#left .social>ul{max-width: 300px; margin: auto; width: 100%}
	nav.leftnav, nav.rightnav{display: none}
	/* HAMBURGER */
	.mainnav .level_1{transform: scaleY(0);transform-origin: top; height: 0}
	.hamburg .mainnav .level_1{transform: scaleY(1);  transition: transform .5s;height: auto}
	#hamburger{display: block; z-index: 500;background: none; border: 0}
	#hamburger:focus{outline:2px dashed #000}
	.hamburg .mainnav{background: #FFEE00}
	.mainnav{position: absolute; top:-160px; right: -10px; z-index: 500; width:calc(100% + 20px); overflow: visible; padding-top: 50px;}
	.mainnav:before{content: ""; position: absolute; top:10px; right: 10px; background: #000; background-clip: content-box; height: 5px; border-top:5px solid; border-bottom: 5px solid; width: 30px; box-sizing: content-box; padding: 8px 0; z-index: 1}
	.mainnav ul{display: block}
	.mainnav .level_2, .mainnav .nomainnav{display: block}
	#top .mainnav .level_2 a{background: none !important; color:#000}
	.mainnav li a, .mainnav li span{line-height: 2em}
	.mainnav ul:not(.level_1) li span{color:#E30613 !important}
	.mainnav li{width: 100%; text-align: left; padding-left: 20px}
	body{padding-left: 10px; padding-right: 10px}
	nav.topnav{display: none}
	/*#right{display: block}*/
	#right nav{display: none}
	#right div.sidewrap{max-width: none; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-around}
	.sidewrap > div:empty{display: none}
	#right .sidewrap > div{width: 30%}
	#right .sidewrap > div > *{margin-left: auto; margin-right: auto}
	#right .sidewrap button{width: auto}
    .ip svg{height: auto; margin-top: 1em}
}

@media screen and (max-width:730px)
{
	.image_text{padding: 0}
}
@media screen and (max-width:680px)
{
	#footernav{max-width: 40%}
	.a-data fieldset div div{width: 33.33%}
	.neustart-svg{display: none}
	.mobile-only{display: block}
	.mobile-only #logo{bottom: auto}
	.mobile-only ul{margin-top: 5.15em}
	.mobile-only li.login-pg{margin-top: 3.5em}
	.flex_when_narrow{display: flex; justify-content: space-between; flex-wrap: wrap}
	.svg-wrap > div:first-child{display: none}
	.svg-wrap ul{position: static; width: 100% !important; padding: 0; max-height: none; margin-bottom: 5%}
	.flex_when_narrow > div{width: 32%}
	.flex_when_narrow .klapper{display: block; position: relative; border: none; vertical-align: bottom; margin: 0}
	.flex_when_narrow .klapper::after{content:''; width: 0; height: 40px; display: inline-block}
	#stand_uni-li{display: block}
}
@media screen and (max-width:600px)
{
	main .schwerpunktnav ul{-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap}
	main .schwerpunktnav li{width:calc(25% - 30px/4); margin-bottom: 10px; max-width: 90px}
	main .schwerpunktnav li:nth-child(4n){margin-right: 0}
	main .inside{margin: 0}
	.ausstellerdata{padding-right: 20px}
	.sized-2 #plancontainer img{margin-top: -1%}
	/*.sized-2 #plancontainer img {top: -310% !important;}*/
	.videolist li, div.videolist{padding: 25px 25px 15px 25px; margin-bottom: 40px}
	.a-data label:not([for='mzaz']){width: 100%}
	.a-data label[for='mzaz']{width: auto; padding-right: 10px}
	.a-data input:not([type='checkbox']),.textarea {width: calc(100% - 10px)}
	.a-data button{margin-right: 0}
	/* VIDEO AUSSTELLER */
	.thumbrow{flex-direction: column}
}
@media screen and (max-width:550px)
{
	ul.sw li{width: 100%}
	#lngnav{right: -20px}
	.map-pf{-webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5)
    transform: scale(.5);}
	.planhuelle{border-width: 3px}
	.iframecontainer button:after{width:2em; line-height: 2em; font-size: 3em}
	#footer .inside{display: block}
	#footernav{max-width: none}
	table.aussteller td[data-img] span:after{content: none}
	table.aussteller td[data-img] a{width: 100%}
	#right .sidewrap > div{width: 50%}
/*	.svg-wrap li{display: none !important}
	.svg-wrap ul{cursor: auto !important}*/
}
@media screen and (max-width:500px)
{
	.koje1 > div{display: block; margin-top: 5px}
	.koje2 > div{position: absolute; left: -10000px; height: 0; width: 0; overflow: hidden; clip:rect(0,0,0,0)}
	.aussteller th{width: 0; height: 0; overflow: hidden;display: block;clip:rect(0,0,0,0); position: absolute; left: -10000px}
	table.aussteller td:nth-child(2){width: calc(100% - 60px); padding-left: 15px; padding-right: 5px}
	table.aussteller td{display: inline-block}
	.koje2{width: 0 !important; height: 0; overflow: hidden}
	.flex_when_narrow > div{width: 48%; max-width: 200px}
    .supp svg{max-height: 20vw}
}
@media screen and (max-width:480px)
{
	.spalten-3 ul{-webkit-column-count:2 !important; column-count:2 !important}
	.ausstellerdata dl{clear: right}
	.image_text > *{width: 100% !important;}
	.image_text{-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column}
	.image_text>:first-child, .image_text>:nth-child(3){-webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;}
	.image_text>:first-child{padding: 10px 0}
    .telli li{display: block; text-align: center; margin-bottom: .5em; font-size: 0;letter-spacing: 0}
    .telli li a{font-size: 1rem; letter-spacing: .1em}
    div.ip{display: none}
    .ipt{display: block !important}
    
}
@media screen and (max-width:420px)
{
	#lngnav ul{display: block}
	#lngnav li:first-child{margin-bottom: 10px}
	.vert{height: 120px}
	.sized-2 #plancontainer img{margin-top: -4%}
	/*.sized-2 #plancontainer img {top: -315% !important;}*/
	.videolist li, div.videolist{padding: 20px 20px 10px 20px; margin-bottom: 35px}
	.mobile-only #logo{transform: scale(.75); transform-origin: left top}
	.mobile-only ul{margin-top: 3.35em}
   
}
@media screen and (max-width:400px)
{
	main .schwerpunktnav li:nth-child(4n){margin-right: 10px}
	main .schwerpunktnav li:nth-child(3n){margin-right: 0}
	main .schwerpunktnav li{width:calc(33.33% - 20px/3)}
    
	/*.kojebereich dd{margin-right: 15px;}
	.kojebereich .bereich {max-width: calc(100% - 75px)}*/
}
@media screen and (max-width:350px)
{
	main .schwerpunktnav li:nth-child(3n){margin-right: 10px}
	nav#logo a{ width:85%; background-size: contain}
	main .schwerpunktnav li:nth-child(2n){margin-right: 0}
	main .schwerpunktnav li{width:calc(50% - 10px)}
	.vert{height: 90px}
	.hor{width: 90px}
	#wrapper{margin-left: -10px; width: calc(100% + 20px)}
	nav#logo{left:10px; width: 80%}
	#lngnav{right: -10px}
	.mainnav{right: 0}
	.videolist li, div.videolist{padding: 10px 10px 5px 10px; margin-bottom: 15px}
	#right .sidewrap > div{width: 100%}
	.kojebereich.has-uni-wien {
    height: 138px;}
    
}
@media print
{
	body{font-size:12pt;  padding: 2cm 1.5cm; width: 210mm; background: #fff}
	#wrapper{background: #fff}
	#header,#footer,#left,#right, .buttonnav, .pdf_link, .ce_image.pfeil{display: none !important}
	#container{display: block}
	#main{width:100% !important; max-width: 100%; background: #fff; font-size: 12pt}
	#main > div{background: #fff}
}
/*#lngnav{display: none}*/

.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}