/* START: iFame (YouTube) Responsive; */
.responsive-video { height: 0; position: relative; padding-bottom: 56.25%; padding-top: 0px; overflow: hidden; }
.responsive-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
/* END: iFame (YouTube) Responsive; */

/* START: Button default; */
.btn { background-color: rgba(46, 81, 134, 0.8); cursor: pointer; border-color: #2e5186; border-style: none none solid; 
  border-width: 0 0 5px; color: #fff; display: inline-block; padding: 8px 20px; font-weight: 300;
  -webkit-transition: background-color 500ms;
     -moz-transition: background-color 500ms;
       -o-transition: background-color 500ms;
          transition: background-color 500ms; }
.btn:hover { background-color: #2e5186; }
/* END: Button default; */

body, #mainWrapper { float: left; width: 100%; max-width: 1920px; }
#mainWrapper { font-size: 97%; }
.outerWrap { float: left; left: 50%; max-width: 1000px; width: auto; }
.innerWrap { float: left; margin-left: -50%; max-width: 100%; width: auto; }
@media screen and (min-width: 4096px) {
	body, #mainWrapper { float: none; margin: 0 auto; }
}

ul li, ol li { padding: 5px 0; }
#main ul li, #main  ol li { padding: 0; }

body, a, p { color: #707173; line-height: 150%; }
a:hover, .act { color: #000; }

.font-header { padding-bottom: 20px; }

#banner { float: right; width: 74%; z-index: 500; }
#banner .ce-gallery.image-slider { padding-bottom: 0; }

#contentWrap { background-color: #e9dadd; float: left; padding: 50px 3% 50px 3%; width: 100%; }

#background-top { margin-left: -2px; left: 0; position: absolute; top: 0; width: 102%; }
#background-top img { width: 100%; }

#main { float: right; padding-top: 20px; width: 53%; }
#main > .ce-textpic, #main > .default { margin: 0 0 20px 6%; padding: 0; width: 94%; }
#main > .ce-textpic:first-child, #main > .default:first-child { padding: 0 ; }

#main .ce-menu { font-size: 80%; }
.browsebox {  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; margin: 0; padding: 0;}
.browsebox li {list-style-type: none; margin-right: 15px;}

#aside { float: left; padding-left: 6%; padding-top: 50px; width: 25%; }
.navAside #main { float: right; width: 75%; }
.navAside #asideNav { float: left; padding-bottom: 50px; width: 100%; }
.navAside #asideNav > ul { padding-left: 0; }

#asideNav { float: left; max-width: 175px; width: 100%; }
#asideNav ul { padding: 4px 0 0; }
#asideNav ul li { float: left; width: 100%; padding: 3px 0;}
#asideNav ul li a { display: block; float: left;  width: 100%; }
#asideNav ul li ul { display: none; padding-left: 10px; }
#asideNav ul .active > ul { display: block; }

/* START: felogin; */
.tx-felogin-pi1, .tx-felogin-pi1 form, .tx-felogin-pi1 form div { float: left; width: 100%; }
.tx-felogin-pi1 form > fieldset > legend { float: left; padding-bottom: 10px; width: 100%; }
.tx-felogin-pi1 form div label { float: left; width: 130px; }
.tx-felogin-pi1 form div input { float: left; }
/* END: felogin; */

/* START: backToTop button; */
#backToTop { background: rgba(0, 0, 0, 0.5); bottom: 15px; border-radius: 4px; cursor: pointer; display: none; height: 38px; line-height: 38px;
  padding: 4px; position: fixed; right: 15px; text-align: center; width: 38px; z-index: 650;
  -webkit-transform: translateZ(0);
  transition: all .3s ease-out; }
#backToTop:hover { background: rgba(0, 0, 0, 0.9); }
#backToTop:before,
#backToTop:after {
  -webkit-backface-visibility: hidden; }
#backToTop:before { border: 3px solid #fff; border-left-width: 0; border-bottom-width: 0; content: ''; display: block;
  height: 8px; left: 15px; position: absolute; top: 15px;width: 8px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); }
#easy-top:after { background: #fff; content: ''; display: block; height: 16px; left: 22px; position: absolute; top: 17px; width: 3px; }
#easy-top:hover:after { border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent; }
/* END: backToTop button; */

/* START: Gridelements; */
.navAside .grid-container.padding-right { padding-right: 8%; }
.navAside .grid-container.padding-left-right { padding-right: 8%; }
/* END: Gridelements; */

/* START: MOBILE Menu; */
/* ! width abgleichen mit Header.css ! */
@media screen and (max-width: 1000px) {
  #aside { padding-right: 6%; width: 100%; }
  #main {width: 100%;}
	.navAside-nav-content #asideNav { display: none; }
	.navAside-nav-content #main { width: 100%; }
  #contentWrap {padding: 30px 3% 0 3%; width: 94%; margin: 0 3% 5%;}
  #main > .ce-textpic, #main > .default {width: 100%; margin: 0;}
}
/* END: MOBILE Menu; */