@media only screen and (min-width:1600px) {
nav#menuBox .logoWrap{width:120px}
}

@media only screen and (max-width:1400px) {
#topBox{padding:0 20px}
#mediaBox .ceItem.media .itemWrap.mediaBackground{width:100%!important}

.morestepMenu button{margin:0 5px 10px}
#page .fieldwrap{margin:10px 0;width:100%!important}
.tx-powermail form.angebot fieldset .fieldwrap .radioWrap > .radio:nth-last-child(4), .tx-powermail form.angebot fieldset .fieldwrap .radioWrap > .radio:nth-last-child(4) ~ .radio,
.tx-powermail form.angebot fieldset .fieldwrap .radioWrap > .radio:nth-last-child(5), .tx-powermail form.angebot fieldset .fieldwrap .radioWrap > .radio:nth-last-child(5) ~ .radio{
	margin-top:10px;margin-bottom:10px;width:48%!important
	}
.tx-powermail form.angebot fieldset{margin:0;width:100%!important}
}


@media only screen and (max-width:1024px) {

#topBox,nav#menuBox,.ceItem.hasPadding.pLeft,.ceItem.bgColor,footer,
.tx-powermail form.angebot fieldset:not(.collectFields) .fieldwrap,.tx-powermail form.angebot fieldset.collectFields{padding-left:20px}
#topBox,nav#menuBox,.ceItem.hasPadding.pRight,.ceItem.bgColor,footer,
.tx-powermail form.angebot fieldset:not(.collectFields) .fieldwrap,.tx-powermail form.angebot fieldset.collectFields{padding-right:20px}
.indexPage main > article > section.contactBox,footer{padding:40px;height:auto!important}
#page main > article section.ceItem.pTop,
.tx-powermail form.angebot fieldset:not(.collectFields) .fieldwrap,.tx-powermail form.angebot fieldset.collectFields{padding-top:20px}
#page main > article section.ceItem.pBottom,
.tx-powermail form.angebot fieldset:not(.collectFields) .fieldwrap,.tx-powermail form.angebot fieldset.collectFields{padding-bottom:20px}

.ceItem.mRight,.ceItem.mLeft,main > article > section.boxMargin,.fancyPage main{width:calc(100% - 40px)!important}
.ceItem.mRight,main > article > section.boxMargin,.fancyPage main{margin-right:20px}
.ceItem.mLeft,main > article > section.boxMargin,.fancyPage main{margin-left:20px}
.ceItem.mTop{margin-top:20px}
.ceItem.mBottom{margin-bottom:20px}

aside#topBox{padding:10px 20px;height:auto}
aside#topBox p{text-align:center}

nav#menuBox{height:auto}
.scrolled nav#menuBox{position:absolute}
nav#menuBox .logoWrap{position:static;width:100%}
nav#menuBox .logoWrap figure,nav#menuBox .logoWrap figure a{text-align:center}
nav#menuBox .logoWrap img{width:30%!important}
nav#menuBox .logoWrap{padding-top:20px;padding-bottom:20px}
nav#menuBox .menuWrap{padding-bottom:20px;width:100%;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

header#mediaBox .ceItem.media .itemWrap.mediaBackground .txtWrap{padding:0}
header#mediaBox .ceItem.media .itemWrap.mediaBackground .headWrap .hGroup .subTitle{margin-top:10px}

main > article{width:100%}
#page main > article > section.ceItem,#page main > article section.ceItem.hasOwnHeight{height:auto!important}

.ceItem.media .itemWrap.mediaBackground,.ceItem .txtWrap,.ceItem .galWrap{width:100%!important}
.ceItem.iRight .txtWrap{margin-top:40px}
.ceItem.iLeft .txtWrap{margin-top:40px}

.ceItem .txtWrap,.ceItem .galWrap figure{width:100%}
.ceItem.highend .galWrap .imgRow .imgCol{margin-top:20px;width:48%!important}
.ceItem.highend .galWrap .imgRow .imgCol figure{text-align:center}

.ceItem.media.linksBottom .lnkWrap{text-align:center}
.ceItem.media .itemWrap .lnkWrap .button a .lnkHeader{font-size:12px}
.ceItem.media .itemWrap .lnkWrap.flexRow .button{margin:0 0 0 20px!important;width:calc(100% -20px)}
.ceItem.media.contactdata .itemWrap .lnkWrap.flexRow .button{width:100%}

#page .ceItem.gridBox .grid-row{display:block;margin:0;width:100%;height:auto}
#page .ceItem.gridBox .grid-col{margin:0 0 20px;padding:0;width:100%!important}
#page #topBox .ceItem.gridBox .grid-col{margin:0}

footer aside.adds{display:block}
footer aside.adds > section{width:100%}
footer aside.adds > section + section{margin-top:30px;padding-top:40px;border-top:1px solid #fff}
footer aside.adds .ceItem.gridBox .grid-row *{text-align:center}
footer aside.adds .menu.page ul li{margin-bottom:20px}
footer aside.adds p{font-size:30px;text-align:center}
footer aside.adds p > *{display:inline-block;width:auto}
#page footer aside.adds p > * *{margin:0 10px!important}

footer aside.credits{margin-top:10px;display:block}
#page footer aside.credits .tile{margin-bottom:40px;width:100%!important}
footer aside.credits .galWrap *,footer aside.credits .txtWrap *{text-align:center}
footer aside.credits .ceItem.media .galWrap img{height:40px!important}
footer aside.credits .ceItem.media.imgOnly .galWrap .imgCol img{height:50px!important}

.fancybox-toolbar{right:30px}

.morestepMenu{position:static;margin-top:20px}
.morestepMenu button{margin-bottom:10px;color:#1a1a1a}

.fancyPage main .brandWrap{position:absolute}
.fancyPage main > article > section.mailPlugin.boxMargin{margin:0;width:100%!important}
.fancyPage .tx-powermail form.angebot fieldset{margin-top:20px}

.moreStepNav{padding:20px 20px 0}
.collectFields .moreStepNav{padding:0 0 20px}
.moreStepNav button{position:static!important;margin:0;color:#1a1a1a!important;border-color:#1a1a1a!important;-webkit-border-radius:15px;border-radius:15px}

.fancyPage .tx-powermail form.angebot fieldset{min-height:unset}
#page .tx-powermail  .fieldwrap,#page .tx-powermail form.angebot fieldset.collectFields .fieldwrap{width:100%!important}
#page .tx-powermail form.angebot fieldset .fieldwrap .radioWrap > .radio{margin:0 0 20px;width:100%!important}
.tx-powermail form.angebot fieldset .fieldwrap.rangeWrap .rangeBox{margin:0;width:100%}

.messageError{z-index:200000;top:0;left:0;margin:0!important;width:100%;-webkit-border-radius:0;border-radius:0}

nav#menuBox .menuWrap > section{margin-left:20px}
.menu.main .submenu > .btn.ham{display:block}
.menu.main ul.level-1{display:none;position:absolute;top:100%;left:0;padding:40px 20px;width:100%;height:2000vw;background-color:rgba(0,0,0,.9)}
.menu.main ul.level-1.cur{display:block}
.menu.main ul.level-1 > li{display:block;margin:0 0 20px;width:100%;height:auto}
.menu.main ul.level-1 > li *{display:block;font-size:20px!important;text-align:center}

}

@media only screen and (max-width:767px) {

nav#menuBox .menuWrap > section{margin:20px 0 0;padding:0 25%;width:100%}
.ceItem.media .itemWrap .lnkWrap.flexRow .button{margin:0 0 20px 0!important;width:100%!important}

.tx-powermail form.angebot fieldset h1, .tx-powermail form.angebot fieldset.collectFields legend,
.tx-powermail form.angebot fieldset:not(.collectFields) .fieldwrap > label{font-size:20px}
aside#topBox{padding-right:5px;padding-left:5px}
aside#topBox .grid-col:first-child > section{display:none}
aside#topBox .grid-col > section *{font-size:12px}

}