header {
	/* bei dem Layout Thmenseite gibt es ohne max-height einen gelbe Linie */
 max-height: 178px;

}

.container {
	padding-right: var(--bs-gutter-x, 1rem) !important;
	padding-left: var(--bs-gutter-x, 1rem) !important;
}
 .ce-image img {
     max-width: 100%;
     height: auto;
 }

/*
.branding {
		display:block;
		border-right:1px solid #fff;
	}
.branding img {
		max-width:200px;
	}
*/	
.sozialicons_dimension {
		width: 30px;
		height:30px;
	}

.boxStorySidebar img:first-child, .boxStories img:first-child {opacity:100 !important;}

body#pid_18 .mt-3 header, body#pid_19 .mt-3 header, body#pid_20 .mt-3 header, body#pid_21 .mt-3 header, body#pid_22 .mt-3 header, body#pid_28 .mt-3 header, body#pid_33 .mt-3 header {background:transparent}
header .logo2 {display:none;}
/* Silbentrennung per CSS */
body {
 hyphens: auto;
}


/* Link Mainnenue */
.nav li a {
	text-transform: uppercase
	
	
}

.boxStories, .boxStorySidebar {
  margin-bottom: calc(var(--bs-gutter-x) * 0.9);

}

/* Akkordion */
.tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.tx_designguide .magazinArticle {
  font-size: 18px;
  padding-left: 30px;
}

.tx_designguide .magazinArticle a {
  color: #424242;
  text-decoration: underline;
}



h2 
     {padding-top:25px; font-size:1.8rem !important}
 
div.row.align-items-start h2 {
	padding-top:0; 
	font-size:1.4rem !important
}

div.row.align-items-start ul {
	list-style:disc;
	line-height: 1.7
}
.toggle_container{
	padding-bottom: 20px
}



ul.horizontal,
ul.horizontal li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
	
}

ul.horizontal a,
ul.horizontal span {
  
  display: inline-block;

}

ul.horizontal li:first-child a,
ul.horizontal li:first-child span {
  padding-left: 0;
}

nav ul.horizontal li:after {

  padding-left: 0.75rem;
}

nav ul.horizontal li:first-child:before {

  padding-right: 0.75rem;
}

.text-center.footerads {
	text-align: left !important;
}

footer .container > .row {
	padding-top: calc(var(--bs-gutter-x) * 0.5);
}

div:nth-child(2) > header > h2, div:nth-child(3) > header > h2, div:nth-child(4) > header > h2, div:nth-child(5) > header > h2, div:nth-child(6) > header > h2, div:nth-child(7) > header > h2, div:nth-child(8) > header > h2, div:nth-child(9) > header > h2, div:nth-child(10) > header > h2 {
	padding-top: 30px !important;
}

.toggleNav {display:none;}

img.ce-image { max-width: 100% !important}
.menu-ctn {display:none;}
header .lead {font-size:75px;}

/* mobile iPhone X portrait 480px */
@media only screen and (max-device-width: 480px) and (orientation: portrait) {
	
	
	/* mobile iPhone X portrait 480px */
img.ce-image { height: auto;}
	
	html body#pid_1 div.container.ads h2 {text-align: left !important;}
	html body#pid_1 div.container.ads .footerads p {font-size:  1.2rem ;line-height: 1.7; }

  	.boxStories img { min-height: 100% !important }

	.content p, .content li { font-size: 1.2rem !important }
	
	body {overflow-x:hidden}
	header .row.swap {width:auto;padding-top:0;}
	header .col-lg-9.col-9 {width:68%;}
	header .swap {display: flex;position:relative;top:initial;min-height:90px;}
	header .swap > div:nth-child(1) {order:1;position:relative;}
	header .swap > div:nth-child(2) {order:2;text-align:right;}
	header .swap > div:nth-child(2) .lead {font-size:11.5vw;position:absolute;bottom:-5px;right:2px;}
	header .row .col-lg-auto.col-3 {width:113px; padding-right:0;}
	header #naviMain, header #iconHM {display:none;}
	header #naviMain {position:absolute;top:100px;left:4px;right:0;background:#7777;min-width:200px;padding:2px 0 8px 0}
	header #naviMain li a {text-align:left;font-size:1em;padding:2px 10px !important;font-weight:bold;}
	header #naviMain li a.nav-link:after {content:'';padding-left:0;}
	
	header .swap .icon {background:url(https://repropartner.com/images/nav-icon.png) top center no-repeat;height:40px;width:40px;display:block;margin-top:4vw;}
	
	header .logo2, header .menu-ctn {display:block;}
	header .logo2 img {height:90px;border-right:2px solid white}
	.menu-ctn, #naviMain {display:none;}
	 .branding {display:none;max-width:100%;height:auto;} 
	
	.container {padding: var(--bs-gutter-x, 0.9rem) !important;overflow-x:hidden}
	.toggleNav {display:block;}
	.sidebar, header .social {display:none;}
	.content .accordion {margin-right:0;}
	.stories .col-md-3 {width:50%;}
	.stories .col-md-3:nth-child(5),
	.stories .col-md-3:nth-child(3)	{padding-left:calc(var(--bs-gutter-x) * .25);}
	.stories .col-md-3:nth-child(2),
	.stories .col-md-3:nth-child(4)	{padding-right:calc(var(--bs-gutter-x) * .25);}
	
	
	.storiekey {
		padding-top: calc(var(--bs-gutter-x) * 1.5) !important;
		padding-bottom: calc(var(--bs-gutter-x) * 1.5) !important;
	}
.storieimage {
	padding-bottom: calc(var(--bs-gutter-x) * 1.5) !important;
	}
	
	/* ========== MOBILE NAVIGATION STYLES ============= */
/* ================================================= */
	.navi-ctn .navi-mobile {padding-left:0 !important; margin-bottom:0;}
	.navi-ctn .nav-link.active {font-weight:bold;color:#424242;}
	.navi-ctn .nav-link:hover {color:#424242;}
    .menu-ctn {
        position: absolute;
        width: 100%;
        height: 50px;
        background-color: transparent;
        z-index: 1000;
        top: 49px;
        left: 21px;
        text-align: left;
    }

        .menu-ctn #navi-toggle {
            position: absolute;
            width: 0;
            height: 0;
            visibility: hidden;
            top: 0;
            left: 0;
        }

            .menu-ctn .opener {
                position: absolute;
                width: 50px;
                height: 40px;
                background-color: #fdc100;
                transition: background-color .5s ease-in-out;
				cursor:pointer;
            }

                .menu-ctn .opener .span-wrap {
                    position: absolute;
                    width: 100%;
                    top: 10px;
                    left: 0;
                }

                    .menu-ctn .opener .span-wrap span {
                        display: block;
                        width: 32px;
                        height: 3px;
                        background-color: #fff;
                        transition: all .2s ease-in-out;
                        position: absolute;
                        transform: rotate(0);
                        opacity: 1;
                        top: 0;
                        left: 9px;
                    }

                    .menu-ctn .opener .span-wrap span:first-of-type {
                        display: none;
                    }

                    .menu-ctn .opener .span-wrap span:nth-of-type(2) {
                        top: 0;
                    }
                    .menu-ctn .opener .span-wrap span:nth-of-type(3) {
                        top: 8px;
                    }
                    .menu-ctn .opener .span-wrap span:nth-of-type(4) {
                        top: 16px;
                    }

    .menu-ctn .navi-ctn {
        position: absolute;
        top: 48px;
        min-height: auto;
        width: calc(100vw - 20px);
        right: -660px;
        transition: right .5s ease-in-out;
        z-index: 1000;
        -webkit-box-shadow: -1px -1px 13px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: -1px -1px 13px 0px rgba(0,0,0,0.3);
        box-shadow: -1px -1px 13px 0px rgba(0,0,0,0.3);
    }

    .navi-ctn {
        display: block;
        max-width: 300px;
        background-color: #fff;
    }

    .menu-ctn #navi-toggle:checked ~ .navi-ctn {
        right: -350%;
    }

    .menu-ctn #navi-toggle:checked ~ .opener .span-wrap span:nth-of-type(2) {
        top: 9px;
        transform: rotate(45deg);
    }

    .menu-ctn #navi-toggle:checked ~ .opener .span-wrap span:nth-of-type(3) {
        opacity: 0;
    }

    .menu-ctn #navi-toggle:checked ~ .opener .span-wrap span:nth-of-type(4) {
        top: 9px;
        transform: rotate(-45deg);
    }

    .menu-title {
        color: white;
        margin-left: 8px;
        position: relative;
        top: -14px;
		font:15px/1.5 "Arimo", Arial, Helvetica, sans-serif;
    }

        .menu-ctn .navi-mobile li {
            display: block;
            padding: 10px 25px;
            border-bottom: 1px solid #dddddd;
            font-size: 14px;
            position: relative;
        }

        .menu-ctn .navi-mobile li::after {
            content: '>';
            position: absolute;
            right: 55px;
            top: 13px;
            color: #757575
        }

        .menu-ctn .navi-mobile li:nth-of-type(7), .menu-ctn .navi-mobile li:nth-of-type(8), .menu-ctn .navi-mobile li:nth-of-type(9) , .menu-ctn .navi-mobile li:nth-of-type(10) ,.menu-ctn .navi-mobile li:nth-of-type(11) ,.menu-ctn .navi-mobile li:nth-of-type(12) {
            background: #ddd;
        }

        .menu-ctn .navi-mobile li.active {
            color: #757575;
            font-weight: bold;
        }

            .menu-ctn .navi-mobile li a {
                display: block;
                font-size: 16px;
                color: #757575;
				padding:0;
            }

    /* ========== MOBILE NAVIGATION STYLES ============= */
    /* ================================================= */
	
}

.themenseite header {
	background: transparent
	
}
.footerads header {
	background: transparent
	
}

.footerads p {
	text-align: left !important;
	
}
/* Startseite Storybar IMAGE
.tx-magazin-journal {display:inline-flex}

.tx-magazin-journal .col-md-3 {
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}

.tx-magazin-journal .col-md-3:first-child {
	padding-right: calc(var(--bs-gutter-x) * .5);
}

.tx-magazin-journal .col-md-3:last-child {
	padding-left: calc(var(--bs-gutter-x) * .5);
}
 */