/*
V6
0_alle.css
*/
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/urbanist-100.woff2) format('woff2'), local('Urbanist Thin'), local('Urbanist-Thin');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/urbanist-200.woff2) format('woff2'), local('Urbanist ExtraLight'), local('Urbanist-ExtraLight');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/urbanist-300.woff2) format('woff2'), local('Urbanist Light'), local('Urbanist-Light');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/urbanist-400.woff2) format('woff2'), local('Urbanist Regular'), local('Urbanist-Regular');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/urbanist-500.woff2) format('woff2'), local('Urbanist Medium'), local('Urbanist-Medium');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/urbanist-600.woff2) format('woff2'), local('Urbanist SemiBold'), local('Urbanist-SemiBold');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/urbanist-700.woff2) format('woff2'), local('Urbanist Bold'), local('Urbanist-Bold');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/urbanist-800.woff2) format('woff2'), local('Urbanist ExtraBold'), local('Urbanist-ExtraBold');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/urbanist-900.woff2) format('woff2'), local('Urbanist Black'), local('Urbanist-Black');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


* {
    margin: 0;
    padding: 0;
    color: #898972;
    /*19.7.23*/
    /*
    color: #777763;
    */
    /*
    font-family: "Helvetica Now Text W05 XLight";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:200 !important;
}

a.linkHome {
    text-decoration: none;
}

a.newstext {
    /*
	font-family:"Helvetica Now Text W05 Medium";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:500 !important;    
	color: #505042;
}
/*
html>body .first .topic .topic h1,
*/
html>body .main .content h2,
html>body .main .content h2.text,
html>body .main .content h3,
html>body .main .content h3.text,
html>body .main .content h3.text-b {
    font-weight: normal;
}

html.news,
html.historie,
html.kontakt,
html.intranet {
    background: rgba(235, 235, 235, 0.3);
}

/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                       / 1 Home  /                         ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/


body.home::before {
    content: " ";
    display: block;
    background: url("https://www.tigersprung.ch/cms/upload/design/1_gelb_home_iphone-hoch.svg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    margin: 0;
    padding: 0;
}


/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                       / 2 News  /                         ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/

body.news::before {
    content: " ";
    display: block;
    background: url("https://www.tigersprung.ch/cms/upload/design/2_blau_news_iphone-hoch.svg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    margin: 0;
    padding: 0;
}

body.news {
    /*
    background: rgba(235, 235, 235, 0.3);
    */
    /*23.5.23*/
    background: rgba(235, 235, 235, 0.5);
    min-height: 100vh !important;
}

/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                       / 3 Praxis  /                       ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*ausschnitt*/

body.praxis::before {
    content: " ";
    display: block;
    background: url("https://www.tigersprung.ch/cms/upload/design/3_orange_praxis_iphone-hoch.svg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    margin: 0;
    padding: 0;
}

body.praxis {
    /*23.5.23*/
    background: rgba(235, 235, 235, 0.8);
    min-height: 100vh !important;
}


/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                       / 4 Historie  /                     ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
body.historie::before {
    content: " ";
    display: block;
    background: url("https://www.tigersprung.ch/cms/upload/design/4_lila_historie_iphone-hoch.svg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    margin: 0;
    padding: 0;
}


body.historie {
    /*
    background: rgba(235, 235, 235, 0.3);
    */
    /*23.5.23*/
    background: rgba(235, 235, 235, 0.5);
    min-height: 100vh !important;
}


/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                       / 5 Volkslied  /                    ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
body.volkslied::before {
    content: " ";
    display: block;
    background: url("https://www.tigersprung.ch/cms/upload/design/5_gruen_volkslied_iphone-hoch.svg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    margin: 0;
    padding: 0;
}



/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                       / 6 Kontakt  /                      ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
body.kontakt::before {
    content: " ";
    display: block;
    background: url("https://www.tigersprung.ch/cms/upload/design/6_rot_kontakt_iphone-hoch.svg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    margin: 0;
    padding: 0;
}

body.kontakt {
    /*
    background: rgba(235, 235, 235, 0.3);
    */
    /*23.5.23*/
    background: rgba(235, 235, 235, 0.6);
    min-height: 100vh !important;
}

/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                       / 7 Intranet  /                      ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
body.intranet::before {
    content: " ";
    display: block;
    background: url("https://www.tigersprung.ch/cms/upload/design/7_grau_intranet_iphone-hoch.svg") no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -10;
    margin: 0;
    padding: 0;
}

body.intranet {
    background: rgba(235, 235, 235, 0.3);
    min-height: 100vh !important;
}


.wrapper-home {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: rgba(235, 235, 235, 0.0);
}

.wrapper-volkslied {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: rgba(235, 235, 235, 0.0);
}


.header-mobile {}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*--  --  --  --    Toggle-Nav    --  --  --  --  */
/*------------------------------------------------*/
/*------------------------------------------------*/

.header-mobile .first {
    display: flex;
    justify-content: space-between;
    justify-items: center;
}

.header-mobile .first .topic {
    margin: 0;
    padding: 0;
}


.header-mobile .first .topic h1 {
    margin: 2.5em 0 0 1.5em;
    padding: 0;
    font-size: 4vw;
    /*
    font-family: "Helvetica Now Text W05 XLight";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:300 !important;
}


.toggle-icon {
    margin: 1.5em 1.5em .75em 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
}

.toggle-icon .color {
    width: 30px;
    border-bottom: 3px solid #777763;
    border-radius: 15%;
}

.toggle-icon .tp {
    width: 30px;
    border-bottom: 6px solid transparent;
}

.second {
    width: 100%;
    margin: 0;
    padding: 0 !important;
    display: block !important;
}

.second #div3 {
    margin: 0 !important;
    padding: 0 !important;
}

.second #div3 .toggle-function {
    margin: 0 !important;
    padding: 0 !important;
}

.second #div3 .toggle-nav {
    margin: 0 2em 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.second #div3 .toggle-nav .toggle-home,
.second #div3 .toggle-nav .toggle-news,
.second #div3 .toggle-nav .toggle-praxis,
.second #div3 .toggle-nav .toggle-historie,
.second #div3 .toggle-nav .toggle-volkslied,
.second #div3 .toggle-nav .toggle-kontakt,
.second #div3 .toggle-nav .toggle-intranet {
    text-align: right;
    margin: 0;
    padding: 0 0 .25em 1em;
}


.second #div3 .toggle-nav .toggle-home a,
.second #div3 .toggle-nav .toggle-news a,
.second #div3 .toggle-nav .toggle-praxis a,
.second #div3 .toggle-nav .toggle-historie a,
.second #div3 .toggle-nav .toggle-volkslied a,
.second #div3 .toggle-nav .toggle-kontakt a,
.second #div3 .toggle-nav .toggle-intranet a {
    /*
    font-family: "Helvetica Now Text W05 Medium";
    */
    text-transform: uppercase;
    color: #777763;
    font-size: 4vw;
    font-weight:500 !important;
}

.second #div3 .toggle-nav .toggle-home a.active,
.second #div3 .toggle-nav .toggle-news a.active,
.second #div3 .toggle-nav .toggle-praxis a.active,
.second #div3 .toggle-nav .toggle-historie a.active,
.second #div3 .toggle-nav .toggle-volkslied a.active,
.second #div3 .toggle-nav .toggle-kontakt a.active,
.second #div3 .toggle-nav .toggle-intranet a.active {
    /*
    font-family: "Helvetica Now Text W05 Medium";
    */
    color: white;
    font-weight:500 !important;
}

.second #div3 .toggle-nav a,
.nav a {
    color: #767662;
    color: #000;
    text-decoration: none;
}

.second #div3 .toggle-nav a:hover,
.nav a:hover {
    color: #767662;
    color: #000;
}

.second #div3 .toggle-nav a.active,
.nav a.active {
    color: #000;
    text-decoration: none;
}


.header .topic,
.header #nav {
    display: none;
    display: none;
}


.main {
    margin: 0;
    padding: 0;
}

.main .content {
    margin-top: 5em;
    color: #505042;
}

.main .content h2 {
    color: #505042;
    font-size: 6.5vw;
    /*
    font-family: "Helvetica Now Text W05 XLight";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:200 !important;
}

.main .content h2.text {
    color: #505042;
    margin-top: 2em;
    font-size: 6.5vw;
}

.main .content h3.text {
    color: #505042;
    font-size: 6.5vw;
}

.main .content h3.text-b {
    color: #505042;
    margin-top: 0.25em;
    font-size: 6.5vw;
}

.main .content p {
    margin: 0;
    padding: 0;
    text-align: justify;
    font-size: 6.5vw;
    color: #777763;
    /*19.7.23*/
    color: #505042;
    /*
    font-family: "Helvetica Now Text W05 XLight";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:200 !important;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 2;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: auto 2;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: auto 2;
    -o-hyphens: auto;
    -o-hyphenate-limit-chars: auto 2;
    hyphens: auto;
    hyphenate-limit-chars: auto 2;
}

/*cb_230626*/
.main .content p img {
    width: 100%;
    height: auto;
    /*border:1px solid yellow;*/
}

/*cb_230626*/

.main .content a {
    color: #505042;
    text-decoration: none;
}


.main .content a:hover {
    color: #505042;
    text-decoration: underline;
}

/********************************************************/
/********************     Home     **********************/
/********************************************************/

.main .content p.home {
    font-size: 18vw;
    color: #D5C892;
    line-height: 80%;
    hyphens: none !important;
    hyphenate-limit-chars: auto 1000 !important;
    -moz-hyphens: none !important;
    -moz-hyphenate-limit-chars: auto 1000 !important;
    -webkit-hyphens: none !important;
    -webkit-hyphenate-limit-chars: auto 1000 !important;
    -ms-hyphens: none !important;
    -ms-hyphenate-limit-chars: auto 1000 !important;
    -o-hyphens: none !important;
    -o-hyphenate-limit-chars: auto 1000 !important;
    word-break: break-all !important;

}

/********************************************************/
/********************     News     **********************/
/********************************************************/

.main .content .news h2 {
    color: #505042;
    /*
    font-family: "Helvetica Now Text W05 Medium";
    */
    font-weight:500 !important;
    font-size: 6.5vw;
}

.news-image {
    max-width: 100%;
}


.news-image img.news {
    width: 100%;
}

/********************************************************/
/**********     kritisches volkslied       **************/
/********************************************************/

.main .content h2.kritisches-volkslied {
    font-size: 18vw;
    color: #9CB08D;
    line-height: 80%;
    hyphens: none !important;
    hyphenate-limit-chars: auto 1000 !important;
    -moz-hyphens: none !important;
    -moz-hyphenate-limit-chars: auto 1000 !important;
    -webkit-hyphens: none !important;
    -webkit-hyphenate-limit-chars: auto 1000 !important;
    -ms-hyphens: none !important;
    -ms-hyphenate-limit-chars: auto 1000 !important;
    -o-hyphens: none !important;
    -o-hyphenate-limit-chars: auto 1000 !important;
    word-break: break-all !important;
}

.main .content p.kritisches-volkslied {
    font-size: 18vw;
    color: #9CB08D;
    /*14.8.*/
    color: #8b9b7e;   
    line-height: 80%;
    hyphens: none !important;
    hyphenate-limit-chars: auto 1000 !important;
    -moz-hyphens: none !important;
    -moz-hyphenate-limit-chars: auto 1000 !important;
    -webkit-hyphens: none !important;
    -webkit-hyphenate-limit-chars: auto 1000 !important;
    -ms-hyphens: none !important;
    -ms-hyphenate-limit-chars: auto 1000 !important;
    -o-hyphens: none !important;
    -o-hyphenate-limit-chars: auto 1000 !important;
    word-break: break-all !important;
}



/********************************************************/
/**********     aufklappliste praxis       **************/
/********************************************************/

.main .content .ober-liste-praxis .article-frontend>details {
    transition: color .5s, background-color .5s;
    margin-left: 20vw;
    margin-bottom: 2em;
}

.main .content .ober-liste-praxis .article-frontend>details summary.first {
    position: relative;
    line-height: 100%;
    background-color: transparent;
}

.main .content .ober-liste-praxis .article-frontend>details summary.first::-webkit-details-marker,
.main .content .ober-liste-praxis .article-frontend>details summary.first::marker {
    display: none;
    content: "";
}

.main .content .ober-liste-praxis .article-frontend>details summary.first::after {
    padding: .15em .1em .25em .1em;
    position: absolute;
    top: 0;
    left: -20vw;
    color: rgb(0, 0, 0);
    color: #777763;
    content: '+';
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8) !important;
    font-size: 3em;
    text-align: left;
    transition: transform .2s, margin-left .2s;
}

.main .content .ober-liste-praxis .article-frontend>details[open] summary.first::after {
    /* RM :: translate(5px, 0) heißt 5px nach rechts!
    transform: translate(5px, 0) rotate(45deg);
*/
    transform: rotate(45deg);
    color: rgb(0, 0, 0);
    color: #777763;
}

.main .content .ober-liste-praxis .article-frontend>details[open] summary.first {
    background-color: transparent;
}

.main .content .ober-liste-praxis .article-frontend>details>details {
    transition: all .5s;
    margin-left: -20vw;
    width: calc(100% + 20vw);
    display: inline-block;
}

.main .content .ober-liste-praxis .article-frontend>details>details .frontend {
    display: block;
    width: 100%;
}



.main .content .ober-liste-praxis .article-frontend>details>details .frontend pre {
    position: relative;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    height: 270px;
}

.main .content .ober-liste-praxis .article-frontend>details>details .frontend pre img {
    position: absolute;
    top: 0;
    left: 0;
    height: 270px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.main .content .ober-liste-praxis .article-frontend>details>details summary.second {
    position: relative;
    line-height: 100%;
    margin-bottom: 3em;
    background-color: transparent;
}

.main .content .ober-liste-praxis .article-frontend>details>details summary.second::-webkit-details-marker,
.main .content .ober-liste-praxis .article-frontend>details>details summary.second::marker {
    display: none;
    content: "";
}

.main .content .ober-liste-praxis .article-frontend>details>details summary.second::after {
    padding: .15em .1em .25em .1em;
    position: absolute;
    top: 0;
    left: 0;
    color: #777763;
    content: '+';
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8) !important;
    font-size: 2.5em;
    text-align: left;
    transition: transform .2s;
}

.main .content .ober-liste-praxis .article-frontend>details>details[open] summary.second::after {
    /* RM :: translate(5px, 0) bewegt 5px nach rechts!
    transform: translate(5px, 0) rotate(45deg);
*/
    padding: .15em .1em .25em .1em;
    transform: rotate(45deg);
    color: rgb(0, 0, 0);
    color: #777763;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.main .content .ober-liste-praxis .article-frontend>details>details[open] summary.second {
    background-color: transparent;
}


/********************************************************/
/**********    aufklappliste historie      **************/
/********************************************************/

.main .content h2 {
    color: #505042;
    font-size: 6.5vw;
    /*
    font-family: "Helvetica Now Text W05 XLight";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:200 !important;    
}

.main .content .ober-liste-historie {
    width: 100%;

}

.main .content .ober-liste-historie .titel h2 {
    color: #505042;
    /*
    font-family: "Helvetica Now Text W05 Medium";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:500 !important; 
    font-size: 6.5vw;

}


.main .content .ober-liste-historie .text p {
    color: #505042;
    font-size: 6.5vw;
    /*
    font-family: "Helvetica Now Text W05 XLight";
    */
    font-family: "Urbanist", sans-serif !important;
    font-weight:200 !important;   
}

.main .content .ober-liste-historie .article-frontend {
    margin-bottom: 5vw;
}

.main .content .ober-liste-historie .article-frontend details iframe.video {
    width: 340px !important;
    height: 191px !important;
}

.main .content .ober-liste-historie details video,
.main .content .ober-liste-historie details video.mp4 {
	width:80%;
	height:auto;
	background-color:black;
}

.main .content .ober-liste-historie .article-frontend>details {
    margin-top: 3px;
    margin-left: 0;
}



.main .content .ober-liste-historie .article-frontend>details summary.first {
    position: relative;
    line-height: 100%;
    width: 30px;
    height: 30px;
    margin-left: 0;
}

.main .content .ober-liste-historie .article-frontend>details summary.first::-webkit-details-marker,
.main .content .ober-liste-historie .article-frontend>details summary.first::marker {
    display: none;
    content: "";
}


.main .content .ober-liste-historie .article-frontend>details summary.first::after {
    padding: .15em .1em .25em .1em;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #777763;
    content: '+';
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8) !important;
    font-size: 3em;
    text-align: left;
    transition: transform .2s;
}

.main .content .ober-liste-historie .article-frontend>details[open]>summary.first::after {
    display: block;
    /* RM :: translate(5px, 0) bewegt 5px nach rechts!
    transform: translate(5px, 0) rotate(45deg);
*/
    transform: rotate(45deg);
    color: rgb(0, 0, 0);
    color: #777763;
    background-color: rgba(255, 255, 255, 0.8) !important;

}

.main .content .ober-liste-historie .article-frontend>details[open]>summary.first {
    background-color: transparent;
}


.main .content .ober-liste-historie .article-frontend>details .frontend pre {
    position: relative;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    height: 270px;
}

.main .content .ober-liste-historie .article-frontend>details .frontend pre img {
    position: absolute;
    top: 0;
    left: 0;
    height: 270px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}


.main .content .ober-liste-historie .article-frontend>details summary.first {
    position: relative;
    line-height: 100%;
    width: 30px;
    height: 30px;
    margin-left: 0;
}

.main .content .ober-liste-historie .article-frontend>details summary.first::-webkit-details-marker,
.main .content .ober-liste-historie .article-frontend>details summary.first::marker {
    display: none;
    content: "";
}


.main .content .ober-liste-historie .article-frontend>details summary.first::after {
    padding: .15em .1em .25em .1em;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #777763;
    content: '+';
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8) !important;
    font-size: 3em;
    text-align: left;
    transition: transform .2s;
}

.main .content .ober-liste-historie .article-frontend>details[open]>summary.first::after {
    display: block;
    /* RM :: translate(5px, 0) bewegt 5px nach rechts!
    transform: translate(5px, 0) rotate(45deg);
*/
    transform: rotate(45deg);
    color: rgb(0, 0, 0);
    color: #777763;
    background-color: rgba(255, 255, 255, 0.8) !important;

}

.main .content .ober-liste-historie .article-frontend>details[open]>summary.first {
    background-color: transparent;
}


.main .content .ober-liste-historie .article-frontend>details>details summary.second {
    position: relative;
    line-height: 100%;
    margin-bottom: 3em;
    background-color: transparent;
}

.main .content .ober-liste-historie .article-frontend>details>details summary.second::-webkit-details-marker,
.main .content .ober-liste-historie .article-frontend>details>details summary.second::marker {
    display: none;
    content: "";
}


.main .content .ober-liste-historie .article-frontend>details>details summary.second::after {
    padding: .15em .1em .25em .1em;
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(0, 0, 0);
    color: #777763;
    content: '+';
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8) !important;
    font-size: 2.5em;
    text-align: left;
    transition: transform .2s;
}

.main .content .ober-liste-historie .article-frontend>details>details[open] summary.second::after {
    /* RM :: translate(5px, 0) bewegt 5px nach rechts!
    transform: translate(5px, 0) rotate(45deg);
*/
    transform: rotate(45deg);
    color: rgb(0, 0, 0);
    color: #777763;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.main .content .ober-liste-historie .article-frontend>details>details[open] summary.second {
    z-index: 1;
    background-color: transparent;
}


/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 576 : col-sm /                       ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */

/*
rot
*/

@media (min-width: 576px) {

    html.news,
    html.historie,
    html.kontakt,
    html.intranet {
        background: rgba(235, 235, 235, 0.3);
    }

    /*cb_230626*/
    .main .content p img {
        width: 80%;
        height: auto;
        /*border:1px solid yellow;*/
    }

    /*cb_230626*/

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 1 Home  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*ausschnitt*/
    body.home::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/1_gelb_home_iphone-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 2 News  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.news::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/2_blau_news_iphone-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.news {
        /*
        background: rgba(235, 235, 235, 0.3);
        */
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.5);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 3 Praxis  /                       ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.praxis::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/3_orange_praxis_iphone-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    body.praxis {
        background: rgba(235, 235, 235, 0);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 4 Historie  /                     ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.historie::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/4_lila_historie_iphone-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    body.historie {
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.5);
        min-height: 100vh !important;
    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 5 Volkslied  /                    ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.volkslied::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/5_gruen_volkslied_iphone-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 6 Kontakt  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.kontakt::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/6_rot_kontakt_iphone-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.kontakt {
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.6);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 7 Intranet  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.intranet::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/7_grau_intranet_iphone-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.intranet {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    .wrapper-home {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .wrapper-volkslied {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }



    .header-mobile .first .topic h1 {
        margin: 1.25em 0 0 1em;
        padding: 0;
        font-size: 2.5vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:300 !important;
    }


    .toggle-icon {
        margin: 1em 1.5em .75em 0;
    }

    .second #div3 .toggle-nav .toggle-home,
    .second #div3 .toggle-nav .toggle-news,
    .second #div3 .toggle-nav .toggle-praxis,
    .second #div3 .toggle-nav .toggle-historie,
    .second #div3 .toggle-nav .toggle-volkslied,
    .second #div3 .toggle-nav .toggle-kontakt,
    .second #div3 .toggle-nav .toggle-intranet {
        padding-bottom: 0;
    }

    .second #div3 .toggle-nav .toggle-home a,
    .second #div3 .toggle-nav .toggle-news a,
    .second #div3 .toggle-nav .toggle-praxis a,
    .second #div3 .toggle-nav .toggle-historie a,
    .second #div3 .toggle-nav .toggle-volkslied a,
    .second #div3 .toggle-nav .toggle-kontakt a,
    .second #div3 .toggle-nav .toggle-intranet a {
        font-size: 2.5vw;
    }



    .main .content h2 {
        color: #505042;
        font-size: 3.5vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    .main .content h2.text {
        color: #505042;
        margin-top: 2em;
        font-size: 3.5vw;
    }

    .main .content h3.text {
        color: #505042;
        margin-top: 0.5em;
        font-size: 3vw;
    }

    .main .content h3.text-b {
        color: #505042;
        margin-top: 0.5em;
        font-size: 3vw;
    }

    .main .content p {
        color: #505042;
        font-size: 3vw;
        line-height: 130%;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    .main .content p.kritisches-volkslied {
        font-size: 4.5vw;
    }



    /********************************************************/
    /********************     Home     **********************/
    /********************************************************/

    .main .content p.home {
        font-size: 10vw;
        color: #D5C892;
    }

    .news-image {
        max-width: 100%;
    }


    .news-image img.news {
        width: 100%;
    }


    /********************************************************/
    /********************     News     **********************/
    /********************************************************/

    .main .content .news h2 {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
        font-size: 3vw;
    }

    /********************************************************/
    /**********     kritisches volkslied       **************/
    /********************************************************/

    .main .content h2.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
    }

    .main .content p.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
        /*14.8.*/
        color: #8b9b7e;         
    }



    /********************************************************/
    /**********     aufklappliste praxis       **************/
    /********************************************************/

    .main .content .ober-liste-praxis details p {
        color: #505042;
        font-size: 2.75vw;
    }


    .main .content .ober-liste-praxis details details .frontend {
        display: flex;
        width: 100%;
        overflow-x: scroll;

    }

    .main .content .ober-liste-praxis details details .frontend pre {
        position: relative;
        margin: 0;
        padding: 0;
        width: 20vw;
        max-height: 15vh;

    }

    .main .content .ober-liste-praxis details details .frontend pre img {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        display: block;
    }

    /********************************************************/
    /**********    aufklappliste historie      **************/
    /********************************************************/

    .main .content .ober-liste-historie .titel h2 {
        color: #505042;
        font-size: 3vw;
    }

    .main .content .ober-liste-historie .text p {
        color: #505042;
        font-size: 3vw;
    }


    .main .content .ober-liste-historie details .frontend {
        display: flex;
        width: 100%;
        overflow-x: scroll;

    }

    .main .content .ober-liste-historie .article-frontend details iframe.video {
        width: 640px !important;
        height: 360px !important;
    }

    .main .content .ober-liste-historie details .frontend pre {
        position: relative;
        margin: 0;
        padding: 0;
        width: 20vw;
        max-height: 15vh;

    }

    .main .content .ober-liste-historie details .frontend pre img {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        display: block;
    }

}




/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 768 : col-md /                       ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */

/*
blau
*/
@media (min-width: 768px) {

    html.news,
    html.historie,
    html.kontakt,
    html.intranet {
        background: rgba(235, 235, 235, 0.3);
    }

    /*cb_230626*/
    .main .content p img {
        width: 80%;
        max-width: 800px;
        height: auto;
        /*border:1px solid yellow;*/
    }

    /*cb_230626*/


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 1 Home  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.home::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/1_gelb_home_ipad-hoch.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 2 News  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.news::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/2_blau_news_ipad-hoch.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.news {
        /*
        background: rgba(235, 235, 235, 0.3);
        */
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.4);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 3 Praxis  /                       ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.praxis::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/3_orange_praxis_ipad-hoch.svg") no-repeat;
        background-position: center;
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    body.praxis {
        min-height: 100vh !important;

    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 4 Historie  /                     ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.historie::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/4_lila_historie_ipad-hoch.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.historie {
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.4);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 5 Volkslied  /                    ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.volkslied::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/5_gruen_volkslied_ipad-hoch.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 6 Kontakt  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.kontakt::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/6_rot_kontakt_ipad-hoch.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.kontakt {
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.5);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 7 Intranet  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.intranet::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/7_grau_intranet_ipad-hoch.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.intranet {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    .wrapper-home {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .wrapper-volkslied {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }


    .main .content h2 {
        color: #505042;
        font-size: 3.5vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    .main .content h2.text {
        color: #505042;
        font-size: 3.5vw;
    }

    .main .content h3.text {
        color: #505042;
        font-size: 3vw;
    }

    .main .content h3.text-b {
        color: #505042;
        font-size: 3vw;
    }

    .main .content p {
        color: #505042;
        font-size: 3.5vw;
        line-height: 130%;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    .main .content p.kritisches-volkslied {
        font-size: 5.25vw;
    }

    /********************************************************/
    /********************     Home     **********************/
    /********************************************************/

    .main .content p.home {
        font-size: 14vw;
        color: #D5C892;
    }

    /********************************************************/
    /********************     News     **********************/
    /********************************************************/

    .main .content .news h2 {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
        font-size: 3.5vw;
    }


    .news-image {
        max-width: 100%;
    }


    .news-image img.news {
        width: 100%;
    }


    /********************************************************/
    /**********     kritisches volkslied       **************/
    /********************************************************/

    .main .content h2.kritisches-volkslied {
        font-size: 14vw;
        color: #9CB08D;
    }

    .main .content p.kritisches-volkslied {
        font-size: 14vw;
        color: #9CB08D;
        /*14.8.*/
        color: #8b9b7e;        
    }

    /********************************************************/
    /**********     aufklappliste praxis       **************/
    /********************************************************/

    .main .content .ober-liste-praxis details p {
        color: #505042;
        font-size: 3vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    /********************************************************/
    /**********    aufklappliste historie      **************/
    /********************************************************/

    .main .content .ober-liste-historie .titel h2 {
        color: #505042;
        font-size: 3.5vw;
    }

    .main .content .ober-liste-historie .text p {
        color: #505042;
        font-size: 3.5vw;
    }


    .main .content .ober-liste-historie .article-frontend details iframe.video {
        width: 640px !important;
        height: 360px !important;
    }

}


/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 992 : col-lg /                       ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */


/*
pink
*/
@media (min-width: 992px) {

    html.news,
    html.historie,
    html.kontakt,
    html.intranet {
        background: rgba(235, 235, 235, 0.3);
    }
/*
    html>body .header-mobile .first .topic h1,
    html>body .header .topic h1,
*/
    html>body .second #div3 .toggle-nav .toggle-home a,
    html>body .second #div3 .toggle-nav .toggle-news a,
    html>body .second #div3 .toggle-nav .toggle-praxis a,
    html>body .second #div3 .toggle-nav .toggle-historie a,
    html>body .second #div3 .toggle-nav .toggle-volkslied a,
    html>body .second #div3 .toggle-nav .toggle-kontakt a,
    html>body .second #div3 .toggle-nav .toggle-intranet a {
        font-weight: normal !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 1 Home  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.home::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/1_gelb_home_ipad-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 2 News  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.news::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/2_blau_news_ipad-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.news {
        /*
        background: rgba(235, 235, 235, 0.3);
        */
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.4);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 3 Praxis  /                       ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/


    body.praxis::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/3_orange_praxis_ipad-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    body.praxis {
        min-height: 100vh !important;

    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 4 Historie  /                     ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.historie::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/4_lila_historie_ipad-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    body.historie {
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.4);
        min-height: 100vh !important;
    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 5 Volkslied  /                    ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.volkslied::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/5_gruen_volkslied_ipad-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 6 Kontakt  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.kontakt::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/6_rot_kontakt_ipad-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.kontakt {
        /*23.5.23*/
        background: rgba(235, 235, 235, 0.5);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 7 Intranet  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.intranet::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/7_grau_intranet_ipad-quer.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.intranet {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    .wrapper-home {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .wrapper-volkslied {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .header-mobile .first .topic h1,
    .header .topic h1 {
        font-size: 2vw;
        /*
        font-family: "Helvetica Now Text W05 XLight" !important;
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:300 !important;
    }

    .second #div3 .toggle-nav .toggle-home a,
    .second #div3 .toggle-nav .toggle-news a,
    .second #div3 .toggle-nav .toggle-praxis a,
    .second #div3 .toggle-nav .toggle-historie a,
    .second #div3 .toggle-nav .toggle-volkslied a,
    .second #div3 .toggle-nav .toggle-kontakt a,
    .second #div3 .toggle-nav .toggle-intranet a {
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
        font-size: 2vw;
    }

    .main .content h2 {
        color: #505042;
        font-size: 3vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    .main .content h2.text {
        color: #505042;
        font-size: 3vw;
    }

    .main .content h3.text {
        color: #505042;
        font-size: 2.5vw;
    }

    .main .content h3.text-b {
        color: #505042;
        font-size: 2.5vw;
    }

    .main .content p {
        color: #505042;
        font-size: 3vw;
        line-height: 130%;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    .main .content p.kritisches-volkslied {
        color: #505042;
        font-size: 4.5vw;
    }


    /********************************************************/
    /********************     Home     **********************/
    /********************************************************/

    .main .content p.home {
        font-size: 10vw;
        color: #D5C892;
    }

    /********************************************************/
    /********************     News     **********************/
    /********************************************************/

    .main .content .news h2 {
        color: #505042;
            /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
        font-size: 3vw;
    }


    .news-image {}


    .news-image img.news {}


    /********************************************************/
    /**********     kritisches volkslied       **************/
    /********************************************************/

    .main .content h2.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
    }

    .main .content p.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
        /*14.8.*/
        color: #8b9b7e;          
    }

    /********************************************************/
    /**********     aufklappliste praxis       **************/
    /********************************************************/

    .main .content .ober-liste-praxis details p {
        color: #505042;
        font-size: 2.5vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    /********************************************************/
    /**********    aufklappliste historie      **************/
    /********************************************************/

    .main .content .ober-liste-historie .titel h2 {
        color: #505042;
        font-size: 3vw;
    }

    .main .content .ober-liste-historie .text p {
        color: #505042;
        font-size: 3vw;
    }


    .main .content .ober-liste-historie .article-frontend details iframe.video {
        width: 640px !important;
        height: 360px !important;
    }
}



/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 1200 : col-xl /                      ----------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */

/*
aqua
*/
@media (min-width: 1200px) {

    html.news,
    html.historie,
    html.kontakt,
    html.intranet {
        background: rgba(235, 235, 235, 0.3);
    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 1 Home  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.home::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/1_gelb_home_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 2 News  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.news::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/2_blau_news_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.news {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 3 Praxis  /                       ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.praxis::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/3_orange_praxis_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    body.praxis {
        min-height: 100vh !important;

    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 4 Historie  /                     ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.historie::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/4_lila_historie_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.historie {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 5 Volkslied  /                    ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.volkslied::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/5_gruen_volkslied_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 6 Kontakt  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.kontakt::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/6_rot_kontakt_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.kontakt {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 7 Intranet  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.intranet::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/7_grau_intranet_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.intranet {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }

    .wrapper-home {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .wrapper-volkslied {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .header-mobile,
    .toggle-icon,
    .toggle-function,
    .toggle-nav {
        display: none !important;
    }

    .header {
        display: flex;
        justify-content: space-between;
        align-items: baseline;

    }

    .header .topic {
        display: block;
        margin: 0;
        padding: 0;
    }

    .header .topic h1 {
        margin: 0;
        padding: 0;
        font-size: 1.3vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:300 !important;
    }

    .header #nav {
        position: relative;
        z-index: 10;
        display: block;
        padding-bottom: 2em;
    }

    #nav ul {
        display: flex;
        justify-content: flex-end;
        list-style-type: none;
    }

    #nav li:first-child {
        padding-left: 0;
    }

    #nav li {
        padding-left: 3.05em;
    }

    #nav li a {
        font-size: 1.3vw;
        text-transform: uppercase;
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
        text-decoration: none;
    }

    #nav li a:hover {
        text-decoration: underline;
    }

    #nav li a.active {
        color: #fff;
    }

    .main .content {
        color: #505042;
        margin: 0 auto;
    }

    .main .content h2 {
        color: #505042;
        font-size: 2.75vw;
    }

    .main .content h2.text {
        color: #505042;
        font-size: 2.75vw;
    }

    .main .content h3.text {
        color: #505042;
        font-size: 2.75vw;
    }

    .main .content h3.text-b {
        color: #505042;
        font-size: 2.75vw;
    }

    .main .content p {
        color: #505042;
        font-size: 2.75vw;
        line-height: 145%;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    .main .content p.kritisches-volkslied {
        font-size: 4.125vw;
    }

    /********************************************************/
    /********************     Home     **********************/
    /********************************************************/
    .main .content p.home {
        font-size: 10vw;
        color: #D5C892;
    }

    /********************************************************/
    /********************     News     **********************/
    /********************************************************/

    .main .content .news h2 {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
        font-size: 2.75vw;
    }


    .news-image {}


    .news-image img.news {}


    /********************************************************/
    /**********     kritisches volkslied       **************/
    /********************************************************/

    .main .content h2.kritisches-volkslied {
        font-size: 2.75vw;
        color: #9CB08D;
    }

    .main .content p.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
        /*14.8.*/
        color: #8b9b7e;         
    }

    /********************************************************/
    /**********     aufklappliste praxis       **************/
    /********************************************************/

    .main .content .ober-liste-praxis details p {
        color: #505042;
        font-size: 2.25vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }


    /********************************************************/
    /**********    aufklappliste historie      **************/
    /********************************************************/

    .main .content .ober-liste-historie .titel h2 {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
        font-size: 2.75vw;
    }

    .main .content .ober-liste-historie .text p {
        color: #505042;
        font-size: 2.75vw;
    }


    .main .content .ober-liste-historie .article-frontend details iframe.video {
        width: 640px !important;
        height: 360px !important;
    }

}


/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 1400 : col-xxl /                      ---------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */



/*
orange
*/

@media (min-width: 1400px) {

    html.news,
    html.historie,
    html.kontakt,
    html.intranet {
        background: rgba(235, 235, 235, 0.3);
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 1 Home  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.home::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/1_gelb_home_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 2 News  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.news::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/2_blau_news_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 3 Praxis  /                       ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.praxis::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/3_orange_praxis_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    body.praxis {
        min-height: 100vh !important;

    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 4 Historie  /                     ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.historie::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/4_lila_historie_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    body.historie {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 5 Volkslied  /                    ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.volkslied {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/5_gruen_volkslied_medium_heller_fv.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 6 Kontakt  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.kontakt::before {
        content: " ";
        display: block;/ background: url("https://www.tigersprung.ch/cms/upload/design/6_rot_kontakt_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.kontakt {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 7 Intranet   /                    ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.intranet::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/7_grau_intranet_medium.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.intranet {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    .wrapper-home {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .wrapper-volkslied {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .main {
        margin: 0;
        padding: 0;
        /*
        border: 3px solid aqua;
        */
    }

    .main .content {
        /*
        border: 3px dotted yellow;   
        */
    }

    .main .content p {
        color: #505042;
        margin: 0;
        padding: 0;
        text-align: justify;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }


    /********************************************************/
    /********************     Home     **********************/
    /********************************************************/

    .main .content p.home {
        font-size: 10vw;
        color: #D5C892;

    }

    /********************************************************/
    /********************     News     **********************/
    /********************************************************/
    /*
    .main .content .news h2 {
        font-family:"Helvetica Now Text W05 Medium"; 
        font-size: 2.75vw;
    }    
    */

    .news-image {}

    .news-image img.news {
        max-width: 80%;
    }


    /********************************************************/
    /**********     kritisches volkslied       **************/
    /********************************************************/

    .main .content h2.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
    }

    .main .content p.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
        /*14.8.*/
        color: #8b9b7e;         

    }

    /********************************************************/
    /**********     aufklappliste praxis       **************/
    /********************************************************/

    .main .content .ober-liste-praxis details p {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    /********************************************************/
    /**********    aufklappliste historie      **************/
    /********************************************************/

    .main .content .ober-liste-historie .titel h2 {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
    }


    .main .content .ober-liste-historie .text p {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }


    .main .content .ober-liste-historie .article-frontend details iframe.video {
        width: 640px !important;
        height: 360px !important;
    }


}


/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/*--------------------------------------                    / 2560 : col-xxl /                      ---------------------------------*/
/*--------------------------------------     -------------------------------------------------     ----------------------------------*/
/* \\ \\ \\ \\ \\ \\  \\ \\ \\  \\ \\ \\     ////////////////////////////////////////////////    \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ \\ */


@media (min-width: 2561px) {

    html.news,
    html.historie,
    html.kontakt,
    html.intranet {
        background: rgba(235, 235, 235, 0.3);
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 1 Home  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    /*Wunsch von Ines, da extrem Widescreen*/
    /*3413 x 2730*/
    body.home::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/1_gelb_home_max.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 2 News  /                         ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.news::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/2_blau_news_max.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.news {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 3 Praxis  /                       ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.praxis::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/3_orange_praxis_max.svg") no-repeat;
        background-position: center;
        background-size: cover;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;
    }

    body.praxis {
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 4 Historie  /                     ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.historie::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/4_lila_historie_max_heller_fv.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    body.historie {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 5 Volkslied  /                    ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.volkslied::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/5_gruen_volkslied_max.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }


    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 6 Kontakt  /                      ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    body.kontakt::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/6_rot_kontakt_max.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.kotakt {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }

    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/
    /*--------------------------------------                       / 7 Intranet  /                     ----------------------------------*/
    /*--------------------------------------     -------------------------------------------------     ----------------------------------*/

    body.intranet::before {
        content: " ";
        display: block;
        background: url("https://www.tigersprung.ch/cms/upload/design/7_grau_intranet_max.svg") no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
        width: 100vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: scroll;
        z-index: -10;
        margin: 0;
        padding: 0;

    }

    body.intranet {
        background: rgba(235, 235, 235, 0.3);
        min-height: 100vh !important;
    }


    .wrapper-home {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }

    .wrapper-volkslied {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100vh;
        background: rgba(235, 235, 235, 0.0);
    }


    .main .content p {
        color: #505042;
        font-size: 2vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    /********************************************************/
    /********************     Home     **********************/
    /********************************************************/

    .main .content p.home {
        font-size: 10vw;
        color: #D5C892;
    }

    /********************************************************/
    /********************     News     **********************/
    /********************************************************/
    /*
    .main .content .news h2 {
        font-family:"Helvetica Now Text W05 Medium"; 
        font-size: 10vw;
    }
    */

    .news-image {}

    .news-image img.news {}


    /********************************************************/
    /**********     kritisches volkslied       **************/
    /********************************************************/

    .main .content h2.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
    }

    .main .content p.kritisches-volkslied {
        font-size: 10vw;
        color: #9CB08D;
        /*14.8.*/
        color: #8b9b7e;         
    }

    /********************************************************/
    /**********     aufklappliste praxis       **************/
    /********************************************************/

    .main .content .ober-liste-praxis details p {
        color: #505042;
        font-size: 1vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }

    /********************************************************/
    /**********    aufklappliste historie      **************/
    /********************************************************/

    .main .content .ober-liste-historie .titel h2 {
        color: #505042;
        /*
        font-family: "Helvetica Now Text W05 Medium";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:500 !important;
    }

    .main .content .ober-liste-historie .text p {
        color: #505042;
        font-size: 2vw;
        /*
        font-family: "Helvetica Now Text W05 XLight";
        */
        font-family: "Urbanist", sans-serif !important;
        font-weight:200 !important;
    }


    .main .content .ober-liste-historie .article-frontend details iframe.video {
        width: 640px !important;
        height: 360px !important;
    }
}