/* end 950 — 1150 */

            /*  < 650 */

@media 
  screen and (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (max-width: 650px) and (-webkit-max-device-pixel-ratio: 1)
{

/* basics */
.pda-show {display:block !important;}
.pda-hide {display:none !important;}

            /* text */
h1, h2, h3, h4 {
   hyphens:auto;
}

#content-normal > .ce > .ce-text,
#content-normal > .ce > .ce-textpic > .ce-bodytext,
#content-normal > .ce > .ce-textpic .imageswrap.cols-1,
div.side-header header,
div.side-header header + div
{
  max-width:none;
  min-width:0;
  width:auto;
}


h1.mainHeader, h1.mainHeader.long, h1 {
  font-size:8vw;
  line-height:1.2;
}

h2 {font-size:7vw;}
h3 {font-size:6vw;}

header#content-header p.subtitle {
  font-size:1rem; 
  line-height:1.3;
  margin-top:0.4em;
}


            /* structure and main nav */
#page-header nav#main-menv,
nav.submenu
{display:none;}



body {
  min-width:0;
  max-width:none;
  width:100vw;
  height:100vh;
}

#page-header {
   padding:20px 10px;
   height:auto;
   min-height:0;
}


.page-content, #page-content.inner
{
  display:block;
  padding:20px 10px;
}

#page-content.inner #content-all {
  flex-flow:column nowrap;  
}

section.content-flex {flex-flow:column nowrap;}
#page-content.inner #content-right {flex: 0 0 auto; width: auto; padding:0;}


/* main nav */
#page-header nav#main-menu,
#page-header .frequency,
#page-header .aside
{
  display:none;
}

#page-header div.logo {
  height:auto;
  width:auto;
  margin: 0;
  padding:0;
  flex: 1 1 auto;
  margin-right:80px;
}

#page-header div.logo a img {width:100% !important; height:auto !important;}

#page-header div.logo .logo-subtext {
  top:auto; left:auto; right:auto;
  position:relative;
  margin-top: -20px;
    padding-left: 27%;
  
  padding-left:26%;
  margin-top:-12px;
  font-size:14px;
}

#page-header #burger-toggle {
  display: block;
  position:fixed;
  
  margin:0; padding:0;
  flex-shrink:0;
  top: 0px; right: 0px; left:auto;
  
  background: url(../images/burger-toggle.svg) center center no-repeat #fff;  
  background-size: 40px;
  width:50px; height:50px;
}


/* footer */
#page-footer {
  display:block;
  padding:20px 10px 30vh;
}

#page-footer > div {margin:0 0 1rem;}



/* inner */

nav.rootline span.item {margin-bottom:0.5em;}

            /* burger */
#burger {
  padding:0;
}            

#burger > .wrap {
  padding:0 20px 20vh;
  display:block;
}

#burger > .wrap > * {
  display:block;
  padding:0;
  width:auto;
}

#burger span.item {margin: 0 0 0.5em; font-size: 18px;}

#burger .burger-close {
  left:auto;
  right:10px;
}


  /* pdaDirectory */
.pdaDirectory {
  margin:10px 0 20px;
  font-size:16px;
  color:#094fa3;
}

.pdaDirectory .item {
  display:block;
  margin:0 0 0.5em;
  line-height:1.2;
}

.pdaDirectory .item a {
  border:none;
}


            /* common elements */

section > .bg {margin-left:-10px; margin-right:-10px;}

.col {
  display:block;
  width:100% !important;
  padding:0 !important;
}

[class*='cols-'],
form div[class*='cols-'],
.ms-youtube .list-cont
{margin-left:0px; margin-right:0px; display:block;}

[class*='cols-'] > div,
.news.list[class*='cols-'] > .item,
.ms-youtube .list-cont > .item,
form div[class*='cols-'] > .field
{padding-left:0px; padding-right:0px; width:auto !important;}

.table-wrap {overflow-x:auto;}

div.highlight-block {padding-left:20px;}

.tooltip-popup.active {
  width:100%;
  left:0 !important;
  max-width:90vw;
}

.flex {
  flex-basis:100% !important;
  width:auto !important;
}

div.side-header {margin:0;}
div.side-header .ce {display:block;}
div.side-header header {padding:0;}

.ce-msusable-records {display:block;}
.ce-msusable-records > .item {min-height:0 !important;}

.ce-textpic.ce-right.ce-intext .imageswrap {
  padding:0;
  float:none;
  text-align:left;
  padding:0 !important;
}

.ce-textpic.ce-intext .ce-bodytext {padding:0 !important;} 

/* textpic  cols - no more than 3 */  
.cols-4 > div,
.cols-5 > div,
.cols-6 > div,
.cols-7 > div,
.cols-8 > div {
  width:33%;
}
  
  
                   /* frontpage */
.homepage #content-image .main-intro {
  display:block;
  width:auto;
  height:200px;
  background:url(/fileadmin/main/main-image.jpg) right bottom no-repeat;
  background-size:cover;
}

.homepage #content-image .main-intro .map,
.homepage #content-image .main-intro .img
{
  width:100%;
  margin:0 0 20px;
  background:none !important;
}

.homepage #content-image .main-intro .img .text,
.homepage #content-image .main-intro .map .text
{
  position:relative;
  padding:20px 10px 0;
  top:auto; left:auto; right:auto;
  text-align:left;
}

.homepage .action-map#branches {display:none;}


.homepage #content-bottom,
.homepage #page-content
{
  display:block;
  padding:10px;
  margin:0 0 20px;
}

.homepage #content-right {padding:0;}


.homepage #content-bottom a.button {
  float:none;
  margin:20px 0;
}

                  /* inner misc */

.historyDay-ban {
  padding:10px;
  background-image:none;
}

.action-map {overflow-x:auto;}

/* end */
}


          /* end < 650 */

                /* 1400 — 7600 */

@media screen and (min-width: 1000px) 
{
	#page-header div.logo {height:90px;}
}

@media screen and (min-width: 1250px)  
{
	#page-header div.logo .logo-subtext {font-size:14px;}
}

@media screen and (min-width: 1400px) 
{
	#page-header div.logo {height:130px;}
	#page-header div.logo .logo-subtext {font-size:16px;}
}