/*!
Theme Name: _s_DAX-CHILD
Theme URI: http://underscores.me/
Author: dax and _s_DAX
Author URI: http://underscores.me/
Description: Description
Template: _s_dax
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: _s_dax
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
## DAX_Test  2019
--------------------------------------------------------------*/
body {background: #0f0f0f;font-family: 'Open Sans', sans-serif;color: #0f0f0f;}

body.page {
	background-image: url(https://aubivideo.ch/wp-content/uploads/2019/10/sky.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.masthead_content {
    max-width: 80%;
    margin: 0 auto;
}


div#page {
    max-width: 80%;
    margin: 0 auto;
    /* background: yellow; */
}

@media screen and (max-width: 1366px) {
div#page, .masthead_content {
    max-width: 90%;
    margin: 0 auto;
    /* background: yellow; */
	}
}

@media screen and (max-width: 1024px) {
div#page, .masthead_content {
    max-width: 95%;
    margin: 0 auto;
    /* background: yellow; */
	}
}

@media screen and (max-width: 888px) {
div#page, .masthead_content {
    max-width: 100%;
    margin: 0 auto;
    /* background: yellow; */
	}
}

.site-branding {
    /* text-align: center; */
    float: left;
    /* margin-left: 3%; */
    /* background: green; */
}

@media screen and (max-width: 888px) {
.site-branding {
    margin-left: 20px;
}
}

.site-info {
    display: flex;
    /* background: mediumvioletred; */
    text-align: center;
    padding: 50px 0 100px;
    margin: 0 auto;
    max-width: 550px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.menu-top_gux-container {
    text-align: center;
}

header#masthead {
	background: #0e0e0e;
	font-size: 18px;
	letter-spacing: 1px;
}
/* 37_5em */
@media screen and (max-width: 888px) {
#masthead {
	/* font-size: 18px; */
    /* letter-spacing: 2px; */
    /* background: yellow !important; */
    padding-bottom: 13px;
}
}

/* content */
#content {
   /* font-family: "Georgia"; */
}

@media screen and (max-width: 888px) {
#content {
    position: inherit;
    top: 54px;
    z-index: -1;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}
}



p.site-title {
    margin-bottom: 0px;
    /*font-size: 22px;*/
    margin-top: 20px;
}



a, a:visited {
    color: #828282; /* rosa #c484a5; */ /* braunlich #968469 */
	text-decoration: none;
}

.site-title a {
    color: #e0e0e0;
}

/*
main .page, article.works {
	padding: 0 20px 100px 20px;
}


main .page, article.works {
    max-width: 660px;
    margin: 0 auto;
	font-family: "Georgia";
	padding: 0 20px 100px 20px;
}

article.works {
    background: #1e790012;
}
*/

main #post-87 {
    max-width: 100%;
}

.wp-caption-text {
	text-align: left;
}


.pswp__caption__center {
    white-space: pre-line;
}


/*--------------------------------------------------------------
## DAX_Test 
--------------------------------------------------------------*/



/* 2019 ---------------- evtl noch media screen anpassen.... */

@media screen and (min-width: 888px) {
.main-navigation ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
}


@media screen and (max-width: 888px) {
.main-navigation ul {
    display: none;
}
}

/*
@media screen and (min-width: 677px) {
.main-navigation li {
    padding: 20px 12px;
    text-transform: uppercase;
    border-bottom: 1px dotted lightgrey;
}
}
*/

.main-navigation li {
	/* float: left; */
	position: relative;
	padding: 20px 11px;
	/* background: yellow; */
}

@media screen and (max-width: 888px) { /* it was ------------- 677px ---------- */
.main-navigation li {
    padding: 20px 12px;
   /* text-transform: uppercase; */
    border-bottom: 1px dotted lightgrey;
    float: none;
    background: black;
}
}

/* 2019 ---------------- evtl noch media screen anpassen..END.. */

/*.current_page_item a {
    color: white;
    background: black;
} */


h1.entry-title {
	display: none;
}


.pswp__bg {
    background: #fff;
    opacity: 1 !important;
}


.psgal figure {
    width: 320px !important;
}

figcaption.photoswipe-gallery-caption {
    display: none;
}

/*--------------------------------------------------------------
## DAX_Test dez 2018
--------------------------------------------------------------*/


/*
@media screen and (max-width: 768px) {
	figcaption.photoswipe-gallery-caption {
    display: inherit;
    white-space: pre-line;
}
}
*/
.name_title {
    font-size: 24px;
    letter-spacing: 1px;
}

.thumb.spetz_top_big {
    background: mistyrose;
}

.acf_box_engl {
    background: darkseagreen;
    width: 300px;
    float: left;
    margin: 70px 20px 0 0;
}

.zwo {
    background: aliceblue;
    margin: 70px 0 0 0;
    font-style: italic;
    border-left: 1px solid;
    padding: 0 0 0 20px;
}


.acf_gallery {
    background: red;
    margin: 20px -20px;
}


/*--------------------------------------------------------------
## DAX_Test 30. dez 2018
--------------------------------------------------------------*/

.acf_gallery {
    background: #ff000012;
    /* margin: 20px -20px; */
    max-width: 660px;
    margin: 0 auto;
}



.acf_gallery_box {
    background: #ff000012;
    /* margin: 20px -20px; */
    max-width: 660px;
    margin: 0 auto;
}






/*--------------------------------------------------------------
## DAX_Test 4. jan 2019
--------------------------------------------------------------*/


/* evtl. besser als .views , gibt da verwirrungen.... */
.content_text_box {
	max-width: 660px;
    margin: 0 auto;
    /* background: yellow; */
    padding: 0 20px 1px 20px;
}

.content_text_box.sprachversion {
    padding: 0 20px 100px 20px;
    /* background: greenyellow; */
}

.content_text_box.photos_textfluss {
    margin-top: -70px;
}


/* abchecken ob die wichtig war
.content_text_box {
	background: aliceblue;
    max-width: 660px;
    margin: 0 auto;
}
-------------------------------------- */

.text strong {
    font-weight: normal;
    font-style: italic;
}

.article_end {
    height: 4px;
    /* background: yellow; */
}

/* MENU === */

.main-navigation a {
    display: inline-block;
    text-decoration: none;
   /* text-transform: uppercase; */
   /* border-bottom: 1px solid #bcbcbc; */
    /* background: darkseagreen; */
    line-height: 17px;
}

.main-navigation a:hover {
    color: #8495bc; /* deeppiink */
    border-bottom: 2px solid;
    padding: 0 0 3px;
    text-decoration: none;
}

.current-menu-item a {
    color: black;
}

button:focus {
	outline:0;
	}

@media screen and (max-width: 888px) {
.current-menu-item a {
    /* color: #e4021c; */
    background: white;
}
}

.menu-top_gux-container {
    /* background: white; */
    text-align: center;
}

button.menu-toggle {
    background: none;
    border: 0;
    cursor: pointer;
    position: fixed;
    top: 20px;
    right: 20px;
    /* line-height: 0; */
    font-size: 0px;
    z-index: 1;
}

@media screen and (min-width: 37.5em) {
.menu-toggle {
    display: block;
}
}

@media screen and (min-width: 888px) {
.menu-toggle {
    display: none;
}
}

/*  RESPONSIVE _Menu */

button#toggleButton {
border: 0;
    border-radius: 0px;
    background: white;
    padding: 9px;
    margin: -10px;
    font-size: 0;
}

#site-navigation button img {
    transform: rotate(0deg);
    transition: transform 0.2s;
}

#site-navigation.toggled button img {
	transform: rotate(90deg);
	transition: transform 0.2s;
}

.main-navigation.toggled {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    position: fixed;
    top: 0;
    padding-top: 7px;
}

/* we need this browser-window-resize-with open toggle sdax */
@media screen and (min-width: 888px) {
.main-navigation.toggled {
    clear: none;
    float: right;
    width: auto;
    position: inherit;
    padding-top: 0;
}
}




/* sitebranding sichtbar ==== link geht aber nicht....
.main-navigation.toggled ul#primary-menu {
    margin-top: 50px;
}
 */


/*==== UND SCHLUSS 2019 ====*/

/*==== testen neu 2019 ====*/
.red { background: red; }
.blue { background: #4faef29e; }

.sprachversion ul li {
    list-style: none;
    /* padding: 0 !important; */
}
.sprachversion ul {
    margin: 0;
    padding: 0;
}

/*==== NEU und GUT 2019 ====*/
.sprachversion {
    font-style: italic;
}

/* NEU DAX 2019 - verbessern... */
a:hover {
	color: #8495bc;
	text-decoration: none;
	border-bottom: 2px solid;
}

.site-title a:hover {
    text-decoration: none;
}


/* NEU 2019 fuer video site AUBI  ===================================  */



main#main {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.acf_mail_box_videos_feld {
    display: flex;
    flex-wrap: wrap;
    /* background: #343434; */
    justify-content: space-between;
}

.layout-1 {
    width: 48%;
    margin-bottom: 20px;
    background: linear-gradient(180deg, rgb(0, 0, 0) 60%, rgb(60, 60, 60) 100%);
}

/* i-phone X */
@media screen and (max-width: 812px) {
	.layout-1 {
   	 width: 100%;
    	margin-bottom: 20px;
	}
}





/* version mit zwei Spalten
.layout-1 {
    width: 48%;
    margin-bottom: 20px;
}

.layout-1:first-of-type {
    width: 100%;
}

*/




.vimeolink {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: black;
}

.vimeolink iframe {
    width: 100%;
    height: 100%;
    padding: 0px;
    position: absolute;
    top: 0;
    left: 0;
}

.entry-content {
    max-width: 550px;
    background: #dedede;
    border-radius: 10px 0 10px 10px;
    padding: 0 30px;
    margin: 0 auto;
    margin-bottom: 80px;
   /* font-weight: bold; */
    transform: skewY(-7deg);
    /* animation: shake 20s infinite; */
    /* -webkit-transform: rotate(60deg); */
    background: rgb(132, 149, 188);
    background: linear-gradient(130deg, rgb(163, 158, 255) 0%, rgb(216, 216, 251) 35%, rgb(132, 149, 188) 100%);
    margin-top: 8px;
}

/* NEW 2019 !!! */

header#masthead {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    /* width: 70%; */
    /* box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.63); */
    /* margin: 0 auto; */
    top: 0;
    /* border-bottom: 1px solid; */
}

article.page {
    margin-top: 100px;
}

.current-menu-item a {
    color: #c4baaa;
}

a.ds-menu-active {
    color: #8495bc;
    border-bottom: 2px solid;
    padding-bottom: 3px;
}

section.section_name_acf {
/*    max-width: 99%; 1200px;  war 900 */
/*    margin: 0 auto; */
}

/* COLOR CHECKING ========================================= */

/* old LILA = #c1a4c2; === #c0a4c2 === #c4baaa ======= */

/* old BRAUN = #a3918b ========================= */


.section_name { /* TESTen */
    background: whitesmoke;
    display: none; /* inline */
}


code {
	color:green;
	background: greenyellow;
	display: none;
}
/*
nav#site-navigation {
    background: white;
}


.main-navigation li {
    background: darkslategrey;
}


code {
    display: none;
}
*/

/* COLOR CHECKING = END ======================================== */

section.section_name_acf {
    /* background: #2c1313; */
}



/*
html	{
	scroll-behavior: smooth;
}
*/

.main-navigation {
    float: right;
    /* margin: 0 3%; */
    width: auto;
    clear: none;
}

nav#site-navigation {
    /* max-width: 794px; */
    /* margin: 0; */
    /* background: green; */
    /* max-width: 900px; */
}


article {
    margin-top: 120px; /* 150 160 */
}


@media screen and (max-width: 888px) {
	article {
    	margin-top: 60px;
    }
}





@media screen and (max-width: 888px) {
	section.section_name_acf {
   	 max-width: 100%;
	}
}



a, a:active, a:focus {
        outline: none;
}



h3.zwischentitel {
    margin: 0;
    font-weight: normal;
    font-size: initial;
}


/* h2 {
    background: #000000;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: normal;
    margin: 0 auto;
    max-width: 500px;
    padding: 10px 0 0 30px;
    color: #8495bc;
}
*/

h2 {
/*    background: black;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0 auto;
    max-width: 500px;
    padding: 10px 0 0 30px; */
    /* color: #8495bc; */
/*    background: -webkit-linear-gradient(#eee, #333);
    background-image: -webkit-linear-gradient(rgb(238, 238, 238), rgb(51, 51, 51));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg,#d5d5f9,#751d8e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: skewY(4deg);
    */
}

h2 {
    background: black;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0 auto;
    max-width: 550px;
    padding: 6px 20px;
    color: #b9bee3;
    /* background: -webkit-linear-gradient(#eee, #333); */
    /* background-image: -webkit-linear-gradient(rgb(238, 238, 238), rgb(51, 51, 51)); */
    /* background-clip: border-box; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* background-image: linear-gradient(90deg,#d5d5f9,#751d8e); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    transform: skewY(4deg);
    border-radius: 10px 0 0 10px;
}



/* .texte {
    background: black;
    color: #8495bc;
    padding: 30px;
    margin: 20px auto;
    max-width: 470px;
}

*/

.texte {
    color: #b4b4b4;
    padding: 25px 30px 5px 30px;
    margin: 0;
    /* max-width: 470px; */
  /*  border-radius: 0 0 8px 8px; */
    margin-bottom: 20px;
    /* border-top: 1px solid; */
   /* background: linear-gradient(180deg, rgb(24, 24, 24) 0%, rgb(50, 50, 50) 100%); */
}


section#home {
    height: calc(56.25vw);
}


section#home .entry-content {
    background: yellow;
    /* transform: skewY(-7deg); */
    transform: none;
}


.bg_video {
    top: 112px;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
    /* pointer-events: none; */
    overflow: hidden;
    position: absolute;
}

@media screen and (max-width: 888px) {
	.bg_video {
    	top: 58px;
	}
}

@media screen and (max-width: 888px) {
#ihre_firma {
    margin-top: 120px;
}
}

/* landing page home  =================================== NEW NEW */
body.home header#masthead {
    background: yellow;
    display: none;
}

body.home .entry-content {
    background: none;
    max-width: 150px;
    transform: none;
    /* margin-bottom: 0; */
}

.skipper {
    position: absolute;
    bottom: 15px;
    background: #00000059;
    padding: 10px;
    border: 1px solid whitesmoke;
    right: 15px;
    /* color: black !important; */
}

.skipper a {
    color: white;
}

body.home .entry-header {
    display: none;
}

body.home .entry-footer {
    display: none;
}

body.home .entry-content .bg_video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
    /* pointer-events: none; */
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/* TEST sdax nov 2019 ================================================== */
body.home .entry-content .bg_video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    max-width: calc(177.778vh);
 /*   height: calc(56.25vw); */
}

.bg_video p {
    margin: 0;
}

/* TEST sdax nov 2019 ================================================== */

body.home footer#colophon {
    display: none;
}

section#videoproduktionen {
    display: none;
}

/* MENU videoproduktionen */
li#menu-item-136 {
    display: none;
}


#colophon {
    background: black;
}

.aubi {
    color: #b4b4b4;
    /* max-width: 550px; */
    text-align: left;
    padding: 80px 20px 0 20px;
    /* transform: skewY(-7deg); */
    /* margin: 0 auto; */
    /* float: left; */
    /* margin: 0 0 0 30%; */
    /* background: yellow; */
}

.aubi a {
    padding: 12px;
    background: #c7cbef;
    display: block;
    margin: 20px 0 0 -20px;
    border: 1px solid;
    border-radius: 4px;
    /* transform: skewY(-7deg); */
    color: black;
}