/*
 Theme Name:   Digitales Brett
 Description:  Digitales Brett by valyu
 Author:       valyu
 Author URI:   https://www.valyu.de
 Template:     twentytwenty
 Version:      1.0
 Text Domain:  digitales-brett
*/

/* FONTS */

@font-face {
	font-family: 'Mission_Gothic_Light';
	src: url('fonts/Mission_Gothic/Mission Gothic Light_web.eot');
	src: url('fonts/Mission_Gothic/Mission Gothic Light_web.eot?#iefix') format('embedded-opentype'), url('fonts/Mission_Gothic/Mission Gothic Light_web.woff') format('woff'), url('fonts/Mission_Gothic/Mission Gothic Light_web.ttf') format('truetype'), url('fonts/Mission_Gothic/Mission Gothic Light_web.svg#svgFontName') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Mission_Gothic_Regular';
	src: url('fonts/Mission_Gothic/Mission Gothic Regular_web.eot');
	src: url('fonts/Mission_Gothic/Mission Gothic Regular_web.eot?#iefix') format('embedded-opentype'), url('fonts/Mission_Gothic/Mission Gothic Regular_web.woff') format('woff'), url('fonts/Mission_Gothic/Mission Gothic Regular_web.ttf') format('truetype'), url('fonts/Mission_Gothic/Mission Gothic Regular_web.svg#svgFontName') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Mission_Gothic_Bold';
	src: url('fonts/Mission_Gothic/Mission Gothic Bold_web.eot');
	src: url('fonts/Mission_Gothic/Mission Gothic Bold_web.eot?#iefix') format('embedded-opentype'), url('fonts/Mission_Gothic/Mission Gothic Bold_web.woff') format('woff'), url('fonts/Mission_Gothic/Mission Gothic Bold_web.ttf') format('truetype'), url('fonts/Mission_Gothic/Mission Gothic Bold_web.svg#svgFontName') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
    font-family: 'Bianco';
    src: url('fonts/bianco/bianco_serif_new-webfont.woff2') format('woff2'),
         url('fonts/bianco/bianco_serif_new-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tobias';
        src: url('fonts/tobias/Tobias-Regular.woff2') format('woff2'),
            url('fonts/tobias/Tobias-Regular.woff') format('woff')
}

@font-face {
    font-family: 'Aktiv';
        src: url('fonts/aktiv/AktivGrotesk_W_Rg.eot');
        src: url('fonts/aktiv/AktivGrotesk_W_Rg.eot?#iefix') format('embedded-opentype'),
            url('fonts/aktiv/AktivGrotesk_W_Rg.woff2') format('woff2'),
            url('fonts/aktiv/AktivGrotesk_W_Rg.woff') format('woff')
}


/* RESET CSS */

.entry-content p, 
.entry-content ol, 
.entry-content ul, 
.entry-content dl,
.entry-content dt {
    /* font-family: 'Mission_Gothic_Light', Arial, Helvetica, sans-serif; */
	font-family: 'Aktiv', Arial, sans-serif !important;
}

.color-accent, 
.color-accent-hover:hover, 
.color-accent-hover:focus, 
:root .has-accent-color, 
.has-drop-cap:not(:focus):first-letter, 
.wp-block-button.is-style-outline, 
a {
    color: #000!important;
    text-decoration: none;
}

.post-inner,
.vc_column-inner {
    padding: 0!important;
}

.vc_row,
.wpb_button, 
.wpb_content_element, 
ul.wpb_thumbnails-fluid li,
.entry-content h2, 
.entry-content h3 {
    margin: 0!important;
}

.entry-content *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1920px;
}

html.vc_transform  {
    margin-top: 0!important;
}

body:not(.singular) main > article:first-of-type {
    padding: 0!important;
}

/* REMOVE CONTENT */

header,
.header-footer-group,
.section-inner,
footer,
#wpadminbar {
    display: none!important;
}

/* GLOBAL */

main {
    width: 1920px;
    height: 1080px;
}

.content-container {
	width: 100%!important;
    height: 100vh;
	padding: 0 200px;
}

.entry-content p {
    font-size: 48px;
    line-height: 1.2;
}

body {
    background: #fff;
    color: #000;
    /* font-family: 'Mission_Gothic_Light', Arial, Helvetica, sans-serif; */
	font-family: 'Aktiv', Arial, sans-serif !important;
    font-size: 48px;
    letter-spacing: normal;
    text-align: left;
    line-height: 1.2!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: 'Mission_Gothic_Regular', Arial, Helvetica, sans-serif!important; */
	font-family: 'Aktiv', Arial, sans-serif !important;
    /* color: #a68a4d; */
	color: #E0BB62;
    letter-spacing: 3px;
}

h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px 0!important;
}

.logo + .wpb_content_element h1  {
	font-family: 'Tobias', Arial, sans-serif !important;
    /* font-family: 'Bianco', Arial, Helvetica, sans-serif!important; */
    font-weight: 300;
    font-size: 72px;
    line-height: 1;
    /* color: #a68a4d; */
	color: #E0BB62;
    margin: 0 0 50px 0!important;
	letter-spacing: 0;
}

.logo + .wpb_content_element h1,
.logo + .wpb_content_element h2,
.logo + .wpb_content_element h3,
.logo + .wpb_content_element h4,
.logo + .wpb_content_element h5,
.logo + .wpb_content_element h6 {
	text-align: center;
}

a {
    display: block;
    width: 600px!important;
    padding: 15px 30px;
    margin: 20px auto;
    /* font-family: 'Mission_Gothic_Bold',Arial,Helvetica,sans-serif; */
	font-family: 'Aktiv', Arial, sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    color: #fff!important;
    /* background: #a68a4d; */
	background: #E0BB62;
    border: none;
}

.logo {
    padding: 50px 0;
}

/* HOME */

.home .entry-content {
    padding: 100px 0 0 0;
}

/* HINTERGRUND */

#hintergrund .content-container {
    background: center/cover no-repeat url(/wp-content/uploads/rm-disi-background.jpg);
}

/*  LAYOUT 1 */

.layout-1-img {
    width: 450px;
    float: right;
    margin: 0 50px 0 0!important;
    background: #fff;
    overflow: hidden;
}

.layout-1-img img {
	max-width: 450px!important;
	max-height: 600px!important;
}

/*  LAYOUT 2 */

.layout-2-img {
    width: 450px;
    float: left;
    margin: 0 0 0 50px!important;
    background: #fff;
    overflow: hidden;
}

.layout-2-img img {
	max-width: 450px!important;
	max-height: 600px!important;
}

/* LAYOUT 3 */

.layout-3-img {
    width: 800px;
    float: right;
    margin: 0 50px 0 0!important;
    background: #fff;
    overflow: hidden;
}

.layout-3-img img {
	max-width: 800px!important;
	max-height: 600px!important;
}

/* LAYOUT 4 */

.layout-4-img {
    width: 800px;
    float: left;
    margin: 0 0 0 50px!important;
    background: #fff;
    overflow: hidden;
}

.layout-4-img img {
	max-width: 800px!important;
	max-height: 600px!important;
}

/* LAYOUT 5 */

.layout-5-left .wpb_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.layout-5-left .wpb_single_image,
.layout-5-right .wpb_single_image {
    margin: 15px!important;
    overflow: hidden;
}

.layout-5-img-1 img {
	width: 470px!important;
    height: 290px!important;
    object-fit: cover;
}

.layout-5-img-2 img {
    width: 320px!important;
    height: 290px!important;
	object-fit: cover;
}

.layout-5-img-3 img {
    width: 820px!important;
    height: 280px!important;
	object-fit: cover;
}

.layout-5-img-4 img {
    width: 600px!important;
    height: 600px!important;
	object-fit: cover;
}

/* LAYOUT 6 */

.content-container.layout-6 {
    padding: 0;
}

.layout-6 .wp-video {
    width: 100%!important;
}

.layout-6 .wp-video-shortcode {
    max-width: 1920px!important;
    max-height: 1080px!important;
	background: #000;
}

.mejs-controls {
	display: none!important;
}

/* LAYOUT 7 */

.layout-7-img img {
    position: absolute;
    width: 100%;
    max-width: 1700px!important;
    max-height: 600px!important;
    object-fit: contain;
    top: 50px;
    left: 50%;
    transform: translate(-50%);
}



/* REDESIGN */

.redesign {
    padding: 0px 110px;
}

.redesign #headline {
    padding: 180px 0 0 0;
}

.redesign #headline.wpb_content_element h1  {
	font-family: 'Tobias', Arial, sans-serif !important;
    font-weight: 300;
    font-size: 72px;
    line-height: 1;
    margin: 0 0 50px 0!important;
	letter-spacing: 0;
}

.redesign-img {
    background: transparent;
}

.redesign-img img {
    clip-path: polygon(0 30px,30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px));
    height: auto;
    width: auto;
    max-width: 1700px!important;
    max-width: 100%!important;
    max-height: 650px!important;
}

.content-container.redesign {
    background: center/cover no-repeat url(/wp-content/uploads/digital-signage-background.png)!important;
}

#hintergrund.hintergrund-t .content-container.redesign {
    background: center/cover no-repeat url(/wp-content/uploads/background-2-2.png)!important;
}
#hintergrund.hintergrund-t .content-container.redesign h1,
#hintergrund.hintergrund-t .content-container.redesign h2,
#hintergrund.hintergrund-t .content-container.redesign h3,
#hintergrund.hintergrund-t .content-container.redesign h4,
#hintergrund.hintergrund-t .content-container.redesign h5,
#hintergrund.hintergrund-t .content-container.redesign h6,
#hintergrund.hintergrund-t .content-container.redesign p {
	color: #fff!important;
}

#hintergrund.hintergrund-g .content-container.redesign {
    background: center/cover no-repeat url(/wp-content/uploads/background-1-2.png)!important;
}

#hintergrund.hintergrund-g .content-container.redesign h1,
#hintergrund.hintergrund-g .content-container.redesign h2,
#hintergrund.hintergrund-g .content-container.redesign h3,
#hintergrund.hintergrund-g .content-container.redesign h4,
#hintergrund.hintergrund-g .content-container.redesign h5,
#hintergrund.hintergrund-g .content-container.redesign h6,
#hintergrund.hintergrund-g .content-container.redesign p {
	color: #000!important;
}

#hintergrund.hintergrund-a .content-container.redesign {
    background: center/cover no-repeat url(/wp-content/uploads/background-3-2.png)!important;
}

#hintergrund.hintergrund-a .content-container.redesign h1,
#hintergrund.hintergrund-a .content-container.redesign h2,
#hintergrund.hintergrund-a .content-container.redesign h3,
#hintergrund.hintergrund-a .content-container.redesign h4,
#hintergrund.hintergrund-a .content-container.redesign h5,
#hintergrund.hintergrund-a .content-container.redesign h6,
#hintergrund.hintergrund-a .content-container.redesign p {
	color: #E0BB62!important;
}

.redesign .layout-5-left {
    width: 57%!important;
}