/* Blog */
body {	
    font-size: 21px;
}
p, ul {
    margin-bottom: 0.8vw;
    margin-top: 0.8vw;
}
strong, b {
    font-weight: 500;
}
.lang {
    position: fixed;
    top: 2.85vw;
    right: 22vw;
    right: calc(28vw - 74px);
    z-index: 99;
    font-family: 'LemonMilk';
    letter-spacing: 1px;
    font-size: 21px;
}
.lang .current {
	font-weight: 400;
}
.section-content {
    width: 80%;
    margin: 15vh 10%;
}
.primary {
    float: left;
    width: 67%;
}
.primary .row {
    margin-bottom: 5.5vw;
}
.primary .row:first-child h2 {
    transform: translateY(-1vw);
}
.page-default .headline-1 {
    position: fixed;
    left: -100vw;
    top: -100vh;
}
.page-default .headline-2 {
    line-height: 1.1;
    font-size: 3.5vw;
    white-space: initial;
    margin-top: 0;
    margin-bottom: 2vw;
    padding-left: 0;
    height: initial;
}
.bloghome h1.headline-2, .bloghome h2.headline-2 {
    font-size: 4.2vw;
    margin-left: 2.5vw;
}
.bloghome .show .headline-1:before, .bloghome .show .headline-2:before {
    margin-left: -2.5vw;
    width: 2.5vw;
}
.blogpost .headline-2:before, .bloglist .headline-2:before {
    display: none;
}
.bloghome .img-cover-wrapper {
	margin-bottom: 0;
}
.bloghome .img-cover-wrapper img {
	margin-left: 0;
	width: 100%;
}	
.bloghome figcaption {
    margin-bottom: 1vw;
}
.row .datum {
    margin-bottom: 3vh;
    font-size: 21px;
    text-align: right;
}
.blog-text p {
    text-align: justify;
}
figure {
    margin: 0;
}
figcaption {
    font-size: 19px;
    margin-bottom: 4vh;
}
.mainimage {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 2vw;
}
.blog-text {
    border-bottom: 1px solid #000;
    padding-bottom: 5vw;
    margin-bottom: 2vw;
}
a.blog-link {
    margin-top: 2vw;
    display: inline-block;
    font-size: 21px;
	font-weight: normal;
}

/* Sidebar */
.sidebar, .sidebar.sticky {
    position: fixed;
    top: 15vh;
    right: 6vw;
    max-height: 70vh;
    overflow-Y: auto;
    width: 20vw;
    padding-right: 2vw;
    padding-left: 3vw;
    border-left: 1px solid #000;
    min-height: 80vh;
    background: #fff;
}
input.suche {
    border: 1px solid #000;
    padding: 0.9vw;
    margin-bottom: 3vh;
    width: 88%;
    font-size: 1.3vw;
    font-family: 'Interstate';
    font-weight: 100;
    width: calc(100% - 2px - 1.8vw);
    background: url(media/images/layout/search-black.png);
    background-repeat: no-repeat;
    background-size: 1.7vw;
    background-position: 93% 50%;
    transition: background-size .3s;
}
input.suche:focus {
    background-size: 0;
}
.sidebar p.sidebar-headline {
    margin: 4vh 0 2vh 0;
    font-size: 1.8vw;
    text-transform: uppercase;
    font-family: 'LemonMilk';
    font-weight: 300;
}
.sidebar p {
    margin-bottom: 1.5vw;
}
.sidebar ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.sidebar li {
    list-style: none;
}
.page-default.longtext .sidebar li {
    margin-bottom: 0.5vh;
    line-height: 1.2;
}
.sidebar li ul {
    margin-left: 7%;
    margin-bottom: 0.4vh;
    height: 0;
    overflow: hidden;
}
.sidebar li.current ul {
    height: initial;
}
.sidebar li:has(li.current) ul {
    height: initial;
}
.page-default.longtext .sidebar li ul li {
    margin-bottom: 0;
    line-height: 1.1;
}
.sidebar li a {
    color: #000;
    text-decoration: none;
    font-size: 1.3vw;
    padding: 0;
    display: inline-block;
    text-decoration: underline 2px rgba(0, 0, 0, 0);
    text-underline-offset: 0.3vw;
    transition: text-decoration-color .4s;
    margin-bottom: 1vh;
    line-height: 1.2;
}
.sidebar li a:hover, .sidebar li.current > a {
	text-decoration: underline 2px rgba(0, 0, 0, 1);
	text-decoration: none;
}
.sidebar li ul a {
    font-size: 1.2vw;
    padding: 0.1vh 0;
    text-decoration: underline 1px rgba(0, 0, 0, 0);
    text-underline-offset: 0.2vw;
}
.sidebar li ul a:hover {
	text-decoration: underline 1px rgba(0, 0, 0, 1);
	text-decoration: none;
}
.sidebar::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.sidebar::-webkit-scrollbar-track {
  background: #f1f1f1; 
} 
/* Handle */
.sidebar::-webkit-scrollbar-thumb {
  background: #000; 
}
/* Handle on hover */
.sidebar::-webkit-scrollbar-thumb:hover {
  background: #000; 
}

/* Blog Home */
.bloghome .primary .row {
    margin-bottom: 3vw;
}
.bloghome h1.headline-2, .bloghome h2.headline-2 {
    font-size: 4.2vw;
}
.bloglist h3.headline-2 {
    font-size: 21px;
    word-break: break-word;
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bloghome h3 {
    font-size: 1.6vw;
    margin-top: 1.5vw;
}
.bloghome .blog-text {
    padding-bottom: 1vw;
}

/* Liste */
.bloglist .cattext {
    margin-bottom: 2.5vw;
}
.bloglist .newslist {
    font-size: 15px;
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 5vw;
    margin-bottom: 2vw;
    border-bottom: 1px solid #000;
}
.bloglist h1.headline-2 {
    font-size: 4.2vw;
}
.bloglist h2.headline-2, .bloglist p.headline-2 {
    font-size: 21px;
    word-break: break-word;
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
}
.postbox {
    width: 28%;
    display: inline-block;
    outline: 1px solid #000;
    padding: 1.5% 2%;
    margin-right: 1.3%;
    margin-bottom: 1.3%;
}
.underline a.postbox:after {
    height: 3px;
}
.bloglist .datum {
    margin-bottom: 15px;
    text-align: right;
}
.bloglist .blog-text {
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 5px;
}
.detail-link {
	font-weight: normal;
	margin-top: 3px;
}

h2.catlist-headline {
    font-size: 3vw;
    width: 100%;
    margin: 3vh 0 2vh 0;
    height: auto;
}
.catlist {
    width: 100%;
}
p.catlist-text {
    font-size: 21px;
}

/* Willkommen */
#post45 h1.headline-2 {
    font-size: 4.5vw;
	white-space: nowrap;
}
#post45 .blog-text {
    font-size: 1.9vw;
    line-height: 1.2;
    margin-bottom: 4vw;
    padding-bottom: 3.5vw;
}
#post45 .blog-text strong {
    font-weight: 700;
}

/* Shariff */
.shariff li a {
    transition: background .3s;
}
.shariff li a:after {
    display: none;
}
@media only screen and (min-width: 360px){
	.shariff .orientation-horizontal.button-style-icon-count li, .shariff .orientation-horizontal.button-style-standard li {
		min-width: 50px!important;
	}
}

/* Mobile */
@media only screen and (max-width:1024px) {
	.search.mobile {
		height: 30px;
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 10px;
		transform: translateX(-50%);
		width: 20px;
	}
	.lang {
		top: 2.25vw;
		right: 18vw;
		font-size: 19px;
	}	
	.primary {
		width: 100%;
		transition: transform .3s;
	}
	.navigate .primary {
		transform: translateX(-80vw);
	}
	.bloghome h1.headline-2 {
		margin-left: 6.5vw;
	}	
	.bloghome .show h1.headline-2:before {
		margin-left: -6vw;
		width: 6vw;
	}
	.bloghome h2.headline-2 {
		margin-left: 5vw;
	}	
	.bloghome .show h2.headline-2:before {
		margin-left: -4.5vw;
		width: 4.5vw;
	}
	.bloghome h2.headline-2 {
        font-size: 8vw !important;
    }
	
    .bloghome .blog-text {
        padding-bottom: 6vw;
        margin-bottom: 10vw;
        padding-top: 3vw;
    }
	.primary .row {
		padding-right: 0;
	}	
	.blog-text p, .blog-text li {
		text-align: left;
		font-size: 16px;
	}	
	.page-default.bloghome h1.headline-2 {
        font-size: 12vw!important;
        margin-top: 4vw !important;
    }
	.page-default .headline-2 {
        font-size: 7vw !important;
        margin-top: 4vw !important;
    }
    .page-default h3 {
        margin-top: 10vw;
        margin-bottom: 4vw;
        font-size: 6vw;
        line-height: 1.2;
    }
	.bloglist .cattext {
		margin-bottom: 2.5vh;
	}
	.bloglist h2.headline-2, .bloglist p.headline-2 {
		height: auto;
	}	
    .bloglist h3.headline-2 {
        height: auto;
        font-size: 6vw !important;
    }	
	#post45 h1.headline-2 {
		font-size: 7.6vw;
		white-space: nowrap;
	}
	#post45 .blog-text {
		margin-bottom: 9vw;
		padding-bottom: 8.5vw;
	}
	.page-default.longtext li {
		margin-bottom: 0;		
	}
	.row .datum {
		margin-bottom: 10px;
		font-size: 15px;
	}	
	figure img {
		width: 100%;
	}	
	figcaption {
		font-size: 15px;
		margin-bottom: 20px;
	}	
    h4 {
        font-size: 5vw;
        font-weight: normal;
        margin-top: 6vw;
        margin-bottom: 1vw;
    }
	a.blog-link {
		font-size: 16px;
		font-weight: normal;
	}
	
	.postbox {
		width: 94%;
		padding: 2% 3%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.bloglist .datum {
		margin-bottom: 10px;
	}
	h2.catlist-headline {
		font-size: 21px;
	}
	
	.sidebar {
		width: 70%;
		top: 10.5vh;
		right: 1vw;
		max-height: 87vh;
		transform: translateX(100vw);
		transition: transform .3s;
	}
	.navigate .sidebar {
		transform: translateX(0);
	}
	input.suche {
		font-size: 17px;
		padding: 10px;
		width: calc(100% - 22px);
		margin-bottom: 20px;
		background-size: 20px;
		background-position: 97% 50%;
	}
	.sidebar p.sidebar-headline {
		font-size: 22px;
		margin: 2vh 0 1vh 0;
	}	
	.sidebar p {
		margin-bottom: 15px;
	}
	.sidebar li a {
		font-size: 17px;
		margin-bottom: 0.5vh;
	}
	.page-default .sidebar ul li {
		margin-bottom: 3px;
	}
	.sidebar li ul a {
		font-size: 17px;
		padding: 0;
		margin: 0;
	}
}