/* ======================== (C) 2020 Frick & Partner GmbH für boomgeneration.ch ======================== */
image {border:none; outline:none;}
.container {background:none; max-width:960px; margin: 0em auto; border:0px dotted red;}
/* ========================================== Next: noscript ===========================================*/
.noscript {position:absolute; max-width:960px; height:auto; z-index:999; background-color:#C60000;}
.noscript-center {text-align:center; color:white; font-size:2em; line-height:120%; padding:40px 30px 0px 30px;}
.noscript-center a{color:white; background:transparent; text-decoration:underline;}
/* ====================================== Kleiner 47.0em / 752 px ====================================== */
@media screen and (max-width:47.0em) { 
html {height:100%; width:100%; scroll-behavior:smooth; background-color:rgba(153,176,191,1.0);}
h1 {font:1.3em 'Fira Sans'; font-weight:500; letter-spacing:0.015em; line-height:120%; color:rgba(79,100,120,1.0); margin-top:0;}
h2 {font:1.0em 'Fira Sans Condensed'; font-weight:500; letter-spacing:0.03em; line-height:130%; color:rgba(79,100,120,0.9); margin-top:0;}
h3 {font:1.0em 'Fira Sans Condensed'; font-weight:400; line-height:130%; color:rgba(79,100,120,0.9); margin-top:0;}
h4 {font:0.9em 'Fira Sans Condensed'; font-weight:300; line-height:100%; color:rgba(79,100,120,1.0); margin-top:0;}
li {margin-left:1.0em;}
.mobile-header {max-width:100%; margin-bottom:1.0em; overflow:auto;}
.mobile-header a{border:none; outline:none; text-decoration:none;}
.mobile-header-rechts {float:right; padding-right:7px; overflow:auto;}
.mobile-header-rechts img{max-width:180px; height:auto; padding-top:14px;}
.desktop-header {display:none;}
.content {overflow:auto}
.content a{color:rgba(215,43,37,1.0); border:none; outline:none; text-decoration:none;}
.content-links {display:none;}
.content-mitte {width:auto; background-color:white; overflow:auto;}
.content-rechts {display:none;}
.content-kopf {display:none;}
.content-unten {display:none;}
.white-around {background-color:white; overflow:auto;}
.content-full {background-color:white; padding:1em 1em 0em 1em; overflow:auto;}
.content-box-teaser-links {display:none;}
.content-box-teaser-rechts{float:left; margin:1em 0.6em 0em 1.0em; overflow:auto;}
.content-box-teaser-rechts img {width:100%; height:auto;}
.content-box {overflow:auto;}
.content-box-links {float:left; text-align:left; padding:0.5em 1.0em 0em 1.0em;}
.content-box-links img {max-width:370px; height:auto;}
.content-box-links-homepage-nur-mobile {float:left; text-align:left; padding:0.5em 1.0em 0em 1.0em;}
.content-box-links-homepage-nur-mobile img {max-width:370px; height:auto;}
.schnellzugriff {float:right; text-align:left; max-width:370px; padding:0.7em 0.5em 0em 0.5em; margin-bottom:1.0em; background-color:rgba(222,222,221,1.0);}
.content-box-rechts {float:left; padding:0.5em 1.0em 0em 1.0em;}
.content-box-rechts li{margin-left:1.0em; list-style-type:square;}
.content-box-rechts-homepage-nur-desktop {display:none;}
.content-box-links-homepage-nur-desktop {display:none;}
.content-box-rechts-intro {float:left; margin-left:-1.0em; padding:0.5em 0em 0em 0em; max-width:85%;}
.content-box-rechts-fortsetzung {float:left; margin-left:-1.0em; padding:0.5em 0em 0em 0em; width:85%; margin-bottom:10px;}
.content-box-rechts img{max-width:50%; height:auto;}
.content-box-rechts-foto {overflow:auto;}
.content-box-rechts-foto img{max-width:90%; height:auto; margin-bottom:10px;}
.footer {max-width:100%; margin-bottom:1.5em; overflow:auto;} 
.desktop-footer {display:none;}
.mobile-footer {float:left; padding-top:1.0em; overflow:auto;}
.mobile-footer a{color:white; border:none; outline:none; text-decoration:none;}
.endbutton-kapitel {background-color:rgba(153,176,191,1.0); border:1px solid rgba(153,176,191,1.0); color:white; padding:0.4em 1.0em; font:1.0em 'Fira Sans Condensed'; font-weight:400; text-align:center; text-decoration:none; display:inline-block; margin:0.3em 0.5em 0.4em 0em; cursor:pointer;}
.endbutton-kapitel-kontakt {background-color:transparent; border:1px solid rgba(93,127,145,1.0); color:rgba(93,127,145,1.0); padding:0.4em 1.0em; font:1.0em 'Fira Sans Condensed'; font-weight:400; text-align:center; text-decoration:none; display:inline-block; margin:0.3em 0.5em 0.4em 0em; cursor:pointer;}
.zertifikat-datenschutz {border:0px solid green;}
.zertifikat-datenschutz img {width:130px; height:auto;}
}

/* ====================================== Grösser 47,0em / 752 px ====================================== */
@media screen and (min-width:47em) {
html {height:100%; width:100%; scroll-behavior:smooth; overflow-y:scroll; background-image:url(graphics_hidden/html_background.png); background-repeat:repeat-x; background-color:rgba(153,176,191,1.0);}
h1 {font:1.3em 'Fira Sans'; font-weight:500; letter-spacing:0.015em; line-height:130%; color:rgba(79,100,120,1.0); margin-top:0;}
h2 {font:1.0em 'Fira Sans Condensed'; font-weight:500; letter-spacing:0.04em; line-height:140%; color:rgba(79,100,120,0.9); margin-top:0;}
h3 {font:1.0em 'Fira Sans Condensed'; font-weight:400; line-height:140%; color:rgba(79,100,120,0.9); margin-top:0;}
h4 {font:0.9em 'Fira Sans Condensed'; font-weight:300; line-height:100%; color:rgba(79,100,120,1.0); margin-top:0;}
.desktop-header {display:block; max-width:100%; max-height:140px; margin:26px 175px 20px 170px; overflow:auto;}
.desktop-header a{border:none; outline:none; text-decoration:none;}
.desktop-header-links {float:left; width:260px;}
.desktop-header-links img{width:260px; height:auto;}
.desktop-header-mitte {}
.desktop-header-rechts {}
.mobile-header {display:none;}
.content {max-width:100%; overflow:auto;}
.content a{color:rgba(215,43,37,1.0); border:none; outline:none; text-decoration:none;}
.content-links {display:block; float:left; margin-top:56px; width:170px; min-height:150px; background-color:transparent;} 
.content-mitte {display:block; padding:0px 170px 0px 170px; width:auto; min-height:150px;}
.content-mitte a{}
.content-rechts {display:block; float:right; margin-top:56px; width:170px; min-height:150px; background-color:transparent;}
.content-rechts a{}
.content-kopf {height:40px; background-color:white; background-image:url(graphics_hidden/verlauf_conent_kopf.png); background-repeat:repeat-x;}
.content-unten {height:9px; background-color:transparent; background-image:url(graphics_hidden/verlauf_conent_unten.png); background-repeat:repeat-x;}
.white-around {background-color:white; overflow:auto;} 
.content-full {display:block; max-width:100%; background-color:white; padding:1em 1em 0em 1em; overflow:auto;}
.content-box-teaser-links {display:block; float:left; width:30%; text-align:right; padding:10px 0px 0px 8px;}
.content-box-teaser-links img{padding-left:5px; max-width:100%; height:auto;}
.content-box-teaser-rechts {display:block; float:right; width:61%; padding:10px 20px 0px 0px;}
.content-box-teaser-rechts img {max-width:100%; height:auto;}
.content-box {max-width:100%; overflow:auto;}
.content-box-links {float:left; width:30%; text-align:right; padding:10px 0px 0px 8px;}
.content-box-links img {padding-left:0px; max-width:100%; height:auto;}
.content-box-links-homepage-nur-mobile {display:none;}
.content-box-rechts-homepage-nur-mobile {display:none;}
.content-box-links-homepage-nur-desktop {float:left; width:30%; text-align:right; padding:10px 0px 0px 8px;}
.content-box-links-homepage-nur-desktop img {padding-left:0px; max-width:100%; height:auto;}
.content-box-rechts-homepage-nur-desktop {display:block; float:right; width:61%; padding:10px 20px 0px 0px;}
.schnellzugriff {display:block; font:0.9em 'Fira Sans Condensed'; font-weight:300; line-height:100%; float:right; text-align:left; width:auto; margin-left:0px; padding:0.7em 0.5em 0em 0.7em; background-color:rgba(222,222,221,1.0); -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
.schnellzugriff img{padding-left:0em;}
.content-box-rechts {float:right; width:61%; padding:10px 20px 0px 0px;}
.content-box-rechts li{margin-left:1.0em; list-style-type:square;}
.content-box-rechts-intro {display:block; float:right; width:61%; padding:10px 20px 0px 0px;}
.content-box-rechts-fortsetzung {display:block; float:right; width:61%; padding:10px 20px 0px 0px; margin-bottom:10px;}
.content-box-rechts img {max-width:100%; height:auto;}
.content-box-rechts-foto img{display:block; width:190px; height:auto; margin-bottom:10px;}
.footer {max-width:100%; margin-bottom:1.5em; overflow:auto;}
.desktop-footer {display:block; float:left; max-width:960px; margin-top:1.0em; padding:0px 170px 0px 170px;}
.desktop-footer a{color:white; border:none; outline:none; text-decoration:none;}
.mobile-footer {display:none;}
.endbutton-kapitel {background-color:rgba(153,176,191,1.0); border:1px solid rgba(153,176,191,1.0); color:white; padding:0.4em 1.0em; font:1.0em 'Fira Sans Condensed'; font-weight:400; text-align:center; text-decoration:none; display:inline-block; margin:0.3em 0.5em 0.4em 0em; cursor:pointer;}
.endbutton-kapitel-kontakt {background-color:transparent; border:1px solid rgba(93,127,145,1.0); color:rgba(93,127,145,1.0); padding:0.4em 1.0em; font:1.0em 'Fira Sans Condensed'; font-weight:400; text-align:center; text-decoration:none; display:inline-block; margin:0.3em 0.5em 0.4em 0em; cursor:pointer;}
.zertifikat-datenschutz img {width:50%; height:auto;}
}

/* ====================================== Grösser 62em / 992 px ====================================== */
@media screen and (min-width:62em) {
.zertifikat-datenschutz img {width:40%; height:auto;}
}

/* =================================================================================================== */
/* Anfang "display:block;" hebt "display:none;" von weiter oben auf */
/* Ende Zeile "overflow:auto;" = clearfix hack */