@charset "utf-8";

/* Import Raleway
font-family: 'Raleway', sans-serif;
100 thin - 200 extra light - 300 light - 400 regular - 500 medium - 600 semi bold - 700 bold - 800 extra bold - 900 black */
@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-ExtraBoldItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/raleway/Raleway-ExtraBold.woff') format('woff'),
        url('fonts/raleway/Raleway-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Black.woff2') format('woff2'),
        url('fonts/raleway/Raleway-Black.woff') format('woff'),
        url('fonts/raleway/Raleway-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Bold.woff2') format('woff2'),
        url('fonts/raleway/Raleway-Bold.woff') format('woff'),
        url('fonts/raleway/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-BoldItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-BoldItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-ExtraLightItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-BlackItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-BlackItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-ExtraLight.woff2') format('woff2'),
        url('fonts/raleway/Raleway-ExtraLight.woff') format('woff'),
        url('fonts/raleway/Raleway-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/raleway/Raleway-SemiBold.woff') format('woff'),
        url('fonts/raleway/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-MediumItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-MediumItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-SemiBoldItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Medium.woff2') format('woff2'),
        url('fonts/raleway/Raleway-Medium.woff') format('woff'),
        url('fonts/raleway/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Italic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-Italic.woff') format('woff'),
        url('fonts/raleway/Raleway-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-LightItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-LightItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Thin.woff2') format('woff2'),
        url('fonts/raleway/Raleway-Thin.woff') format('woff'),
        url('fonts/raleway/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Light.woff2') format('woff2'),
        url('fonts/raleway/Raleway-Light.woff') format('woff'),
        url('fonts/raleway/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Regular.woff2') format('woff2'),
        url('fonts/raleway/Raleway-Regular.woff') format('woff'),
        url('fonts/raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-ThinItalic.woff2') format('woff2'),
        url('fonts/raleway/Raleway-ThinItalic.woff') format('woff'),
        url('fonts/raleway/Raleway-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}


/* Import Newsreader
font-family: 'Newsreader', serif;
200 extra light - 300 light - 400 regular - 500 medium - 600 semi bold - 700 bold - 800 extra bold */
@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-Bold.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-Bold.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-ExtraBold.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-ExtraBold.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-Italic.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-Italic.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-ExtraBoldItalic.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-BoldItalic.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-BoldItalic.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-ExtraLightItalic.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-ExtraLight.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-ExtraLight.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-MediumItalic.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-MediumItalic.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-Light.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-Light.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-SemiBoldItalic.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-LightItalic.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-LightItalic.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-SemiBold.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-SemiBold.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-Medium.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-Medium.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('fonts/newsreader/Newsreader24pt-Regular.woff2') format('woff2'),
        url('fonts/newsreader/Newsreader24pt-Regular.woff') format('woff'),
        url('fonts/newsreader/Newsreader24pt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Import Font Awesome */
@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/font-awesome/fontawesome-webfont.eot');
	src: url('fonts/font-awesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/font-awesome/fontawesome-webfont.woff2') format('woff2'), url('fonts/font-awesome/fontawesome-webfont.woff') format('woff'), url('fonts/font-awesome/fontawesome-webfont.ttf') format('truetype'), url('fonts/font-awesome/fontawesome-webfont.svg?#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon_fa:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    /* font-size: inherit; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    line-height: 1.0;
    vertical-align: middle;
    color: #FFF;
    content: "\f017";
    margin: 0 10px 0 0;
    padding-bottom: 3px;
}

.icon_eye.icon_fa:before {
    content: "\f06e";
}

.icon_user.icon_fa:before {
    content: "\f007";
}

.icon_user-o.icon_fa:before {
    content: "\f2c0";
}

.icon_alert.icon_fa:before {
    content: "\f071";
}

.icon_book.icon_fa:before {
    content: "\f02d";
}

.icon_heart.icon_fa:before {
    content: "\f004";
    /* fix */
    font-size: 1.3rem;
    margin-right: 4px;
    color: #444;
    padding-bottom: 2px;
}

.icon_back.icon_fa:before {
    content: "\f112";
}

.icon_arrowl.icon_fa:before {
    content: "\f060";
}

.icon_bulb.icon_fa:before {
    content: "\f0eb";
}

.icon_place.icon_fa:before {
    content: "\f041";
}

.icon_cart.icon_fa:before {
    content: "\f07a";
}

.icon_infocircle.icon_fa:before {
    content: "\f05a";
}

.icon_cam.icon_fa:before {
	content: "\f03d";
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

/* General */
body, html {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', Arial, sans-serif;
	color: #282828;
	font-weight: 300; /* light */
	min-height: 100%; /* body - important for disable scrolling with JS */
	/* overflow-x: hidden; blocks sticky aside-box */
}

/* zweiten inaktiven Scrollbalken ausblenden */
html {
	overflow: auto;
}

/* blauen Firefox-Rand um verlinkte Bilder unterdrücken */
:focus { outline: 0; }

/* Remove blue border when link touched */
/* Do not use for text input fields - or use value initial */
a, label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

* {
    box-sizing: border-box;
}

a {
	text-decoration: none;
}

.align_l {
	text-align: left;
}

.align_r {
	text-align: right;
}

.align_c {
	text-align: center;
}

.align_j {
	text-align: justify;
}

.align_last_l {
	text-align-last; left;
}

.valign_c {
	vertical-align: middle;
}

.spacer_line {
	border-top: 1px solid #bfbfbf;
	height: 1px;
	margin: 35px 0;
}

/* START content */
.wrapper {
	padding-top: 5rem;
}

.boxed_content {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 3%;
}

.grid_table {
    /* max-width: 1600px; */
    /* margin: 2rem auto; */
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 410px;
    grid-gap: 3rem;
}

.grid_main {
    padding-top: 1.3rem;
}

.grid_aside {
    position: sticky;
    top: 1rem;
    align-self: start; /* set height dep. content */
}

h1 {
    font-size: 4.3rem;
    line-height: 1.4;
    font-weight: 500 !important;
    color: #444;
}

h2 {
    font-size: 2.1rem;
    line-height: 1.3;
    font-weight: 500 !important;
    color: #539d75;
}

h3 {
    font-size: 2.5rem;
    line-height: 1.3;
    margin: 80px 0 45px 0;
    /* g-font */
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: normal; 
}

h4 {
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    /* g-font */
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: normal;
}

.site_topic_tag {
    padding: .6rem 1.2rem;
    font-size: 1.5rem;
    border: 3px solid #444;
    border-radius: 500px;
    display: inline-block;
    /* g-font */
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: normal;
    margin-bottom: 30px;
}

.wrapper_txt_header {
    padding: 0 2rem;
    /* g-font */
    font-family: "Newsreader", serif;
    font-optical-sizing: auto;
    font-style: normal;   
}

.txt_subline {
    width: 75%;
    /* g-font */
    font-family: "Newsreader", serif;
    font-optical-sizing: auto;
    font-style: normal;   
}

.author_wrapper {
    margin: 3.75rem 0;
    padding: 0 2rem;
    display: table;
    width: 100%
}

.author_wrapper > div {
    display: table-cell;
    vertical-align: middle;
}

.author_img {
    width: 100px;
}

.author_img .img_wrapper {
    width: 100px;
    height: 100px;
    background-image: url('img/author_avatar_150x150.png');
    background-size: cover;
    border-radius: 500px;
    overflow: hidden;
}

.author_details {
    padding-left: 30px;
    text-transform: uppercase;
    color: #b1b1b1;
}

.author_details .author_name {
    text-transform: uppercase;
}

.author_details .publishing_date {
    margin-top: 0.6rem;
    text-transform: uppercase;
}

/* list-of-contents */
.box_loc {
    background-color: #c8e7d6;
    padding: 2.2rem;
    border-radius: 1.25rem;
    /* g-font */
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;  
}

.loc_title {
    color: #539d75;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.0;
    border-left: 6px #539d75 solid;
    margin-top: 0.8rem;
    padding-left: 1rem;
}

.box_loc ol {
    margin-top: 2.5rem;
    /*list-style-type: decimal-leading-zero;*/
    list-style-type: decimal;
    color: #539d75;
    font-weight: 700;
}

.box_loc ol li {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: .75rem;
    padding-left: .75rem;
}

.box_loc ol li a {
    font-weight: 500;
    text-decoration: none;
    color: #444;
}

.box_loc ol li a:hover {
    text-decoration: underline;
}

.parag_wrapper {

}

.parag_title {
    color: #444;
}

.parag_content {
    color: #444;
    font-size: 1.5rem;
    line-height: 1.3;
    /* g-font */
    font-family: "Newsreader", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.parag_content .highlight {
    font-size: 1.5rem;
    margin: 30px;
    padding: 15px 20px 10px 20px;
    display: inline-block;
    word-wrap: break-word;
    color: #8f834e;
    border-left: 6px #e2d9b9 solid;
    font-weight: 500;
    font-style: italic;
    background-color: #f9f4de;
}

.parag_content a {
    text-decoration: underline;
    color: #444;
}

.hint_box {
    display: table;
    width: 100%;
    padding: 1.5rem 2.5rem 1.3rem 2.5rem;
    margin-top: 5rem;
    background-color: #f3f4f7;
    border: 1px solid #e4e6eb;
    border-radius: 500px;
    color: #6c6c6c;
    font-style: italic;
    line-height: 1.2;
}

.hint_box > div {
    display: table-cell;
    vertical-align: middle;
}

.hint_box div.icon_bulb {
    width: 70px;
}

.hint_box .icon_bulb.icon_fa:before {
    /* fix */
    font-size: 4.2rem;
    margin-right: 1rem;
    color: #6c6c6c;
    padding-bottom: 6px;
}

.hint_box .hint_title {
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0.5rem;
}

.share_wrapper {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding: 1.5rem 1.5rem;
    margin-top: 3.0rem;
}

.share_title {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #bfbfbf;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    /* text-transform: uppercase; */
    margin-bottom: 1rem;
}

.share_wrapper .social_icons {
    display: inline-block;
    padding-right: 2rem;
}

.share_wrapper .social_icons svg {
    width: 35px;
    height: 35px;
}

.share_wrapper .social_icons svg > path {
    fill: #bfbfbf;
}

a.share_btn {
    color: #bfbfbf;
    text-decoration: none;
}

.author_footer {
    margin-top: 4.5rem;
    padding: 2rem;
    display: table;
    width: 100%;
    /* background-color: #e7e7e7; */
    background-color: #f0f2f5;
}

.author_footer > div {
    display: table-cell;
    vertical-align: middle;
}

.author_footer_ico {
    width: 90px;
    text-align: left;
}

.author_footer_ico .icon_fa:before {
    font-size: 60px;
    color: #6c6c6c
}

.author_footer_descr {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #6c6c6c;
    /* g-font */
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;     
}

.author_footer_title {
    font-weight: 700;
    margin-bottom: .5em;
    text-transform: uppercase;
}

.footer_wrapper {
    margin-top: 7.5rem;
    padding: 2rem 0;
    background-color: #36342a;
    color: #999586;
    font-weight: 400;
}

.footer {
    display: table;
    width: 100%;
    padding: 0 2rem;
}

.footer .footer_col {
    display: table-cell;
    width: 33%;
    padding: 5rem 0;
    line-height: 2rem;
    vertical-align: bottom;
}

.footer_col.col1,
.footer_col.col2 {
    /* border-right: 1px solid #8f834e; */
}

.footer a {
    text-decoration: none;
    color: #999586;
}

.footer a:hover {
    text-decoration: underline;
}

/* Imprint */
.imprint .site_topic_tag {
    padding: .6rem 1.2rem;
    font-size: 1.5rem;
    border: 3px solid #444;
    border-radius: 500px;
    display: inline-block;
    /* g-font */
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: normal;
    margin-bottom: 30px;
}

.imprint .site_topic_tag.backlink {
    text-decoration: none;
    color: #444;
    cursor: pointer;
}

.imprint .site_topic_tag.backlink.icon_arrowl.icon_fa:before {
    color: #444;
    /* fix */
    font-size: 1.4rem;
    margin-right: 12px;
    padding-bottom: 4px;
}

.imprint .wrapper_imprint {
    padding: 0 2rem;
}

/* Privacy */
.prv-disable-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.prv-text-select {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
    cursor: text;
}

.prv-paragraph-list {
	list-style-type: none;
	list-style-position: inside;
	counter-reset: my-counter;
	/* reset css */
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	margin: 0;
	padding: 0;
}

.prv-paragraph {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

.prv-paragraph::before {
    counter-increment: my-counter;
    content: counter(my-counter) ". ";
}

.prv-sublist {
	list-style-type: lower-latin;
}

.prv-link {
	color: #9a9a9a !important;
	text-decoration: none !important;
}

.prv-link-unflashy {
	color: #9a9a9a !important;
	text-decoration: none !important;
}


/* START RESPONSIVE */
@media only screen and (max-width: 1199px) {

    body, html {
        overflow-x: hidden; /* reset */
    }

    h1 {
        font-size: 3.5rem;
        line-height: 1.2;
    }

    .txt_subline {
        width: 100%;
    }

    .grid_table {
        grid-template-columns: 1fr; /* set all in one column */
        grid-gap: 1rem;
        padding: 0 2rem;
    }

    .grid_aside {
        position: relative;
        align-self: auto; /* reset default */
        grid-row: 1; /* set 1st row on top */
    }
    
    .grid_main {
        grid-row: 2; /* set 2nd row */
    }

    .box_loc {
        width: 100%;
        max-width: 680px;
        margin-bottom: 3.5rem;
    }
    
    .hint_box {
        padding: 1.2rem 2rem;
    }

    .share_wrapper {
        margin-top: 1.0rem;
    }

}

@media only screen and (max-width: 799px) {
    
}

/* Mobile */
@media only screen and (max-width: 767px) {

    h1 {
        font-size: 2.3rem;
        line-height: 1.2;
    }
    
    h2 {
        font-size: 1.7rem;
        line-height: 1.2;
    }
    
    h4 {
        font-size: 1rem;
    }    

    .boxed_content {
        padding: 0 4%;
    }

    .site_topic_tag,
    .imprint .site_topic_tag {
        font-size: 1.3rem;
    }

    .wrapper {
        padding-top: 4.5rem;
    }

    .wrapper_txt_header,
    .imprint .wrapper_imprint {
        padding: 0;
    }
    
    .txt_subline {
        margin: 2.2rem 0;
    }

    .author_wrapper {
        margin: 2.2rem 0;
        padding: 0;
    }
    
    .author_img .img_wrapper {
        width: 80px;
        height: 80px;
    }
    
    .author_details {
        padding-left: 0;
    }

    .author_details .publishing_date {
        margin-top: 0.4rem;
    }
    
    .grid_table {
        padding: 0;
        grid-gap: 1rem;
    }
    
    .box_loc {
        width: 100%;
        padding: 1.5rem 2rem;
        margin-bottom: 2.2rem;
    }
    
    .loc_title {
        font-weight: 700;
        font-size: 1.7rem;
    }

    .box_loc ol {
        margin-top: 1.8rem;
        font-weight: 500;
        padding: 0 0 0 1.5rem;
    }

    .box_loc ol li {
        font-size: 1.2rem;
        line-height: 1.2;
        margin-bottom: .5rem;
        white-space: pre-wrap;
    }

    .parag_title {
        font-size: 1.9rem;
        margin: 3.75rem 0 1.8rem 0;
    }

    .parag_content,
    .parag_content .highlight {
        font-size: 1.4rem;
    }

    .parag_content .highlight {
        margin: 1.875rem 1.25rem;
    }
    
    .hint_box {
        padding: 1.2rem;
        border-radius: 25px;
        margin-top: 3.75rem;
    }

    .hint_box div.icon_bulb {
        width: 60px;
    }

    .share_wrapper {
        padding: 0.85rem;
    }

    .share_wrapper .social_icons {
        padding-right: 1rem;
    }

    .author_footer {
        margin-top: 4rem;
        padding: 1.2rem;
    }
    
    .author_footer > div {
        vertical-align: top;
    }

    .author_footer_ico .icon_fa:before {
        font-size: 3.5rem;
    }

    .author_footer_ico {
        width: 70px;
    }

    .author_footer_descr {
        font-size: 1rem;
        line-height: 1.5;
    }

    .footer_wrapper {
        padding: 3.5rem 0;
        margin-top: 5.5rem;
    }

    .footer {
        display: block;
        width: 100%;
    }

    .footer .footer_col {
        display: block;
        width: 100%;
        padding: 0;

    }

    .footer_col.col2,
    .footer_col.col3 {
        padding: 0;
    }

}


/* Print */
@media print
{    
    .no_print, .no_print *
    {
        display: none !important;
    }
}