@charset "utf-8";
/**************************************************
stylesheet rita-schwarzenberger.ch
pixelwebdesign | 2017 & 2020
**************************************************/
/*******************************************
reset
*******************************************/
*{font-style:normal;margin:0; padding:0;box-sizing:border-box;}
html{overflow-y:scroll;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;vertical-align:baseline;border:0;font-size:100%;outline:0;background:transparent}
address{font-style:normal;}
.hidden{margin:0!important;padding:0!important;height:0!important;min-height:0!important;width:0!important;min-width:0!important;display:none!important;visibility:hidden!important;}
h1,h2,h3,h4,h5,h6{line-height:1;font-weight:400;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
a,ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-spacing:0;}
footer,nav,section,aside,article,figure,figcaption{display:block;}
select,input,textarea{font-size:99%;}
img{height:auto;max-width:100%;}
ul{list-style-type:none;}
.ie7 img{-ms-interpolation-mode:bicubic;}
.ie8 img{width:auto;}
.caption{max-width:100%;}
.invisible{width:1px;height:1px;position:absolute;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);}
.custom{display:block;}
input,textarea{border-radius:0;font-family:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea{resize:none;}
.cf:after{clear:both;content:"";display:table;height:0;max-height:0;visibility:hidden;width:100%;}
/*******************************************
font
*******************************************/
/* color */
body,a,input{color:#3f382c;}
form .submit{color:#fff;}

/* font-family */
body{font-family:'Source Sans Pro',sans-serif;}
header,h1,#kursangebot .inside > h2,form h4{font-family:'Dosis',sans-serif;	}
/* font-size */
.tag-chain,.datebubble .year{font-size:12px;}
#main blockquote p + p,footer,#kontakt h2 + p,.time-location-wrap{font-size:14px;}
form,.mod_eventreader .details.hint p{font-size:15px;}
.details-wrap h3,#links-impressum h3{font-size:16px;}
.main-nav ul li a,#qi-gong ul,#kursangebot ul:not(.tag-chain),#kontakt .inside > .email,#kontakt .inside > .tel{font-size:18px;}
header .logo,#main blockquote p,h3,.datebubble .day,#kursangebot .event h2,#kontakt .inside h2,label.date{font-size:21px;}
#main h2,form h4,.page-success p{font-size:24px;}
#main h1,#kursangebot .inside > h2{font-size:32px;}
/* font-style */
#main blockquote p{font-style:italic;}
#main blockquote p + p{font-style:normal;}
/* font-weight */
.details-wrap h3,#links-impressum h3{font-weight:600;}
/* letter-spacing */
.datebubble{letter-spacing:0;}
body,input,textarea{letter-spacing:.6px;}
form .submit{letter-spacing:1.5px;}
/* line-height */
.datebubble{line-height:1;}
header .logo,.datebubble .day{line-height:1.1;}
#main p{line-height:1.4;}
.btn,form .text,form .submit{line-height:28px;}
/* text-align */
section,.datebubble,h1,form,.page-404 #main{text-align:center;}
#qi-gong .row,#ueber-mich ul,#kursangebot .row,.event{text-align:left;}
#main blockquote p + p,#qi-gong .row > div:first-child,#kursangebot .row > div:first-child{text-align:right;}
/* text-decoration */
#main a:hover,footer a:hover{text-decoration:underline;}
body:not(.mobile) #main .btn:hover{text-decoration:none;}
/* text-transform */
header .menu-button,form .submit{text-transform:uppercase;}
/* vertical-align */
/*******************************************
global settings
*******************************************/
body.ie header{border-top:1px solid #f0f0f0;}
#wrapper,header{margin:0 auto;max-width:1920px;}
#kursangebot .inside,div[id^=kursdetails],#qi-gong-einzelstunden,#links-impressum,#kontakt .inside,footer .inside,.page-404 #main .inside{margin:0 auto;max-width:980px;}
#qi-gong .inside,#kursangebot #einzelstunden,#ueber-mich .inside{margin:0 auto;max-width:700px;}
.btn,#toTop,#main section.color-bg,.datebubble,form,footer,.mod_eventreader .details.hint{background-color:rgb(247,239,218);}
.btn{border:2px solid #f8efda;border-radius:35px;display:inline-block;padding:5px 23px;}
body:not(.mobile) .btn:hover{background-color:#fff;}
#toTop{border-radius:100%;border:2px solid #fff;bottom:60px;cursor:pointer;display:none;overflow:hidden;position:fixed;right:25px;text-decoration:none;transition: all .4s;}
#toTop span {
	align-items: center;
	display: flex;
	height: 40px;
	justify-content: center;
	padding:6px 10px 10px;
	width: 40px;
}
#toTop svg {
	height: 16px;
	width: 16px;
}
body:not(.mobile) #toTop:hover,#toTop:active{background-color:#fff;border-color:#f8efda;transition: all .4s;}
.back{clear:both;margin-top:40px;}
/* sticky footer */
html,body,#wrapper{height:100%;}
#container{min-height:100%;padding-bottom:80px;}
footer{height:80px;margin-top:-80px;}
/*******************************************
header,navigation
*******************************************/
header{background-color:#fff;border-bottom:1px solid #40382d;width:100%;z-index:10001;}
header .logo{background-image:url('../../files/img/logo.svg');background-size:12px 45px;background-position:25px center;background-repeat:no-repeat;float:left;height:80px;padding:17px 0 0 45px;}
header .logo span,.main-nav ul li a{display:block;}
.main-nav .empty{display:none!important;padding:0!important;}
/*******************************************
main & footer
*******************************************/
#img-mobile-container{background-position:center center;background-repeat:no-repeat;background-size:cover;}
#main-image img{display:block;}
#main section,.page-kursdetails #main .inside,.page-einzelstunde #main .inside,.page-links-impressum #main .inside,#id-404-403-fehler{padding:80px 10px;}
#main .spacer{background-color:#3f382c;margin:25px auto;height:2px;width:80px;}
#main blockquote{display:inline-block;margin-bottom:40px;}
#main blockquote p{margin-bottom:0;}
#main .round-img img{border-radius:100%;max-width:450px;}
#main .round-img.small img{max-width:320px;}
#main h2{margin-bottom:15px;}
#qi-gong ul li,#kursangebot div:not(.mod_eventlist) ul:not(.tag-chain) li,#ueber-mich ul li{list-style-image:url('../../files/img/disc.svg');margin-bottom:3px;}
#qi-gong ul,#kursangebot ul:not(.tag-chain),#ueber-mich ul{padding-left:20px;}
#qi-gong p,#ueber-mich p{margin-bottom:15px;}
#qi-gong .row{margin-top:60px;}
#qi-gong h3{margin:10px 0;}
#ueber-mich .spacer,#ueber-mich .round-img{margin-bottom:40px;}
#ueber-mich ul{margin:20px auto;max-width:500px;}
#links-impressum div.spacer + div{margin-bottom:40px;}
/* kurse */
#kursangebot .row{margin-bottom:40px;}
#aktuelle_kurse{padding-top:80px;}
#kursangebot #einzelstunden > .content-text{margin-bottom:25px;}
#kursangebot .content-text ul{margin-top:20px;}
#kursangebot .mod_eventlist{margin-top:40px;}
.datebubble{border-radius:100%;border:5px solid #fff;height:100px;left:20px;padding:20px 5px 5px;position:absolute;top:-35px;width:100px;}
.datebubble .month{display:block;}
.event figure img{display:block;}
.event figure img,#qi-gong-einzelstunden figure img{border-radius:10px;}
#main .mod_eventlist .event h2{margin-bottom:5px;padding-top:10px;}
.event .time-location-wrap{margin-bottom:5px;}
.event .teaser{margin-bottom:10px;}
.event time,.mod_eventlist .event .location{padding-left:20px;}
.event .time-wrap{margin-right:15px;}
.event time span:not(:last-child){display:none;}
.mod_eventlist .event{border-bottom:1px solid #ccc;padding-bottom:20px;position:relative;}
.mod_eventlist .event:not(:last-child){margin-bottom:20px;}
.mod_eventlist{border-top:1px solid #ccc;padding-top:20px;}
.event .tag-chain{float:left;margin-top:10px;}
.event .btn{float:right;}
.mod_eventreader,.mod_eventreader .event,#main .mod_eventreader .spacer,#qi-gong-einzelstunden .spacer,#qi-gong-einzelstunden div.spacer + div{margin-bottom:40px;}
.mod_eventreader figure,#qi-gong-einzelstunden figure{margin-bottom:20px;}
#kursdetails .mod_eventreader .event h2,.details-wrap .details{margin-bottom:25px;}
.details-wrap h3,.details-wrap .details.description p,#links-impressum h3 {margin-bottom: 5px;}
.mod_eventreader .termine span:last-child{display:none;}
.mod_eventreader .details.hint{border-radius:10px;padding:10px;width:calc(60% - 40px);}
.page-success .content-text:not(:last-child){margin-bottom:40px;}
footer{padding:0 10px;}
/*******************************************
kontakt & form
*******************************************/
#kontakt h2{margin-bottom:3px;}
#kontakt h2 + p,#kontakt .inside > .email{margin-bottom:20px;}
#kontakt .inside > .tel{margin-bottom:40px;}
/* placeholder */
form ::placeholder{color:#878787;font-size:15px;font-weight:300;}
/* form */
form{background-image:url('../../files/img/logo.png');background-repeat:no-repeat;background-position:40px center;border-radius:15px;padding:50px 10px;}
form .formbody{margin:0 auto;max-width:512px;}
form h4,form .textarea{margin-bottom:30px;}
form .widget-text{float:left;max-width:250px;}
form .widget-text,form .text:not(.invisible),form .textarea{width:100%;}
form .widget-text.vorname,form .widget-text.strasse,form .widget-text.email{margin-right:12px;}
form .text{margin-bottom:12px;padding:5px 15px;height:40px;}
form .textarea{height:80px;padding:9px 15px;}
form .text,form .textarea{border-radius:7px;border:1px solid #ccc;}
form .submit{background-color:#999;border-radius:40px;border:2px solid #fff;padding:5px 25px;}
body:not(.mobile) form .submit:hover{background-color:#bbb;cursor:pointer;transition:background-color .1s;}
form#kursanmeldung label{display:block;}
label.date{margin:-20px 0 30px;}
.tages-seminare form#kursanmeldung label.date {
	display: none;
}
.tages-seminare form#kursanmeldung h4 {
	margin-bottom: 15px;
}
form#kursanmeldung .dateselect {
	margin-bottom: 30px;
}
form#kursanmeldung .dateselect h3 {
	margin-bottom: 5px;
	font-size: 14px;
}
#kurs-datum-select {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
/*******************************************
media queries
*******************************************/
@media screen and (min-width:651px){
header{height:80px;position:fixed;}
header .menu-button{display:none;}
.main-nav{float:right;}
.main-nav ul li{float:left;}
.main-nav ul li a{height:80px;margin-right:25px;padding-top:41px;}
.main-nav ul li.current a,body:not(.mobile) .main-nav ul li a:hover{border-bottom:5px solid #3f382c;}
#main{padding-top:80px;}
#qi-gong .row > div,#kursangebot .row > div{float:left;width:50%;}
#qi-gong .row > div:first-child,#kursangebot .row > div:first-child{padding-right:20px;}
#qi-gong .row > div:last-child,#kursangebot .row > div:last-child{padding-left:20px;}	
.mod_eventlist .event .image-wrap{float:left;padding-right:40px;width:40%;}
#kursangebot .mod_eventlist .event_list-inner_wrap{float:left;min-height:234px;padding-bottom:42px;position:relative;width:60%;}
#kursangebot .mod_eventlist .event_list-inner_wrap .footer{bottom:0;left:0;position:absolute;width:100%;}
.mod_eventreader figure,#qi-gong-einzelstunden figure{float:right;margin-left:40px;width:40%;}
}/* end @media */
@media screen and (max-width:650px){
#main section, .page-kursdetails #main .inside, .page-einzelstunde #main .inside, .page-links-impressum #main .inside{padding:40px 10px;}	
header .logo{background-position:10px center;padding-left:30px;}
header .menu-button{float:right;padding:26px 15px 0;text-align:center;}
header .menu-button svg{width:21px;height:21px;display:block;margin:0 auto;}
header .menu-button div{font-size:9.5px;font-weight:600;letter-spacing:0;}
header:after{clear:both;content:"";display:table;height:0;max-height:0;visibility:hidden;width:100%;}
.main-nav{clear:both;display:none;}
.main-nav ul{border-top:1px solid #ccc;}
.main-nav ul li{padding:0 10px;}
.main-nav ul li a{line-height:40px;padding:0 20px;}
.main-nav ul li:not(.last) a{border-bottom:1px solid #ccc;}
#main .round-img img{max-width:320px!important;}
#qi-gong .row,#main blockquote p + p, #qi-gong .row > div:first-child, #kursangebot .row,#kursangebot .row > div:first-child{text-align:center;}
#qi-gong ul,#kursangebot ul:not(.tag-chain),#ueber-mich ul{display:inline-block;text-align:left;}
.mod_eventlist .event .location{display:block}
.mod_eventreader .details.hint{width:100%;}
#toTop{right:10px;}
}/* end @media */
@media screen and (max-width:550px){
	form{background-position:right 20px top 50px;background-size:auto 230px;}
	.page-einzelstunde form{background-position:right 20px top 140px;}
	.page-kursdetails form{background-position:right 50px top 140px;}
}/* end @media */
@media screen and (min-width:471px){
	footer{line-height:80px;}
	footer .copyright{float:left;}
	footer .imprint-nav{float:right;}
}/* end @media */
@media screen and (max-width:470px){
	footer{text-align:center;}
	footer{line-height:40px;}
	footer .imprint-nav{line-height:20px;padding-top:20px;}
#toTop{bottom:10px;}
}/* end @media */
@media screen and (max-width:400px){
	.page-kursdetails form{background-position:right 5px top 140px;}
}/* end @media */
@media screen and (max-width:374px){
	#main .round-img img{max-width:280px!important;}
}/* end @media */
/* end of file ;) */

/* temporary course styles */
.special-note {
	border-radius: 10px;
	background-color: #f7efda;
	display: inline-block;
	margin: 5px 0 15px;
	max-width: 400px;
	padding: 10px 10px 10px 50px;
	position: relative;
}
.special-note img {
	left: 10px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
}
.sold-out + .content-form,
.no-form + .content-form,
.sold-out .details.hint,
.canceled + .content-form,
.canceled .details {
	display: none;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/files/fonts/dosis-300-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/files/fonts/dosis-300-normal-latin.woff2') format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/files/fonts/dosis-400-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/files/fonts/dosis-400-normal-latin.woff2') format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/files/fonts/dosis-600-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/files/fonts/dosis-600-normal-latin.woff2') format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-400-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-400-italic-latin.woff2') format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-300-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-300-normal-latin.woff2') format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-400-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-400-normal-latin.woff2') format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-600-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/files/fonts/source-sans-pro-600-normal-latin.woff2') format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}