/* #d50f36 */
/* #f6f6f6 */
/****** Global *******/
body * { -webkit-user-select: none; }

html body { font-family: "Open Sans Condensed", "Arial Narrow", sans-serif; font-size: 16px; font-weight: 300; }

body, input, select, textarea, button, html body .ui-btn { font-family: "Open Sans Condensed", "Arial Narrow", sans-serif; }

.extlink { /*display:none !important;*/ }

h1, h2, h3, h4, h5, h6 { font-weight: 300; margin: 0.5em 0; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.1em; }

p { text-align: justify; }

div { box-sizing: inherit; }

strong { font-weight: 700; }

.txt-underlnd { text-decoration: underline; }

.bigger { font-size: 1.3em; }

.h3size { font-size: 1.3em; }

.grey, a.grey, a.grey:visited { color: #d50f36; }

.pink { color: #cc006a; }

.pos-rel { position: relative; }

a { text-decoration: none; }

.center { text-align: center; }

.container, .scroller-container { position: relative; max-width: 1920px; display: inline-block; height: 100%; }

.container { display: block; }

.thin { font-weight: 100; }

.block { display: block; }

.inline { display: inline; }

.ovfl-hd { overflow: hidden; }

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

.lg { font-size: 16px; font-weight: 700; }

.uprcs { text-transform: uppercase; }

.pointer { cursor: pointer; }

.icon { display: inline; width: 24px; margin-right: 0.2em; }

.flex-inline32 { display: inline-flex; line-height: 24px; height: 24px; }

body, input, select, textarea, button, .ui-btn { letter-spacing: normal; }

img { max-width: 100%; display: block; }

.cursr-move { cursor: move; }

.backimg { height: 100%; }

.backimg.computed { max-width: 1920px; }

.backimg img { max-height: 100%; max-width: 1920px; }

.backimg img.tiny { max-height: 1080px; max-width: 100%; }

.bkg-dark { background-color: #e6e6e6; }

.pull-right { float: right; }

.posi-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.block-to-btm-r { min-height: 100%; right: 0; position: absolute; }

.bl-btm-xs-6 { min-height: 100%; left: 50%; position: absolute; }

.box-shadow { -webkit-box-shadow: -1px 6px 18px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: -1px 6px 18px 1px rgba(0, 0, 0, 0.5); box-shadow: -1px 6px 18px 1px rgba(0, 0, 0, 0.5); }

.sml-inline { display: inline; width: 80%; }

.iframewrapper iframe, .iframewrapper x-ms-webview { width: 100%; border: none; height: 800px; max-height: 500px; }

.dualbox { padding-left: 29.7% !important; padding-right: 29.7% !important; }

.btnhover { background-color: #000; }

.min-h-300 { min-height: 320px !important; }

.bb { border-bottom: 1px solid lightgrey; }

.br { border-right: 1px solid lightgrey; }

.fixedscroll { max-height: 420px; overflow-y: auto; overflow-x: hidden; }

.impressum { position: fixed; bottom: 1%; left: 1%; z-index: 1000; color: white; text-decoration: underline; }
.datenschutz { position: fixed; bottom: 1%; left: 1%; z-index: 1000; color: white; text-decoration: underline; margin-left: 75px;}

.ui-loader.langloader { opacity: 0.6; top: 50%; }

.hide { display: none !important; }

/******** Overwrite Jquery Mobile CSS **********/
html body .ui-group-theme-d a { font-weight: 300; }

.ui-page-theme-d a, html .ui-bar-d a, html .ui-body-d a, html body .ui-group-theme-d a { font-weight: 300; }

.ui-page-theme-d .ui-btn:hover, html .ui-bar-d .ui-btn:hover, html .ui-body-d .ui-btn:hover, html body .ui-group-theme-d .ui-btn:hover, html head + body .ui-btn.ui-btn-d:hover { color: #d50f36; background-color: #eaeaea; }

.ui-mobile .ui-page-active { overflow: hidden; background-color: black; }

.ui-overlay-d, .ui-page-theme-d, .ui-page-theme-d .ui-panel-wrapper { text-shadow: none; }

.ui-content { padding: 0; width: 100%; height: 100%; max-width: 1920px; max-height: 1080px; position: absolute; overflow: hidden; background-color: #000; }

.ui-popup .ui-btn.ui-btn-icon-notext { background-color: #666; border-color: #888; }

.ui-popup .ui-btn.ui-btn-icon-notext:hover { background-color: #555555; border-color: #888; }

.ui-btn-icon-left::after { background-color: #757575; }

body .ui-content .ui-btn.ui-btn-b { background-color: transparent; border-color: transparent; }

html head + body .ui-btn.ui-btn-c { background-color: transparent; border-color: transparent; }

/******** Global Margin/Padding Classes **********/
.m-0 { margin: 0; }

.m-b-1 { margin-bottom: 1em; }

.m-b-1-2 { margin-bottom: 1.2em; }

.m-b-2 { margin-bottom: 2em; }

.m-b-3 { margin-bottom: 3em; }

.m-t-05 { margin-top: 0.5em; }

.m-t-1 { margin-top: 1em; }

.m-t-2 { margin-top: 2em; }

.m-r-1 { margin-right: 1em; }

.p-1 { padding: 1em !important; }

.p-2 { padding: 2em !important; }

.p-t-04 { padding-top: 0.4em; }

.p-t-1 { padding-top: 1em; }

.p-t-2 { padding-top: 2em; }

.p-b-1 { padding-bottom: 1em; }

.p-b-05 { padding-bottom: 0.5em; }

.p-l-0 { padding-left: 0em !important; }

.p-l-1 { padding-left: 1em; }

.p-l-2 { padding-left: 2em !important; }

.p-l-3 { padding-left: 3em !important; }

.p-r-3 { padding-right: 3em !important; }

.p-lr-1 { padding-left: 1rem !important; padding-right: 1rem !important; }

.p-lr-2 { padding-left: 2rem !important; padding-right: 2rem !important; }

.p-lr-7p { padding-left: 7% !important; padding-right: 7% !important; }

.p-lr-10p { padding-left: 10% !important; padding-right: 10% !important; }

.p-l-5p { padding-left: 5% !important; }

.triplefirst { margin-left: 6.25%; margin-right: 6.25%; }

.triplesecond { margin-right: 6.25%; }

/******** Global Grids ***************/
.row { overflow: hidden; box-sizing: border-box; margin-left: -0.8rem; margin-right: -0.8rem; }

.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-12 { float: left; box-sizing: inherit; }

.row > .col-xs-2, .row > .col-xs-3, .row > .col-xs-4, .row > .col-xs-5, .row > .col-xs-6, .row > .col-xs-7, .row > .col-xs-8, .row > .col-xs-9, .row > .col-xs-12 { padding: 0 0.8rem; }

.col-xs-2 { width: 16.666%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33%; }

.col-xs-5 { width: 41.666%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.333%; }

.col-xs-8 { width: 66.66%; }

.col-xs-9 { width: 75%; }

.col-xs-12 { width: 100%; }

/*********** UL/LI Lists **********/
ul.list-check { list-style: none; padding: 0.25rem; }

ul.list-check > li { padding-left: 1.3em; margin-bottom: 0.6rem; }

ul.list-check > li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -1.7em; width: 1.7em; color: #d50f36; }

/******** Download Button *******/
.btn-download { display: inline-block; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; border-radius: 0; }

.btn-dwn-std { color: #d50f36; border-color: #d50f36; }

.ui-page-theme-d .btn-dwn-std:hover { color: #fff; background-color: #d50f36; border-color: #d50f36; }

/****** Standard Footer / Haeder Buttons H3 ********/
.h3button { margin: 0; white-space: nowrap; overflow: hidden; }

.h3button a { display: block; padding: 0.5em 1em; }

.stdhead .h3button a { padding: 0.7em 2em; }

/* .h3button a:hover {color:#eaeaea;} */
.h3button span { vertical-align: top; }

.h3button i { font-size: 1.3em; }

#homeglobal { position: absolute; top: 13%; right: 0%; margin-top: 0px; }

#homepage #homeglobal { opacity: .3; cursor: default !important; pointer-events: none; display: none; }

/******* Standard Header *****************/
.stdhead { background-color: #d50f36; color: #FEFEFF; font-weight: 700; }

.stdhead .h3button a.active:hover { background-color: #000; }

.stdhead a, .stdhead a:visited { color: #FEFEFF; }

/* .stdhead a:hover {color:#eaeaea;} */
.stdhead .btn { padding: 0.5rem 1rem; }

.stdhead .btn:hover, .infobox .stdhead:hover, .stdfoot .h3button a:hover, .stdhead .h3button a:hover { background-color: #000; color: #FEFEFF; opacity: 1; }

.stdhead.title { padding: 0.3rem 2rem; }

/******* Language Switcher ************/
.langcont { position: absolute; top: 0%; right: 0.5%; margin-top: 0px; }

.langsw { display: block; opacity: 0.55; transition: opacity 0.3s; }

.langsw:hover { opacity: 1; }

.langsw.active { opacity: 1; }

.lang-de {margin-right: 10px;margin-top: 0rem;float:left;margin-top:5px;}
.lang-en {float:right;margin-top:5px;}

.ui-overlay-zx { z-index: 1200; }

/******** Content Box Container*************/
.trn-content { background-color: rgba(246, 246, 246, 0.9); color: #414141; padding: 1em; box-sizing: border-box; }

.content { background-color: #FFF; color: #414141; padding: 1rem; box-sizing: border-box; }

/******* Standard Footer *****************/
.stdfoot { background-color: #d50f36; color: #FEFEFF; font-weight: 700; box-sizing: border-box; }

.stdfoot a, .stdfoot a:visited { color: #FEFEFF; }

/****** Navbar Footer all Pages ******/
.ui-footer.footerkku { position: absolute; width: 88%; bottom: 3%; left: 6%; }

.ui-navbar li .ui-btn { font-size: inherit; }

.ui-block-a { clear: none; }

.footerkku .ui-grid-d > .ui-block-d { width: 21%; }

.footerkku .ui-grid-d > .ui-block-e { width: 20%; }

.footerkku .ui-grid-d > .ui-block-c { width: 23.9%; }

.footerkku .ui-grid-d > .ui-block-b { width: 14%; }

.footerkku .ui-grid-d > .ui-block-a { width: 10.5%; }

.ui-footer.ui-bar-d { border: none; background-color: transparent; }

.ui-footer.ui-bar-d .ui-block-a a { height: 2.1em; padding: .3em 1em; }

.ui-footer.ui-bar-d .ui-block-a img { height: 100%; margin: auto; }

/**** Startpage		*****/
#startpage, #minrespage { height: 100%; }
#startpage .ui-content, #minrespage .ui-content { background-color: #FFF; }
#startpage .ui-content .center-container, #minrespage .ui-content .center-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#startpage .ui-content .center-container img, #minrespage .ui-content .center-container img { margin: auto; width: 55%; }

.ui-loader { top: 70%; }

/***** Homepage ******/
.kreisbutton { position: absolute; }

.kreisbutton img { width: 80%; opacity: 0.75; transition: opacity 0.5s; }

.kreisbutton .hovercolor img { opacity: 1; }

#homepage .posed-container { left: 0%; margin-left: 1.625em; }

#homepage .menulist { width: 18em; }

#homepage .kartenmenu-btn.head { width: 16em; }

/***** List Nav Menu Homepage *******/
.posed-container { position: absolute; top: 5%; left: 6%; }

.ui-listview > .ui-li-divider { font-size: inherit; font-weight: 300; background-color: #FFF; color: #d50f36; padding: 0.7em 2em 0.3em 2em; }

.ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn { border-style: none; }

.menulist .ui-listview-inset { margin: 0; }

.menulist .ui-listview .ui-btn, .menulist .ui-listview .ui-btn:visited { font-size: inherit; padding: 0.3em 2em; color: #414141; background-color: #FFF; }

.menulist .ui-listview .ui-btn.grey, .menulist .ui-listview .ui-btn.grey:visited { color: #d50f36; }

.menulist .ui-listview .ui-btn.strong { font-weight: 700; padding: .7em 2em; }

.menulist .ui-first-child a.ui-btn { padding-top: 0.6em; }

.menulist .ui-last-child a.ui-btn { padding-bottom: 0.6em; }

.menulist { width: 20em; opacity: 0.95; color: #414141; }

.menu-button { margin-bottom: -0.5rem; }

.menulist ul li:last-child a { padding-bottom: 1em; }

html body .menulist .ui-listview a.hovercolor, html body .menulist .ui-listview a.hovercolor:visited, html body .menulist .ui-listview a.ui-btn:hover { color: #414141; background-color: #eaeaea; }

.kartenmenu-btn .ui-btn.ui-btn-b { margin: 0em 0.4rem 0.3rem 0.4rem; }

body .ui-content .ui-btn.ui-btn-b:hover { background-color: transparent; border-color: transparent; }

.kartenmenu-btn.head { padding: 1em 1em; cursor: pointer; width: 18em; position: relative; box-sizing: content-box; margin-bottom: 1em; }

.kartenmenu-btn.head h2 { margin: 0; }

.kartenmenu-btn.head span { transition: transform 0.5s linear; }

.kartenmenu-btn.head span.rot { position: absolute; left: 1rem; top: 1.2rem; }

.kartenmenu-btn.head span.rotate { transform: rotate(90deg); }

.ui-page-theme-d .menulist .ui-btn.ui-btn-active { background-color: #FFF; color: inherit; }

.ui-page-theme-d .menulist .ui-btn.active { background-color: #e6e6e6; }

.ui-page-theme-d .menulist .ui-btn.ui-btn-active:hover { color: #414141; background-color: #eaeaea; }

.icon-right::after { content: "\f0da"; font-family: FontAwesome; width: 1.7em; position: absolute; right: 0; color: #d50f36; }

.menulist i.fa-video-camera { margin-left: -1.4em; margin-right: 0.4em; color: #d50f36; }

.trn-content .content { height: 21em; }

.menuinfo { position: absolute; top: 0; left: 100%; width: 65em; z-index: 1000; margin-left: 1em; display: none; max-width: 940px; }

.menuinfo .title { padding: 0.2rem 0rem; position: relative; }

.menuinfo .title a[data-rel='closemenubox'] { position: absolute; right: 0; top: 0; padding: 0.3rem 0.3rem 0 0; }

.menuinfo > .stdhead { padding-left: 1em; padding-right: 1em; }

.menuinfo .col-xs-4 img.sml-inline { width: 54.5%; }

.menuinfo .col-xs-6 > .center img.sml-inline { width: 33.2%; }

/***** Info Box ******/
.infobox { width: 80%; min-width: 600px; max-width: 960px; }

.test-info-box .infobox { max-width: 600px; }

.head { background-color: #d50f36; color: #FEFEFF; font-weight: 700; padding: 0.5em 2em; }

.infobox .stdhead { padding: 0.5em 2em; }

.infobox .content { padding: 2em; }

/*
.infobox .foot {background-color:$backg-colr-grey;color:$white-font-color;font-weight:$std-font-weight-bold;padding: 0.7em 2em;overflow: hidden;}
.infobox .foot a {color:$white-font-color;}
.infobox .foot .ui-mini {margin:0px;}
.infobox .foot .ui-btn-icon-left {padding-top: 0.6em;} */
.test-info-box { width: 100%; }

/******* Schnittbutton *******/
.schnittbutton { position: absolute; }

.schnittbutton span { padding: 0.7em; }

.schnittbutton.big span { font-size: 1.3em; }

.schnittbutton .symbol { background-color: #d50f36; color: #FEFEFF; transition: color 0.3s, background-color 0.3s; }

.schnittbutton .text { background-color: #FFF; color: #414141; transition: color 0.3s, background-color 0.3s; }

.schnittbutton .round { border-radius: 33px; padding: 1rem 1rem 1rem 1.5rem !important; margin-right: -1rem; position: relative; display: inline-block; vertical-align: middle; }

.schnittbutton .round-silbing { padding: 0.85rem 2rem 0.95rem 2rem; vertical-align: middle; }

.schnittbutton a { font-size: inherit; transition: font-size 0.3s; }

.schnittbutton a.active { font-size: 1.3em; }

.schnittbutton a.active .symbol { background-color: #FFF; color: #414141; }

.schnittbutton a.active .text { background-color: #d50f36; color: #FEFEFF; }

/****** Blurbox ******/
.blurdialog { cursor: pointer; }

.blurbox { position: absolute; width: 88%; max-width: 1280px; top: 5%; left: 50%; transform: translate(-50%, 0); box-sizing: border-box; display: none; z-index: 1100; }

.blurbox.active { display: block; }

.blurbox .content { padding: 1rem 2rem; }

.container { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); transition: filter 0.3s; }

.ui-content { opacity: 1; transition: opacity 0.3s; }

.fade-wrapper, .fade-wrapper-sub, .fade-wrapper-sub-sub { position: relative; overflow: hidden; }

div.container .backimg { background-color: black; position: relative; }

div.blur { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); opacity: 0.55; }

/*div.blur .backimg img {opacity:0.55;}
div.blur .schnittbutton {opacity:0.5;}*/
a[data-rel='blur-main'] { opacity: .6; }

a[data-rel='blur-main'].op1 { opacity: 1; }

a[data-rel='blur-main'].active { opacity: 1; }

div[data-role='blur-main'], div[data-role='blur-main-sub'], div[data-role='blur-main-sub-sub'] { position: absolute; display: none; top: 0; left: 0; width: 100%; }

div[data-role='blur-main'].active, div[data-role='blur-main-sub'].active, div[data-role='blur-main-sub-sub'].active { position: relative; }

.small-nav { list-style: none; padding: 0 0.8rem; overflow: hidden; margin: 0; }

.sub-sub-link img { transition: transform 0.2s linear; }

.sub-sub-link img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); }

/* .small-nav li {float:left;padding: 0.3em 0.5em 0.3em 0;} */
/* .small-nav a {display:block;padding-left:0.5em;border-left: 1px solid;} */
/* .small-nav a.active {font-weight: bold;} */
/****** PopUp ********/
.popupcontainer { max-width: 1600px; }

.ui-popup { background-color: #FFF; }

.ui-overlay-a { background-color: #252525; }

/******* Scroller ******/
#scroll-wrapper { position: relative; }

#scroll-wrapper * { -webkit-transform: translate3d(0, 0, 0); }

#scroller { display: inline-block; height: 100%; }

#scroller .backimg { height: 100%; display: inline-block; }

#scroll-wrapper .scroller-container { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }

/******* Zoom Utility *********/
.zoom-utility { position: absolute; top: 15%; right: 0%; }

#zoomin, #zoomout { margin-top: 0px; }

#zoomin, #zoomout { width: 15px; }

#zoomin { display: block; }

/****** Flex Slider ******/
.flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

.flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }

.flexslider { margin: 0; border: none; }

/******** Pink Container *******/
.pink-container { background-color: #cc006a; color: white; display: inline-block; }

/******** Colored Boxes *******/
.blue-box { background-color: #4782b5; }

.red-box { background-color: #ca4747; }

.grey-box { background-color: #6f7175; }

.colored-box { text-align: center; color: #fff; width: 100%; padding: 15px 30px; }

/********* Tooltip ********/
.ttip-cont { display: none; text-align: center; line-height: 1.4em; }

.ui-widget.ui-widget-content, .qtip-content { background-color: #d50f36; color: #fff; border: #d50f36; text-align: center; }

.ui-corner-all { border-radius: 0px; }

.qtip-default { border: 1px solid #d50f36; font-size: inherit; }

/********* Tabs ***********/
.tabs .tab { background: #d50f36; color: #fff; transition: all ease .2s; display: inline-block; text-align: center; ext-transform: uppercase; height: 44px; line-height: 44px; margin-right: 3px; }

.tabs .tab { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); -webkit-backface-visibility: hidden; transform-style: flat; /*  -webkit-transform: translate3d(0,6px,0); */ }

.tabs .tab > a { padding: 0 20px; color: #fff; display: block; }

.tabs .tab.active {                    /**box-shadow: 6px 6px 0 0 rgba(0,0,0,.3);
					-webkit-box-shadow: 6px 6px 0 0 rgba(0,0,0,0.3);
					-moz-box-shadow: 6px 6px 0 0 rgba(0,0,0,0.3);**/ transform: translateY(0); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-backface-visibility: hidden; transform-style: flat; /*	-webkit-transform: translate3d(0,0,0); */ background-color: #FFF !important; color: #414141; }

.tabs .tab > a.active { color: #414141; }

.tabs .tab:hover { transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-backface-visibility: hidden; transform-style: flat; /*		-webkit-transform: translate3d(0,0,0); */ background-color: #000; }

/********* Visitenkarten ********/
#colio_container_1 { display: none; }

.portfolio.colio-team-container .scroll { max-height: 420px; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.portfolio.colio-team-container .scroll .scrolllist { -webkit-transform: translateZ(0); position: relative; }

ul.list { padding: 0; }

.portfolio .filters { padding: 15px 0; }

.portfolio .filters .filter-active { color: #d50f36; }

.portfolio .filters .form-control { width: auto; float: right; height: 2rem; display: block; padding: 0.2rem 0.75rem; border: 1px solid rgba(0, 0, 0, 0.15); margin-top: -8px; }

.portfolio .filters a::after { padding-left: 6px; padding-right: 5px; content: "|"; }

.portfolio .filters .form-links { float: left; }

.colio-item .team-inner { overflow: hidden; background-color: #f3f3f3; }

.colio-item .team-image { float: left; width: 40%; }

.colio-item .team-image figure { margin: 0; }

.colio-item .team-image img { height: auto; }

.colio-item .team-content { float: right; width: 60%; }

.colio-item.colio-taem .team-inner .team-content h3 { font-weight: bold; }

.colio-item.colio-taem .team-inner .team-content h4 { font-weight: bold; position: relative; padding-bottom: 0.75rem; margin-bottom: 0.75rem; }

.colio-item.colio-taem .team-inner .team-content h4::after { display: block; content: ''; border-bottom: 2px solid #d50f36; position: absolute; bottom: -1px; left: 0; width: 35px; }

/****** FeatureCircle *****/
#featurecircle { width: 500px; float: left; }

/******* Video ********/
.vplayer { max-width: 100%; display: block; }

/********* Cordova Document Viewer *********/
.sitewaertsdocumentviewer { position: relative; width: 100%; height: 100%; }

#sitewaertsdocumentviewer_windows_iframe { width: 100%; height: 100%; }

/******* Viewports *******/
@viewport { orientation: landscape; }
@media (max-height: 960px) { html body { font-size: 14px; }
  .kartenmenu-btn.head span.rot { position: absolute; left: 0.9rem; top: 0.935rem; } }
@media (max-height: 840px) { html body { font-size: 12px; }
  .kartenmenu-btn.head span.rot { position: absolute; left: 0.75rem; top: 0.72rem; }
  .ui-footer.ui-bar-d .ui-block-a a { height: 2.1em; padding: .3em 1em; } }
@media (max-height: 768px) { .kartenmenu-btn.head span.rot { position: absolute; left: 0.69rem; top: 0.67rem; }
  html body { font-size: 11px; } }
@media (max-height: 720px) { .iframewrapper iframe, .iframewrapper x-ms-webview { max-height: 460px; } }
@media (max-height: 680px) { .kartenmenu-btn.head span.rot { position: absolute; left: 0.63rem; top: 0.54rem; }
  .menuinfo .content p { font-size: 10px; }
  html body { font-size: 10px; }
  .menu .head, .menu .menulist { font-size: 10px; }
  #homepage .posed-container { top: 2%; }
  #homepage .kartenmenu-btn.head { margin-bottom: 0.7em; }
  .portfolio.colio-team-container .scroll, .fixedscroll { max-height: 350px; }
  .iframewrapper iframe, .iframewrapper x-ms-webview { max-height: 400px; } }
@media (min-width: 1170px) { .lg-plr-7p { padding-left: 7% !important; padding-right: 7% !important; }
  .tabs .tab > a { padding: 0 30px; } }
@media (max-width: 1126px) { .colio-item.colio-taem { width: 50%; } }

.konfi {display: none !important;}