/* author: ideenwerft GmbH */

@charset "UTF-8";

@import url("fonts.css"); 


/* =LAYOUT ======================== */
body {font-size:16px;color:#757b82;line-height:22px;font-family:'Hind', sans-serif;font-weight:100;}
header {overflow:hidden;}
header .top {box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.15);z-index:50;position:relative;}
header .container {position: relative;}
.socialmedia {position:absolute;top:10px;right:15px;z-index:1005;}
main {padding:30px 0; }
section {padding:30px 0;}
section:first-child {padding-top:0px;}
section:last-child {padding-bottom:0px;}
section.content > .row {padding:0 15px;}
main .row .content {padding-bottom: 30px;margin-bottom:30px;}
aside {padding:0px 0;border:0;}
aside .csc-default {margin-bottom:50px;}
section.rechtsgebiete {background:#f6f6f6;text-align:center;}
footer {padding:30px 0;background:#777776;color:rgba(255, 255, 255, 0.6);}

.fullwidth {
    margin-top: 60px;
    background: #f6f6f6;
    text-align: center;
}

@media (min-width: 992px) {
    header .top {padding:15px 0;}
    main {padding:60px 0 80px;}
    section.content > .row {padding:0 30px 0 0;}
    section, .fullwidth {padding:60px 0;}
    section:first-child {padding-top:0px;}
    section:last-child {padding-bottom:0px;}
    footer {padding:50px 0 30px;}
    
    
}
@media (min-width: 1024px) {
     main .row .content {padding-right:60px;border-right:1px solid rgba(0, 0, 0, 0.1);}
	 main .row aside {padding-left:60px;}
	 aside .csc-default {margin-bottom:50px;}
}

/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
/* links */
a:link, a:visited {text-decoration: none;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
a:hover, a:focus {outline:none;text-decoration: none;}
:active, :focus {outline:0;}
a.internal-link:link, a.internal-link:visited {}
a.internal-link:hover, a.internal-link:focus {}
a.external-link-new-window:link, a.external-link-new-window:visited {}
a.external-link-new-window:hover, a.external-link-new-window:focus {}
a.download {}
a.download i {font-size:17px;padding-right:9px;}

a.download::before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	margin-right: 10px;
	content: "\f019";
}

a.doc {}
a.mail:link, a.mail:visited {}
a.mail:hover, a.mail:focus {}
/* TYPO3 : anker-tags für interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */


h1,h2,h3,h4,h5 {line-height:1;font-weight:300;}
h1,h2 {color:#27628f;}
h3,h4 {color:#757b82;}
p {margin:0px 0px 15px;}
h1 {margin:0px 0px 30px;font-size:27px;}
h2 {margin:40px 0px 25px;font-size:22px;}
h3 {margin:30px 0px 15px;font-size:20px;}
header + h2,
header + h3 {
	margin-top: 0;
}
aside h3 {color:#454443;}
h4 {margin:0px 0px 15px;font-size:20px;}
/* other */

h1::after, h2::after, h3::after {content:"";display:block;width:20px;height:2px;margin-top:5px;background:#27628f;}
h3::after {background:#757b82;}
.fullwidth h2::after {display:none;}
section.content h2::after, section.content h3::after {display: none;}
aside h2 {margin-top: 0;}
@media (min-width: 768px) {
    h1 {margin:0px 0px 30px;font-size: 37px;}
    h2 {margin:40px 0px 25px;font-size: 28px;}
    h3 {font-size: 22px;}
}


#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {border:0px;margin: 0;padding: 15px 40px 5px;font-style: italic;}
blockquote p {font-size: 16px;}
blockquote + p {text-align: right;padding-right: 40px;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
.content ul {margin-bottom:15px;}
.content ul li {margin-bottom:10px;}
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:0px solid #ccc;font-size:1em;padding:4px;}
input:focus, textarea:focus {background-color:rgba(255, 255, 255, 0.5);color: #798a7a;}
a i {cursor: pointer;}


img {max-width: 100%;height: auto;} 



/* =NAVIGATION ======================== */
.navbar {margin-bottom:0;}
.navbar-default {background:none;border:0px;}

.navbar-brand {max-width:60%;height:auto;padding:15px 0;}

.navbar-header #logo {
    padding: 15px 0;
}

.navbar-toggle {margin:0;margin-top:45px;border:0;padding-right:5px}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;}
.navbar-default .navbar-toggle .icon-bar {background:#28628F;}

.navbar-nav {margin: 0 -15px;}
.navbar-default .navbar-nav > li {padding:10px 15px;}
.navbar-default .navbar-nav > li > a {position: static;font-size:18px;color:#2c2c2a;padding:0px;display: inline-block;}
.navbar-default .navbar-nav > li > a::after {content:"";margin-bottom: 6px;display:inline-block;width:7px;height:7px;margin-left:5px;border:2px solid #27628f;border-radius:10px;opacity:0;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;} 
.navbar-default .navbar-nav > li > a:hover:after {opacity:1;} 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:none;color:rgba(44, 44, 42, 0.7);}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background:none;color:rgba(44, 44, 42, 0.7);}
.navbar-default .navbar-nav > .active > a::after, .navbar-default .navbar-nav > .active > a:focus:after, .navbar-default .navbar-nav > .active > a::after {opacity:1;right:3px;} 

/* 2. Ebene */
.navbar-collapse.in {overflow-y: inherit;}
.navbar-collapse {max-height: none;overflow-x: inherit;}
.navbar-nav > li.dropdown.active.open .dropdown-toggle {color: #27628f;}
.navbar-nav > li > .dropdown-menu {padding:0;background:#fff;box-shadow:none;border-radius:0;border:none;}
.navbar-right .dropdown-menu {left: 0;right: inherit;}
.navbar-nav > li > .dropdown-menu > li {padding:0;}
.navbar-nav > li > .dropdown-menu > li > a {padding: 5px 20px;font-size:17px;color:#909090;}
.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color:#515151;background:none;}

.navbar-nav .open .dropdown-menu {background:none;margin-top: 10px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color:#0f8ea2;}

.navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 0px;
}


li.dropdown {
    position: relative;
}

.caret,
span.dropdown-toggle {
    display: none;
    position: absolute;
    top: 13px;
	right: 35px;
	border: none;
    color: #27628f;
}
.caret::after,
span.dropdown-toggle:after {
	display: inline-block !important;
    border: none;
    content: '\f067';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 23px;
    vertical-align: inherit;
}


@media (max-width: 767px) {
	.navbar-default .navbar-nav > li {
    		padding: 14px 15px 8px;
    		border-bottom: 1px solid #eee;
	}
	.car et,
	span.dropdown-toggle {
    		display: block;
	}
	.navbar-nav .dropdown-menu.show {
		position: static;
		float: none;
		width: auto;
		margin-top: 10px;
		background-color: transparent;
		border: 0;
		box-shadow: none;
	}
	.dropdown-menu > li > a {
		padding: 4px 0px;
	}
}


@media (min-width: 480px) {
	.navbar-toggle {margin-top:65px;}
}

@media (min-width: 768px) {
	.navbar-brand {max-width:100%;}
	.navbar-nav {margin:65px 0px 0px;}
    .navbar-nav.navbar-right {
        margin-right: -15px;    
    }        
    .navbar-nav > li > .dropdown-menu {padding-top: 15px;}
    .navbar-default .navbar-nav > li {padding:10px 10px;}
	.navbar-default .navbar-nav > li > a {font-size:16px;color:#2c2c2a;padding:0px;display: inline-block;}
    .navbar-default .navbar-nav > li > a::after {
        position: absolute;
    }
	/* 2. ebene */
	.navbar-nav > li:hover > .dropdown-menu, .navbar-nav > li:focus > .dropdown-menu {display:block;}
}
@media (min-width: 992px) {
        /* 2. Ebene */
	
    .navbar-default .navbar-nav > li {padding:10px 15px;}
.navbar-default .navbar-nav > li > a {font-size:18px;color:#2c2c2a;padding:0px;display: inline-block;}
}


/* Subnavi */
.subnav {margin-bottom: 40px;}
.subnav .navbar-header {background:none;float:none;margin-left: 0;padding-left: 0;}
.subnav .navbar-toggle {width:100%;margin:0;padding:0px;float:left;text-align:left;}
.subnav .sr-only {position:relative;}
.subnav .sr-only h3 {display:block;margin:0;border:1px solid;padding: 5px 15px;}
.subnav .sr-only h3:hover {color:#27628e;}
.subnav .sr-only h3::after {display:none;}
.subnav .sr-only h3:hover:after {display:none;}
.subnav .sr-only h3 i {padding-left:15px;font-weight:700;}

#subnavbar {max-height:none;padding:0;border:none;}
.subnav ul.nav {position:relative;margin:0;float:none;}
.subnav ul.nav li {padding:0;list-style:none;line-height:20px;float:none;}

.subnav .fa-ul  {margin-bottom:0;margin-left:0;}
.subnav .navbar-nav > li > a  {display:block;padding:5px 19px;
	font-size:16px;color:#757b82;background:none;border:0;font-weight: 400;}
.subnav .navbar-nav > li > a:hover {color:#27628e;}
.subnav .navbar-nav > li > a::after {display:none;}
.subnav .navbar-nav > li > a:hover:after {display:none;}
.subnav .navbar-nav > li > a i {position: absolute;left:0px;width:auto;top:9px;font-size:11px;}



@media (min-width:768px) {
	.subnav .navbar-header {background:none;float:none;margin-left: 0;}
	.subnav button.navbar-toggle {display:block;}
	.subnav ul.nav li ul.dropdown-menu li a {white-space:normal;}
}

@media (min-width:992px) {
	.subnav .navbar-header {background:none;float:none;margin-left: 0;}
	.subnav button.navbar-toggle {display:block;}
	.subnav button.navbar-toggle:hover, .aside button.navbar-toggle:focus {cursor:inherit;}
    .subnav .sr-only h3 {display:block;margin:0;border:0px solid;padding: 0;}
    .subnav .sr-only h3:hover {color:#757b82;}
    .subnav .sr-only h3::after {display:block;}
    .subnav .sr-only h3:hover:after {display: block;}
    .subnav .sr-only h3 i {display: none;}
	.subnav ul.nav li ul {position:relative;display:block;}
	.subnav ul.nav li ul.dropdown-menu li a {white-space:normal;}
}


@media (max-width: 992px) {
	/* Hamburger Menu aside */
    aside .navbar {background:#fff;}
	aside .navbar-header {float: none;padding-left: 5px;}
	aside .navbar-left, aside .navbar-right {float: none !important;}
	aside .navbar-toggle {display: block;border:none;}
	aside .navbar-default .navbar-toggle:hover, aside .navbar-default .navbar-toggle:focus {background:none;}
	aside .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	aside .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
	aside .navbar-collapse.collapse {display: none!important;}
	aside .navbar-nav {float: none!important;margin-top: 2px;border: 0px;}
	aside .navbar-nav>li {float: none;}
	aside .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	aside .collapse.in{display:block !important;}
    aside nav .container {width: inherit;}
}

/* =CONTENT ELEMENTS ======================== */
/*++++ .icons ++++*/
.rechtsgebiete .row, .row > .col-md-2  {margin-top:30px;text-align: center;}
.rechtsgebiete > div a, .col-md-2 a {color:#757b82;}
.rechtsgebiete > div a:hover, .col-md-2 a:hover {opacity: 0.8;}
.col-md-2 > div a img, .col-md-2 > a img {margin-bottom: 15px;}
article {margin-bottom: 15px;}

/*++++ über uns ++++*/
.visi {margin-bottom:30px;}
.visi img {margin-bottom:15px;}
.visi .name {margin-bottom:5px;font-size: 18px;color:#1d1d1b;}
.visi .name a {font-size: 18px;color: #1d1d1b;margin-bottom: 0;font-weight: 400;}
.visi .name span {font-size: 16px;display: block;line-height: 15px;}
.visi .name + p {font-size: 15px;line-height:17px;margin-bottom: 10px;}
.visi .phone {margin-bottom: 5px;}
.visi .phone, .visi .email {font-size: 15px;line-height: 15px;}


@media (min-width: 480px) {
    .content .name span {display: inline-block;margin-left: 10px;border-left: 1px solid #1d1d1b;padding-left: 10px;}    
}
@media (min-width: 992px) {
    .content .name span {display:block;margin-left: 0px;border-left: 0px solid #1d1d1b;padding-left: 0px;}    
}
@media (min-width: 1200px) {
    .content .name span {display: inline-block;margin-left: 10px;border-left: 1px solid #1d1d1b;padding-left: 10px;}    
}


section.content a {color: rgba(40, 98, 143, 0.7);}
section.content a:hover {color:rgb(40, 98, 143);}



/* =OTHER ======================== */
.socialmedia > a {margin-left:10px;}
.socialmedia i {padding:8px 10px;border-radius:50%;background:rgba(40, 98, 143, 0.7);color:#fff;font-size:14px;}
.socialmedia i:hover {background:#28628F;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;}


/* =ASIDE ======================== */
aside a {color:#757b82;}
aside a:hover, aside a:focus {color:#27628f;cursor:pointer;}
aside a {display:inline-block;line-height:16px;color:#757b82;border-bottom:1px solid #757b82;}
aside a:hover {color:#27628f;border-bottom:1px solid #27628f;}

@media (min-width: 992px) {
	aside::before {display: none;}
	aside .block {padding-bottom: 90px;}
	.block:first-child {padding-top: 16px;}
}

/* =FOOTER ======================== */

.footer-logo {display: none;}
.adresse h4 {color: rgba(255, 255, 255, 0.8);margin-bottom: 25px;}
footer ul.musthave {margin-top:30px;}

footer .adresse::after {content:"";display:block;clear:both;}
footer .adresse:first-child:a fter {content:"";width:90%;margin:0 5% 30px;padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .adresse > div {position:relative;}
footer .adresse img {margin-top:-4px;float:left;}
footer .adresse p {padding-left:40px;font-weight:100;}
footer .adresse a {color:rgba(255, 255, 255, 0.8);}
footer .adresse a:hover {color:rgba(255, 255, 255, 1);}

@media (min-width: 480px) {
    footer .adresse {width:50%;float:left;}
    footer .adresse:first-child:after {display:none;}
}

@media (min-width: 992px) {
    footer {font-size:14px;}
    footer .col-lg-4 {padding: 0;}
    .adresse h4 {font-size:18px;margin-bottom:0;}
    .footer-logo {display:block;margin-bottom:20px;}
    footer .adresse {width:100%;float:none;}
    footer .adresse:first-child:after {display:block;width:100%;margin-left:0;}
    footer .adresse .col-md-3 {padding-right: 0px;}
}
@media (min-width: 1024px) {
    .footer-logo {margin-bottom:23px;}
}

@media (min-width: 1200px) {
    footer {font-size: 15px;}
}



/* = MUSTHAVE & COPY ======================== */
.musthavecopy {font-size: 14px;padding: 0 15px;}
.musthave {display: block;margin: 0;padding:5px 0;overflow: hidden;}
.musthave li {list-style: none;float: left;text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.6);line-height: 15px;}
.musthave li a {color:rgba(255, 255, 255, 0.6);padding: 0px 15px;}
.musthave li:first-child a {padding: 0px 15px 0 0;}
.musthave li a:hover {color:rgba(255, 255, 255, 1);}
.musthave li:last-child {border:0;}
.musthave li:last-child a {padding-right: 0;}

.copy a {color: rgba(255, 255, 255, 0.6);}
.copy a:hover {color: rgba(255, 255, 255, 1);    
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;}


 @media (min-width: 992px) {
    .musthavecopy {font-size: 13px;padding: 15px 0;}
    .musthave li a {padding: 0px 10px;}
    .musthave li:first-child a {padding: 0px 10px 0 0;}
}   

 @media (min-width: 1200px) {
    .musthavecopy {font-size: 14px;}
    .musthave li a {padding: 0px 15px;}
    .musthave li:first-child a {padding: 0px 15px 0 0;}
}


/* =NEWS ======================== */
.aktuelles h3 {margin-bottom:30px;}
.aktuelles .artikel {padding:15px 0;font-size:15px;border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.aktuelles h3 + .artikel {border-top:1px solid rgba(0, 0, 0, 0.2);}
.aktuelles .artikel h4 {margin-bottom:5px;font-size:15px;color:rgba(29, 28, 27, 0.9);font-weight:500;}
.aktuelles .artikel h4 a {color:rgba(29, 28, 27, 0.9);font-weight: 500;}
.aktuelles .teaser-text {margin-bottom:8px;}
.aktuelles a.teaser-link {font-size:14px;border-bottom:0px;}
.aktuelles a.teaser-link i {padding-right:5px;font-weight:bolder;}

.aktuelles .artikel + a.teaser-link {padding:15px 0px;display:block;}



/* =DCE ======================== */

.slick-dots {
    bottom: -28px;
}
.slick-dots li {
    margin: 0 3px;
}
.slick-dots li button::before {
	font-size: 14px;
}
.slick-dots li.slick-active button::before {
	color: #27628f;
	content: '°';
	font-size: 42px;
	margin-top: 2px;
}
    
/* teaser start */
.dce-teaser {
	margin: 5rem 0 0;
}
.dce-teaser .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dce-teaser .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.dce-teaser .text-wrap {
    padding: 1rem 1rem;
}
.dce-teaser img {
    width: auto;
}
.dce-teaser h3 {
    font-size: 17px;
    margin: 10px 0 0;
	line-height: 1.3em;
}
.dce-teaser h3:after {
	display: none;
}
@media (min-width: 768px) {
    .dce-teaser .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}
	
.team img {
	margin-bottom: 15px;
}
.team h4, 
.team p {
	display: inline-block;
}
.team h4 {
    margin-bottom: 8px;
    font-size: 18px;
    color: #1d1d1b;
}
.team .position {
    display: inline-block;
    margin-left: 10px;
	margin-bottom: 0;
    border-left: 1px solid #1d1d1b;
    padding-left: 10px;
}
aside .team {
	margin-bottom: 40px;
}
aside .team p {
	margin-bottom: 10px;
}
aside .team a {
	display: block; 
	margin-bottom: 5px;
	border: none;
}
aside .team .button {
	display: none;
}
aside .team .tel::before,
aside .team .mail::before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	margin-right: 10px;
}
aside .team .tel::before {
	content: "\f095";
}
aside .team .mail::before {
	content: "\f0e0";
	margin-right: 7px;
}

/* =POWERMAIL ======================== */

.tx-powermail h3,
.tx-powermail legend {
    display: none;
}
main .tx-powermail .powermail_fieldset {
    background: none;
    padding-top: 25px;
}
main .tx-powermail div.powermail_fieldwrap {
    padding-left: 0;
    padding-right: 0;
}
main .tx-powermail form.form-horizontal .control-label {
    text-align: left;
	font-weight: normal;
}
.tx-powermail input, 
.tx-powermail textarea, 
.tx-powermail select {
    border: 1px solid #ccc !important;
    font-size: 16px;
    padding: 5px;
    color: #000;
    float: none;
}
.powermail_fieldwrap_type_submit .col-sm-10,
.powermail_fieldwrap_pflichtfeldhinweis .col-sm-10 {
        max-width: 100% !important;
    flex: 0 0 100%  !important;
    margin-left: 0;;
    margin-left: 0;
}
.tx-powermail input.powermail_submit {
    background: rgba(40, 98, 143, 0.7);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border: 0 !important;
    width: 100%;
}
.tx-powermail .powermail_fieldset .parsley-errors-list,
.tx-powermail .powermail_fieldset div.parsley-error,
.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list{
    background: transparent;
    border: none;
}
.tx-powermail .powermail_fieldset .parsley-errors-list>li {
    padding: 0;
}
@media (max-width:991px) {
    .tx-powermail .container-fluid {
        padding: 0;
    }
    main .tx-powermail div.powermail_fieldwrap {
        display: block;
    }
    main .powermail_fieldwrap > label.col-sm-2 {
        width: 100%;
        max-width: inherit;
    }
    main .powermail_fieldwrap > .col-sm-10 {
        max-width: inherit;
    }
}


/* .... PRINT STYLES .... */
@media print {
    .header-top,
    .footnavi,
    .musthave,
    .dce-keyvisual-slider {
        display: none;
    }
}