/*
 * styling all posts
 */ 
 
i,
cite,
em {
	font-style:italic;}
	
/*
 * edding hyphenation 2017
 */ 
 
p {  
  	-webkit-hyphens: auto; 
 	 -moz-hyphens: auto; 
 	 -ms-hyphens: auto; 
	  hyphens: auto;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: antialiased;
	 font-smoothing: antialiased;
}
 
/*
 * on-off per language
 */ 
	
.ukrant-eng:lang(nl) { 
    display: none;
}

.ukrant-nl:lang(en) { 
    display: none;
}

.site-search {
    margin: 8px 35px !important;
    width: 150px;
}

#content .post .post-inner .post-label {
    top: -7px;
    right: 13px;
}

.single .bawmrp {
    padding: 0 100px 40px 20px;
    background: #fff;
}

.single .bawmrp h3 {
    font-size: 0.7rem;
    font-family: 'jaf-bernino-sans', sans-serif;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(171, 0, 0);
    display: table-cell;
    padding: 2px 1px 1px 4px;
    margin-bottom: 12px;
    letter-spacing: 3px;
}

.single .bawmrp ul {
    margin-bottom: 12px;
    padding-top: 16px;
}

.single .bawmrp a:link, .single .bawmrp a:visited, .single .bawmrp a:hover, .single .bawmrp a:active {
    font-family: "jaf-bernino-sans-narrow",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #000;
}
.single .bawmrp a:hover {
	text-decoration: none;
}

#label-overlay  {
    font-family: 'jaf-bernino-sans', sans-serif;
    color: #fff;
    background: #000;
    top: 0;
    left: 15px;
    display: block;
    position: absolute;
    height: 29px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 4px;
    text-decoration: none;
    padding: 4px 8px 0 10px;
}

#label-overlay a, #label-overlay a:hover {
    color: #fff; text-decoration: none;
}

@media screen and (max-width: 767px) {
#content .post, #content .featured-post, #content .important-post {
    padding: 0;
}

#content .post .post-inner .post-label {
    top: -7px;
    right: -7px;
}

#content .post .post-inner figure .title-overlay {
text-transform: uppercase;
    color: rgba(255,255,255,0.95);
    }

#content .post .post-inner figure p.label-vp {
    color: #fff;
    position: absolute;
    z-index: 2;
    top: 1px;
}

#content .post .post-inner figure p.label-vp span.label-vp-tekst {
    font-family: "jaf-bernino-sans-narrow",sans-serif !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 1.0em !important;
    letter-spacing: 0.3em !important;
    padding: 3px 8px 1px;
    background: #000;
    margin: 0 0 -30px 20px;
    text-transform: uppercase;
}

#content .featured-post .post-inner figure a.image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 70vw !important;
    }

#content .featured-post .post-inner figure .title-overlay a span.category {
text-transform: uppercase;
    font-size: 4.2vw !important;
    font-weight: 800 !important;
    font-family: 'jaf-bernino-sans', sans-serif !important;
    letter-spacing: 1px !important;
    color: rgba(255,255,255,0.95);
	display: none;
    }

#content .featured-post .post-inner figure .title-overlay a h2 {
    font-family: 'jaf-bernino-sans-condensed', sans-serif;
	letter-spacing: 0.6vw !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.4em !important;
    line-height: 110% !important;
    color: rgba(255,255,255,0.95);
    position: relative;
    text-shadow: -1px 2px 2px rgba(34, 33, 32, 0.8);
}
}

@media screen and (min-width: 768px) {
#content .post .post-inner .post-label {
    top: -7px;
    right: 13px;
}

#content .post .post-inner figure p.label-vp {
    color: #fff;
    position: absolute;
    z-index: 2;
    top: 1px;
}

#content .post .post-inner figure p.label-vp span.label-vp-tekst {
    font-family: "jaf-bernino-sans-narrow",sans-serif !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 1.0em !important;
    letter-spacing: 0.3em !important;
    padding: 3px 8px 1px;
    background: #000;
    margin: 0 0 -30px 20px;
    text-transform: uppercase;
}

#content .featured-post .post-inner figure a.image {
	height: 389px !important;
}


#content .featured-post .post-inner figure .title-overlay a span.category {
text-transform: uppercase;
    font-size: 2.1vw !important;
    font-weight: 800 !important;
    font-family: 'jaf-bernino-sans', sans-serif !important;
    letter-spacing: 0.4vw !important;
    color: rgba(255,255,255,0.95);
	display: none;
    }

#content .featured-post .post-inner figure .title-overlay a h2 {
    font-family: 'jaf-bernino-sans-condensed', sans-serif;
	letter-spacing: 0.4vw !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 3.4vw !important;
    line-height: 3.5vw !important;
    color: rgba(255,255,255,0.95);
    position: relative;
    text-shadow: -1px 2px 2px rgba(34, 33, 32, 0.8);
}

/* reparatie indien post niet in lightbox getoond wordt */
.single figure {
    max-width: 500px !important;
    margin: auto !important;
}


.single article {
    background: #fff;
    padding: 22px;
    max-width: 500px !important;
    margin: auto !important;
}

.single #disqus_thread, .page #disqus_thread {
    background: #d7dadb;
    padding: 30px;
    max-width: 500px !important;
    margin: auto !important;
}

/* einde reparatie */
}

@media screen and (min-width: 1200px) {
#content .featured-post .post-inner figure .title-overlay a span.category {
    text-transform: uppercase;
    font-size: 1.8vw !important;
    font-weight: 800 !important;
    font-family: 'jaf-bernino-sans', sans-serif !important;
    letter-spacing: 0.4vw !important;
    color: rgba(255,255,255,0.95);
	display: none;
    }

#content .featured-post .post-inner figure .title-overlay a h2 {
    font-family: 'jaf-bernino-sans-condensed', sans-serif;
	letter-spacing: 0.4vw !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.4em !important;
    line-height: 3.0vw !important;
    color: rgba(255,255,255,0.95);
    position: relative;
    text-shadow: -1px 2px 2px rgba(34, 33, 32, 0.8);
}
}

/*
 * styling magazine articles
 */
 
#magazine-content a:link, #magazine-content a:visited, #magazine-content a:hover, #magazine-content a:active {
	font-family: "jaf-bernino-sans-narrow",sans-serif;
	font-style: normal;
	font-weight: 800;
	color: #000;
}

#magazine-content .kader-links a:link, #magazine-content .kader-links a:visited, #magazine-content .kader-links a:hover, #magazine-content .kader-links a:active,
#magazine-content .kader-rechts a:link, #magazine-content .kader-rechts a:visited, #magazine-content .kader-rechts a:hover, #magazine-content .kader-rechts a:active, 
#magazine-content .kader-breed a:link, #magazine-content .kader-breed a:visited, #magazine-content .kader-breed a:hover, #magazine-content .kader-breed a:active{
	font-family: "jaf-bernino-sans-narrow",sans-serif;
	font-style: normal;
	font-weight: 800;
	color: #D4D9DF;
}

#magazine-content .container img {
	max-width: initial; 
}

.single-mag_post #magazine-logo {
    width: 100%;
	height: 60px;
	background-image: url('https://www.ukrant.nl/wp-content/themes/uk2015/images/site/logo/uk-mag-zwart.svg');
	background-size: 60px 60px;
	background-repeat:no-repeat;
	background-position: 17px -12px;
}

.single-mag_post .mag-pubdate {
    display: block;
    margin: 0 20px 0 75px;
	float: right;
    color: #000;
}

@media screen and (max-width: 767px) {
	
.mag-container  {
    max-width: 460px;
    margin: auto;
}

#magazine-head {
    padding: 0 20px !important;
}
#magazine-head-content h1.responsive_headline {
    font-family: "jaf-bernino-sans",sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #000;
    font-size: 17px !important;
    padding-top: 8px;
    line-height: 22px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#magazine-head-content h2.responsive_headline {
    font-family: "jaf-bernino-sans-comp",sans-serif;
    font-weight: 600;
    margin-bottom: 20px !important;
    font-size: 60px;
    line-height: 62px !important;
    color: #000;
}

#magazine-content .mag-intro {
    font-family: "jaf-bernino-sans-condensed",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.6rem;
    color: black;
    padding: 0 30px 10px 0;
    text-align: left;
	}
	
#magazine-content .mag-author {
    text-align: center;
    padding: 20px 0 40px;
    color: #000 !important;
    font-size: 1.0rem  !important;
	}
	
#magazine-content .container-volledig + p {
	font-style: italic;
	}
	
#magazine-content .container-kort {
	margin: 12px 0;
	float: left;
	width: 100%;
	clear: both;
	background-color: #fff;
	padding-bottom: 18px;
	border-style: none none dotted;
    border-width: 2px;
	}
	
#magazine-content .container-kort:lang(nl)::before {
	font-family: jaf-bernino-sans-narrow !important;
		font-weight: 800;
		content: "in het kort";
		color: #fff !important;
		font-variant: small-caps;
		background-color: #000 !important;
		font-size: 1.5rem !important;
		letter-spacing: 2px;
		display: block;
		padding: 4px 0 4px 20px;
		margin: -12px 0 12px;
		width: auto;
	}
	
	#magazine-content .container-kort:lang(en)::before {
	font-family: jaf-bernino-sans-narrow !important;
		font-weight: 800;
		content: "in short";
		color: #fff !important;
		font-variant: small-caps;
		background-color: #000 !important;
		font-size: 1.5rem !important;
		letter-spacing: 2px;
		display: block;
		padding: 4px 0 4px 20px;
		margin: -12px 0 12px;
		width: auto;
	}
	
#magazine-content .container-kort>p {
		font-style: normal;
		font-weight: 400;
		padding: 0 25px;
		margin: 0 -5px 10px;
		color: #000;
		text-indent: 18px;
		background: url(https://www.ukrant.nl/wp-content/uploads/2016/05/bullet-kort.png) top 4px left 25px no-repeat;
		background-size: 12px;
	}
#magazine-content h2, .container#magazine-content h2 {
		font-size: 1.45rem;
		font-family: "jaf-bernino-sans-condensed",sans-serif;
		font-style: normal;
		font-weight: 800;
		line-height: 95%;
		margin: 11px 0 16px;
		color: #000;
		padding: 0;
	}
	
#magazine-content h3, .container#magazine-content h3 {
		font-size: 1.75rem;
		font-family: 'jaf-bernino-sans-condensed', sans-serif;
		font-weight: 800;
		line-height: 1.25 rem;
		color: #000;
		padding: 0;
	}
	
#magazine-content img {width: 100%; height: auto;}

#magazine-content .kader-links > p,
#magazine-content .kader-rechts > p,
#magazine-content .kader-breed > p {
	color: #fff;
	padding: 0 20px;
}

#magazine-content .kader-links > p img,
#magazine-content .kader-rechts > p img,
#magazine-content .kader-breed > p img {
width: 100%;  
width: calc(40px + 100%) !important;    
height: auto;
margin: 0 0 0 -20px;
max-width: initial !important;
}

#magazine-content .kader-links h2,
#magazine-content .kader-rechts h2,
#magazine-content .kader-breed h2 {
margin: .25em 20px .35em;
line-height: 2.25rem;
color: #D4D9DF !important;
	}

#magazine-content .kader-rechts, 
#magazine-content .kader-links, 
#magazine-content .kader-breed {
    margin: 10px 0 14px;
    width: 100%;
    clear: both;
    background-color: #535A64;
    padding: 0 0 8px;
}

#magazine-content > .kader-breed h2 {
font-size: 2.3em !important;
color: #D4D9DF !important;
padding: 7px 0 !important;
	}
	
#magazine-content blockquote {
  margin: 0 6px 12px 40px; padding: 15px; display: block; position: relative;
}

#magazine-content blockquote:before {
  background: url('https://www.ukrant.nl/wp-content/uploads/2016/05/quote-mob.png'); background-size: cover; width: 30px; height: 29px; background-repeat: no-repeat; margin: -3px 0 0 -40px; float: left; content: '';
}

#magazine-content blockquote:after {
  content: '';
}

#magazine-content blockquote p {
	display: inline;
	font-family: "jaf-bernino-sans-comp",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 2.0rem !important;
    margin-bottom: 0;
	padding: 0 20px 0 0;
}
}
@media screen and (min-width: 768px) {
#magazine-content .mag-container {
		background-size: contain;
    	background-repeat: no-repeat;
}
#magazine-head-content {
	margin-top: 5vw;
    margin-top: calc(5vw + 2px);
}

.single-mag_post #magazine-logo {
    width: 80px;
	height: 80px;
    position: absolute;
    top: 10px;
    left: 10px;
	background-image: url('https://www.ukrant.nl/wp-content/themes/uk2015/images/site/logo/uk-mag-zwart.svg');
	background-size: contain;
	background-position: 0px 0px;
}

.single-mag_post .mag-pubdate {
    display: block;
    margin: 85px auto;
    color: #000;
}

#magazine-head-content h1.responsive_headline {
    font-family: "jaf-bernino-sans",sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #020202;
    background: #fff;
    text-align: center;
    font-size: 30px !important;
    letter-spacing: 1px;
    padding-top: 25px;
}
#magazine-head-content h2.responsive_headline {
    font-size: 9.5em;
    line-height: 95% !important;
    color: #020202;
}

#magazine-content h2, .container#magazine-content h2 {
		font-size: 1.45rem;
		font-family: "jaf-bernino-sans-condensed",sans-serif;
		font-style: normal;
		font-weight: 800;
		line-height: 95%;
		margin: 11px 0 16px;
		color: #030303;
		padding: 0;
	}
	
#magazine-content h3, .container#magazine-content h3 {
		font-size: 1.75rem;
		font-family: 'jaf-bernino-sans-condensed', sans-serif;
		font-weight: 800;
		line-height: 1.25 rem;
		color: #030303;
		padding: 0;
	}
	
#magazine-content .mag-intro {
    font-family: "jaf-bernino-sans-condensed",sans-serif;
	font-style: normal;
	font-weight: 800;
    font-size: 1.35rem;
    line-height: 1.75rem;
    color: black;
    padding: 0 20px 10px;
    text-align: center;
	}
	
#magazine-content .mag-author {
		text-align: center;
		padding: 20px 0 40px;
                color: #000 !important;
                font-size: 1.0rem  !important;
	}
	
#magazine-content .container-volledig {
		height: 3px;
		width: auto;
		margin: 0 0 32px -20px;
	}
	
#magazine-content .container-volledig:lang(nl)::before {
		font-family: jaf-bernino-sans-narrow !important;
		font-weight: 800;
		content: "volledige versie";
		float: left;
		width: auto;
		padding: 0 14px;
		color: #FFF !important;
		font-variant: small-caps;
		background-color: #000 !important;
		font-size: 1.5rem !important;
		line-height: 2rem;
		letter-spacing: 2px;
		display: table-column;
		margin-left: 20px;
	}
	
	#magazine-content .container-volledig:lang(en)::before {
		font-family: jaf-bernino-sans-narrow !important;
		font-weight: 800;
		content: "full version";
		float: left;
		width: auto;
		padding: 0 14px;
		color: #FFF !important;
		font-variant: small-caps;
		background-color: #000 !important;
		font-size: 1.5rem !important;
		line-height: 2rem;
		letter-spacing: 2px;
		display: table-column;
		margin-left: 20px;
	}
	
#magazine-content .container-volledig + p {
		font-style: italic;
	}
	
#magazine-content .container-kort {
		margin: 12px 0 12px 12px;
		float: right;
		width: 240px;
		clear: both;
		background-color: #ddd;
		padding-bottom: 18px;
	}
	
#magazine-content .container-kort:lang(nl)::before {
		font-family: jaf-bernino-sans-narrow !important;
		font-weight: 800;
		content: "in het kort";
		color: #fff !important;
		font-variant: small-caps;
		background-color: #000 !important;
		font-size: 1.5rem !important;
		letter-spacing: 2px;
		display: block;
		padding: 4px 0 4px 20px;
		margin: -12px 0 12px;
		width: auto;
	}

#magazine-content .container-kort:lang(en)::before {
		font-family: jaf-bernino-sans-narrow !important;
		font-weight: 800;
		content: "in short";
		color: #fff !important;
		font-variant: small-caps;
		background-color: #000 !important;
		font-size: 1.5rem !important;
		letter-spacing: 2px;
		display: block;
		padding: 4px 0 4px 20px;
		margin: -12px 0 12px;
		width: auto;
	}
	
#magazine-content .container-kort>p {
		font-style: normal;
		font-weight: 400;
		padding: 0 25px;
		margin: 0 -5px 10px;
		color: #000;
		text-indent: 18px;
		background: url(https://www.ukrant.nl/wp-content/uploads/2016/05/bullet-kort.png) top 4px left 25px no-repeat;
		background-size: 12px;
	}
	
#magazine-content img {
width: 100%;    
height: auto;}

#magazine-content  .kader-links > p img,
#magazine-content  .kader-rechts > p img,
#magazine-content  .kader-breed > p img {
width: 100%;    
width: calc(40px + 100%) !important;    
height: auto;
margin: 0 0 0 -20px;
max-width: initial !important;}

#magazine-content h2 {
    font-size: 1.4em !important;
    font-family: "jaf-bernino-sans-condensed",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 95%;
    margin: 14px 0 12px;
    color: #010101;
    padding: 0;
	}
	
#magazine-content h3 {
		font-size: 1.75rem;
		font-family: 'jaf-bernino-sans-condensed', sans-serif;
		font-weight: 800;
		line-height: 1.25 rem;
		color: #010101;
		padding: 0;
	}
#magazine-content .kader-rechts {
    margin: 4px 0 3px 17px;
    float: right;
    width: 290px;
    clear: both;
    background-color: #010101;
	padding: 0 0 12px;
	}
	
#magazine-content .kader-links h2,
#magazine-content .kader-rechts h2,
#magazine-content .kader-breed h2 {
margin: .25em 20px .35em;
line-height: 2.25rem;
color: #ddd;
	}
	
#magazine-content .kader-rechts p {
		color: #fff;
		padding: 0 20px;
		background-color: transparent;
	}
	
#magazine-content .kader-links {
margin: 4px 17px 3px 0;
	float: left;
    width: 290px;
    clear: both;
    background-color: #010101;
	padding: 0 0 12px;
	}

#magazine-content .kader-links p {
		color: #fff;
		padding: 0 20px;
		background-color: transparent;
	}
	
#magazine-content .kader-breed {
		margin: 14px 0 12px;
		width: 100%;
		float: unset !important;
		background-color: #010101;
		padding: 0 0 12px;
}
	
#magazine-content .kader-breed p {
		color: #fff;
		padding: 0 20px;
		background-color: transparent;
}
#magazine-content .kader-breed h2 {
font-size: 2.3em !important;
color: #ddd !important;
padding: 7px 0 !important;
	}
	
#magazine-content blockquote {
  margin: 0 12px 12px 20px; width: 350px; float: left; padding: 25px; display: block; background-color: #ccc; position: relative;
}

#magazine-content blockquote:before {
  background: url('https://www.ukrant.nl/wp-content/uploads/2016/05/aanhalingstekens.png'); background-size: cover; width: 80px; height: 80px; background-repeat: no-repeat; margin: -6px 0 20px -60px; float: left; content: '';
}

#magazine-content blockquote:after {
  content: '';
}

#magazine-content blockquote p {
	font-family: "jaf-bernino-sans-comp",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2.0em;
    line-height: 2.5rem !important;
    margin-bottom: 0;
	padding-left: 30px;
}

#magazine-content blockquote.right {
  float: right;
	margin: 0 0 12px 45px;
}

#magazine-content #disqus_thread {
    margin: 12vw 0px !important;}
}

@media screen and (min-width: 1200px) {
#magazine-content blockquote {
	margin: 0 12px 12px -20px; width: 400px; float: left;
}
#magazine-content blockquote.right {
	float: right;
	margin: 0 -25px 12px 45px;
}
}




/*
 * styling single articles
 */
	
.single article a:link, .single article a:visited, .single article a:hover, .single article a:active {
	font-family: "jaf-bernino-sans-narrow",sans-serif;
	font-style: normal;
	font-weight: 800;
	color: #000;
}

.single article > .kader-links a:link, .single article > .kader-links a:visited, .single article > .kader-links a:hover, .single article > .kader-links a:active,
.single article > .kader-rechts a:link, .single article > .kader-rechts a:visited, .single article > .kader-rechts a:hover, .single article > .kader-rechts a:active, 
.single article > .kader-breed a:link, .single article > .kader-breed a:visited, .single article > .kader-breed a:hover, .single article > .kader-breed a:active{
	font-family: "jaf-bernino-sans-narrow",sans-serif;
	font-style: normal;
	font-weight: 800;
	color: #D4D9DF;
}
	
 
@media screen and (max-width: 767px) {
.single article {
background: #fff;
padding: 22px;}

.single article h1 {
    font-family: "jaf-bernino-sans-comp",sans-serif;
    font-weight: 600;
    margin-bottom: 30px !important;
    font-size: 40px;
    line-height: 42px !important;
    color: #000;
}

.single article .mag-intro {
    font-family: "jaf-bernino-sans-condensed",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.6rem;
    color: black;
    padding: 0 0 10px;
    text-align: left;
	margin-top: -20px;
	}
	
.single article .mag-author {
    color: #000 !important;
    font-size: 0.8em  !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 120%;
    padding: 10px 100px 25px 0;
    text-align: left;
	}

.single article h2 {
		font-size: 1.45rem;
		font-family: "jaf-bernino-sans-condensed",sans-serif;
font-style: normal;
font-weight: 800;
		line-height: 95%;
margin: 11px 0 16px;
		color: #000;
		padding: 0;
	}
	
.single article h3 {
		font-size: 1.75rem;
		font-family: 'jaf-bernino-sans-condensed', sans-serif;
		font-weight: 800;
		line-height: 1.25 rem;
		color: #000;
		padding: 0;
	}

.single article img {width: 100%; height: auto;}

.single article .kader-links > p,
.single article .kader-rechts > p,
.single article .kader-breed > p {
color: #fff;}

.single article .kader-links > p img,
.single article .kader-rechts > p img,
.single article .kader-breed > p img {
width: 100%;    
width: calc(40px + 100%) !important;    
height: auto;
margin: -12px 0 0 -20px;}

.single article > .kader-links h2,
.single article > .kader-rechts h2,
.single article > .kader-breed h2 {
margin: .25em 20px .35em;
line-height: 2.25rem;
color: #D4D9DF !important;
	}

.single article > .kader-rechts, .single article > .kader-links, .single article > .kader-breed {
    margin: 10px 0 14px;
    width: 100%;
    clear: both;
    background-color: #535A64;
    padding: 12px 0;
}

.single article > .kader-breed h2 {
font-size: 2.3em !important;
color: #D4D9DF !important;
padding: 7px 0 !important;
	}
	
.single article > blockquote {
  margin: 0 6px 12px 40px; padding: 15px; display: block; position: relative;
}
.single article > blockquote:before {
  background: url('https://www.ukrant.nl/wp-content/uploads/2016/05/quote-mob.png'); background-size: cover; width: 30px; height: 29px; background-repeat: no-repeat; margin: -3px 0 0 -40px; float: left; content: '';
}
.single article > blockquote:after {
  content: '';
}
.single article > blockquote p {
  display: inline;
font-family: "jaf-bernino-sans-comp",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 2.0rem !important;
    margin-bottom: 0;
padding: 0 20px 0 0;
}
}


@media screen and (min-width: 768px) {
.single article {
padding: 22px;}

.single article h1 {
    color: #000000;
    font-size: 3.5rem;
    line-height: 100%;
    margin-bottom: 20px;
}

.single article .mag-intro {
    font-family: "jaf-bernino-sans-condensed",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.6rem;
    color: black;
    padding: 0 30px 10px 0;
    text-align: left;
	margin-top: 10px;
	}
	
.single article .mag-author {
    color: #000 !important;
    font-size: 0.8em  !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 120%;
    padding: 10px 100px 25px 0;
    text-align: left;
	}
	
.single article img {
width: 100%;    
height: auto;}

.single article .kader-links > p img,
.single article .kader-rechts > p img,
.single article .kader-breed > p img {
width: 100%;    
width: calc(40px + 100%) !important;    
height: auto;
margin: -12px 0 0 -20px;}

.single article h2 {
    font-size: 1.4em !important;
    font-family: "jaf-bernino-sans-condensed",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 95%;
    margin: 14px 0 12px;
    color: #000;
    padding: 0;
	}
	
.single article h3 {
		font-size: 1.75rem;
		font-family: 'jaf-bernino-sans-condensed', sans-serif;
		font-weight: 800;
		line-height: 1.25 rem;
		color: #000;
		padding: 0;
	}
.single article > .kader-rechts {
    margin: 4px 0 3px 17px;
    float: right;
    width: 220px;
    clear: both;
    background-color: #535A64;
    padding: 12px 0;
	}
	
.single article > .kader-links h2,
.single article > .kader-rechts h2,
.single article > .kader-breed h2 {
margin: .25em 20px .35em;
line-height: 2.25rem;
color: #D4D9DF;
	}
	
.single article > .kader-rechts p {
		color: #fff;
		padding: 0 20px;
		background-color: transparent;
	}
	
.single article > .kader-links {
margin: 4px 17px 3px 0;
	float: left;
    width: 220px;
    clear: both;
    background-color: #535A64;
    padding: 12px 0;
	}

.single article > .kader-links p {
		color: #fff;
		padding: 0 20px;
		background-color: transparent;
	}
	
.single article > .kader-breed {
		margin: 14px 0 12px;
		width: 100%;
		float: unset !important;
		background-color: #535A64;
		padding: 18px 0;
	}
	
.single article > .kader-breed p {
		color: #fff;
		padding: 0 20px;
		background-color: transparent;
}
.single article > .kader-breed h2 {
font-size: 2.3em !important;
color: #D4D9DF !important;
padding: 7px 0 !important;
	}
.single article > blockquote {
  margin: 0 6px 12px 40px; padding: 15px; display: block; position: relative;
}
.single article > blockquote:before {
  background: url('https://www.ukrant.nl/wp-content/uploads/2016/05/quote-mob.png'); background-size: cover; width: 30px; height: 29px; background-repeat: no-repeat; margin: -3px 0 0 -40px; float: left; content: '';
}
.single article > blockquote:after {
  content: '';
}
.single article > blockquote p {
  display: inline;
font-family: "jaf-bernino-sans-comp",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 2.0rem !important;
    margin-bottom: 0;
padding: 0 20px 0 0;
}

.single article .icl_post_in_other_langs a:link, .single article .icl_post_in_other_langs a:visited, .single article .icl_post_in_other_langs a:hover, .single article .icl_post_in_other_langs a:active {
    font-family: "jaf-bernino-sans",sans-serif;
    font-style: normal;
    text-decoration: none;
    font-weight: 900;
    color: #000;
    opacity: 0.7;
    text-transform: uppercase;
    padding: 0 1px 0 4px;
    letter-spacing: 1px;
    font-size: 80%;
}
}

@media screen and (max-width: 767px) {
.single figure {
    overflow: hidden;
    position: relative;
    width: 100% !important;
}

.single figure.alignleft figcaption.wp-caption-text,
.single figure.alignright figcaption.wp-caption-text,
.single figure.aligncenter figcaption.wp-caption-text {
    font-style: normal;
    display: block;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 120%;
    padding: 0 0 10px 0;
    width: 100%;
}

.single .foto-rechts,
.single .foto-links,
.single .foto-breed {
    width: 100% !important;
    height: auto !important;
    margin: 3px 0 10px 0;
}
}

@media screen and (min-width: 768px) {
.single .wp-caption.alignright {
    overflow: hidden;
    position: relative;
    float: right;
    width: 220px !important;
}

.single .wp-caption.alignleft {
    overflow: hidden;
    position: relative;
    float: left;
    width: 220px !important;
}

.single .wp-caption.aligncentre {
    overflow: hidden;
    position: relative;
    width: 456px !important;
}

.single figure.alignleft figcaption.wp-caption-text {
    font-style: normal;
    display: block;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 120%;
    padding: 0 15px 10px 0;
}

.single figure.alignright figcaption.wp-caption-text {
    font-style: normal;
    display: block;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 120%;
    padding: 0 0 10px 15px;
}

.single figure.aligncenter figcaption.wp-caption-text {
    font-style: normal;
    display: block;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 120%;
    padding: 0 0 10px 0;
}

.single .foto-rechts {width: 220px !important;
    height: auto !important;
    padding-left: 15px;
    float: right;
    margin: 3px 0 10px 0;
}

.single .foto-links {width: 220px !important;
    height: auto !important;
padding-right: 15px;
    float: left;
    margin: 3px 0 10px 0;
}

.single .foto-breed {
    width: 456px !important;
    height: auto !important;
    margin: 3px 0 10px 0;
}
}