/*
Theme Name: S.E.A
Text Domain: sea
*/

/*----------------------------------------*/
/*                                        */
/*           COLORS TABLE                 */
/*                                        */
/*----------------------------------------*/

/*
    gray:  #333333
    red:    #a3170f
    white:  #ffffff
*/

/*----------------------------------------*/
/*                                        */
/*           Normalize                    */
/*                                        */
/*----------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.4;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
    text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/*----------------------------------------*/
/*                                        */
/*           FONT IMPORT                  */
/*                                        */
/*----------------------------------------*/


/*----------------------------------------*/
/*                                        */
/*           BASIC                        */
/*                                        */
/*----------------------------------------*/

*,
*::after,
*::before {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
}

body {
    font-weight: 400;
    font-style: normal;
    /*font-family: futura-pt, Helvetica, Arial, sans-serif;*/
	font-family: "komet",sans-serif; /*-vin 2024 */
    font-size: 1rem;
    color: #000;
    background-color: #ffffff;
}

td,
th {
    vertical-align: top;
}

a {
    color: inherit;
}

a:focus {
    outline: 0;
}

nav a {
    text-decoration: none;
}

nav ul {
    list-style: none;
}

img {
    width: 100%;
    /*width: auto;*/
    /*max-width: 100%;*/
    vertical-align: bottom;
    height: auto;
}

.d_table {
    display: table;
    caption-side: bottom;
}

.d_flex_row {
    display: flex;
    flex-direction: row;
}

.d_flex_row_sb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.d_flex_row_hc {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.d_flex_col {
    display: flex;
    flex-direction: column;
}

.d_flex_col_c {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.d_flex_col_cc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.d_flex_col_sb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cc {
    justify-content: center;
    align-items: center;
}

.f_end {
    justify-content: flex-end;
}

.no-break {
    white-space: nowrap;
}

.flex_wrap {
    flex-wrap: wrap;
}

p {
    line-height: 1.2;
}

.txt_center {
    text-align: center;
}

.txt_left {
    text-align: left;
}

.txt_justify {
    text-align: justify;
}

.txt_field {
    /*hyphens: auto;*/
    margin-bottom: 6rem;
}

.news .txt_field {
    margin: 0 0 2.8rem 0;
}

/*----------------------------------------*/
/*                                        */
/*           ICONS                        */
/*                                        */
/*----------------------------------------*/

/*----------------------------------------*/
/*                                        */
/*           BUTTONS                      */
/*                                        */
/*----------------------------------------*/

/*----------------------------------------*/
/*           WORDPRESS CORE               */
/*----------------------------------------*/

.alignnone {
    margin: 0.5rem 2rem 2rem 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 0.5rem auto 0.5rem auto;
}

.alignright {
    float: right;
    margin: 0.5rem 0 2rem 2rem;
}

.alignleft {
    float: left;
    margin: 0.5rem 2rem 2rem 0;
}

a img.alignright {
    float: right;
    margin: 0.5rem 0 2rem 2rem;
}

a img.alignnone {
    /*margin: 0.5rem 2rem 2rem 0;*/
    margin: 0;
}

a img.alignleft {
    float: left;
    margin: 0.5rem 2rem 2rem 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 0.5rem 0.3rem 1rem;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 0.5rem 2rem 2rem 0;
}

.wp-caption.alignleft {
    margin: 0.5rem 2rem 2rem 0;
}

.wp-caption.alignright {
    margin: 0.5rem 0 2rem 2rem;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 1.1rem;
    line-height: 1.7rem;
    margin: 0;
    padding: 0 0.4rem 0.5rem;
}

@media only screen and (max-width: 767px) {
    figure.alignleft,
    img.alignleft,
    figure.alignright,
    img.alignright {
        float: none;
    }
}

/*----------------------------------------*/
/*                                        */
/*           COLORS                       */
/*                                        */
/*----------------------------------------*/

/*
    black:   #000000
    white:  #ffffff
*/


/*----------------------------------------*/
/*                                        */
/*           TYPOGRAPHY                   */
/*                                        */
/*----------------------------------------*/

.body_jp {
    /*font-family:"dnp-shuei-gothic-kin-std", serif;*/
}

.body_jp .projects-wrapper h2 {
	/*font-family:"dnp-shuei-gothic-kin-std", serif;*/
	font-size:3rem;	
}

.body_jp strong {
	font-weight:900;
}

h1 {
    font-weight: 500;
    margin: 0;
    line-height: 0.7;
    display: block;
}

h2 {
    font-weight: 500;
    font-size: 1.25rem;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
    line-height: 1;
    margin: 0 0 2.8rem 0;
    color: #000000; /* #787878; vin 2024*/
}

.single-teammitglied h2 {
    /*text-align: left;*/
}

h3 {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0 0 2.8rem 0;
    color: #000000; /* #787878; vin 2024*/
}

h4 {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    margin: 0 0 2.8rem 0;
    color: #000000; /* #787878; vin 2024*/
}

h5 {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 2.8rem 0;
    color: #000000; /* #787878; vin 2024*/
}

h6 {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 2.8rem 0;
    color: #000000; /* #787878; vin 2024*/
}

.projects-wrapper h2 {
    font-weight: 500;
	letter-spacing:0.25rem;
	font-size: 3.5rem; /*vin 2024*/
	margin-bottom: 1.4rem;
}

.project-item h2 {
	font-family: komet, sans-serif;
	font-size:1.75em;	
	letter-spacing:0.1rem;
}

.projectfacts {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.projectfacts > * {
	width:22.5%;	
}

p {
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.2;
    /*margin: 0 0 2.8rem 0;*/
    color: #000000; /* #787878; vin 2024*/
    margin-top: 0;
}

p > a:hover, a:hover {
    text-decoration: underline;
}

strong {
    font-weight: 500;
}

.txt_wrapper {
    /*max-width: 25.5rem;*/
    max-width: 29rem;
    word-break: break-word;
    margin: 0 auto;
    word-wrap: break-word;
}

.aside_list {
    list-style: none;
    margin: 0 0 6rem 0;
    padding: 0;
    font-weight: 400;
	/*letter-spacing:0.2rem;*/
	/* font-size: 1.25rem;*/
}

.post-type-archive-teammitglied .aside_list {
	letter-spacing:0;
	/*font-size: 1.5rem;*/
	line-height:1.45;
}

iframe {
    margin: 0 0 6rem 0;
}

/*----------------------------------------*/
/*                                        */
/*           LAYOUT                       */
/*                                        */
/*----------------------------------------*/

.container {
    width: calc(100% - 6rem);
    /*width: 100%;*/
    max-width: 120rem;
    min-height: 100vh;
    margin: 0 auto;
}

.container .container {
	min-height: auto;	
	width:100%;
}

.col1-3 {
    width: 33.3%;
}

.col1-3_text {
    width: 33.3%;
    padding-right: 2rem;
    /*background-color: #8d96a0;*/
}

.col1-3m {
    width: calc(33.3% + 1rem);
}

.col2-3 {
    width: 66.6%;
	padding-left:0.75rem;
}

.col2-3m {
    width: calc(66.6% - 1rem);

}

.col3-3 {
    width: 100%;
}

.col1-2left {
    width: 100%;
    max-width: 50%;
}

.col1-2right {
    width: 100%;
    max-width: 50%;
    margin-left: 3rem;
}

.news {
    min-height: auto;
}

.image_hover a{
    opacity: 1;
    /*-webkit-transition: .3s ease-in-out;*/
    /*transition: .3s ease-in-out;*/
}

.project-item  {
	overflow:hidden;
    float: left;

}

.image_hover:hover {
    /*opacity: .5;*/
	 
}

.image_hover_effect {
    /*opacity: .5;*/
	
}
.project-item img {
   transition:all 0.5s;
}

.image_hover_effect img, .image_hover:hover img {
  /*transform:scale(1.05);*/
  /*  overflow: hidden;*/
}

.project-item > a {
    position: relative;
    display: block;
    overflow: hidden;
    vertical-align: top;
}


.name_overlay {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    z-index: 10;
    width: 100%;
    padding: 1rem;
    background-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(0, 0, 0, 0.4);
    transition:all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    /*text-shadow: 0px 0px 3px white, 0px 0px 4px white;*/
	color:#fff;
}

.link_hover_name_overlay {
    opacity: 1;
}

.project-item a:hover .name_overlay,
.project-item a:focus .name_overlay {
    opacity: 1;
}


.link_hover {
    /*font-weight: 500;*/
	/*color:#000; -vin 2024 */
	text-decoration:underline;
}

.main_field {
    margin-left: 1rem;
}

/*----------------------------------------*/
/*                                        */
/*           HEADER                       */
/*                                        */
/*----------------------------------------*/

.header {
    min-height: 5rem;
    /*padding: 4.8rem 0 8rem 0;*/
    padding: 4.8rem 0 4.8rem 0;
    overflow: hidden;
    position: fixed;
    width: calc(100% - 6rem);
    /*width: 100%;*/
    max-width: 120rem;
    z-index: 13;
    background-color: rgba(255, 255, 255, 0.95);
}

/*----------------------------------------*/
/*           LOGO + NAV                   */
/*----------------------------------------*/

.logo {
    text-align: center;
}

.logo_title {
    font-family: futura-pt, Helvetica, Arial, sans-serif;
    letter-spacing: 0.4rem;
    /*font-size: 4.5rem;*/
    font-size: 3.5rem; /*3em vin 2024*/
	padding-left:1.5rem;
}

.logo_slogan {
    font-family: futura-pt, Helvetica, Arial, sans-serif;
    margin-top: 1.2rem;
    letter-spacing: 0.375rem; /*-vin 2024*/
    /*font-size: 1.8rem;*/
    font-size: 1.5rem; /*1.25rem; vin 2024*/
	font-weight:400 !important; /*vin 2024*/
    display: block;
}

.logo a:hover {
	text-decoration:none !important;
}

.ls_bold {
    font-weight: 500;
}

.ls_light {
   /* font-weight: 400; */
}

.navs {
    position: relative;
    /*padding-left: 1rem;*/
	
}

.projects-wrapper a {
	/*border-bottom:1px dotted #ddd;*/
}

.news a {
	border-bottom:1px solid #eee;
}
.news a:hover {
	border-bottom:none;
}

/*
.projects-wrapper a::after{
	content: '+';	
	display:inline-block;
	margin-left:1rem;
}
*/

.projects-wrapper p,
.news p {
	text-align:left !important;
}

.navs a {
    color: #000000; /* #787878; -vin 2024 */
    font-weight: 500;
}

.navs .ls_light a {
    font-weight: 400;
}

.navs a:focus,
.navs a:hover,
.navs a:active,
.navs .active {
    /*color: #000000; -vin 2024 */
	text-decoration:underline; /*-vin 2024*/
}

.aside_list.filter li.active {
    display: block;
}

.aside_list.filter li {
    display: none;
}

.nav_main {
    position: absolute;
    bottom: 3rem; /*2.3rem; vin 2024*/
}

.nav_main a {
    display: inline-block;
    padding: 0 2rem;
	
}

.nav_main li:first-child a {
    padding: 0 2rem 0 1rem;
}

.nav_sub {
    position: absolute;
    bottom: -0.15rem;
}

.nav_sub a {
    display: inline-block;
    padding: 0 0.8rem;
}

.nav_sub li:first-child a {
    padding-left: 1rem;
}

.nav_lang {
    position: absolute;
    right: 0;
}


.navs ul {
    /*font-size: 1.8rem;*/
	 font-family: futura-pt, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.2rem;
    margin: 0;
    line-height: 1;
    padding: 0;
}


.nav_lang {
    margin-top: 0.5rem; /*0.65rem; vin 2024*/
    position: absolute;
    line-height: 0;
}

.nav_lang ul {
    font-family: futura-pt, Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
}

.nav_lang a {
    padding-left: 1rem;
}

.nav_lang select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    /*width: 100%;*/
    background-color: transparent;
    cursor: pointer;
    outline: none;
    padding: 1rem 0 1rem 1rem;
    height: 40px;
    font-weight: 500;
}

.nav_lang select:focus::-ms-value {
    background-color: transparent;
}

.nav_lang select::-ms-expand {
    display: none;
}

.nav_lang option {
    font-weight: 500;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 0px 0px;
}

.box {
    width: 100%;
    max-width: 38rem;
    height: 60rem;
    background-color: #8d96a0;
}

/*----------------------------------------*/
/*                                        */
/*           LAYOUT                       */
/*                                        */
/*----------------------------------------*/

.projekte-page {
    /*background-color: #00a699;*/
    /*transition: transform .8s ease;*/
}


/* Projects */
.projects-wrapper {
    /*background: transparent url("../img/projects_main_bg.jpg") repeat-y center top;*/
    /*padding: 20px;*/
    /*text-align: center;*/
    /*min-height: 100vh;*/
    position: relative;
    /*top: 18.3rem;*/
    top: 15.1rem;
    font-size: 1.5rem;
    color: #000000; /*#787878; -vin 2024*/
}

.projects-list {
    width: 100%;
    margin: auto;
    /*left: -2px;*/
    /*min-height: 100vh;*/
}

.projekte-page {
    padding-left: 1rem;
    margin-right: 0rem;
    /*width: 100%;*/
}

.projectdetails {
	margin-bottom:5rem;	
	display:flex;
	justify-content:flex-end;
	flex-flow:column;
}

.projectdetails p {
	line-height:1.8 !important;
}
.projectdetails p:last-child {
	margin-bottom:-0.7rem;
}

.projectdetails > :last-child {
	margin-bottom:0;
}

.project-item {
    width: 0;
    margin-bottom: 5rem;
    position: relative;
    /*transition: transform .5s ease;*/
    float: left;

}

.project-item img {
    width: 100%;
    /*max-width: 380px;*/
    height: auto;
    vertical-align: bottom;
}

.social_wrapper {
    max-width: 18rem;
    margin: 0 auto;
}

.main_field {
    margin-bottom: 3rem;
}

.social_icon {
    width: 1.8rem;
    height: 1.8rem;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

.policylink {
	padding-left:1.55rem;
}


/*----------------------------------------*/
/*                                        */
/*           MEDIA QUERIES                */
/*                                        */
/*----------------------------------------*/

@media only screen {

    .mobile_menu {
        display: none;
        position: absolute;
        cursor: pointer;
        /*width: 100%;*/
        right: 0;
        top: 1.5rem;
        z-index: 14;
        padding: 1.5rem 0 1.5rem 1.5rem;
    }

    .mobile_nav {
        display: none;
        z-index: 12;
    }

    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 3px;
        background-color: #333;
        margin: 6px 0;
        transition: 0.4s;
    }

    .nav_animation .bar1 {
        /*-webkit-transform: rotate(-45deg) translate(-9px, 6px);*/
        /*transform: rotate(-45deg) translate(-9px, 6px);*/
        -webkit-transform: rotate(-45deg) translate(-6px, 8px);
        transform: rotate(-45deg) translate(-6px, 8px);
    }

    .nav_animation .bar2 {
        opacity: 0;
    }

    .nav_animation .bar3 {
        /*-webkit-transform: rotate(45deg) translate(-8px, -8px);*/
        /*transform: rotate(45deg) translate(-8px, -8px);*/
        -webkit-transform: rotate(45deg) translate(-4px, -7px);
        transform: rotate(45deg) translate(-4px, -7px)
    }

    .col1-3_text.txt_center.under {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .container {
        position: relative;
    }

    .header {
        width: 100%;
        position: absolute;
        padding: 3.4rem 0;
    }

    .logo {
        width: 100%;
        padding-right: 0;
    }

    .navs {
        display: none;
    }

    .mobile_menu {
        display: block;
    }

    .mobile_nav {
        display: none;
        position: absolute;
        width: 100%;
        background-color: #FFFFFF;
        top: 12.4rem;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 500;
        padding-bottom: 3rem;
   		color: #000000; /* #787878; vin 2024*/
    }

    .mobile_nav ul {
        flex-direction: column;
        list-style: none;
        margin: 0;
        padding: 0;
		letter-spacing:0.2rem;
    }

    .mobile_nav ul.d_flex_row {
        flex-direction: row;
        justify-content: center;
    }

    .mobile_nav ul.d_flex_row a {
        padding: 0.5rem 1rem;
    }

    .mobile_nav ul.d_flex_row .active {
        color: #000000;
    }

    .mobile_nav ul ul {
        margin: 0.5rem 0;
    }

    .mobile_nav a {
        width: 100%;
        display: inline-block;
        padding: 0.2rem;
    }

    .mobile_nav hr {
        border-top: 1px solid #787878;
        max-width: 10rem;
    }
}

.projectfacts {
		display:none;	
	}
.project-item.projectfacts {
		display:flex;	
	}	

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

    .projects-wrapper {
        top: 13.5rem
    }

    .projects-wrapper.d_flex_row {
        flex-direction: column;
        text-align: center;
    }

    .projects-wrapper.d_flex_row.reverse {
        flex-direction: column-reverse;
        text-align: center;
    }

    .projects-wrapper .txt_wrapper {
        max-width: 100%;
        margin-bottom: 3rem;
    }

    .projects-wrapper .txt_field {
        margin-bottom: 3rem;
    }

    .projects-wrapper iframe {
        margin-bottom: 3rem;
    }


    /*.projects-wrapper .txt_left {*/
    /*    text-align: center;*/
    /*}*/

    .projects-wrapper .col1-3_text {
        padding-right: 0;
        width: 100%;
    }

    .projects-wrapper .col2-3,
    .projects-wrapper .col2-3m {
        margin-left: 0;
        width: 100%;
    }

    .projekte-page {
        padding-left: 0;
    }

    .news.d_flex_row {
        flex-direction: column;
        margin-bottom: 3rem;
    }

    .news .txt_left {
        text-align: left;
    }

	.post-type-archive-awards .txt_left p {
		text-align:center !important;
	}

    .news .left {
        display: none;
    }

    .col1-3_text.txt_center.under {
        display: flex;
    }

    .under .txt_wrapper {
        margin-bottom: 0;
    }

    .under .txt_wrapper .txt_field {
        margin-bottom: 0;
    }

    /*.under .txt_wrapper p:last-child {*/
    /*    margin-bottom: 0;*/
    /*}*/

    .projects-wrapper.person.d_flex_row.reverse {
        flex-direction: row;
    }

    .person .col1-3_text {
        width: 33.3%;
        min-width: 25.5rem;
        padding-right: 2rem;
    }

    .person .txt_wrapper {
        max-width: 25.5rem;
    }
	
	.projectdetails {
		height:auto !important;
	}
	
	.project-item.projectfacts {
		display:none;	
	}
	.projectfacts {
		display:flex;	
	}
	
	.social_wrapper  {
		padding-top:1em;	
	}
	
	.policylink {
		text-align:center;
		padding-left:0;
	}
	
}

@media only screen and (max-width: 700px) {
    .main_field.d_flex_row {
        flex-direction: column;
        width: 100%;
    }

    .col1-2right,
    .col1-2left {
        max-width: 100%;
        margin: 0;
    }
	
	.projectfacts > * {
		width:45%;	
	}
	
}


.txt_field p {
    font-size: 1.5rem;
    line-height: 1.45;
}


/*@media only screen and (max-width: 500px) {*/
@media only screen and (max-width: 483px) {

    .projects-wrapper.person.d_flex_row.reverse {
        flex-direction: column-reverse;
    }

    .person .col1-3_text {
        width: 100%;
        min-width: 100%;
        padding-right: 0;
    }

    .person .txt_wrapper {
        max-width: 100%;
    }

	.projectfacts > * {
		width:100%;	
	}


}



video {
    width: 100%    !important;
    height: auto   !important;
}


.youtube {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.youtube iframe,
.youtube object,
.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}