/* ---------------------------- GENERAL --------------------------------- */
body {font-family:"Montserrat", Sans-serif; font-weight: 100; font-size:16px; line-height:30px; color: rgba(33,33,33,0.5);}
div.t3-wrapper {width: 100%;}
div.article-title {border-bottom: 1px solid #dddd; margin-bottom: 5%;}
a.law {color:rgba(34,192,232,0.4);}
a:hover.law {text-decoration:none; color:rgba(255,255,255,0.6);}
div.container.navigation {width:auto;}
h1.titel {font-family:"Montserrat", Sans-serif; font-weight: 800; font-size:50px; text-transform:uppercase!important;}
span.titel {font-family:"Montserrat", Sans-serif; font-weight: 200; font-size:50px; text-transform:uppercase!important;}
div.logotext {font-family: 'Calibri'; font-weight:100; font-size:30px;}
a.linktextlogo {font-family: 'Calibri'; font-weight:100; font-size:30px; color:#333;}
a:hover.linktextlogo {text-decoration:none!important;}
div.col-xs-12.col-sm-3.lgotxt {width:21%;}
div.col-xs-12.col-sm-3.logo {width:29%; padding-left:0px;}
div.text {font-family: calibri; font-weight: 100; font-size: 150%;}  
div#Mod113.t3-module.module hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(34,192,232,0.1); width: 100%; position: absolute; left: 0;}
div.info {font-family: calibri; font-weight: 100; font-size: 16px; letter-spacing: 1px;  color: rgba(34,192,232,0.4); text-align:right;}
h1.header-timeline {text-align: right; margin-bottom: 1%; font-family:"Montserrat", Sans-serif; font-weight:800; font-size:30px; text-transform:uppercase; color:rgba(33,33,33,0.2);}
h2.header-timeline {text-align: center; margin-bottom: 5%; font-family: "Montserrat", Sans-serif;  font-weight: 200; font-size: 30px; text-transform: uppercase; color:#e2001a;}
div#vita h2.header-timeline {text-align: right; font-family: "Montserrat", Sans-serif;  margin-bottom: 2%; font-weight: 200; font-size: 20px; text-transform: uppercase; color:#e2001a;}
span.header-timeline {text-align: center; margin-bottom: 5%; font-family: "Montserrat", Sans-serif;  font-weight: 200; font-size: 30px; text-transform: uppercase; color:#e2001a; margin-left:20px;}
div#history {background-image: url(../images/back_history.jpg)!important; background-position: 50% 1%; min-width: 100%; width:100%; height: auto; margin-bottom: 0px; color:rgba(255,255,255,0.5); line-height:40px!important;}
div#header-history hr:before {background: #000; content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 78px; height: 3px;}
div#header-history hr {margin-left: auto; margin-right: auto; background-color: rgba(33,33,33,0.1)!important; display: block; width: 280px; height: 3px; margin-top: 5px; margin-bottom: 38px; position: relative; border-top:none;}
h1.header-history {font-family:"Montserrat", Sans-serif; font-weight:800; font-size:30px; text-transform:uppercase; color: rgba(33,33,33,0.9); text-align:center;}
span.header-history {text-align: center; margin-bottom: 5%; font-family: "Montserrat", Sans-serif;  font-weight: 200; font-size: 20px; text-transform: uppercase; color: rgba(33,33,33,0.6); margin-left:20px;}
div.container.t3-sl.t3-sl-1.multi {padding-top:0px;}
div#multi h1.header-history {font-family:"Montserrat", Sans-serif; font-weight:800; font-size:30px; text-transform:uppercase; color: rgba(33,33,33,0.9); text-align:center;}
div#multi span.header-history {text-align: center; margin-bottom: 5%; font-family: "Montserrat", Sans-serif;  font-weight: 200; font-size: 20px; text-transform: uppercase; color: rgba(33,33,33,0.6); margin-left:20px;}
div.container.t3-sl.t3-sl-1.header-holding {padding-bottom:0px;}
div#header-holding hr {margin-left: auto; margin-right: auto; background-color: rgba(33,33,33,0.1)!important; display: block; width: 280px; height: 3px; margin-top: 5px; margin-bottom: 38px; position: relative; border-top:none;}
div#header-holding hr:before {background: #000; content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 78px; height: 3px;}
i.fa.fa-line-chart {margin-left:10px; color:rgba(33,33,33,0.6);}
div#vita {background: #f4f3f1;}
div#vita hr:before {background: #000; content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 78px; height: 3px;}
div#vita hr {margin-left: auto; margin-right: auto; background-color: rgba(0,0,0,0.08); display: block; width: 100%; height: 3px; margin-top: 25px; margin-bottom: 38px; position: relative; padding-left: 10%;}
ul.multi {padding-left:0px;}
img.respons {max-width:100%; width:100%; height:auto; float:left;}
div.container.t3-sl.t3-sl-1.header-history {padding-bottom:40px;}
.parallax {width: 100%; background-attachment: fixed !important; background-size: cover!important; background: #f8f8f8; background-repeat: repeat-y; background-position: top center;}
div.filter {background:rgba(27,31,42,0.95); min-height:45vh; height:100%;}
div.filterfooter {background:rgba(27,31,42,0.95);}
.t3-off-canvas {background: rgba(27,31,42,1.0)!important;}
.t3-off-canvas .t3-off-canvas-body a {color: rgba(255,255,255,0.6); text-decoration: none;}
.t3-off-canvas .t3-off-canvas-body a:hover {color: rgba(255,255,255,1.0); text-decoration: none; background:transparent!important;}
img.vitarespons {max-width:100%; height:auto; float:left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #ddd; padding:3px;}
div#lebenswerk {text-align:center; color:rgba(33,33,33,0.6);}
p.lebenswerk {position:relative;}
p.lebenswerk:before {content: "\f10d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:rgba(33,33,33,0.2); font-size: 28px; padding-right: 0.5em; position: relative; top: 0px; left: 0;}
p.lebenswerk:after {content: "\f10e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color:rgba(33,33,33,0.2); font-size: 28px; padding-left: 0.5em; position: relative; top: 0px; left: 0;}

/* ---------------------------- HEADER ---------------------------------- */
div#mainheader.mainnavigation.affix-top {
    position: absolute;
    width: 100%;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 0px 0px 0px 0px;
  	background:#fff!important;
}

div#mainheader.mainnavigation.affix {
    width: 100%;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background: #FFFFFF;
    transition: 0s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-box-shadow: 0px 6px 6px rgb(0 0 0 / 10%);
    box-shadow: 0px 6px 6px rgb(0 0 0 / 10%);
}

div.custom-lgotext {padding-top:20%;}

/* ---------------------------- SLIDER ---------------------------------- */
div#slider {background:rgba(27,31,42,1.0)!important;}
div#Mod125.t3-module.module {margin-bottom:0px;} 
div.container.t3-sl.t3-sl-1.slider {padding-top:0px; padding-bottom:0px;}
div#Mod113.t3-module.module {position:relative; z-index: 99; padding-top:50%; color:rgba(255,255,255,0.8);}

/* ---------------------------- NAVIGATION ------------------------------ */
div.container.navigation {width: auto; padding-top: 7%; position: absolute;}
.navbar-default {background-color: transparent; border-color: none; border:none;}
.navbar-default .navbar-nav > li > a {color: #707070; font-family: "Montserrat", Sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 20.4px; letter-spacing: 2.2px;}

/* ---------------------------- MULTI ----------------------------------- */
div.t3-spotlight.t3-multi.row {display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1 {display: -webkit-flex; display: -ms-flexbox; display: flex; width: 29%; padding: 5% 20px 20px 20px; float: left; margin: 20px; background: #FFFFFF; padding: 15px 32px 40px 44px; box-shadow: 0px 0px 40px rgb(0 0 0 / 15%); border-radius:8px; border:1px solid #df006e; position:relative; transition: .5s; z-index:1;}
div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1:hover {color:#fff!important;}
div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1:hover:after {height:100%; color:#fff;}
div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1:after {position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    z-index: -1;
    transition: .5s;
    background: #df006e;
    border-radius: 5px;
}
div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2 {display: -webkit-flex; display: -ms-flexbox; display: flex; width: 29%; padding: 5% 20px 20px 20px; float: left; margin: 20px; background: #FFFFFF; padding: 15px 32px 40px 44px; box-shadow: 0px 0px 40px rgb(0 0 0 / 15%); border-radius:8px; border:1px solid #0e347a; position:relative; transition: .5s; z-index:1;}
div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2:hover {color:#fff!important;}
div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2:hover:after {height:100%; color:#fff;}
div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2:after {position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    z-index: -1;
    transition: .5s;
    background: #0e347a;
    border-radius: 5px;
}
div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3 {display: -webkit-flex; display: -ms-flexbox; display: flex; width: 29%; padding: 5% 20px 20px 20px; float: left; margin: 20px; background: #FFFFFF; padding: 15px 32px 40px 44px; box-shadow: 0px 0px 40px rgb(0 0 0 / 15%); border-radius:8px; border:1px solid #d51225; position:relative; transition: .5s; z-index:1;}
div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3:hover {color:#fff!important;}
div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3:hover:after {height:100%; color:#fff;}
div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3:after {position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    z-index: -1;
    transition: .5s;
    background: #d51225;
    border-radius: 5px;
}

.multi li {
 line-height:2em;
 padding-left:0px;
 padding-top:5px;
 padding-bottom:5px;
 list-style-type:none;
 list-style:none;
 display:inline-flex; 
}
.multi li:before {
 font-family: 'FontAwesome';
 content: "\f105";
 margin-right:15px;
}

div#multi hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(33,33,33,0.3); width: 100%; float:left;}
  div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1:hover hr {border-top: 1px solid rgba(255,255,255,0.6)!important; position:relative;}
  div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2:hover hr {border-top: 1px solid rgba(255,255,255,0.6)!important; position:relative;}
  div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3:hover hr {border-top: 1px solid rgba(255,255,255,0.6)!important; position:relative;}

/* ---------------------------- TIMELINE -------------------------------- */
.main-timeline {
    position: relative
}

.main-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #c6c6c6;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.main-timeline .timeline {
    margin-bottom: 40px;
    position: relative
}

.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline .icon:before,
.main-timeline .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .icon:before {
    background: #fff;
    border: 2px solid #232323;
    left: -3px
}

.main-timeline .icon:after {
    border: 2px solid #c6c6c6;
    left: 3px
}

.main-timeline .timeline:hover .icon:before {
    left: 3px
}

.main-timeline .timeline:hover .icon:after {
    left: -3px
}

.main-timeline .date-content {
    width: 50%;
    float: left;
    margin-top: 22px;
    position: relative
}

.main-timeline .date-content:before {
    content: "";
    width: 36.5%;
    height: 2px;
    background: #c6c6c6;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0
}

.main-timeline .date-outer {
    width: 125px;
    height: 125px;
    font-size: 16px;
    text-align: center;
    margin: auto;
    z-index: 1
}

.main-timeline .date-outer:before,
.main-timeline .date-outer:after {
    content: "";
    width: 95px;
    height: 95px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .date-outer:before {
    background: #fff;
    border: 2px solid #232323;
    left: -6px
}

.main-timeline .date-outer:after {
    border: 2px solid #c6c6c6;
    left: 6px
}

.main-timeline .timeline:hover .date-outer:before {
    left: 6px
}

.main-timeline .timeline:hover .date-outer:after {
    left: -6px
}

.main-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 27%;
    left: 0
}

.main-timeline .month {
    font-size: 18px;
    font-weight: 700
}

.main-timeline .year {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #232323;
    line-height: 36px
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 20px 0 20px 50px;
    float: right
}

.main-timeline .title {
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 15px 0
}

.main-timeline .description {
    margin-bottom: 0
}

.main-timeline .timeline:nth-child(2n) .date-content {
    float: right
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}

@media only screen and (max-width: 991px) {
    .main-timeline .date-content {
        margin-top: 35px
    }
    .main-timeline .date-content:before {
        width: 22.5%
    }
    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }
    .main-timeline .title {
        font-size: 17px
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline:before {
        margin: 0;
        left: 7px
    }
    .main-timeline .timeline {
        margin-bottom: 20px
    }
    .main-timeline .timeline:last-child {
        margin-bottom: 0
    }
    .main-timeline .icon {
        margin: auto 0
    }
    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }
    .main-timeline .date-content:before {
        display: none
    }
    .main-timeline .date-outer {
        width: 110px;
        height: 110px
    }
    .main-timeline .date-outer:before,
    .main-timeline .date-outer:after {
        width: 110px;
        height: 110px
    }
    .main-timeline .date {
        top: 30%
    }
    .main-timeline .year {
        font-size: 24px
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }
    .main-timeline .title {
        margin-bottom: 10px
    }
}

/* ---------------------------- FOOTER ---------------------------------- */
.t3-footer {border-top:none; background-image: url(../images/back_history.jpg)!important; background-position: 50% 1%; min-width: 100%; width:100%; color: rgba(34,192,232,0.4);}
#back-to-top {display: block; right: 48%;}
div.col-md-6.law {text-align:right;}
div#t3-footer {font-family: "calibri"; font-weight: 300; font-style: normal; font-size: 17px; text-transform: none; line-height: 34px; letter-spacing: 0px;}
section.t3-copyright {font-family: "calibri"; font-weight: 300; font-style: normal; font-size: 17px; text-transform: none; line-height: 34px; letter-spacing: 0px;}
.t3-copyright.small {color:rgba(34,192,232,0.4)!important;}

/* ---------------------------- BACK TO TOP--- ---------------------------- */
#button {display: inline-block; background-color: #333333; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 48%; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;}
#button::after {content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff;}
#button:hover {cursor: pointer; background-color: #000; text-decoration:none!important;}
#button:active {background-color: #555;}
#button.show {opacity: 1; visibility: visible;}


/* ---------------------------- MEDIA QUERIES --------------------------- */

@media only screen and (min-width: 0px) and (max-width: 320px) {
  div.col-xs-12.col-sm-3.lgotxt {width:55%;}
  div.col-xs-12.col-sm-3.logo {width:20%;}
  div.col-xs-12.col-sm-6.navbox {width:25%;}
  a.linktextlogo {font-size:20px;}
  img.logo-img {max-width:100%;}
  div.custom-lgotext {padding-top: 15%;}  
  .off-canvas-toggle {background:transparent;}
  .off-canvas-toggle span {background-color:#000;}
  div#Mod113.t3-module.module {padding-top: 35%;padding-left:20px;}
  h1.titel {font-size:30px;}
  span.titel {font-size:30px;}
  div.text {font-size:110%;}
  div.info {text-align:left;}
  div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1 {width:100%;}
  div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2 {width:100%;}
  div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3 {width:100%;}
  h1.header-history {font-size:20px;}
  span.header-history {font-size:14px;}
  div.container.t3-sl.t3-sl-1.vita {padding-top:0px;}
  h1.header-timeline {font-size:20px;}
  div#vita h2.header-timeline {font-size:15px;}
  p.description strong {display:none;}
  div.moduletable-law {text-align:left;}
  #back-to-top.back-to-top.back-to-top.hidden-xs.hidden-sm.affix {display: block !important;}
  #back-to-top.affix {bottom: 40px; right: 45%;}
  .hidden-xs {display: block !important;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl1 {width:50%; float:left;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl2 {width:50%; float:left;}  
div#Mod118.t3-module.module-timeline {margin-top:10%;}  
div#vita hr:before {left:45%;}
div.col-md-6.law {text-align: left;}
div.n2-section-smartslider {width:100%!important;}
ul.multi {padding-left:0px!important;margin-left:0px!important;}
}


@media only screen and (min-width: 321px) and (max-width: 375px) {
  div.col-xs-12.col-sm-3.lgotxt {width:55%;}
  div.col-xs-12.col-sm-3.logo {width:20%;}
  div.col-xs-12.col-sm-6.navbox {width:25%;}
  a.linktextlogo {font-size:20px;}
  img.logo-img {max-width:100%;}
  div.custom-lgotext {padding-top: 15%;}  
  .off-canvas-toggle {background:transparent;}
  .off-canvas-toggle span {background-color:#000;}
  div#Mod113.t3-module.module {padding-top: 35%;padding-left:20px;}
  h1.titel {font-size:30px;}
  span.titel {font-size:30px;}
  div.text {font-size:110%;}
  div.info {text-align:left;}
  div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1 {width:100%;}
  div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2 {width:100%;}
  div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3 {width:100%;}
  h1.header-history {font-size:20px;}
  span.header-history {font-size:14px;}
  div.container.t3-sl.t3-sl-1.vita {padding-top:0px;}
  h1.header-timeline {font-size:20px;}
  div#vita h2.header-timeline {font-size:15px;}
  p.description strong {display:none;}
  div.moduletable-law {text-align:left;}
  #back-to-top.back-to-top.back-to-top.hidden-xs.hidden-sm.affix {display: block !important;}
  #back-to-top.affix {bottom: 40px; right: 45%;}
  .hidden-xs {display: block !important;}
   div#n2-ss-1 .n2-ss-slide-backgrounds, div#n2-ss-1 .n2-ss-slider-3 > .n-particles-js-canvas-el, div#n2-ss-1 .n2-ss-slider-3 > .n2-ss-divider {
    position: absolute;
    right: 0px;
    width: 100%!important;
    height: 100%;
    margin-left:0%!important;} 
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl1 {width:50%; float:left;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl2 {width:50%; float:left;}
div#Mod118.t3-module.module-timeline {margin-top:10%;}
div#vita hr:before {left:45%;}
div.col-md-6.law {text-align: left;}  
div.n2-section-smartslider {width:100%!important;}
ul.multi {padding-left:0px!important;margin-left:0px!important;}
}


@media only screen and (min-width: 376px) and (max-width: 425px) {
  div.col-xs-12.col-sm-3.lgotxt {width:55%;}
  div.col-xs-12.col-sm-3.logo {width:20%;}
  div.col-xs-12.col-sm-6.navbox {width:25%;}
  a.linktextlogo {font-size:20px;}
  img.logo-img {max-width:100%;}
  div.custom-lgotext {padding-top: 15%;}  
  .off-canvas-toggle {background:transparent;}
  .off-canvas-toggle span {background-color:#000;}
  div#Mod113.t3-module.module {padding-top: 35%;padding-left:20px;}
  h1.titel {font-size:30px;}
  span.titel {font-size:30px;}
  div.text {font-size:110%;}
  div.info {text-align:left;}
  div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1 {width:100%;}
  div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2 {width:100%;}
  div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3 {width:100%;}
  h1.header-history {font-size:20px;}
  span.header-history {font-size:14px;}
  div.container.t3-sl.t3-sl-1.vita {padding-top:0px;}
  h1.header-timeline {font-size:20px;}
  div#vita h2.header-timeline {font-size:15px;}
  p.description strong {display:none;}
  div.moduletable-law {text-align:left;}
  #back-to-top.back-to-top.back-to-top.hidden-xs.hidden-sm.affix {display: block !important;}
  #back-to-top.affix {bottom: 40px; right: 45%;}
  .hidden-xs {display: block !important;}
  div#n2-ss-1 .n2-ss-slide-backgrounds, div#n2-ss-1 .n2-ss-slider-3 > .n-particles-js-canvas-el, div#n2-ss-1 .n2-ss-slider-3 > .n2-ss-divider {
    position: absolute;
    right: 0px;
    width: 100%!important;
    height: 100%;
    margin-left:0%!important;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl1 {width:50%; float:left;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl2 {width:50%; float:left;}
div#Mod118.t3-module.module-timeline {margin-top:10%;}
div#vita hr:before {left:45%;}
div.col-md-6.law {text-align: left;} 
div.n2-section-smartslider {width:100%!important;}
ul.multi {padding-left:0px!important;margin-left:0px!important;}   
}


@media only screen and (min-width: 426px) and (max-width: 479px) {
  div.col-xs-12.col-sm-3.lgotxt {width:55%;}
  div.col-xs-12.col-sm-3.logo {width:20%;}
  div.col-xs-12.col-sm-6.navbox {width:25%;}
  a.linktextlogo {font-size:20px;}
  img.logo-img {max-width:100%;}
  div.custom-lgotext {padding-top: 15%;}  
  .off-canvas-toggle {background:transparent;}
  .off-canvas-toggle span {background-color:#000;}
  div#Mod113.t3-module.module {padding-top: 35%;padding-left:20px;}
  h1.titel {font-size:30px;}
  span.titel {font-size:30px;}
  div.text {font-size:110%;}
  div.info {text-align:left;}
  div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1 {width:100%;}
  div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2 {width:100%;}
  div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3 {width:100%;}
  h1.header-history {font-size:20px;}
  span.header-history {font-size:14px;}
  div.container.t3-sl.t3-sl-1.vita {padding-top:0px;}
  h1.header-timeline {font-size:20px;}
  div#vita h2.header-timeline {font-size:15px;}
  p.description strong {display:none;}
  div.moduletable-law {text-align:left;}
  #back-to-top.back-to-top.back-to-top.hidden-xs.hidden-sm.affix {display: block !important;}
  #back-to-top.affix {bottom: 40px; right: 45%;}
  .hidden-xs {display: block !important;}
  div#n2-ss-1 .n2-ss-slide-backgrounds, div#n2-ss-1 .n2-ss-slider-3 > .n-particles-js-canvas-el, div#n2-ss-1 .n2-ss-slider-3 > .n2-ss-divider {
    position: absolute;
    right: 0px;
    width: 100%!important;
    height: 100%;
    margin-left:0%!important;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl1 {width:50%; float:left;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl2 {width:50%; float:left;}
div#Mod118.t3-module.module-timeline {margin-top:10%;}
div#vita hr:before {left:45%;}
div.col-md-6.law {text-align: left;} 
div.n2-section-smartslider {width:100%!important;}
ul.multi {padding-left:0px!important;margin-left:0px!important;}   
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
  div.col-xs-12.col-sm-3.lgotxt {width:36%;}
  div.col-xs-12.col-sm-3.logo {width:20%;}
  div.col-xs-12.col-sm-6.navbox {width:44%; text-align:right;}
  a.linktextlogo {font-size:20px;}
  img.logo-img {max-width:100%;}
  div.custom-lgotext {padding-top: 15%;}  
  .off-canvas-toggle {background:transparent;}
  .off-canvas-toggle span {background-color:#000;}
  div#Mod113.t3-module.module {padding-top: 35%;padding-left:20px;}
  h1.titel {font-size:30px;}
  span.titel {font-size:30px;}
  div.text {font-size:110%;}
  div.info {text-align:left;}
  div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1 {width:100%;}
  div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2 {width:100%;}
  div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3 {width:100%;}
  h1.header-history {font-size:20px;}
  span.header-history {font-size:14px;}
  div.container.t3-sl.t3-sl-1.vita {padding-top:0px;}
  h1.header-timeline {font-size:20px;}
  div#vita h2.header-timeline {font-size:15px;}
  p.description strong {display:none;}
  div.moduletable-law {text-align:left;}
  #back-to-top.back-to-top.back-to-top.hidden-xs.hidden-sm.affix {display: block !important;}
  #back-to-top.affix {bottom: 40px; right: 45%;}
  .hidden-xs {display: block !important;}
  div#n2-ss-1 .n2-ss-slide-backgrounds, div#n2-ss-1 .n2-ss-slider-3 > .n-particles-js-canvas-el, div#n2-ss-1 .n2-ss-slider-3 > .n2-ss-divider {
    position: absolute;
    right: 0px;
    width: 100%!important;
    height: 100%;
    margin-left:0%!important;}
  div.container.navigation {width: auto; padding-top: 7%; position: relative;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl1 {width:50%; float:left;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl2 {width:50%; float:left;}
div#Mod118.t3-module.module-timeline {margin-top:10%;}
div#vita hr:before {left:45%;}
div.col-md-6.law {text-align: left;} 
div.n2-section-smartslider {width:100%!important;}
ul.multi {padding-left:0px!important;margin-left:0px!important;} 
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .off-canvas-toggle {display:none!important;}
  div.col-xs-12.col-sm-3.lgotxt {width: 32%;}
  div.col-xs-12.col-sm-3.logo {width: 12%; padding-left: 0px;}
  div.col-xs-12.col-sm-6.navbox {width:56%;}
  div.container.navigation {width: auto; padding-top: 9%; position: absolute;}
  div#Mod113.t3-module.module {padding-top: 35%;padding-left:20px;}
  div#n2-ss-1 .n2-ss-slide-backgrounds, div#n2-ss-1 .n2-ss-slider-3 > .n-particles-js-canvas-el, div#n2-ss-1 .n2-ss-slider-3 > .n2-ss-divider {
    position: absolute;
    right: 0px;
    width: 100%!important;
    height: 100%;
    margin-left:0%!important;}  
  div.col-lg-4.m1.col-md-4.m1.col-sm-12.m1.col-xs-12.m1 {padding: 15px 14px 40px 14px; margin:5px; width:32%;}
  div.col-lg-4.m2.col-md-4.m2.col-sm-12.m2.col-xs-12.m2 {padding: 15px 14px 40px 14px; margin:5px; width:32%;}
  div.col-lg-4.m3.col-md-4.m3.col-sm-12.m3.col-xs-12.m3 {padding: 15px 14px 40px 14px; margin:5px; width:32%;}
  div.col-md-6.foot {width:70%; float:left;}
  div.col-md-6.law {width:30%; float:left;}  
  #back-to-top.back-to-top.back-to-top.hidden-xs.hidden-sm.affix {display: block !important;}
  #back-to-top.affix {bottom: 40px; right: 45%;}
  .hidden-xs {display: block !important;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl1 {width:50%; float:left;}
div.col-lg-6.col-md-6.col-sm-12.col-xs-12.tl2 {width:50%; float:left;}
div#Mod118.t3-module.module-timeline {margin-top:10%;}
div#vita hr:before {left:45%;}
div.col-md-6.law {text-align: left;} 
div.n2-section-smartslider {width:100%!important;}
ul.multi {padding-left:0px!important;margin-left:0px!important;} 
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  div.col-xs-12.col-sm-3.lgotxt {width: 25%;}
  div.col-xs-12.col-sm-3.logo {width: 25%; padding-left: 0px;}
  div.col-xs-12.col-sm-6.navbox {width:50%;}
  div.container.navigation {width: auto; padding-top: 9%; position: absolute;}
  div#Mod113.t3-module.module {padding-top: 45%;padding-left:20px;}
}


@media only screen and (min-width: 1200px) {

}