/* ====================================== (C) Frick & Partner GmbH 2017 ===================================*/
/* IMAGE ZOOM [1] The container */
.img-hover-zoom {height:100%; overflow:hidden;}
/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {transition:transform .5s ease;}
/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {transform: scale(1.1);}
/* ====================================== Next: ex "basic.css" ============================================*/
html {background-color:#fff; scroll-behavior:smooth; overflow-y:scroll;}
body {font-family: 'Source Sans Pro', Geneva, Arial, Helvetica, sans-serif; color: rgba(0,0,0,0.6); line-height: 140%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -hyphens: auto;}
a {border: none; color: rgba(79,100,120,1.0); outline: 0; text-decoration: none;}
img {border: none;}
/* ====================================== Next: ex "navigation.css" =======================================*/
#full-screen-menu-toggle {z-index: 20; position: relative; cursor: pointer;}
/* Next: nur für UP-Pfeil im Fuss */
#up {z-index: 0; position: relative; cursor: pointer;}
.full-screen-menu-active #full-screen-menu-toggle {} /*	background: white; /* Farbe Menü-Button */
.site-nav {transition: all 0.2s ease; opacity: 0; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(79,100,120,0.95); z-index:10;}
.full-screen-menu-active .site-nav {opacity: 1; pointer-events: initial;}
.site-nav ul {display: block; transition: all 0.3s ease; padding: 0; list-style-type: none; position: absolute; top: 55%; left: 50%; text-align: center; transform: translate(-50%, -50%) scale(1.3); white-space: nowrap;}
.site-nav a {color: white; font-weight:400; font-size:1.3em; text-decoration: none; display: block; padding-bottom:0.1em;}
.full-screen-menu-active .site-nav ul {transform: translate(-50%, -50%) scale(1)}
/* ====================================== Next: ex "buttons.css" =======================================*/
.button_home {background-color: white; border: 0.1em dotted rgba(143,134,101,1.0); color: rgba(143,134,101,1.0); padding: 0.3em 1.1em; text-align: center; text-decoration: none; display: inline-block; font-size: 1.0em; margin: 0.25em 0.5em 0.25em 0em; cursor: pointer;}
.button_main {background-color: white; border: 0.1em solid rgba(79,100,120,1.0); color: rgba(79,100,120,1.0); padding: 0.3em 1.1em; text-align: center; text-decoration: none;display: inline-block; font-size: 1em; margin: 0.25em 0.5em 0.25em 0em; cursor: pointer;}
.disabled {opacity: 0.4; cursor: not-allowed;}
/* ========================================== 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;}
/* ====================================== Bis 38.75em / 620 px ======================================== */
.main-bolder {font-style:normal; font-weight:600;}
.header {margin-bottom: 0em; background:none; padding:0.6em 0em 0.6em 0em; border-bottom:1px solid rgba(227,216,188,1.0); text-align:center; min-height:3.0em; }
.header a {text-decoration:none;}
.logo-up {float:left; display:none;}
.content {width:100%; background:none; font-weight:400; text-decoration:none;}
/* .panorama {display:none;} war alte Darstellung Panorama bis 28 10 2020 */
/* .panorama-right-text {display:none;} war alte Darstellung Panorama bis 28 10 2020 */
.panorama-neu {display:none;} /* neu dazu 28 10 2020 */
.left {margin:0em 0em 1.0em 0em; float:left;}
.right {margin:0em 0em 1.0em 0em; float:left;}
h1 {font-size:1.6em; line-height:120%; color:rgba(79,100,120,1.0); font-weight:400;}
.content-titel-links {margin: 1.6em 0em 0em 0em; padding: 0em 0em 0.4em 0em; }
.content-titel-2col {font-size: 1.6em; line-height: 120%; color: rgba(79,100,120,1.0); font-weight:400; border-bottom: 1px dotted lightgrey; padding-bottom: 0.2em; margin-bottom: 0.6em;}
.col-4-default {margin-top: 3%; margin-bottom: 5%; padding: 2% 2%; background-color: rgba(79,100,120,0.1); text-align: center;}
.col-4-last {margin-top: 3%; margin-bottom: 5%; padding: 2% 2%;  background-color: rgba(79,100,120,0.1); text-align: center;}
.footer {margin: 3.0em 0em 0.3em 0em; background: none; padding: 1.5em 1.0em; border-top: 1px solid rgba(227,216,188,1.0); text-align: center;}
.title {color: rgba(127,84,52,1.0); font-size: 1.1em; }
.bold {font-weight:600;}
.link {color:rgba(79,100,120,1.0);}
.link a {text-decoration: none;}
.menue {text-align: center; margin-top: 0.5em;}
.hamburger {width: 40px; height: auto;}
.teaseroben {text-align:center; color:rgba(79,100,120,0.5); margin:1em 1em; overflow:auto;}
.nachteaseroben {border-bottom: 1px dotted lightgrey;}
.teaseroben-link {font-weight: 400; color: rgba(79,100,120,1.0);}
.teaseroben-link a {text-decoration: none;}
.teaserunten {display: none;}
h2 {font-size: 1.3em; font-weight: 300; line-height: 1.3em; color: rgba(79,100,120,1.0);}
.intro {width: 100%; margin: 1em 0em;}
.portraitfoto {float: left; margin: 0% 20% 2% 0%; width: 80%; height: auto;}
.xmas {margin-top:1em; margin-bottom:0.5em; background:rgba(79,100,120,0.1); padding:1.0em 4.0em; text-align:center;}
/* ====================================== Grösser 38.75em / 620 px ====================================== */
@media screen and (min-width:38.75em) {
.header {padding: 1.0em 0em 2.0em 0em;}
.logo-up {display: block; float: left;}
.logo {float:left;}
.menue {float: right; width: 50px; text-align: right; margin-top: 0em; padding-right: 0em;}
.datenschutz {float: right; width: 200px; text-align: center; margin-top: 1.3em; padding-right: 0em;}
.hamburger {width: 40px; height: auto;}
.content {background: none;}
.footer {text-align: left; padding: 1.5em 0em; margin-top:2.0em; margin-bottom: 3em;}
.teaserunten {text-align: center; color: rgba(79,100,120,0.5); margin: 1.5em 4.0em 0.0em 4.0em; padding:0% 17%;}
.teaserunten-link {font-weight: 400; color: rgba(79,100,120,1.0);}
.teaserunten-link a {text-decoration: none;}
h2 {font-size: 1.5em; font-weight: 300; line-height: 1.3em; color: rgba(79,100,120,1.0);}
.intro {width: 100%; margin: 1.2em 0em;}
}
/* ====================================== Grösser 45em / 720 px ====================================== */
@media screen and (min-width:45em) {
.container {background: none; max-width: 960px; margin: 0em auto;}
.header {text-align: right;}
.img {max-width: 100%; height: auto;}
.content {background: none;}
/* 
.panorama {font-weight:300; display:block; width:100%; margin:1.3em 0em 0em 0em; overflow:auto;}
.panorama-left {float:left; width:49%; height:110px; padding:1.3em 0em 2em 0em; border-bottom:0px dotted lightgrey; overflow:hidden;}
.panorama-right {float:right; width:49%; height:110px; padding:1.3em 0em 2em 0em; text-align:left; border-bottom:1px dotted lightgrey;}
.panorama-right-text {color:rgb(79,100,120); display:flex; justify-content:flex-end; align-items:flex-end; width:90%; height:120px; text-align:left;}
war alte Darstellung Panorama bis 28 10 2020 */
.panorama-neu {display:block; border-bottom:1px dotted lightgrey; padding-top:1.6em; padding-bottom:1.2em; overflow:auto;} /* neu dazu 28 10 2020 */
.panorama-neu img{width:100%; height:auto; padding-bottom:0.7em;} /* neu dazu 28 10 2020 */
.teaseroben {display: none;}
.teaserunten {display: block;}
.nachteaseroben {display: none;}
.left {width: 48%; margin: 1.0em 0em; padding: 1.0em 0em 0em 0em; float: left;}
.right {width: 48%; margin: 1.0em 0em; padding: 1.0em 0em 0em 0em; float: right;}
.col-4-default {width: 22%; min-height: 14em; margin-right: 1.66%; margin-top: 3%; margin-bottom: 3%; padding: 1% 0.9%;  float: left; background-color: rgba(79,100,120,0.1);}
.col-4-last {width: 21.8%; min-height: 14em; margin-top: 3%; margin-bottom: 3%; padding: 1% 0.9%; float: right; background-color: rgba(79,100,120,0.1);}
.footer {text-align: left;}
.portraitfoto {float: left; margin: 0% 30% 0% 0%; width: 70%; height: auto;}
}
/* frick-partner.ch Rev. A) 04-2019 Rev. B) 03-2020 C) 07-2020 */