/*
Theme Name: viktornuebel.com Responsive Current Theme
Version: 0.5
URL: viktornuebel.com
Description: viktornuebel.com - type design portfolio
Author: Viktor Nübel
*/


	@font-face {
		font-family: Attention;
		src: url("webfonts/attention/AttentionBasPro-Light.woff") format('woff'),
			 url("webfonts/attention/AttentionBasPro-Light.eot");
		font-weight: 300;
		font-style: normal;
    	font-display: auto;
	}

	@font-face {
		font-family: Attention;
		src: url("webfonts/attention/AttentionBasPro-Regular.woff") format('woff'),
			 url("webfonts/attention/AttentionBasPro-Regular.eot");
		font-weight: 400;
		font-style: normal;
    	font-display: auto;
	}

	@font-face {
		font-family: Attention;
		src: url("webfonts/attention/AttentionBasPro-Book.woff") format('woff'),
			 url("webfonts/attention/AttentionBasPro-Book.eot");
		font-weight: 450;
		font-style: normal;
    	font-display: auto;
	}

	@font-face {
		font-family: Attention;
		src: url("webfonts/attention/AttentionBasPro-Bold.woff") format('woff'),
			 url("webfonts/attention/AttentionBasPro-Bold.eot");
		font-weight: 700;
		font-style: normal;
	    font-display: auto;
	}

	@font-face {
		font-family: Attention;
		src: url("webfonts/attention/AttentionBasPro-LightItalic.woff") format('woff'),
			 url("webfonts/attention/AttentionBasPro-LightItalic.eot");
		font-weight: 300;
		font-style: italic;
	    font-display: auto;
	}

	@font-face {
		font-family: Attention;
		src: 	url("webfonts/attention/AttentionBasPro-Italic.woff") format('woff'),
				url("webfonts/attention/AttentionBasPro-Italic.eot");
		font-weight: 400;
		font-style: italic;
	    font-display: auto;
	}

	@font-face {
		font-family: Attention;
		src: url("webfonts/attention/AttentionBasPro-BookItalic.woff") format('woff'),
			 url("webfonts/attention/AttentionBasPro-BookItalic.eot");
		font-weight: 450;
		font-style: italic;
	    font-display: auto;
	}

	@font-face {
		font-family: Attention;
		src: url("webfonts/attention/AttentionBasPro-BoldItalic.woff") format('woff'),
			 url("webfonts/attention/AttentionBasPro-BoldItalic.eot");
		font-weight: 700;
		font-style: italic;
	    font-display: auto;
	}

	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-Bold.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-Bold.woff") format('woff');
		font-weight: 700;
		font-style: normal;
    	font-display: auto;
	}
	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-BoldItalic.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-BoldItalic.woff") format('woff');
		font-weight: 700;
		font-style: italic;
    	font-display: auto;
	}
	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-Medium.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-Medium.woff") format('woff');
		font-weight: 500;
		font-style: normal;
    	font-display: auto;
	}
	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-MediumItalic.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-MediumItalic.woff") format('woff');
		font-weight: 500;
		font-style: italic;
    	font-display: auto;
	}
	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-Regular.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-Regular.woff") format('woff');
		font-weight: 400;
		font-style: normal;
    	font-display: auto;
	}
	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-Italic.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-Italic.woff") format('woff');
		font-weight: 400;
		font-style: italic;
    	font-display: auto;
	}
	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-Light.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-Light.woff") format('woff');
		font-weight: 300;
		font-style: normal;
    	font-display: auto;
	}
	@font-face {
		font-family: Attention2;
		src: url("webfonts/attention2/Attention2-LightItalic.woff2") format('woff2'),
			 url("webfonts/attention2/Attention2-LightItalic.woff") format('woff');
		font-weight: 300;
		font-style: italic;
    	font-display: auto;
	}
	@font-face {
		font-family: SalouVAR;
		src: url("webfonts/salou/Salou-VF.woff2") format("woff2-variations");
		font-weight: 100 900;
	}
		@font-face {
		font-family: 'Twista Sans VF';
		src: url("webfonts/twista-sans/Twista-Sans-VF.ttf") format("truetype");
		font-weight: 100 900;
	}


/* - - ALL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

*, ::after, ::before { box-sizing: border-box; }
body 		{ background-color: #0579d2; color: #3e4a54; font-weight: 300; font-size: 1.1rem; font-family: Attention2, Verdana, sans-serif; line-height: 1; margin: 0; padding: 0; overflow-y: scroll; text-rendering: optimizeLegibility; }
#all 		{ background-color: #fff; margin: 30px auto; }
.grid-container { max-width: 1300px; }
a 			{ color: #0579d2; font-weight: bold; text-decoration: underline; }
a img 		{ border: none; width: 100%; }
a:hover 	{ color: #3e4a54; }
h1, h2, h3, h4	{ font-family: Attention2, Verdana, sans-serif; font-weight: 700; }
h1			{ color: #ddd; border-bottom: 1px solid #999; font-size: 5rem; line-height: 1; padding: 48px 0 69px 0; margin: 0 25px 10px 0; }
.type-design h1,  .typetools h1 { display: none; }
h2			{ color: #0579d2; font-size: 1.6rem; letter-spacing: 0.01em; padding: 0; margin: 8px 0 1px 0; text-rendering: optimizeLegibility; }
h3 			{ color: #0579d2; font-size: 1.4rem; padding: 10px 0 0 0; margin: 0; text-rendering: optimizeLegibility; width: 65%; }
h4 			{ font-size: 1.1rem; padding: 10px 0 15px 0; margin: 0; text-rendering: optimizeLegibility; width: 65%; }
img 		{ border: none; float: left; }
p, li 		{ list-style: none; list-style-position: outside }
ul 		{ list-style: none; list-style-position: outside; padding: 0; }
hr, .wp-block-separator		{ height: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #999; width: 96%; margin: 28px 0 29px 0; }
.alignleft	{ float: left !important; margin-right: 8px; }
.alignright     { float: right !important; margin-left: 8px; }
.center 	{ text-align: center; }
.clear		{ clear: both; }
.errorpage	{ font-size: 1.5em; line-height: 1.6em; padding: 25% 0; text-align: center; }
.try_and_buy .alignleft { margin: 11px 0 0 0; }
.displaynone { display: none; }

.wp-block-buttons { width: 96%; }
.wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline, .wp-block-button.is-style-fill > .wp-block-button__link { border-radius: 5px; margin: 5px 0; }
.wp-block-button.is-style-outline > .wp-block-button__link:hover, .wp-block-button__link.is-style-outline:hover, .wp-block-button.is-style-fill > .wp-block-button__link:hover { color: #fff; background: #0579d2; } 
code { font-size: .9rem; padding:2px 5px; border: 1px solid #0579d2; background-color: #5ea3ec61; color: #333;}
.wp-block-code code { font-size: .9rem; width: 65%; padding:10px; white-space: unset; overflow: scroll; border: 1px solid #0579d2; background-color: #5ea3ec61; color: #333;}

.has-large-font-size { font-size: 1.5rem !important; font-weight: 400; }

/* - - HEAD - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.header 	{ margin: 5px 0 0 0; padding: 0 10px 0 0; }
.header h1, #header .site-description { display: none; }
.headerLogo	{ width: 170px; margin: 67px auto 64px auto; display: block; max-width: 90%; }
.header .description	{ display: none; color: #999; font-style: italic; text-align: center; border-bottom: 1px solid #999; margin: 0 0 15px 0; }
.sticky-sidebar { position:sticky; top: 46px; }

/* - - MENU - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#menu 		{ margin: 6px 0 0 0; border-top: 1px solid #999; padding: 10px 0 0 0; }
#menu ul li	{ width: 100%; }
#menu ul li a 	{ color: #3e4a54; font-size: 1rem; font-weight: normal; text-decoration: none; display: block; text-align: center; }
#menu ul li.is-accordion-submenu-parent a { font-weight: bold; }
#menu ul li.is-submenu-item a { font-weight: normal; }
#menu ul li:hover > a, #menu  ul ul:hover > a, #menu  a:focus { background-color: #f9f9f9; background-size: auto auto; }
#menu a:hover 	{ color: #0579d2; }
#menu .bold a	{ font-weight: bold; }
.menu .active > a { background: #eee; }
.subcat		{ font-weight: bold; color: #3e4a54; font-size: 0.8em; line-height: 2.9em; border-bottom: solid 1px #999; text-align: center; }
.cat-item	{ font-weight: bold; }
.menu-icon { width: 100%; height: 48px; background: #f9f9f9; margin: 0 0 25px 0; }
.menu-icon:after { top: 15px; left: 47%; width: 25px; height: 2px; background: #0579d2;-webkit-box-shadow: 0 7px 0 #0579d2,0 14px 0 #0579d2; box-shadow: 0 7px 0 #0579d2,0 14px 0 #0579d2; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: none; }
.socials	{ border-top: 1px solid #999; display: flex; height: auto; margin: 15px 0; padding: 15px 0; opacity: .7; width: 100%; justify-content: center; }
.socials a 	{ margin: 0 2px; padding: 5px; max-width: 33px; }
.socials a.medium, .socials a.mastodon { margin: 0 2px; max-width: 32px; }
.socials a:hover { fill: #0579d2; } 

/* Mobile Navigation */
#offCanvasMenu { background-color: #0579d2; color: #fff; z-index: 100; }
#offCanvasMenu ul { padding: 80px 0 0 0; opacity: .8; }
#offCanvasMenu ul li { width: 100%; border-top: 1px solid #0065b3; padding: 1rem; }
#offCanvasMenu ul li.has-submenu a { font-weight: bold; }
#offCanvasMenu ul.submenu li a { font-weight: normal; }
#offCanvasMenu ul li a { background: transparent; color: #fff; font-weight: normal; padding: .6rem 1rem; }
#offCanvasMenu ul li ul { padding: 0; }
#offCanvasMenu ul li ul li { padding: 0 0  0 15px; border: none; }
#offCanvasMenu .close-button { color: #fff; }
#offCanvasMenu .socials { border-top: 1px solid #0065b3; margin: 0 0 80px -25px; } 
#offCanvasMenu .socials a { fill: #fff; padding: 5px 15px; margin: 0 10px; } 


/* - - CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#content 			{ background-color: #fff; float: right; font-size: 1em; line-height: 1.5em; margin: 15px 0 0 10px; padding-bottom: 25px; min-height: 750px; }
.storycontent		{ margin: 0 0 24px 0; padding: 0; width: 100%;  max-width: 960px; }
.storycontent img 	{ float: none; height: auto; margin-bottom: 5px; padding: 0 25px 0 0; }
.post-thumb 		{ display: inline-block; }
.post-thumb img		{ max-width: 100%; height: auto; margin: 0 0 0px 0; padding: 0 25px 0 0; }
.post-thumb img:hover, .post-thumb img:focus { opacity: 0.9;  }
.page .post-thumb img, .postid-794 .post-thumb img	{ margin: 8px 0 5px 0; }
.storycontent p, .storycontent .wp-block-video, .storycontent .wp-block-eedee-block-gutenslider	 { width: 65%; margin: 0; padding: 10px 0 15px 0; }
.storycontent .wp-block-eedee-block-gutenslider.fullwidthslider { width: 100%; padding-right: 25px; }
.storycontent .wp-block-eedee-block-gutenslider.fullwidthslider img { padding: 0; }
.storycontent .wp-block-eedee-block-gutenslider img { max-width: 100%; padding: 0; }
.storycontent ul	{ width: 70%; margin: 0; padding: 10px 0 15px 0; }
.storycontent li	{ list-style: inside; }
.storytitle 		{ margin: 0; padding: 0; }
.storytitle a 		{ color: #333; font-weight: bold; text-decoration: none; }
.storytitle a:hover 	{ color: #2088bc; }
.wp-caption		{ font-size: .7em; line-height: 1.3em; font-family: Attention2, Verdana, Arial, sans-serif; margin-top: 15px; }
p.wp-caption-text	{ margin: 0; padding: 0 0 25px; text-align: center; width: 90%; }
.page-id-1267 .entry-header	{ border-bottom: 1px solid #999999; color: #999999; display: block; height: 119px; margin: 0 20px 5px 0; padding: 52px 0 0; }
.cat-archive-title	{ margin-top: 27px; }

/* Home Page */
.wp-block-query ul li { list-style: none; }
.wp-block-query img { max-width: 100%; padding: 0; }
.wp-block-query a img:hover { opacity: .8; }
.wp-block-query hr { display: none; }
.wp-block-query ul { width: 96%; }
#post-4278 .storycontent img { padding: 0 35px 0 0; }
#post-29 h1, #post-4278 h1 { display: none; font-size: 1.5rem; color: #0468b5; border: 0; line-height: 1.2; padding: 0; margin: -5px 0 10px 0; width: 96%; }
#post-29 p:first-child, #post-4278  p:first-child { font-size: 3.3rem; width: 96%; line-height: 1.4; font-weight: 500; }
#post-29 p, #post-4278 p { font-size: 1.5rem; width: 70%; font-weight: 400; }
#post-29 .storycontent .wp-block-eedee-block-gutenslider, #post-4278 .storycontent .wp-block-eedee-block-gutenslider { width: 96%; padding: 0; margin: 0 0 44px 0; }
#post-29 p.newsletter, #post-4278 p.newsletter { font-size: 1.1rem; }
#post-29 .wp-block-eedee-block-gutenslider .swiper, #post-29 .wp-block-eedee-block-gutenslider.slides-number .eedee-background-div img, 
#post-4278 .wp-block-eedee-block-gutenslider .swiper, #post-4278 .wp-block-eedee-block-gutenslider.slides-number .eedee-background-div img  { min-height: 493px; padding: 0; }

/* Blog Article from Medium */
.storycontent .rss_item p { width: 100%; }
.storycontent .rss_item .title a { text-decoration: none; }
.storycontent .rss_item .title a h2 { font-size: 1.6rem; line-height: 1.1; margin: 0;}
.rss_image { margin-bottom: 10px; }

/* Related Posts */
.yarpp-related { margin-bottom: 1em; margin-top: 1em; border-top: 1px solid #999; padding: 25px 0; margin-right: 25px; }
.yarpp-related h3 { color: #3e4a54; font-size: 1.2rem !important; }
.yarpp-related a img:hover { opacity: .8; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail { width: 49% !important; height: auto !important; float:left; border: 0 !important; }
.yarpp-thumbnail > img, .yarpp-thumbnail-default { width: 100% !important; height: auto !important; margin: 0 !important; max-width: 100% !important; margin-bottom: 5px !important; padding: 0; }
.yarpp-related .yarpp-thumbnail-title { margin: 0 !important; max-width: 100% !important; }

/* Tabs */
.wp-block-gutena-tabs li { list-style: none; }
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title.active,
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title:hover { border-color: #0579d2; z-index: 0; }


/* - - Formular Newsletter - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.newsblock { padding: 20px 20px 0 20px; background: #efefef; margin-right: 35px; position: relative; overflow: hidden; }
.newsblock  .wp-block-group__inner-container { position: relative; }
#post-29 .newsblock p, #post-4278 .newsblock p  { font-size: 1.1rem; }
.newsblock::before { content: "@"; color: #dcdcdc; font-size: 23rem; position: absolute; top: 59px; right: -46px;}
#mailpoet_form_2 input.mailpoet_text, #mailpoet_form_4 input.mailpoet_text { width: 100% !important; padding: 0.667em 1.33em !important; float: left; border-radius: 5px 0 0 5px; border: 2px solid #3e4a54 !important; height: 54px; }
#mailpoet_form_2 input.mailpoet_text:hover, #mailpoet_form_4 input.mailpoet_text:hover { background: #efefef; }
#mailpoet_form_2 form.mailpoet_form, #mailpoet_form_4 form.mailpoet_form  { padding: 5px 0 25px 0 !important; position: relative; z-index: 2;}
#mailpoet_form_2 .mailpoet_form_column:not(:first-child), #mailpoet_form_4 .mailpoet_form_column:not(:first-child) { margin-left: 0; }
input.mailpoet_submit, #nf-field-9, #nf-field-12, #nf-field-16 { background-color: #3e4a54; border: 2px solid #3e4a54 !important; border-radius: 0 5px 5px 0; color: #fff; cursor: pointer; height: 54px !important; padding: 0.667em 1.33em !important; min-width: 150px; display: inline-block; }
input.mailpoet_submit:hover, #nf-field-9:hover, #nf-field-12:hover, #nf-field-16:hover { background-color: #0579d2; color: #fff; border: 2px solid #0579d2 !important; }
#mailpoet_form_2 .mailpoet_paragraph, #mailpoet_form_4 .mailpoet_paragraph { margin-bottom: 10px; }
.listcheckbox-wrap { width: 65%; }
.nf-form-fields-required { display: none; }


/* - - FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#footer 	{ padding: 20px 1.8750rem; color: #fff; border-top: dotted 1px #999; font-size: 1rem; line-height: 1.4; margin: 0; width: 100%; background: #0579d2; }
#footer-site-info { margin-bottom: 5px; }
#footer ul 	{ margin: 0; }
#footer ul li { float: left; padding: 0 15px 0 0; }
#footer a 	{ color: #fff; border-bottom: dotted 1px #fff; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #fff; border-bottom: solid 1px #fff; }
#footer .footerLogo { max-width: 45px; float: left; margin: 8px 16px 10px -5px; }
#footer .footerLogo a { border: none; }
#footer .footer-nav span { font-style: italic; float: left; margin-right: 10px; line-height: 1.6; }
#footer .footer-navigation { width: calc(50% + 1.875rem); margin-bottom: 20px; }
#footer .footer-navigation ul { float: right; }
#footer .footer-description { margin-bottom: 20px; }

/* Languages */
#langSwitch { margin-bottom: 5px; }
#langSwitch a { border:	0; }
#langSwitch .current-lang a { opacity: .5; }


/* - - COOKIE NOTICE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#cookie-notice { opacity: 0.95; }
.cookie-notice-container { padding: 15px; }
#cn-notice-text { display: inline-block; }
#cookie-notice .button.wp-default { border-color: #fff; line-height: 18px !important; padding: 10px 20px !important; background: transparent !important; color: #fff !important; text-shadow: 0 0px 0 #fff !important; -moz-box-sizing: border-box; border-radius: 0px !important; white-space: nowrap; margin: 0 0 5px 10px !important; }
#cookie-notice .button.wp-default:hover { background: #fff !important; color: #10abe1 !important; border: 1px solid #fff !important; } 
#cookie-notice #cn-more-info.button.wp-default { line-height: 18px !important; padding: 10px !important; border: none !important; font-style: italic; text-decoration: underline; background: transparent !important; color: #fff !important; text-shadow: none; -moz-box-sizing: border-box; white-space: nowrap; margin: 5px 0 5px 10px !important; }
#cookie-notice #cn-more-info.button.wp-default:hover { background: transparent !important; color: #ee1c27 !important; border: none !important; } 


/* - - MISC - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#display-medium-owl-demo .details-title { border: none; }
.owl-carousel a { text-decoration: none; }
.owl-carousel p { width: 95%; font-size: 1rem; }
#glyphviewWrap, .nf-form-wrap { max-width: 96%; }
.smallCaps { font-feature-settings: "smcp" on; }
.specimen-pdf-block { width:65%; border: 0px dotted #999; background: #eef0f3; margin: 15px 0 0 0;}
.specimen-pdf-block img { margin-bottom: 0; padding: 0; opacity: .8; max-width: 250px; }
.specimen-pdf-block a img:hover { opacity: 1; }
.nf-response-msg { font-weight: bold; }
.vn-logo img { padding: 0; margin: 7px 0 -2px 0; }


/* Salou Variable */
.storycontent p.VARtext { font-family: "SalouVAR"; font-size: 2.8rem; background: #eee; font-style: italic; font-weight: Bold; padding: 20px; margin: 0 0 1.2rem 0; line-height: 1; transition: font-variation-settings 0.3s ease;}
.storycontent p.VARtext span { fontt-size: 3.1rem; }
.storycontent p.VARtext span:nth-of-type(1) { font-variation-settings: "wght" 100, "slnt" 0; }
.storycontent p.VARtext span:nth-of-type(2) { font-variation-settings: "wght" 150, "slnt" -1; }
.storycontent p.VARtext span:nth-of-type(3) { font-variation-settings: "wght" 220, "slnt" -2; }
.storycontent p.VARtext span:nth-of-type(4) { font-variation-settings: "wght" 315, "slnt" -3; }
.storycontent p.VARtext span:nth-of-type(5) { font-variation-settings: "wght" 423, "slnt" -4; }
.storycontent p.VARtext span:nth-of-type(6) { font-variation-settings: "wght" 534, "slnt" -6; }
.storycontent p.VARtext span:nth-of-type(7) { font-variation-settings: "wght" 610, "slnt" -8; }
.storycontent p.VARtext span:nth-of-type(8) { font-variation-settings: "wght" 723, "slnt" -10; }
.storycontent p.VARtext span:nth-of-type(9) { font-variation-settings: "wght" 834, "slnt" -13; }
.storycontent p.VARtext span:nth-of-type(10) { font-variation-settings: "wght" 900, "slnt" -16; }
.VARtext .wp-block-button__link { font-family: "SalouVAR"; font-variation-settings: "wght" 500, "slnt" 0; font-size: 2rem; transition: font-variation-settings 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.VARtext .wp-block-button__link:hover { color: #fff; font-variation-settings: "wght" 800, "slnt" -16; }
.storycontent p.VARtext-mouse { font-family: "SalouVAR"; font-variation-settings: "wght" 450, "slnt" 0; font-size: 4rem; background: #eee; padding: 20px; line-height: 1.2; margin: 0 0 1.2rem 0;}
@keyframes salou-animation { 
  from { font-variation-settings: "wght" 100, "slnt" 0; }
  to { font-variation-settings: "wght" 900, "slnt" -16; }
}
.storycontent p.VARtext-animation { font-family: "SalouVAR"; font-variation-settings: "wght" 100, "slnt" 0; font-size: 4rem; background: #eee; padding: 20px; line-height: 1.2; margin: 0 0 1.2rem 0; transition: font-variation-settings 0.3s ease;
  animation-name: salou-animation; animation-duration: 2s; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; overflow: hidden; }

/* Twista Sans Variable */
.storycontent p.hover-paragraph { font-family: "Twista Sans VF"; font-weight: 300; font-size: 1.6rem; background: #eee; padding: 20px; line-height: 1.4; margin: 0 0 1.2rem 0; transition: font-variation-settings 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.storycontent p.hover-paragraph  .sentence { display: inline; transition: all 0.4s ease; cursor: pointer; }
.storycontent p.hover-paragraph  .sentence:hover { font-weight: 700; }
.storycontent p.auto-paragraph { font-family: "Twista Sans VF"; font-weight: 300; font-size: 1.6rem; background: #eee; padding: 20px; line-height: 1.4; margin: 0 0 1.2rem 0; transition: font-variation-settings 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.storycontent p.auto-paragraph .word { display: inline-block; font-weight: 300; transition: font-weight 0.8s ease;}
.storycontent p.auto-paragraph .word.active { font-weight: 700; transition: font-weight 0.2s ease; }
.storycontent p.proximity-paragraph { font-family: "Twista Sans VF"; font-weight: 300; font-size: 1.6rem; background: #eee; padding: 20px; line-height: 1.4; margin: 0 0 1.2rem 0; transition: font-variation-settings 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.storycontent p.proximity-paragraph .word { display: inline-block; font-weight: 300; transition: all 0.3s ease; }
.storycontent p.proximity-paragraph .word.near { font-weight: 700; }



/* - - RESPONSIVE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


@media only screen and (max-width: 1024px) {
	#footer .footer-navigation ul { float: left; }
	.sticky-sidebar { position:relative; }
}

@media only screen and (max-width: 640px) {
	h1			{ font-size: 3rem; text-align: center; margin: 0 0 10px 0; }
	#all 		{ margin: 4px auto 30px auto; }
	.header, .post-thumb img  { padding: 0; }
	.headerLogo { margin: 4px auto 24px auto; }
	.menu-icon { margin: 0 0 50px 0; }
	#content 	{ min-height: 0; width: 94%; margin: 0 2%; float: left; padding: 1% 3% 3% 3%;  }
	.storycontent p, .storycontent .wp-block-video, .storycontent .wp-block-eedee-block-gutenslider, .wp-block-code code { width: 100%; margin: 0; padding: 10px 0 15px 0; }
	.storycontent img	{ max-width: 100%; margin: 0 auto 5px auto; display: inherit; padding: 0; }
	.specimen-pdf-block, h3, h4 { width: 100%; }
	.specimen-pdf-block img { margin: 0; }
	#footer .footerLogo { float: none; }
	.yarpp-related { margin-right: 0; }
	#langSwitch { margin-bottom: 20px; }
	.wp-block-buttons > .wp-block-button, .wp-block-buttons > .wp-block-button:last-child { margin: 0; }
	.is-style-outline > .wp-block-button__link { margin: 25px 0 5px 0; }
	.yarpp-thumbnails-horizontal .yarpp-thumbnail { width: 100% !important; }
	.wp-block-eedee-block-gutenslider .swiper, .wp-block-eedee-block-gutenslider.slides-number .eedee-background-div img { max-height: 420px; }
	#post-4278 .storycontent img { padding: 0 0 0 0; }
	#post-29 p, #post-4278 p  { font-size: 1.3em; width:96%; }
	#post-29 .wp-block-eedee-block-gutenslider .swiper, #post-29 .wp-block-eedee-block-gutenslider.slides-number .eedee-background-div img,
	#post-4278 .wp-block-eedee-block-gutenslider .swiper, #post-4278 .wp-block-eedee-block-gutenslider.slides-number .eedee-background-div img { min-height: 300px; }
	.newsblock { margin: 0; }
	.storycontent .feedzy-rss ul, .listcheckbox-wrap, hr, .wp-block-separator, .wp-block-query ul,
	#post-29 .storycontent .wp-block-eedee-block-gutenslider, #post-4278 .storycontent .wp-block-eedee-block-gutenslider { width: 100%; }
}


/* - - Print CSS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

@media print {
  a[href]:after {
    content: none !important;
  }
}