body img { margin-bottom:2rem; } p { clear:both ; padding:0 0 0.2% 0; -moz-hyphens:auto; -epub-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } .onMobileShow{ display:none; } .onMobileHide{ display:block; } img { display:block; width:100%; } .browser-upgrade a { width:100%; position:fixed; bottom:0; left:0; padding:10px; font-size:14px; color:#6d6647; text-align:center; background:#FAF4AF; border-bottom:1px solid #ccc; z-index:1000; } .browser-upgrade a:focus, .browser-upgrade a:hover { background: #f9f2a5 ; } .vertical-spacer { clear:both; width:48%; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; } .vertical-spacer-line { clear:both; width:48%; border-top:solid 1px silver; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; } .seperator-line { border-top: solid 1px ; padding: 2vh 0; } .seperator-spacer { margin-top: 2vh; } #headerNavigation .nav-content {background-color:#fff;} #mainNavigation .nav-content {background-color:#fff;} #additionalNavigation .nav-content {background-color:#fff;} #langNavigation{ clear:both; display:block; position:relative; } #langNavigation::after{ clear:both; } #langNavigation > #top-left. #langNavigation > #bottom-left{ float: left; position: relative; width: auto; height: 2%; display: block; } #top-left > #lang-select, #top-right > #lang-select, #bottom-left > #lang-select, #bottom-right > #lang-select{ display: block; width: 15%; height: auto; } #langNavigation > #top-right, #langNavigation > #bottom-right{ float: right; position: relative; width: auto; height: 2%; display: block; } #top-left > #lang-select, #bottom-left > #lang-select{ float: left; display:block; width:auto; } #top-right > #lang-select, #bottom-right > #lang-select{ float: right; display:block; width:auto; } img.iso-flag{ margin: 5pt 10pt; position: relative; width: auto; height: 1.5em; display: block; border-radius: 50%; padding: 0.5pt; box-shadow: 0pt 2pt 4pt #999; } #breadcrumps { position: relative; text-align:left; display: block; width: 100%; font-size: 1.1vw; color: grey; text-decoration: none; left: 1.8%; margin-bottom:2%; } #breadcrumps a.parent { color: grey; text-decoration: none; } #breadcrumps a#active-child { } } #breadcrumps a:hover#active-child { text-decoration:underline; } .header-section-wrapper { position:relative; display:block; width:100%; } #footerNavigation .nav-item p{width:100%;} .button, input[type='submit'] { display: table; } .button > a:link, .button > a:visited, .label.button > a:link , .label.button > a:visited , input[type='submit'] { -webkit-appearance: none; -ms-appearance: none; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; color:inherit; } .button > a:hover, .button > a:focus, .button > a:active, label .button > a:hover, label .button > a:focus, label .button > a:active, input.custom:hover, input.custom:focus, input.custom:active { } .copyrights { clear: both; min-width:20%; word-break:keep-all; float: left; font-size: small; color: #5A5A5A; padding: 0.2% 2% 2% 5%; list-style-type: none; } .copyrights a { color: #5A5A5A; } #invisible, { display: none; } #nav-container, #nav, .nav-content { } #lang_flags { z-index: 998; position: fixed !important; bottom: 2rem; right: 2%; } .lang{ display: inline-block; width: 100%; } #lang_flags img { display: block; width: 1.5rem; height: auto; margin-bottom: 1rem; } img #flags { height: 1.5rem; color: black; width: auto; float:right; } .scrolling { opacity: 0.8 !important; } /* .nav-content { display: none; } .nav-active > .nav-content { } a.nav-active:link .nav-content, a.nav-active:visited .nav-content, a.nav-active:hover .nav-content, a.nav-active:focus .nav-content, a.nav-active:active .nav-content { /*display: block;*/ } */ #nav-container #nav-ul li, #nav-container li a:link, #nav-container li a:visited { } #nav-content a:link, #nav-content a:visted { } .nav-content:hover { display: block; } .nav-item, .nav-active { width:100%; } .nav-item a, .nav-active a { } .nav-item:focus { background-color: #444; } .nav-item:hover~.nav-content, .nav-item:active~.nav-content, .nav-item:focus~.nav-content, .nav-item~.nav-content:target { z-index: 999; display: block; } .nav-content:hover, .nav-content:focus, .nav-content:target { display: block; } */ #headerNavigation .nav-item, #headerNavigation .nav-item a, #headerNavigation .nav-active, #headerNavigation .nav-active a, #legalNavigation .nav-item, #legalNavigation .nav-item a, #legalNavigation .nav-active, #legalNavigation .nav-active a {float:right;} #headerNavigation .nav-item:hover~.nav-content, #headerNavigation .nav-item:active~.nav-content, #headerNavigation .nav-item:focus~.nav-content, #headerNavigation .nav-item~.nav-content:target, #headerNavigation .nav-active:hover~.nav-content, #headerNavigation .nav-active:active~.nav-content, #headerNavigation .nav-active:focus~.nav-content, #headerNavigation .nav-active~.nav-content:target, #mainNavigation .nav-item:hover~.nav-content, #mainNavigation .nav-item:active~.nav-content, #mainNavigation .nav-item:focus~.nav-content, #mainNavigation .nav-item~.nav-content:target, #mainNavigation .nav-active:hover~.nav-content, #mainNavigation .nav-active:active~.nav-content, #mainNavigation .nav-active:focus~.nav-content, #mainNavigation .nav-active~.nav-content:target, #additionalNavigation .nav-item:hover~.nav-content, #additionalNavigation .nav-item:active~.nav-content, #additionalNavigation .nav-item:focus~.nav-content, #additionalNavigation .nav-item~.nav-content:target, #additionalNavigation .nav-active:hover~.nav-content, #additionalNavigation .nav-active:active~.nav-content, #additionalNavigation .nav-active:focus~.nav-content, #additionalNavigation .nav-active~.nav-content:target { display: block; } #mainNavigation .nav-content:hover, #mainNavigation .nav-content:target { display: block; } #leftNavigation{ height:100%; } #leftNavigation .nav-item, #leftNavigation .nav-active { display: block; clear:both; } #leftNavigation .nav-item:hover~.nav-content, #leftNavigation .nav-item:active~.nav-content, #leftNavigation .nav-item:focus~.nav-content, #leftNavigation .nav-item~.nav-content:target { display: block; clear:both; } /* .nav-content:hover, .nav-content:target { display: block; }*/ #nav img { display:block; float: left; } /* #nav li, #nav li:link, #nav li:visited { display: inline-block; padding:0 0.4rem 0.4rem; } */ #nav-container #nav-ul li a:hover, #nav-container #nav-ul li a:active, #nav-container #nav-ul li a:focus { } #nav-content a:hover, #nav-content a:active, #nav-content a:focus { } #top { display: none; } #nav-title a#nav-img, #nav-title a#nav-img img, #top #nav-title a#nav-img, #top #nav-title a#nav-img img { display: inline-block; /*max-height: 5rem;*/ width:310px; width: auto; max-width: 31vw !important; /*max-width: 20vw !important; */ /*margin: 5% auto 5% 1rem;*/ margin: 0 auto 0.4rem auto; max-height: 10.7rem !important; } #nav-mob-img, #nav-mob-img img { display:none; max-height:50px !important; height:50px; width:auto; max-width:250px !important; margin:3px auto 0 5px; } #top #btn-open { display:block; } #nav #btn-close { height:0; width:0; } .navColumn-1-100{} .navColumn-1-50,.navColumn-2-50{float:left;width:50%} .navColumn-1-33,.navColumn-2-33,.navColumn-3-33{float:left;width:33.33%} .navColumn-1-25,.navColumn-2-25,.navColumn-3-25,.navColumn-4-25{float:left;width:25%} .navColumn-1-20,.navColumn-2-20,.navColumn-3-20,.navColumn-4-20,.navColumn-5-20{float:left;width:20%} .navColumn-1-17,.navColumn-2-17,.navColumn-3-17,.navColumn-4-17,.navColumn-5-17,.navColumn-6-17{float:left;width:16.66%} .navColumn-1-14,.navColumn-2-14,.navColumn-3-14,.navColumn-4-14,.navColumn-5-14,.navColumn-6-14,.navColumn-7-14{float:left;width:14.25%} .navColumn-1-13,.navColumn-2-13,.navColumn-3-13,.navColumn-4-13,.navColumn-5-13,.navColumn-6-13,.navColumn-7-13,.navColumn-8-13{float:left;width:12.50%} .header-section-wrapper .section-1-100 {width:100%;margin:0;padding:0;} .section-1-100 {width:100%;clear:both;} .section-1-75 {float:left;width:75%;} .section-1-50,.section-2-50 {float:left;width:50%;} .section-1-33, .section-2-33, .section-3-33{float:left;width:33.33%;} .section-1-25, .section-2-25, .section-3-25, .section-4-25 {float:left;width:25%;} .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 {float:left;width:20%;} .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 {float:left;width:16.5%;} .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 {float:left;width:14.25%;} .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {float:left;width:12.5%;} .split-1-100 {width:100%;} .split-1-75 {float:left;width:75%;} .split-1-67 {float:left;width:66.67%;} .split-1-50, .split-2-50 {float:left;width:50%;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:33.33% ;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:25%;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:20%;} .no_star { float:left; line-height:32px; color:#F1541B; font-size:20px; width:16px; margin:0px; visibility:hidden; } .input { display:block; /*width:96% !important;*/ font-size:medium; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input:matches([type='date']) { display: block; font-size: large; width: 96% !important; float: left; margin-right: 1%; padding:5px; line-height: 2.5rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .input span { position:absolute; z-index:1; cursor:text; /*pointer-events:none;*/ color:#999; padding:7px; line-height:xx-large; margin-left:2px; } .input input, .input select { z-index:0; padding:0px; margin:0.5% 0; font:inherit; line-height:xx-large; /*width:96% !important;*/ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; font-size:medium; } .input textarea { z-index:0; padding: 6px 0px 6px 18px; margin:0.5% 0% 0.5% 0%; font:inherit; line-height:xx-large; width:92% !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; /*font-size:medium;*/ } .input select { padding:5px; height:31px; } .button_holder { width:100%; } #captcha-feld { width:220px; float:left; margin-top:5px; margin-right:0px; margin-left:11px; } p.errormsg { display :none; margin:5px; margin-left:0px; color:lightsteelblue; height:35px; } .error { font-weight: 400; /*font-size: 20px;*/ color: #ff6666; visibility: hidden; opacity: 0; transition: visibility 0s 4s, opacity 4s linear; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1.01); } 40% { transform: scale(1.01); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.01); } 80% { transform: scale(1.01); } 100% { transform: scale(1); } } .pulse:hover { animation-name: pulse_animation; animation-duration: 4s; transform-origin:70% 75%; animation-iteration-count: infinite; animation-timing-function: linear; } .tooltip .tooltiptext { visibility: hidden; min-width: 10vw; max-width: 30vw; background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 0.5vw; opacity: 0.95; position: fixed; z-index: 1; font-size: 1rem; margin: -2vw 3vw 0 -10vw; } .tooltip:hover .tooltiptext { visibility: visible; display:block; } .tooltip .tooltiptext p{ color:#fff; } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); transform:translateY(0); } 40% { -moz-transform:translateY(-30px); transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); transform:translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); transform:translateY(0); } 40% { -webkit-transform:translateY(-30px); transform:translateY(-30px); } 60% { -webkit-transform:translateY(-15px); transform:translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } 40% { -moz-transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px); } } #fader { width:25px; height:25px; position:absolute; bottom:2%; margin:0 auto 0 -15px; left:49%; } .arrow { border:solid 1px white; border-radius:100%; padding:1px; opacity:0.9; width:45px; height:45px; background-color:rgba(0,0,0,0.1); background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=); background-size:contain; } .bounce { -moz-animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; animation:bounce 2s infinite; z-index: 997; position: absolute; } [class*='parallax_'] { min-height: 45rem; width:100%; text-indent:-9999px; background-attachment:fixed; background-position: center center; background-size: cover; &:nth-child(2n) { box-shadow: inset 0 0 1em #111; } } .parallax_1 { } .parallax_2 { } .parallax_3 { } .parallax_4 { } @font-face { font-family: 'Quicksand Bold'; src: local('Quicksand Bold'), url('/fonts/Quicksand-Bold.ttf') format('truetype'); } @font-face { font-family: 'Quicksand Light'; src: local('Quicksand Light'), url('/fonts/Quicksand-Light.ttf') format('truetype'); } @font-face { font-family: 'Quicksand Medium'; src: local('Quicksand Medium'), url('/fonts/Quicksand-Medium.ttf') format('truetype'); } @font-face { font-family: 'Quicksand Regular'; src: local('Quicksand Regular'), url('/fonts/Quicksand-Regular.ttf') format('truetype'); } @font-face { font-family: 'Quicksand SemiBold'; src: local('Quicksand SemiBold'), url('/fonts/Quicksand-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Quicksand VariableFont_wght'; src: local('Quicksand VariableFont_wght'), url('/fonts/Quicksand-VariableFont_wght.ttf') format('truetype'); } body, .lang{font-family:'Quicksand', sans-serif, Helvetica Neue, Helvetica, Arial;font-weight:200;font-weight:200;margin:0% ;padding:0% ;max-width:1050pt;margin:0 auto;background-color:#fff;color:#504139;-webkit-font-smoothing:antialiased;/*font-family:canada-type-gibson,sans;*/ }#header-hochzeiten h1,#header-workshops h1{color:#ffffff;font-family:https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco;font-weight:500;font-size:96px;font-size:calc(16 * 0.18rem);font-size:calc(16 * 0.25vw);font-weight:500;margin:0% ;padding:0% ;margin-top:-50vw;color:#504139;-webkit-font-smoothing:antialiased;}#bannerImage > img{width:24%;margin:0% auto ;padding:0% ;background-color:#fffef8;}.split{margin:0% ;padding:0% ;} .split-1-100 {float:left;width:100%;margin:0% ;padding:0% ;;} .split-1-50, .split-2-50 {float:left;width:50%;margin:0% ;padding:0% ;;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:33.33%;margin:0% ;padding:0% ;;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:25%;margin:0% ;padding:0% ;;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:20%;margin:0% ;padding:0% ;;} #mainNavigation{font-weight:200;font-weight:200;width:97%;margin:0% ;padding:2% 1% 2% 2% ;position:sticky;top:0;z-index:9999;/*background-color:#fff;*/background-color:#fffef8;opacity:0.95;box-shadow: 0.1vw 0.1vw 0.3vw #777;font-size:larger;font-weight:400;text-align:center;color:#504139;-webkit-font-smoothing:antialiased;}#banner-apricot{margin:0% ;padding:0% ;background-color:rgba(248, 225, 203, 0.7);}#banner-apricot img, #banner-turkis img, #banner-pink img{margin:0% ;padding:0% ;margin:0;}.button>a{margin:0% ;padding:0% ;}.button, .button:visited, input[type='button'], input[type='submit']{margin:0% ;padding:0% ;color:#fff;background-color:#333;border:1px solid #333;padding:1rem 2rem;margin:0 auto;}.button:hover, .button:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus{margin:0% ;padding:0% ;color:#333;background-color:transparent;border:1px solid #333;padding:1rem 2rem;margin:0 auto;}h2, .h2{font-family:"Prompt", sans-serif;;Avenir Alternative:"Prompt", sans-serif;;margin:0% ;padding:0% ;font-weight:100;font-size:xx-large;font-weight:600;color:#504139;-webkit-font-smoothing:antialiased;}h3, .h3{color:#5f5f5f;font-family:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;Roboto Condensed:"Roboto Condensed","HelveticaNeueLight",Helvetica,sans-serif;margin:0% ;padding:0% ;font-weight:500;font-size:xx-large;color:#504139;-webkit-font-smoothing:antialiased;}#banner-turkis{margin:0% ;padding:0% ;background-color:rgba(247, 129, 174, 0.7);}#banner-pink{margin:0% ;padding:0% ;background-color:rgba(248, 225, 203, 0.7);}p, input, button, #p{margin:0% ;padding:0% ;color:#504139;font-size:x-large;-webkit-font-smoothing:antialiased;}#workshops-overview .image_holder img{margin:0% ;padding:0% ;margin:2% auto; margin-left:auto;margin-right:auto;border-radius: 50%;width: 78%;border: 5px solid rgb(236, 235, 236);}#workshops-overview{margin:0% ;padding:0% ;margin:2% auto; margin-left:auto;margin-right:auto;text-align: center;}#buche-jetzt-deine-me-time, #buche-jetzt-deine-me-time h2, #buche-jetzt-deine-me-time h3, #buche-jetzt-deine-me-time p{margin:0% ;padding:0% ;background-color:#000;color:#fff;margin-top:3%;}#buche-jetzt-deine-me-time .icons i{margin:0% ;padding:0% ;margin:2% 5% 0 0;background-color:#000;color:#fff;font-size:4rem;}#buche-jetzt-deine-me-time .split-1-50{margin:0% ;padding:0% ;background-color:#000;color:#fff;padding: 14% 3%;width: 44%;}#buche-jetzt-deine-me-time .split-2-50{margin:0% ;padding:0% ;padding: 0;width: 50%;}#buche-jetzt-deine-me-time .split-2-50 img{margin:0% ;padding:0% ;margin: 0 0 -6% 0;}