/* Theme Name: Erlebniskochen Design Theme URI: https://www.erlebniskochen.de Author: Saskia Teichmann Author URI: https://www.saskialund.de Description: Webdesign and Development by Saskia Teichmann, Graphic design by PahlCC Martin Pahl, Version: 4.2.11 Text Domain: slit */ /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}a {text-decoration:none;color:#B09256;-webkit-transition:350ms ease;transition:350ms ease;}a:focus {outline:0}a:hover,a:active {outline: 0;}a:hover {text-decoration:underline;color:#393939;}h1,h2,h3,h4,h5,h6 {font-weight:300;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }small { font-size:80% }sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }sup { top:-0.5em }sub { bottom:-0.25em }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: 300;} /********* Form fields *********/ button,input,select,textarea {margin: 0;vertical-align: baseline; background-color:transparent; border:none;outline: none;-webkit-border-radius:inherit;border-radius:inherit;-webkit-appearance:none;} button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;} /*input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea{border:1px solid #e5e5e5;width:100px;height:30px; padding:0;font-size:100%;line-height:normal;}*/ input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px 0 0;} input[type="checkbox"]{-webkit-appearance: checkbox;} input[type="radio"] {-webkit-appearance:radio} input[type="submit"], input[type="button"],input[type="reset"],button,.button,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{line-height:20px;padding:4px 10px;display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none;} textarea {overflow:auto;vertical-align: top; resize:vertical;height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px;} fieldset {border:0 none;margin:0;padding:0} label {display:inline-block; padding-bottom:5px; font-weight:300;} /********* Clear floats *********/ .cf:before, .cf:after,#searchform:before, #searchform:after, .container:before, .container:after, .row:before, .row:after, .ekwoorow:before, .ekwoorow:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before, #header:before, .topbarWrapper:before, #header:after, .topbar:before, .topbar:after, .hamburgLocationBlock:before, .hamburgLocationBlock:after, #mc4wp-form-1:before, #mc4wp-form-1:after, .fadeImgs:before, .fadeImgs:after { content:''; display:table; } .cf:after, #searchform:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .topbarWrapper:after, #header:after, .topbar:after, .hamburgLocationBlock:after, #mc4wp-form-1:after, .fadeImgs:after {clear:both;} /********* Font *********/ /* Avenir Light */ @font-face { font-family: 'Avenir LT Std'; src: url('css/fonts/hinted-subset-AvenirLTStd-Light.eot'); src: url('css/fonts/hinted-subset-AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('css/fonts/hinted-subset-AvenirLTStd-Light.woff2') format('woff2'), url('css/fonts/hinted-subset-AvenirLTStd-Light.woff') format('woff'), url('css/fonts/hinted-subset-AvenirLTStd-Light.ttf') format('truetype'), url('css/fonts/hinted-subset-AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg'); font-weight: 300; font-style: normal; } /* Avenir Light Italic */ @font-face { font-family: 'Avenir LT Std Oblique'; src: url('css/fonts/hinted-subset-AvenirLTStd-LightOblique.eot'); src: url('css/fonts/hinted-subset-AvenirLTStd-LightOblique.eot?#iefix') format('embedded-opentype'), url('css/fonts/hinted-subset-AvenirLTStd-LightOblique.woff2') format('woff2'), url('css/fonts/hinted-subset-AvenirLTStd-LightOblique.woff') format('woff'), url('css/fonts/hinted-subset-AvenirLTStd-LightOblique.ttf') format('truetype'), url('css/fonts/hinted-subset-AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique') format('svg'); font-weight: 300; font-style: italic; } /* Playfair Display */ @font-face { font-family: 'playfair_displayregular'; src: url('css/fonts/playfairdisplay-regular-webfont.woff2') format('woff2'), url('css/fonts/playfairdisplay-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Avenir Heavy */ @font-face { font-family: 'AvenirHeavy'; src: url('css/fonts/hinted-subset-AvenirLTStd-Heavy.eot'); src: url('css/fonts/hinted-subset-AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), url('css/fonts/hinted-subset-AvenirLTStd-Heavy.woff2') format('woff2'), url('css/fonts/hinted-subset-AvenirLTStd-Heavy.woff') format('woff'), url('css/fonts/hinted-subset-AvenirLTStd-Heavy.ttf') format('truetype'), url('css/fonts/hinted-subset-AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg'); font-weight: 900; font-style: normal; } /* Avenir Bold for Slider */ @font-face { font-family: 'AvenirBlack'; src: url('css/fonts/hinted-AvenirLTStd-Black.eot'); src: url('css/fonts/hinted-AvenirLTStd-Black.woff2') format('woff2'), url('css/fonts/hinted-AvenirLTStd-Black.woff') format('woff'), url('css/fonts/hinted-AvenirLTStd-Black.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('css/fonts/icomoon.eot?tesgp9'); src: url('css/fonts/icomoon.eot?tesgp9#iefix') format('embedded-opentype'), url('css/fonts/icomoon.ttf?tesgp9') format('truetype'), url('css/fonts/icomoon.woff?tesgp9') format('woff'), url('css/fonts/icomoon.svg?tesgp9#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user:before { content: "\e900"; } .icon-phone:before { content: "\e901"; } .icon-envelope:before { content: "\e902"; } .icon-location:before { content: "\e903"; } .icon-globe:before { content: "\e904"; } .icon-file-pdf:before { content: "\e905"; } .icon-gift:before { content: "\e906"; } /********* Common Classes *********/ hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:20px 0;padding:0} body,button,input,select,textarea,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #596063; font: 14px/1.6 'Avenir LT Std', sans-serif; } input.gcp { height: 36px !important; width: 75px; background-color: #ffffff; border: 1px solid #697073 !important; } body {background-color:#fff; min-width:320px;} h1 {color: #fff; font: 900 46px 'AvenirHeavy'; letter-spacing: 0.15em; } h2 {font: 2.000em 'playfair_displayregular'; font-weight: normal; } h3 {font-size: 1.692em; } h2.wc-bacs-bank-details-heading { color: #596063; font: bold 1.692em 'Avenir LT Std', sans-serif;} h2.wc-bacs-bank-details-heading + h3 { color: #596063; font: bold 14px/1.6 'Avenir LT Std', sans-serif; margin:0 0 1em 0;} h2.woocommerce-thankyou-order-received.gold {margin: 25px 0;} h4 {font-size: 1.538em;} h5 {font-size: 1.385em;} h6 {font-size: 1.231em;} ul {padding:0 0 0 15px;} ol { padding:0 0 0 20px} ul ul,ol ol { margin:10px 0} ul.bulletText { list-style:none; padding:0;} ul.bulletText li {background:url(images/right-arrow.gif) no-repeat left 7px;padding:2px 0 2px 15px;} p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin: 0 0 25px;} .aktuelle-kochkurse-inner h1.woocommerce-products-header__title.page-title { height: 0; margin: 0; } h2.kontoueberschrift { margin-top: 1.5em; } .kochkurse-teamevent a, .kochkurse-teamevent p a, .teameventContent a {text-decoration: underline;} input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="password"],input[type="search"], select, textarea, .newsletters.tnp-subscription input[type=email] {border:1px solid #697073;width:100%;height:36px; padding:5px 10px; background-color:#fff;} input[type="submit"], input[type="button"],input[type="reset"],button,.button, .newsletters.tnp-subscription input[type=submit], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background-color:#B09256; color:#fff; border:1px solid #B09256; border-radius: 0 !important; -webkit-transition: 350ms ease; transition: 350ms ease; } .single-tribe_events button.waiting-popup { background-color: #B09256; border: 1px solid #B09256; color: #fff; font-size: 13px; } .single-tribe_events button.waiting-popup:hover, .single-tribe_events button.waiting-popup:focus { background-color: #746743; border: 1px solid #746743; text-decoration: none; } .single-tribe_events .terminMain .btns { display: inline-block; text-align: right; width: 50%; } input[type="submit"]:hover, input[type="button"]:hover,input[type="reset"]:hover,button:hover,.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{color:#fff; background-color:#746743; border: none; text-decoration: none;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{border: 1px solid #B09256;} input[type="submit"].cancelBtn, input[type="button"].cancelBtn,input[type="reset"].cancelBtn {background-color:#888;} .alignLeft { float:left} .alignRight { float:right;} .displayNone, .hasJS noscript, .hideThis{display:none!important;visibility:hidden} .jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none;} .mrgAuto {margin-right:auto; margin-left:auto;} .mrgT20 {margin-top:20px;}.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT10 {margin-top:10px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom:10px;}.mrgT5 {margin-top:5px;}.mrgL5 {margin-left:5px;}.mrgR5 {margin-right:5px;}.mrgB5 {margin-bottom:5px;}.padL20 {padding-left:20px;}.padR20 {padding-right:20px;}.padB20 {padding-bottom:20px;}.padT20 {padding-top:20px;}.padL15 {padding-left:15px;}.padR15 {padding-right:15px;}.padB15 {padding-bottom:15px;}.padT15 {padding-top:15px;}.padL10 {padding-left:10px;}.padR10 {padding-right:10px;}.padB10 {padding-bottom:10px;}.padT10 {padding-top:10px;}.padTB10 {padding-top:10px;padding-bottom:10px;}.padTB15 {padding-top:15px;padding-bottom:15px;}.padTB20 {padding-top:20px;padding-bottom:20px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;} .width100p {width:100%;}.width90p {width:90%;}.width80p {width:80%;}.width70p {width:70%;}.width60p {width:60%;}.width50p {width:50%;}.width40p {width:40%;}.width30p {width:30%;}.width20p {width:20%;}.width10p {width:10%;} .fileSize {font-size:12px; display:inline-block; vertical-align:middle; margin-left:3px;} .extIcon {vertical-align:middle; margin-left:3px;} .rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../images/rupee.png) left top no-repeat; } .bold {font-weight:bold;} .italic {font-style:italic;} .longWord, .wordBreak {word-wrap: break-word;} ::-webkit-input-placeholder { color: #596063; opacity:1 !important; font-family: 'Avenir LT Std', sans-serif; } ::-moz-placeholder { color: #596063; opacity:1 !important; font-family: 'Avenir LT Std', sans-serif; } :-ms-input-placeholder { color: #596063; opacity:1 !important; font-family: 'Avenir LT Std', sans-serif; } :-moz-placeholder { color: #596063; opacity:1 !important; font-family: 'Avenir LT Std', sans-serif; } ::placeholder { color: #596063; opacity:1 !important; font-family: 'Avenir LT Std', sans-serif; } section:last-of-type { border-bottom: none; } .page-template-page-fullwidth section.kochkurseTeameventList { margin-bottom:0; } /********** Image Formating & Alignment **********/ .imgLeft{float:left; margin-right:20px; margin-bottom:20px;} .imgRight{float:right; margin-left:20px; margin-bottom:20px;} .imgCenter{float:none; margin-bottom:20px; margin-left:auto; margin-right:auto; display:block;} .imgBorder { border:1px solid #ccc; padding:5px} .rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .shadow {-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px;} /********** Alignment **********/ .left{text-align:left !important} .right{text-align:right !important} .center{text-align:center !important} .justify{text-align:justify !important} /********** Error/Alert Messages **********/ .message{padding:10px 38px 10px 10px;margin-bottom:20px;border:1px solid transparent; position:relative;} .message.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;} .message.success a {color: #2b542c;} .message.error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .message.error a{color: #843534;} .jshinweis { position: fixed; top: 0; left: 0; z-index: 999999; border-bottom: 1px solid #A29330; background-color: #FDF2AB; text-align: left; cursor: pointer; color: #000; font-size: 100%; width: 100%; font-weight: 700; } .jshinweis div { padding: 5px 36px 5px 40px; } .jshinweis>div>a, .jshinweis>div>a:visited { color: #E25600; text-decoration: underline; font-weight: 300; } /********** Table **********/ /*.tableOut { overflow-y:hidden; overflow-x:auto} table, .tableData{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;border-top:1px solid #E9E9EA;border-left:1px solid #E9E9EA;} table table, .tableData table { margin:0} th,td, .tableData th, .tableData td {border:none; padding:8px 10px;border-bottom:1px solid #E9E9EA;border-right:1px solid #E9E9EA;} table tr:nth-child(odd) td, .tableRowOdd{ background-color:#efefef;} caption,th,td {font-weight: normal; background:#fff} th, .tableData th{background:#f3f3f3} .tableScroll { overflow-y:hidden; overflow-x:auto} */ .tableOut { overflow-y:hidden; overflow-x:auto} table, .tableData{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none; margin-bottom:10px;} table table, .tableData table { margin:0} th,td, .tableData th, .tableData td {border:none; padding:6px;border-bottom:1px solid #a0a09f;border-right:1px solid #a0a09f;} table tr:nth-child(even) td, .tableRowOdd{ background-color:#cccccc;} caption,th,td {font-weight: 300; background:#fff; color:#333;} th, .tableData th{background:#cccccc; text-align:left;} .tableScroll { overflow-y:hidden; overflow-x:auto} th:last-child,td:last-child, .tableData th:last-child, .tableData td:last-child{border-right:none;} tr:last-child td, .tableData tr:last-child td{border-bottom:none;} /* ******** Grid : 12 Coloum and Boxs ******** */ .example div div, .example .boxs li {border:1px solid #eee; margin-bottom:15px; padding-top:15px; padding-bottom:15px} .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {float:left; padding-left:15px; padding-right:15px;} .cols12 {width:100%} .cols11 {width:91.66666667%} .cols10 {width:83.33333333%} .cols9 {width:75%} .cols8 {width:66.66666667%} .cols7 {width:58.33333333%} .cols6 {width:50%} .cols5 {width:41.66666667%} .cols4 {width:33.33333333%} .cols3 {width:25%} .cols2 {width:16.66666667%} .cols1 {width:8.33%} .boxs {list-style:none; padding:0; margin:0; } .boxs2 { margin-left:-2%; } .boxs3 { margin-left:-2%; } .boxs4 { margin-left:-2%; } .boxs5 { margin-left:-2%; } .boxs6 { margin-left:-2%; } .boxs > li, .boxs > div { float:left; min-height:1px; margin-left:30px; } .boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; } .boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; } .boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; } .boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; } .boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; } .boxBorder {padding:5px; border:1px solid #ccc;} .sprite { display: inline-block; vertical-align: middle; background: url(images/sprite.png) left top no-repeat; } /********* Navigation *********/ .mainNavigation { margin:0; position:relative; background:#060613; clear:both; z-index:9999} .toggleMenu { display:none; padding:8px 15px; text-decoration:none } .toggleMenu .mobileMenu { font-size:1.250em; color:#fff; } .toggleMenu .iconBar { float:right; width:25px; height:25px; background:url(images/mobile-menu.png) no-repeat center center; } #nav, #nav ul { list-style:none; margin:0; padding:0;} #nav li { float:left; margin:0 66px 0 0; padding:0; line-height: 12px; position:relative; display:inline; } #nav li:last-child { margin-right: 0; } #nav li a { color:#596063; font-size: 13px; text-transform: uppercase; text-decoration:none } #nav ul {width:200px; top:100%; padding:10px 0 6px; position:absolute; left:50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: #fff;} .hasJS #nav ul{opacity:0; transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; } #nav ul li { float:left; height:auto; width:100%; margin:0; padding:0; } #nav ul li a { display:block; line-height:20px; color:#596063; font-size: 12px; border:none; padding:4px 10px; text-align:center; text-transform: capitalize; } #nav ul ul {top:0; left:300px } /*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/ #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color:#B09256 } #nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:-9999px } #nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left:0 } #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a, #nav > li.active > a, #nav > li li.active > a { /*background-color:#dbdbdb;*/ color:#B09256; } #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { /*background-color:#e9e9e9;*/ color:#B09256; } #nav ul li.focus > a { color:#B09256; display:block; } #nav .menuIcon {display:none; position:absolute; right:5px; top:20px; width:9px; height:9px;} #nav li .menuIcon { background:url(images/down-arrow.gif) no-repeat right center; z-index:10} #nav li li .menuIcon {display:block; background:url(images/right-arrow.gif) no-repeat right center; top:13px; right:10px;z-index:11} #nav li li li .menuIcon { z-index:12} #nav li .menuIcon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg); } .noJS #nav ul a:focus { width:200px; } .noJS #nav ul a:focus, .noJS #nav ul a:focus + ul { margin-left:9999px } .noJS #nav ul a:active { margin-left:0 } .hasJS .menuPart #nav a:focus + ul,.hasJS .menuPart #nav li.focus > ul,.hasJS .menuPart #nav li.hover > ul,.hasJS .menuPart #nav li:hover > ul,.hasJS .menuPart #nav ul ul{ opacity: 1; } /* ******** Index Slider ******** */ .indexBanner { height: 590px; overflow: hidden; margin-top: 111px; position: relative; border-bottom: 1px solid #c4aa66; min-width:320px; } .bannerSpacing {padding: 20px 0; min-width:320px;} .indexBanner .sliderBanner .item { /*height: 549px;*/ overflow: hidden; height: 551px;} .indexBanner .sliderBanner .item img, .team-banner .img img, .team-banner .img img { width: 100%; -webkit-transition: 400ms ease; transition: 400ms ease; margin-top: -25%; } .team-banner .img .helper { height: 100%; background-position: center !important; background-size: cover !important;} .indexBanner .sliderBanner .active img, .team-banner .img img, .team-banner .img .helper, .helper { -webkit-animation: imageAnimation 36s infinite linear; animation: imageAnimation 36s infinite linear; } @-webkit-keyframes imageAnimation{0%{-less-vendorify:auto;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}8%{-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);-less-vendorify:auto;-ms-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}17%,25%{-less-vendorify:auto;-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes imageAnimation{0%{-less-vendorify:auto;-ms-animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}8%{-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);-less-vendorify:auto;-ms-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}17%,25%{-less-vendorify:auto;-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}} .noJS .indexBanner { height: 551px; overflow: hidden; } .indexBanner .owl-theme .owl-controls { margin: 0; } .ares.nav-dir-horizontal.nav-pos-ver-center .tp-bullet-title, .ares.nav-dir-horizontal.nav-pos-ver-bottom .tp-bullet-title { display: none !important; } /* Revolution Slider */ #rev_slider_6_2_wrapper rs-progress.rs-bottom { display: none; } /********** Owl Carousel **********/ .owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;} .owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;} .owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel.owl-loaded {display: block;} .owl-carousel.owl-loading {opacity: 0;display: block;} .owl-carousel.owl-hidden {opacity: 0;} .owl-carousel .owl-refresh .owl-item {display: none;} .owl-carousel .owl-item {position: relative;min-height: 1px;float: left;} .owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d;} .owl-carousel .owl-grab {cursor: move;} .owl-carousel.owl-rtl {direction: rtl;} .owl-carousel.owl-rtl .owl-item {float: right;} .owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;} .owl-carousel .owl-item img {transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;} .owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("owl.video.play.png") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;} .owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;} .owl-carousel .owl-video-frame {position: relative;z-index: 1;} .owlCarousel .item { border:1px solid #ddd; text-align:center; height:100px; line-height:100px;} .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot{display:inline-block;} .owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.noJS .owl-dots .owl-dot.active a{background:#869791} .noScript { display:none;} .no-js .owl-carousel {display: block;} .noJS .owl-controls {position:absolute; left:0; bottom:-40px; width:100%; text-align:center;-webkit-tap-highlight-color:transparent} .noJS .owl-controls.noScript { display:block;} .noJS .sliderBanner .item { position:relative;} .noJS .carouselBlock { margin-right:-10px;} .noJS .carouselBlock .item { width:220px; margin:0 10px 10px 0; float:left;} /********** Responsive Tab **********/ .resTab {position: relative;border:1px solid #00c5ad;} .resTab .tabNav {margin:0;padding: 0; list-style:none} .resTab .tabNav li {display: inline-block;margin: 0;position: relative;background-color: #00c5ad;} .resTab .tabNav li a {display: inline-block;padding: 10px 12px;text-decoration: none;font-size: 14px;font-weight: bold;color: #fff;} .resTab .tabNav .r-tabs-state-active a {color: #00c5ad;text-shadow: none;background-color: white;} .resTab .tabContent {padding: 15px;display: none;} .resTab .r-tabs-panel.r-tabs-state-active {display: block;} .resTab .r-tabs-accordion-title {display:none;} .resTab .tabNav .r-tabs-state-disabled {opacity: 0.5;} .resTab .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #00c5ad;color: #fff;font-weight: bold;text-decoration: none;} .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #00c5ad;text-shadow: none;} .resTab .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;} .noJS .resTab .tabContainer { height:150px; overflow:hidden} .noJS .resTab .tabContent { display:block; height:150px} /********* Back to Top **********/ #backtotop{background:url(images/backtotop@2x.png) center / cover no-repeat;cursor:pointer;display:none;height:38px;width:38px;overflow:hidden;position:fixed;right:12px;bottom:15px;text-indent:-99999px;z-index:999; display:none} /********* Accordion ******** */ .accordion { margin-bottom:20px;} .accordion .accTrigger {background:url(images/plus.png) left 5px no-repeat;padding-left:20px; cursor:pointer; font-weight:bold} .noJS .accordion .accTrigger {background:none; padding-left:0} .accordion .accTrigger a {display:block;text-decoration:none;outline:0} .accordion .accTrigger.active {background:url(images/minus.png) left 5px no-repeat !important;} .accordDetail {padding:10px 20px; display:none} .noJS .accordDetail { display:block; padding:10px 0} /********* Marquee *********/ .marquee {overflow:hidden;} .marqueeScrolling li { float:left; margin-right:25px;} .noJS .btnMPause { display:none;} .noJS .marqueeScrolling { overflow-y:hidden; overflow-x:auto} .noJS .marquee{ width:240%} /********** Ticker *********/ .noJS .ticker .stop{ display:none} .noJS .ticker ul{ margin:0} .noJS .ticker .tickerDivBlock { height:150px; overflow-y:scroll; overflow-x:hidden} /********* gmap3 - Google Map API *********/ .gmap3 {border: 1px dashed #C0C0C0;width: 100%;height: 400px;} .gmap3 img { max-width:inherit} .noJS .gmap3, .noJS .acf-map {background:url(images/map_bg.jpg) no-repeat;} .single-tribe_events .tribe-events-venue-map { background: none; border: none; padding: 0; border-radius: none; width: 100%; float: none; display: block; } .single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { margin: 0 0 0; } .bigMap span.mapAdd { background-color: #f2f2f2; display: block; padding: 11px 0; text-align: center; } .acf-map { width: 100%; height: 400px; border: none; margin: 0; } .acf-map.smallMap { width: 100%; height: 189px; border: none; padding: 0; margin: 0; } .acf-map.lpMap { width: 100%; height: 320px; border: none; padding: 0; margin: 0; } .acf-map img { max-width: inherit !important; } /*----Date Picker----*/ .ui-datepicker, .eventCalOut, .calendarIcon {background-color:#185db9;} .ui-datepicker th, .ui-state-highlight {background-color:#052847;} .ui-state-active, .ui-datepicker tbody a:hover {background-color:#ff672b;} .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size:12px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height:25px; background-color:#fff; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none;} .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; background-color:transparent; } .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {background-color:transparent;} .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow:hidden; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/ .eventCalOut { position:absolute; width:222px; right:-222px; float:right; top:70px; z-index:22; } .calendarIcon { width:50px; height:52px; position:absolute; left:-50px; } .calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px; } .calendarOut { padding:5px; } .calendarOut .ui-datepicker {width:100%;} .calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .calendarOut .button:hover { background-color:#173C84; } .ui-datepicker tbody a { color:#fff; } .ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; } .ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; } .ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; } .ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; } .ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; } .ui-datepicker-trigger {display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:-45px; top:7px;} .calIcon {background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top;} /*================================================ Main CSS Theme Start ====================================================*/ .blindhelper { position: absolute !important; top: -9999px !important; left: -9999px !important; } .row { width: 100%; max-width: 980px; margin: 0 auto; } .aktuelle-kochkurse-inner > .row { max-width: 1145px; padding: 0 0; } .glow { height: 120px; width: 935px; position: absolute; background: url(images/glow.png) no-repeat; z-index: 0; top: 25px; display: inline-block; } .pageContent, .content { padding: 20px 0; } .pageContent h5, .pageContent h4 { margin: .5em 0 0.2em; font-weight: 900; font-family: 'AvenirHeavy'; font-size: 1.2em; } .admin-bar #header { top: 56px !important; } .admin-bar .topbarWrapper { top: 32px !important; } #header { min-width:320px; padding: 12px 0 5px;position: fixed;left: 0;right: 0;top: 24px;z-index: 99;border-bottom: 1px solid #c4aa66;background-color: #fff; text-align:center;} /*#logo { width: 23%; float: left; margin: 0; padding: 22px 25px 0 35px; }*/ #logo { float: left; margin: 0; padding: 0 15px; box-sizing: border-box;} #logo img { max-height: 59px; max-width: 267px; } .menuWrap {margin: 0 auto; max-width: 1313px; } .topbarWrapper { min-width:320px; margin: 0; width: 100%; position: fixed; top: 0; z-index: 99; display: block; padding: 0; background-color: #fff; text-align: center; } .logodummydiv { max-width: 297px; width: 100%; height: 1px; float: left; box-sizing: border-box; padding: 0; } /*.menubar { max-width: 775px; margin: 0 auto; }*/ .menubar { margin: 0 auto; display: inline-block; padding: 50px 0 0;} .topbar {height: 24px;padding: 4px 15px;width: auto;display: inline-block;margin:0;} .topbar a.topbarWarenkorb, .topbar a.topbarUseraccount { float: left; display: inline-block;margin: 0 0 0 35px;line-height: 14px;text-transform: uppercase;} .topbar a.topbarUseraccount {font-size: 17px;} .topbar a.topbarUseraccount:hover, .topbar a.topbarUseraccount:focus {text-decoration: none;} .callUs { float: left; line-height: 14px; } .callUs .hamburg { padding: 4px 11px 3px; color: #fff; font-size: 10px; text-transform: uppercase; background-color: #ae9a65; } .callUs .phNo { margin: 2px 0 0 3px; color: #ae9a65; font: 11px 'AvenirHeavy'; font-weight: 900; } .topMenu {float: left;list-style: none;margin: 0 0 0 35px;padding: 0;line-height: 14px;} /* .topMenu ul { list-style: none; margin: 0; padding: 0; } */ .topMenu li { float: left; margin-right: 16px; -webkit-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s; padding: 0 10px; } .topMenu li:last-child { margin-right: 0; } .topMenu li a { color: #AE9A65; font-size: 10px; text-transform: uppercase; } .topMenu li:hover, .topMenu li:focus a { background-color: #746743; } .topMenu li:hover a {color: #fff;} .topMenu li a:hover, .topMenu li a:focus {text-decoration: none;} .shoppingCart {float: right;padding: 0 0 0 29px;color: #333;font: 10px 'AvenirHeavy';font-weight: 900;line-height: 16px;} .num_of_product_cart, .cart-button{font-size:12px} .topbar .cart {display: inline-block;vertical-align: middle;background: url(images/cart@2x.png) left center / contain no-repeat;position: relative; height:16px;} i.artikelzahl { position: absolute; display: inline-block; top: -7px; left: 10px; background-color: #b59d69; color: #fff; font-style: normal; padding: 4px 4px 0; line-height: 10px;} i.hide800, i.hide850 { font-style: normal; } .product_meta span.tagged_as, .product_meta span.sku_wrapper { display: none !important; } .iconBox { width: 100%; max-width: 693px; height: 229px; list-style: none; margin: -114.5px 0 0 -346.5px; padding: 0; position: absolute; left: 50%; top: 50%; z-index: 2; background-color: #fff; } .iconBox li { width: 100%; max-width: 231px; float: left; text-align: center; } .iconBox li a { height: 100%; display: block; padding: 50px 0 36px; color: #B59D69; font-size: 16px; letter-spacing: 2px; line-height: 24px; text-transform: uppercase; outline: none;} .iconBox li a:hover { color: #fff; text-decoration: none; background-color: #B59D69; } .iconBox li .icon { width: 75px; height: 75px; display: block; margin: 0 auto 20px; overflow: hidden; text-indent: -999em; background-color: #B59D69; } .iconBox li .icon.first { background-position: -116px 12px; background: url('images/pikto_kochkurs@2x.png') center / cover no-repeat;} .iconBox li .icon.second { background-position: -206px 13px; background: url('images/picto_firmenevent@2x.png') center / cover no-repeat;} .iconBox li .icon.third { background-position: -298px 12px; background: url('images/pikto_geschenkgutschein@2x.png') center / cover no-repeat;} .sideStrip { width: 416px; height: 254px; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; background: url(images/side-strip@2x.png) left top / cover no-repeat; } .sideStrip span { display: inline-block; margin: 35px 0 0 167px; color: #fff; font: 18px 'AvenirHeavy'; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; -webkit-transform: rotate(31deg); transform: rotate(31deg); } .sideStrip span span { display: block; margin: 0 0 0 6px; font-size: 36px; letter-spacing: 3px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .sideStrip.small { width: 250px; height: 153px; background-image: url(images/side-strip-small@2x.png);} .sideStrip.small span { display: inline-block; /* margin: 16px 0 0 80px; */ margin: 25px 0 0 104px; font: 12px 'AvenirHeavy'; font-weight: 900; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; -webkit-transform: rotate(31deg); transform: rotate(31deg); } .sideStrip.small span span { display: block; margin: 0 0 5px 5px; font-size: 20px; letter-spacing: 2px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .actualCourse { padding: 55px 0 20px; text-align: center; border-bottom: 1px solid #c4aa66; } .hamburgLocation { padding: 55px 0 20px; text-align: center; } .actualCourse {padding: 55px 15px 20px;} .actualCourse.notoppadding { padding: 0 15px 20px; } .actualCourse.notoppadding .zurUbersichtlink { text-align: left; } .actualCourse h2, .hamburgLocation h2 { margin-bottom: 65px; color: #B09256; font-size: 30px; } .actualCourseList, .actualCourseList.products { width: 100%; max-width: 1309px; list-style: none; margin: 0 auto; padding: 0; } .actualCourseList li, .woocommerce ul.products li.product, .woocommerce ul.products.actualCourseList li.product { float: left; position: relative; background-color: #f0f0f0; width: 310px; text-align: center; } .woocommerce ul.actualCourseList.products li.product, .woocommerce-page ul.actualCourseList.products li.product { margin: 0 0 25px 0; } .actualCourseList li + li, .woocommerce ul.products li.product + li, .woocommerce ul.products.actualCourseList li.product + li { margin-left: 23px; } .actualCourseList li img, .woocommerce ul.products li.product a img, .woocommerce ul.products.actualCourseList li.product a img { margin-bottom: 10px; object-fit: cover; aspect-ratio: 1.50465 !important; } .actualCourseList li:last-child, .woocommerce ul.products li.product:last-child, .woocommerce ul.products.actualCourseList li.product:last-child, .woocommerce ul.products li.first:last-child, .woocommerce-page ul.products li.first:last-child { clear: none; margin-right: 0; } .actualCourseList li h3, .aktuelle-kochkurse-inner .actualCourseList.products li.product h3, .woocommerce .aktuelle-kochkurse-inner .actualCourseList.products li.product h3, .woocommerce ul.products.actualCourseList li.product .woocommerce-loop-product__title, .woocommerce ul.products.actualCourseList li.product h3 { margin-bottom: 0; color: #000; font-size: 15px; padding: 0 0; } .actualCourseList li .location { display: block; margin-bottom: 20px; color: #B09256; font-size: 12px; } .overlayBg { height: 171px; padding-top: 30%; font-size: 15px; position: absolute; left: 0; right: 0; top: 0; opacity: 0; -webkit-transition: 350ms ease; transition: 350ms ease; background-color: rgba(255,255,255,.8); } .actualCourseList li a:hover .overlayBg, .hamburgLocationImg a:hover .overlayBg { opacity: 1; } .overlayBg .arrow { font-size: 10px; } .btns { padding-bottom: 15px; } .btns .btn { text-decoration: none; min-width: 112px; padding: 4px 10px; display: inline-block; color: #596063; font-size: 12px; text-align: center; border: 1px solid #5e5e60; background-color: #fff; } .btns .btn:hover { color: #fff; text-decoration: none; border-color: #746743; background-color: #746743; } .hamburgLocation { padding-bottom: 55px; } /* .hamburgLocationBlock { padding-bottom: 35px; } */ .hamburgLocationImg { float: left; position: relative; } .hamburgLocationImg:nth-child(even) { float: right; } .hamburgLocationImg .overlayBg { height: 100%!important; } .hamburgLocation h2 { margin: 1.4em 0 40px; } .hamburgLocation p { max-width: 642px; margin: 0 auto 40px; color: #B09256; font-size: 16px; line-height: 1.7em; letter-spacing: 0.09em; } .imgTag { position: absolute; left: 0; top: 0; z-index: 52; } .tourParallax { margin-top: 23px; padding: 84px 0 107px; position: relative; } .tourParallax.l1 { margin-top: 0px; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; padding: 0 0 0; } .tourParallax .parallaxImg { height: 100% !important; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; } .tourParallaxContent { padding: 10% 0 15%; position: relative; border: 1px solid #c4aa66; width: 100%; max-width: 1400px; } .tourParallax .tourParallaxContent .parallaxImg { height: calc(100% - 46px) !important; overflow: hidden; position: absolute; left: 23px; right: 0; top: 23px; width: calc(100% - 46px) !important; object-fit: cover; } .tourParallax .parallaxImg img { width: 100%; } .tipBox { max-width: 646px; padding: 50px 58px; position: relative; z-index: 2; text-align: center; background-color: #fff; } .tipBox h2 { margin-bottom: 6px; color: #B09256; font-size: 46px; text-align: left; } .tipBox .subTitle { margin-bottom: 35px; display: block; color: #B09256; font-size: 16px; text-transform: uppercase; letter-spacing: 4.8px; text-align: left; } .tipBox p { margin-bottom: 30px; color: #B09256; font-size: 16px; letter-spacing: 0.1em; line-height: 28px; text-align: left; } .tipBox .btns { padding: 0; } .tipBox .btns .btn { min-width: 156px; padding: 8px 10px 6px; font-size: 14px; } .firmenGruppen { padding: 109px 0 60px; text-align: center; border-bottom: 1px solid #c4aa66; } .firmenGruppenBlock { width: 303px; float: left; margin-right: 20px; padding: 48px 0; border-top: 1px solid #c3a974; border-bottom: 1px solid #c3a974; } .firmenGruppenBlock h2 { margin-bottom: 30px; color: #b19251; font-size: 50px; line-height: 50px; } .btnMenus { list-style: none; margin: 0; padding: 0; } .btnMenus li a { display: block; color: #B09256; line-height: 38px; text-transform: uppercase; } .btnMenus li a:hover { color: #fff; text-decoration: none; background-color: #B09256; } .fadeImgsBlock { width: 648px; float: right; position: relative; } .fadeImgsOuter { position: absolute; left: 0; top: 0; } .fadeImgs { padding-bottom: 5px; } .fadeImgs img { float: left; } .fadeImgs img:last-child { margin-left: 20px; } .imgNo { float: right; color: #b09256; } .newsLetter { height: auto; margin: 23px 0; padding: 177px 0; text-align: center; background: url(images/innerBanner.jpg) 50% center / cover no-repeat; -webkit-background-size: cover; } .newsLetter h2 { margin-bottom: 10px; color: #B09256; font-size: 76px; line-height: 76px; } .newsLetter .subTitle { display: block; margin-bottom: 30px; color: #fff; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; } .widget_wysija_cont p label, .newsletters label {display:none!important;} .widget_wysija_cont, .newsletters { width: 500px; margin: 0 auto; } /* .newsletters .form-group { margin-bottom: 15px; display: inline-block; float: left; } */ .newsletters .alert {margin: 10px 0 0 0; display: inline-block; border-radius: 0; background: none; border: 0; color: #fff; float: left;} .newsletters .form-group.has-error { max-width: 270px; } label.tnp-privacy-checkbox { display: inline-block !important; color: #ffffff; text-align: justify; line-height: 1.3em; } .whiteinhalt .newsletters label.tnp-privacy-checkbox { color: inherit; } .newsletters .app.customCheckbox { margin: 0.35em 0; padding: 0 5px 0 0; } span.newsletterspan { display: block; font-size: 90%; } span.newsletterspantitel { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; vertical-align: bottom; line-height: 3em; } .newsletterspan a:hover { color: #dcca9d; } .whiteinhalt.cf + .tnp.tnp-subscription { display: none !important; } .widget_wysija_cont input[type="text"], .newsletters input[type="text"] { width: 270px; height: 36px; float: left; padding: 5px 20px; border-radius: 0; color: #818181; font-size: 15px; font-style: italic; border: none; background-color: #fff; } .widget_wysija_cont input[type="email"], .newsletters input[type="email"], .newsletters.tnp-subscription input[type=email] { max-width: 340px; height: 36px; float: left; padding: 5px 20px; border-radius: 0; color: #818181; font-size: 15px; font-style: italic; border: none; background-color: #fff; } .whiteinhalt .newsletters input[type="email"], .whiteinhalt .tnp-subscription input[type=email], .whiteinhalt .tnp-subscription input[type=submit] { border: 1px solid #697073; } .widget_wysija_cont input[type="text"]:-moz-placeholder, .newsletters input[type="text"]:-moz-placeholder { color: #818181; } .widget_wysija_cont input[type="text"]::-moz-placeholder, .newsletters input[type="text"]::-moz-placeholder { color: #818181; } .widget_wysija_cont input[type="text"]::-webkit-input-placeholder, .newsletters input[type="text"]::-webkit-input-placeholder { color: #818181; } .widget_wysija_cont input[type="text"]:-ms-input-placeholder, .newsletters input[type="text"]:-ms-input-placeholder{ color: #818181; } .widget_wysija_cont input[type="text"]::-ms-input-placeholder, .newsletters input[type="text"]::-ms-input-placeholder { color: #818181; } .widget_wysija_cont input[type="text"]::placeholder, .newsletters input[type="text"]::placeholder { color: #818181; line-height: normal; } .widget_wysija_cont input[type="submit"], .newsletters input[type="submit"], .newsletters.tnp-subscription input[type=submit] { width: auto; height: 36px; border-radius: 0; line-height: normal; vertical-align: middle; padding: 5px 37px; color: #fff; font-size: 15px; border: none; background-color: #AE9A66;margin-top:0 } .newsletters .btn-primary.active, .newsletters .btn-primary.focus, .newsletters .btn-primary:active, .newsletters .btn-primary:focus, .newsletters .btn-primary:hover, .newsletters .open > .dropdown-toggle.btn-primary { border: none; background-color: #9a8250; } .widget_wysija_cont input[type="submit"]:hover, .newsletters input[type="submit"]:hover { background-color: #9a8250; } .dividerline { width: 100%; height: 25px; border-top: 1px solid #b09256; margin: 0; padding:0; text-align: center; position: relative; } #footer { padding: 60px 0 30px; background-color: #b59d69; color: #fff; } #footer > p { margin: 1em 0 0; } .footerLeft { width: 570px; float: left; } .footerLeft h2 { color: #fff; font-size: 46px; line-height: 1em; letter-spacing: -0.92px; margin-bottom: 50px; } .footerLeft img { margin: 0 0 105px 75px; } .footerLeft p { margin-bottom: 0; color: #fff; font-size: 15px; letter-spacing: 2px; line-height: 1.6em;} .footerLinks { list-style: none; margin: 0; padding: 0; } .footerLinks li { float: left; margin-right: 25px; } .footerLinks li:last-child { margin-right: 0; } .footerLinks li a { color: #fff; font-size: 15px; text-decoration: underline; letter-spacing: 1px; } .footerLinks li a:hover { color: #fff; text-decoration: none; } .footerRight { width: 390px; float: left; padding: 0 50px; border-left: 1px solid #fff; } .footerRight h3 { margin-bottom: 10px; color: #fff; font: 15px 'Avenir LT Std'; letter-spacing: 4px; text-transform: uppercase; } .footerRight h3.noupper { text-transform: none; } .footerRight p { margin-bottom: 38px; color: #fff; font-size: 15px; letter-spacing: 1px; line-height: 22px; } .footerRight p.last { margin-bottom: 12px; } .footerRight p:last-child { margin-bottom: 0; } .footerRight .contactBtn { display: block; margin-bottom: 45px; color: #fff; line-height: 38px; text-align: center; border: 1px solid #f8f5ef; } .footerRight .contactBtn:hover { text-decoration: none; background-color: #746743; } .footerRight .emailId { color: #fff; font-style: italic; } /********* inline Page CSS *********/ .gutscheine-inner-banner { height: auto; position: relative; margin-top: 131px; margin-bottom: 20px; overflow: hidden;} .verschenkenSieGenuss{border-top: 1px solid #c1a874;} .gutscheine-inner-banner img { width:100%; } .gutscheine-inner-banner.bannerHight h1.kurseslider {z-index: 3;} /*.innerBanner img { display: block; width: 100%; } .innerBanner { border-bottom: 1px solid #c1a874; margin-top: 130px; padding-bottom: 20px; position: relative; }*/ /*.innerCaption { top: 50%; color: #ffffff; font-size: 23px; position: absolute; text-align: center; width: 100%; font-family: 'avenir_65medium'; text-transform:uppercase; line-height: 46px; letter-spacing: 8px; margin-top: -40px;} .innerCaption span { display: block; font-size: 48px; font-family: 'avenirblack';}*/ /*h1 {color: #ffffff; font-size: 48px; font-family: 'Avenir LT Std'; font-weight: 900; font-style: normal;}*/ .bannerHight h1{top: 50%; position: absolute; text-align: center; width: 100%; text-transform:uppercase; line-height: normal; margin: -40px 0 0; padding: 0 30px; -webkit-text-shadow: 0 0 9px #000; text-shadow: 0 0 9px #000;} .bannerHight h1 span, .img .helper + h1 span { display: block; font-family: 'Avenir LT Std'; font-weight: 300; font-size: 23px;} #tribe-events .bannerHight h1, .woocommerce-page .bannerHight h1, .woocommerce .bannerHight h1 { letter-spacing: 7.2px; font-size: 48px; line-height:1.3em;} #tribe-events .bannerHight h1 span, .woocommerce .bannerHight h1 span, .woocommerce-page .bannerHight h1 span { font-size: 20px; letter-spacing: 7.2px; line-height: normal; text-transform: none; } #tribe-events-pg-template { max-width: none; } .img .helper + h1 { position: absolute; z-index: 3; text-align: center; display: block; width: 100%; margin: -300px 0 0; font-size: 55px; padding: 0; text-transform:uppercase; line-height: 1em; -webkit-text-shadow: 0 0 9px #000; text-shadow: 0 0 9px #000; } .gold { color:#B09256 !important; } .bannerHight h1.gold span { display: block; font-family: 'Avenir LT Std'; font-weight: 300; color: #ffffff !important;} .sieGenuss { max-width: 750px; padding: 50px 58px; text-align: center; margin: 0 auto; } .sieGenuss h2 { margin-bottom: 20px; color: #B09256; font-size: 36px; } .sieGenuss p, p.goldbig { color: #B09256; font-size: 16px; letter-spacing: 3px; line-height: 28px; text-align:center;} .gutscheinBlock p.goldbig { width: 70%; margin: 0 auto 3em; } .sieGenuss span { color: #B09256; display: block; font-size: 36px; margin-bottom: 30px;} .sieGenuss span a:hover { text-decoration:none;} .termin-oder-flexibel { max-width: 692px; padding: 0; margin: 0 auto 90px; } .termin-oder-flexibel h3 { margin-bottom: 50px; color: #B09256; font-size: 16px; font-family: 'AvenirHeavy'; font-weight: 900; font-style: normal; text-transform:uppercase; letter-spacing: 2.5px; text-align:center;} .leftBlock { border-right: 1px solid #b99d62; float: left; margin-right: 35px; padding-right: 35px; text-align: center; width: 346px; } .rightBlock { float: right; width: 311px; text-align:center; } .termin-oder-flexibel p { margin: 0; padding: 20px 30px; letter-spacing: 2px; } .termin-oder-flexibel .btns { padding-bottom: 0; } .termin-oder-flexibel .btns .btn { min-width: 260px; padding: 10px; } .gutscheinBlock h3 { margin-bottom: 60px; color: #B09256; font-size: 16px; font-family: 'AvenirHeavy'; font-weight: 900; font-style: normal; text-transform:uppercase; letter-spacing: 2.5px; text-align:center;} .gutscheinBlock ul { list-style: outside none none; margin: 0; padding: 0; } .gutscheinBlock ul li { float: left; margin-right: 23px; width: 311px; text-align:center;} .gutscheinBlock ul li:last-child { margin: 0; } .gutscheinBlock ul li h4 { font-size: 13px; margin: 15px 0 10px; font-family: 'AvenirHeavy'; font-weight: 900; font-style: normal; text-transform:uppercase; letter-spacing: 0.15em; line-height: 1.4em; } .gutscheinBlock ul li p { font-size: 13px; letter-spacing: 0.1em; line-height: 1.8em;} .auf-die-merkliste { max-width: 830px; padding: 30px 58px 0px; text-align: center; margin: 0 auto; } .auf-die-merkliste p { margin: 0 auto 50px; max-width: 420px; width: 100%; } .auf-die-merkliste .btns .btn { min-width: 270px; padding: 10px; } .auf-die-merkliste .fragenFon { color: #B09256; font-size: 16px; font-family: 'AvenirHeavy'; font-weight:900; text-transform:uppercase; letter-spacing: 2.5px; text-align:center; margin-top:40px; } .auf-die-merkliste .fragenFon span { font-family: 'playfair_displayregular'; font-size: 22px; font-weight: normal; letter-spacing: normal; } /********* Gruppen Inner Page CSS *********/ .gruppen-inner-banner { height: 546px; background: url(images/gruppen-inner-banner.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; margin-top: 131px; margin-bottom: 20px;} .kochkurseContent{border-top: 1px solid #c1a874;} .kochkurse-teamevent { max-width: 752px; padding: 90px 58px 45px; text-align: center; margin: 0 auto; } .kochkurse-teamevent h2 { margin-bottom: 20px; color: #B09256; font-size: 46px; } .page-template-page-fullwidth .kochkurse-teamevent h2 { margin-bottom: 30px; color: #B09256; font-size: 30px; } .kochkurse-teamevent p, .gutscheinBlock p.goldbig, .auf-die-merkliste p { color: #B09256; font-size: 16px; letter-spacing: 2px; line-height: 26px;} .kochkurse-teamevent span { color: #B09256; display: block; font-size: 16px; margin-bottom: 20px; font-family: 'Avenir LT Std'; font-weight: 300;} .kochkurse-teamevent span a:hover { text-decoration:none;} .kochkurse-teamevent .btns .btn, .teameventNumber .btns .btn { text-decoration: none; min-width: 250px; padding: 15px; border: 1px solid #ae9a65; transition: color 0.4s ease 0s; color: #AE9A65; font-size: 14px; line-height: 1.4em;} .kochkurse-teamevent .btns .btn:hover, .kochkurse-teamevent .btns .btn:focus, .teameventNumber .btns .btn:hover, .teameventNumber .btns .btn:focus { color: #fff; background-color: #ae9a65; } .kochkurse-teamevent .fragenFon, .teameventNumber .fragenFon {color: #B09256; font-size: 16px; font-family: 'AvenirHeavy'; text-transform:uppercase; letter-spacing: 2.5px; font-weight:900; text-align:center; margin-top:35px;} .kochkurse-teamevent .fragenFon span, .teameventNumber .fragenFon span {font-family: 'playfair_displayregular'; font-weight: normal; font-size: 24px; display: inline-block; letter-spacing: 0;} .kochkurseTeameventList { border-bottom: 1px solid #c2a871; margin-bottom: 100px; padding-bottom: 90px; margin-top: 0px;} /*.kochkurseTeameventList ul { list-style: outside none none; margin: 0; padding: 0; }*/ .kochkurseTeameventList .teameventMain { display: block; float: left; height: 100%; margin-bottom: 60px; width: 100%; } .kochkurseTeameventList .teameventMain .teameventImg { float: left; margin-right: 20px; width: 645px; } .kochkurseTeameventList .teameventMain .teameventContent { border-top: 1px solid #c2a871; border-bottom: 1px solid #c2a871; float: right; min-height: 414px; padding: 60px 0 50px; text-align: center; width: 315px;} .kochkurseTeameventList .teameventMain h3 { margin-bottom: 55px; color: #B09256; text-transform: uppercase; letter-spacing: 0.1em; font: 900 26px/1.2em 'AvenirHeavy'; max-width: 269px; margin: 0 auto 20px; } .teameventMain .teameventFullContent h3 { max-width: 100%;} .kochkurseTeameventList .teameventMain p {color: #B09256; font-size: 16px; letter-spacing: 0.1em; line-height: 1.7em; max-width: 260px; margin: 0 auto;} .kochkurseTeameventList .teameventMain .teameventFullContent p {max-width: 732px;} .teameventNumber {float: left; text-align: center; width: 100%;} .teameventNumber .fragenFon {color: #B09256; font-size: 16px; font-family: 'AvenirHeavy'; font-weight: 900; text-transform:uppercase; letter-spacing: 2.5px; text-align:center; margin-bottom:10px;} .teameventNumber .fragenFon span{font-family: 'playfair_displayregular'; font-weight: normal; font-size: 24px; display: inline-block; letter-spacing: 0;} .kochkurseTeameventList .teameventMain .teameventContentLeft { float: left; margin-right: 0; text-align: center; width: 600px; } .kochkurseTeameventList .teameventMain .teameventImgRight {float: right; padding: 35px 0; text-align: center; width: 315px;} .kochkurseTeameventList .teameventMain .teameventContentLeft p{margin-bottom: 0; margin: 0 auto; max-width: 469px; text-align: center;} .kochkurseTeameventList .teameventMain .teameventFullContent { margin: 25px auto 30px; text-align: center; width: 75%; } .blockContent{margin-bottom:40px;} .blockContent .blockContentMain {display: block; float: left; padding: 0 20px; text-align: center; width: 49%;} .blockContent .blockContentMain h3 { margin-bottom: 50px; color: #B09256; font-size: 30px; font-family: 'AvenirHeavy'; font-weight: 900; text-transform:uppercase; letter-spacing: 5px; line-height: 32px;} .blockContent .blockContentMain p { color: #B09256; font-size: 14px; letter-spacing: 2px; line-height: 26px; margin-bottom: 50px;} .blockContent .blockContentMain .btns .btn {min-width: 260px; padding: 10px;} .sommerfestGrillkurs {padding-top: 110px; position:relative;} .sommerfestGrillkurs:before {content:" "; position:absolute; left:50%; top:0; z-index:auto; height: 88px; width: 136px; overflow: hidden; margin-left: -16%; background: url(images/sommerfest-icon.jpg) no-repeat; background-position: center; background-size: cover;} .weihnachtsfeier {padding-top: 110px; position:relative;} .weihnachtsfeier:before {content:" "; position:absolute; left:50%; top:0; z-index:auto; height: 76px; width: 67px; overflow: hidden; margin-left: -9%; background: url(images/weihnachtsfeier-icon.jpg) no-repeat; background-position: center; background-size: cover;} .sommerfestGrillkurs h3, .weihnachtsfeier h3 {font-size: 26px; letter-spacing: 0.09em; line-height: 1.7em;} .erlebniskochenList { border-bottom: 1px solid #c2a871; padding: 100px 0;} .erlebniskochenList .kochenListMain { display: block; float: left; height: 100%; width: 100%; } .erlebniskochenList .kochenListMain .erlebniskochenImg { float: right; margin-left: 20px; width: 633px; } .erlebniskochenList .kochenListMain .erlebniskochenContent { border-top: 1px solid #c2a871; border-bottom: 1px solid #c2a871; float: left; padding: 97px 0; text-align: center; width: 327px;} .erlebniskochenList .kochenListMain h3 { margin-bottom: 0; padding: 0 20px; color: #B09256; font: 42px/50px 'playfair_displayregular'; font-weight: normal;} .erlebniskochenList .kochenListMain h3.ekganzd { font-size: 35px; padding: 0 45px; line-height: 1.4em; } .erlebniskochenImg .teamGroupList {margin: 0;} .erlebniskochenList .teamGroupList ul { margin-bottom: 0; } .erlebniskochenList .teamGroupList ul li .teamMain {padding: 50px 0;} .erlebniskochenList .teamGroupList ul li .teamMain .personeText, .erlebniskochenList .teamGroupList ul li .teamMain .personName { -webkit-transform: initial; -ms-transform: initial; transform: initial; } .erlebniskochenList .teamGroupList ul li .teamMain .personName { border-bottom: none; padding: 20px 0 0px 0; margin: 0;} /********* zurUbersicht Page CSS *********/ .zurUbersicht-banner { height: 267px; background: url(images/innerBanner.jpg) 50% center no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; margin-top: 131px; margin-bottom: 20px;} .zurUbersicht{border-top: 1px solid #c1a874;} .zurUbersichtlink {display: block; padding: 20px 0;} .zurUbersichtSlider { float: left; width: 646px; } .zurUbersicht-banner.wooterm_header { height: auto; min-height: 267px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .admin-bar .bannerHight.wooterm_header h1, .woocommerce-page.admin-bar .bannerHight.wooterm_header h1, .woocommerce.admin-bar .bannerHight.wooterm_header h1, .bannerHight.wooterm_header h1 { position: relative; margin: 0 0 0 !important; top: auto; padding: 1em 0; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .asidebar { float: right; width: 312px; } .Ohnequotes {border-bottom: 1px solid #c2a871; border-top: 1px solid #c2a871; padding: 50px 0; text-align: center; width: 400px; margin:0 auto 50px;} .Ohnequotes h2 { margin-bottom: 0; color: #B09256; font-size: 46px; line-height: 54px; font-family: 'playfair_displayregular'; font-weight: normal; } .gutscheinOhne p { font-size: 16px; letter-spacing: 1px; line-height: 26px; color:#596063; } .bestellenBlock { background-color: #f2f2f2; padding: 20px; } .bestellenTitle { border-bottom: 1px solid #596063; border-top: 1px solid #596063; color: #596063; font-size: 16px; margin-bottom: 20px; padding: 20px 0; text-align: center; letter-spacing: 2px; line-height: 20px;} .bestellenTitle span { display: block; text-transform: uppercase; margin-bottom: 5px;} .bestellenBlock .btns { padding-bottom: 0; } .bestellenBlock .btns .btn, button.single_add_to_cart_button.button.btn, .woocommerce div.product form.cart .button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #B09256; border: 1px solid #B09256; color: #ffffff; min-width: auto; padding: 10px; width: 100%; -webkit-border-radius: 0; border-radius: 0;} .bestellenBlock .btns .btn:hover, .bestellenBlock .btns .btn:focus, button.single_add_to_cart_button.button.btn:hover, button.single_add_to_cart_button.button.btn:focus, .woocommerce div.product form.cart .button:hover, .woocommerce div.product form.cart .button:focus {background-color: #746743; border: 1px solid #746743; text-decoration: none;} .single-product .quantity { text-align: right; margin: 0 0 1em; } .thumbsSlider {margin-bottom: 70px; /*position: relative;*/} .bx-wrapper { position: relative; margin: 0 auto; padding: 0; z-index: 1; } .thumbsScrollSlider { position: relative; } .zurUbersichtSlider .thumbsScrollSlider > .bx-wrapper img { width: 100%; height: 368px; object-fit: cover; } .zurUbersichtSlider .thumbsScrollSlider > .bx-wrapper .bx-viewport { height: 368px !important; } .bx-wrapper img { max-width: 100%; display: block; width:100%;} .bx-wrapper .bx-prev { left: -40px; background: url(images/sprite.png) no-repeat 0 -118px; } .bx-wrapper .bx-next { right: -40px; background: url(images/sprite.png) no-repeat -43px -118px; } .bx-wrapper .bx-prev:hover { background-position: 0 -84px; } .bx-wrapper .bx-next:hover { background-position: -43px -84px; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 33px; text-indent: -9999px; z-index: 2; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bxslider { list-style: none; margin: 0; padding: 0; } .bx-pager { background-color: #f0f0f0; padding: 20px; text-align: center; overflow: hidden; } .bx-pager a { display: block; margin-right: 10px; opacity: 0.85; } /*.bx-pager a:last-child { margin-right: 0; }*/ .bx-pager a:hover, .bx-pager a.active { opacity: 1; } .single-tribe_events .bx-wrapper, .single-tribe_events .zurUbersichtSlider .thumbsScrollSlider > .bx-wrapper .bx-viewport, .single-tribe_events .bx-wrapper img { height: 378px !important; object-fit: cover !important; } .thumbsScrollSlider .bx-pager { background-color: #f0f0f0; padding: 10px 45px; } .thumbsScrollSlider .bx-pager .bx-wrapper { text-align: center; } .thumbsScrollSlider .bx-pager ul { margin: 0; padding: 0; } .thumbsScrollSlider .bx-pager ul li { float: none!important; display: inline-block; padding: 0 5px; vertical-align: top; } .thumbsScrollSlider .bx-pager a { margin-right: 0; } .bx-pager img { width: 100%; } /********* Team Inner Page CSS *********/ .team-banner { margin-top: 111px; padding: 20px 0; } .team-banner .img { overflow: hidden; height: 548px; } .team-banner .img img { width: 100%; margin-top: 0; vertical-align: middle; } .teamContent{border-top: 1px solid #c1a874;} span.helper { height: 100%; vertical-align: middle; display: inline-block; background: 50% center / cover no-repeat; width: 100%; } .teamGroupList { margin-bottom: 0;} .teamGroupList h3 { margin-bottom: 50px; color: #B09256; font-size: 20px; font-family: 'AvenirHeavy'; font-weight: 900; text-transform:uppercase; letter-spacing: 0.2em; text-align:center; } .teamGroupList ul { list-style: outside none none; margin: 0; padding: 0; margin-bottom: 100px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;} .teamGalerie .teamGroupList ul {margin-bottom: 0;} .teamGalerie .teamGroupList li > a { display: inline-block; width: 100%; height: 100%; } .teamGalerie .teamGroupList ul li { width: 18.4%; height: auto; max-height: 180px; overflow: hidden; position: relative; text-align: center; } .franchiserGalerie .teamGroupList ul li { width: 211px; float: left; height: 100%; overflow: hidden; position: relative; text-align: center; } .teamGroupList ul li img { width: 100%; display: block; position: relative; -webkit-transition: 200ms linear; transition: 200ms linear; } .teamGroupList ul li .teamMain { width:100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 35px 0;} .teamGroupList ul li .teamMain .personName { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size:16px; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; padding:0 0 10px 0; font-family: 'AvenirHeavy'; font-weight: 900; border-bottom:1px solid #fff; margin:0 20px 10px 20px; line-height:20px;} .teamGroupList ul li .teamMain .personeText {position: relative; color: #fff; overflow:hidden; text-align: center; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: 200ms linear; transition: 200ms linear; padding: 0 20px; letter-spacing: 1px;} .teamGroupList ul li .teamMain { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color:#B09256; -webkit-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } .teamGroupList ul li:hover .teamMain { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .teamGroupList ul li:hover .teamMain .personName, .teamGroupList ul li:hover .teamMain .personeText, .teamGroupList ul li:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .teamGroupList ul li:hover .teamMain .personeText { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .teamGalerie .teamGroupList li+li { margin-left: 2%; margin-bottom: 2%; } .teamGalerie .teamGroupList li:nth-child(5n+1){ clear: left; margin-left: 0; } /********* kontakt Inner Page CSS *********/ .kontaktMain :-moz-placeholder { color: #a7a7a7; opacity:1 !important; } .kontaktMain ::-moz-placeholder { color: #a7a7a7; opacity:1 !important; } .kontaktMain ::-webkit-input-placeholder { color: #a7a7a7; opacity:1 !important; } .kontaktMain :-ms-input-placeholder { color: #a7a7a7; opacity:1 !important; } .kontaktMain ::-ms-input-placeholder { color: #a7a7a7; opacity:1 !important; } .kontaktMain { border-bottom: 1px solid #b99d62; margin-top: 200px; padding-bottom: 100px; } .kontaktMain h2 { color: #B09256; font-size: 36px; margin-bottom: 50px; text-align: center; } .kontaktleft { float: left; width: 310px; } .kontaktRight { float: right; width: 650px; } .formGroup { margin-bottom: 10px; } .formGroup.inlineBox { float: left; width: 100%; } .inlineBox .postleitzahl { float: left; width: 100px; } .inlineBox .ort { float: right; width: 205px; } .customSelectIcon{position:relative;} .customSelectIcon:before {content:""; position:absolute; right:0; top:0; z-index:auto; height:36px; width:36px; overflow:hidden; background: url(images/select-arrow.png) center center no-repeat #B09256; border: 1px solid #697073;} .woocommerce-checkout .customSelectIcon:before {content:""; position:absolute; right:0;top: 36px;; z-index:auto; height:36px; width:36px; overflow:hidden; background: url(images/select-arrow.png) center center no-repeat #B09256; border: 1px solid #697073;pointer-events: none;} .customSelect, select.wooaddon-edit-value { width: 100%; color: #a7a7a7; cursor: pointer; background-color: #ffffff; border: 1px solid #697073; height: 36px; padding: 7px 10px;} .customSelect option, select.wooaddon-edit-value option { color: #596063; background-color: #fff; padding: 5px 10px;} .customSelect, select.wooaddon-edit-value { overflow: hidden !important; text-overflow: ellipsis;} .customSelectInner { height:20px; overflow: hidden;} .inlineBox .Wunschtermin { float: left; width: 225px; } .inlineBox .locationWunsch { float: right; width: 225px; } .kontaktRight textarea {height: 266px;} .inlineBox .customCheckbox { float: left; margin-right: 10px; width: 170px; } .app .keepMeLog {cursor: pointer; font-size:13px; font-family: 'Avenir LT Std'; padding-top: 7px;} .app .icheckbox, .app .iradio { display: inline-block; vertical-align: top; background-image: url(images/sprite.png); background-repeat: no-repeat; border: none; cursor: pointer; } .app .icheckbox { width: 36px; height: 36px; background-position: -284px -139px; /* float:right; */} .app .icheckbox.checked { background-position: -344px -139px; } #newslettercheckbox span.wpcf7-list-item-label, .acceptance-dsgvo span.wpcf7-list-item-label { display: inline-block; line-height: 36px; margin-left: 0.5em; } #newslettercheckbox span.wpcf7-list-item { margin-left: 0px; } .acceptance-dsgvo span.wpcf7-list-item { margin: 0 0.2em 0 0; } .wpcf7-form-control-wrap { position: initial; } select.wpcf7-form-control.wpcf7-select.customSelect.hasCustomSelect { width: 100% !important; } .anzahl input{width: 55px !important; padding: 5px 5px 5px 10px;} .kontaktMssg {float: left; color: #B09256; font-size: 16px; font-family: 'AvenirHeavy'; font-weight: 900; text-transform:uppercase; letter-spacing: 2.5px; line-height:normal; padding-top: 12px;} .kontaktMssg span {font-size: 24px; font-weight: normal; font-family: 'playfair_displayregular'; } h3.kontaktMssg { float: none !important; } .kontaktButtons .btns .btn[disabled] { opacity: 0.5; cursor: not-allowed; } .wpcf7-checkbox.wpcf7-not-valid { border: 1px solid red; padding: 1em 1em 1em 0; } .kontaktButtons {float: right;} .kontaktButtons .btns {padding: 0;} .kontaktButtons .btns .btn { background-color: #B09256; border: 1px solid #B09256; color: #fff; font-size: 13px; min-width: 265px; padding: 10px; } .kontaktButtons .btns .btn:hover {background-color: #746743; border: 1px solid #746743; text-decoration: none;} .anfahrtZumMain { border-bottom: 1px solid #b99d62; padding: 100px 0; } .anfahrtZumContent { background-color: #b59d69; margin-bottom:20px; } .leftBanner { float: left; width: 334px; } .rightContent {/* float: right; width: 646px;*/ padding-left: 334px;} .rightContent.loftMap > div { height: 334px !important; } .anfahrtZumAddress { font-size: 16px; text-align: center; letter-spacing: 3px;} .anfahrtZumBanner {float: left;} .anfahrtZumLoft h2 { height: 75px; color: #B09256; font-size: 36px; margin-bottom: 40px; padding: 15px 0 15px 100px; text-align: left; background: url(http://ek.saskialund.de/wp-content/uploads/loft-hamburg-logo@2x.jpg) top left / contain no-repeat; } .anfahrtZumHaus h2 { height: 75px; color: #B09256; font-size: 36px; margin-bottom: 40px; padding: 15px 0 15px 100px; text-align: left; background: url(http://ek.saskialund.de/wp-content/uploads/hause-kiekeberg@2x.jpg) top left / contain no-repeat; } .erlebniskochenList .kochenListMain .erlebniskochenContent.kontaktC{ padding: 85px 0; } /********* kontakt Inner Page END CSS *********/ .btns.lpbutton { display: block; text-align: center; margin: 5em 0 0; } .btns.lpbutton a.btn { display: inline-block; line-height: 3em; padding: 0 2em; font-size: 14px; } ul.bxsliderfeatured { padding: 0; margin: 0 0 0; } .featuredSlider .bxpagerfeatured a img { width: 66px; height: 50px; object-fit: cover; border: 1px solid #454545;} .featuredSlider .bxpagerfeatured { padding: 5px 10px 5px !important; } .featuredSlider .bxpagerfeatured a { padding: 5px 5px 5px !important; } .featuredSlider .bxpagerfeatured a:nth-child(n+6){padding: 5px 5px 5px !important;} .bestellenBlock h3 { margin-bottom: 0; color: #596063; font: 16px 'AvenirHeavy'; font-weight: 900; } .bestellenBlock .h3SubTitle { display: block; margin-bottom: 12px; color: #596063; font-size: 13px; } .locationMap .bestellenBlock h3 { font-size: 20px; color: #605E5E;} .locationMap .bestellenBlock .h3SubTitle { margin-bottom: 6px; } .locationMap .bestellenBlock { padding: 8px 20px 5px;} section.zurUbersicht.locationMap .bestellenBlock {height: 201px; max-height: 201px;} .locationMap .bestellenBlock p { margin: 0; } .locationMap .bestellenBlock .listItems { border-top: 1px solid #a0a09f; margin-bottom: 0; } .locationMap .gutscheinBestellen .btns .btn { font-size: 14px; width: 100%; line-height: 1em; vertical-align: middle; padding: 16px 10px; background-color: #B09256; border: 1px solid #B09256; color: #ffffff; min-width: auto; } .locationMap .gutscheinBestellen .btns .btn:hover { background-color: #746743; border: 1px solid #746743; text-decoration: none; } .locationMap .gutscheinBestellen .btns { padding-bottom: 0; } .locationMap { padding: 100px 0; } .locationMap .thumbsSlider, .locationMap .gutscheinBestellen { margin: 0; } .thumbsSlider .bx-wrapper { /*height: 367px;*/ height: auto; overflow: hidden; } .smallMap > div { height: 189px !important; } #bodyContent { line-height: 18px; } .locationListingWrap { padding: 100px 0; border-top: 1px solid #c2a871; } .locationList { list-style: none; margin: 0; padding: 0; } .locationList > li { width: 312px; float: left; margin: 0 22px 22px 0; } .locationList > li:nth-of-type(3n+1) { clear: both; } .locationList > li:nth-child(3n) { margin-right: 0; } .locationList > li div.gutscheinBestellen .bestellenBlock { height: 230px; max-height: 230px; overflow-y: auto; padding: 20px 20px 0; } .locationList > li div.gutscheinBestellen .bestellenBlock ul { list-style-type: disc; } .locationList > li div.gutscheinBestellen .btns .btn { font-size: 14px; width: 100%; line-height: 1em; vertical-align: middle; padding: 16px 10px; background-color: #B09256; border: 1px solid #B09256; color: #ffffff; min-width: auto; } .locationList > li div.gutscheinBestellen .btns .btn:hover { background-color: #746743; border: 1px solid #746743; text-decoration: none; } .locationList > li div.gutscheinBestellen .btns { padding-bottom: 0; } .locationList h3 { font-size: 20px; margin: 0 0 12px;} .listItems { list-style: disc; margin-bottom: 12px; padding-top: 10px; border-top: 1px solid #596063; } .locationMap .bestellenBlock ul { list-style: disc; margin-bottom: 5px; padding-top: 10px; border-top: 1px solid #596063; } .locationList .listItems { padding-top: 0; } .listItems li, .locationMap .bestellenBlock ul li { width: auto; margin: 0; color: #596063; font-size: 13px; line-height: 18px; } .verticalSlider { margin: 0; padding: 0; } .verticalSlider li { margin: 0; } .locationList .bx-viewport { width: 219px !important; height: 216px !important; } .verticalSliderWrap .bx-wrapper { width: 219px; float: left; } .verticalSliderWrap .bx-pager { float: left; padding: 0 0 0 10px; } .verticalSliderWrap .bx-pager a { display: block; margin: 0 0 9px;} .verticalSliderWrap .bx-pager a:last-child { margin-bottom: 0; } .gutscheinBestellen {margin-bottom: 20px; background-color: #f0f0f0;} .gutscheinStaff {background-color: #f0f0f0;} .staffMain {float: left; width: 156px; } .staffMain img { width: 100%; max-width: 156px; } .staffAddress { padding: 10px 5px 0 20px; font-size:13px; } .staffAddress span { font-family: 'AvenirHeavy'; font-weight: 900; } .erlebniskochenLoft { background-color: #f0f0f0; padding: 20px; } .loftTitle { border-bottom: 1px solid #596063; color: #596063; font-size: 13px; margin-bottom: 10px; padding-bottom:10px; } .terminPersonen { font-size:13px; } .terminPersonen span { font-family: 'AvenirHeavy'; letter-spacing: 2px; font-weight: 900;} .terminPersonen span.salutation { font-family: 'Avenir LT Std'; letter-spacing: 0; font-weight: initial;} .terminMain { float: left; width: 136px; } .personenMain { float: right; width: 100px; letter-spacing: 2px;} .terminDate { margin-bottom: 20px; width:50%; float:left;} .terminDate > p { font-size: 10px; margin: 0; } .inputField {float: right;text-align: right;} .terminMain {float: left;width: 100%;} .terminMain.termHeader {height: 30px;} .termHeader .terminDate {margin-bottom: 0;} .personenNumber {display: inline-block; margin-bottom: 0;padding: 0;text-align: center;width: 50%;} .personenNumber .qty { border: medium none; float: left; height: 25px; text-align: center; width: 40px; padding: 0;} .personenNumber input.qtyminus { background-color: #dadada; border: medium none; color: #596063; height: 25px; line-height: 14px; text-align: center; width: 25px; float: left; } .personenNumber input.qtyplus { background-color: #dadada; border: medium none; color: #596063; height: 25px; line-height: 14px; text-align: center; width: 25px; float: left; } .personenNumber input.qtyplus:hover, .personenNumber input.qtyminus:hover { background-color: #adadad; color: #ffffff; } .erlebniskochenLoft .btns .btn {min-width: auto; padding: 10px; width: 100%; } .buchenBtn .btns .btn {font-size: 16px;} .gutscheinbestellung .btns .btn {background-color: #B09256; border: 1px solid #B09256; color: #ffffff; min-width: auto; padding: 10px; width: 100%; } .gutscheinbestellung .btns .btn:hover {background-color: #746743; border: 1px solid #746743; text-decoration: none; } .menuMain { background-color: #f0f0f0; padding: 20px 6%; text-align: center; } .menuMain .menuTitle { color: #B09256; font-size: 24px; letter-spacing: 5px; margin-bottom: 15px; } .menuMain p {letter-spacing: 1px;} .bigMap {margin: 20px 0;} .bigMap .gmap {height: 320px; width: 100%;} .bigMap .gmap .gm-style .gm-style-iw > div {width: 350px; text-align:center;} .bigMap .gmap #bodyContent {color: #000000; font-size: 14px; line-height: 18px;} .bx-wrapper li { position: relative; } .bannerOffer { background-color: #E4DBC4; position: absolute; right: 20px; top: 20px; height:143px; width:143px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 2; } .bannerOffer.listenansicht { right: 25%; top: 88px; text-shadow: none !important; } #tribe-events .bannerHight h1 .bannerOffer.listenansicht span.offerPrice, .offerPrice { text-shadow: none; color: #2F2E2E; display: block; font-size: 64px; font-weight:900; font-family: 'AvenirHeavy'; letter-spacing: normal !important; line-height: 40px; margin: 44px auto 0; text-align: center;} #tribe-events .bannerHight h1 .bannerOffer.listenansicht span.offerPrice.single, .offerPrice.single { color: #2F2E2E; display: block; font-size: 64px; font-weight:900; font-family: 'AvenirHeavy'; letter-spacing: normal !important; line-height: 64px; margin: 44px auto 0; text-align: center;} #tribe-events .bannerHight h1 .bannerOffer.listenansicht span.offerPrice, .bannerHight h1 .bannerOffer.listenansicht span.offerPrice, .offerPrice.maxteilnehmer.single { color: #2F2E2E; display: block; font-size: 64px; font-weight: 900; font-family: 'AvenirHeavy'; letter-spacing: normal; line-height: 40px; text-shadow: none !important; } #tribe-events .bannerHight h1 .bannerOffer.listenansicht span.offerPrice.preiskleiner, .offerPrice.preiskleiner, .offerPrice.preiskleiner.maxteilnehmer { font-size: 54px; letter-spacing: -2px !important;} #tribe-events .bannerHight h1 .bannerOffer.listenansicht span.conditionApply, .conditionApply { color: #605E5E; display: block; font-size: 13px; line-height: 1.4em; margin: 3px auto 0; text-align: center; width: 65%; letter-spacing: normal !important;} #tribe-events .bannerHight h1 .bannerOffer.listenansicht span.conditionApply hr, .conditionApply hr { background-color: #A0A09C; border: none; margin: 0 auto 4px; } #tribe-events .bannerHight h1 .bannerOffer.listenansicht span.offerPrice2, .offerPrice2 { color: #000000; display: block; font-size: 40px !important; margin: 30px auto 0; text-align: center; width: 60%; letter-spacing: normal !important;} .loftMap .gMap {height: 334px; width: 100%;} .hausMap .gMap {height: 334px; width: 100%;} .gutscheinOhne {text-align: center; margin-top: 70px; } .aktuelle-kochkurse-banner { height: 267px; background: url(images/aktuelle-kochkurse.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; margin-top: 131px; margin-bottom: 20px; } .aktuelle-kochkurse-inner { border-top: 1px solid #c1a874; } .aktuelle-kochkurse-banner.bannerHight h1 { margin: -20px 0 0; } .aktuelle-kochkurse-inner h2 { font-size: 24px; margin-bottom: 7px; font-family: 'Avenir LT Std'; letter-spacing: 3px; } .aktuelle-kochkurse-inner .kochkurseSubtitle { color: #000000; margin-bottom: 40px; font-size: 13px; font-family: 'Avenir LT Std'; letter-spacing: 2px; } .kochkurseSubtitle > span { color: #ffffff; margin: 0 5px; padding: 0 17px 0 5px; background: url(images/right-arrow.png) 98% 0 no-repeat #b09256; } .aktuelle-kochkurse-inner .actualCourseList { max-width: 1145px; } .aktuelle-kochkurse-inner .actualCourseList li, .aktuelle-kochkurse-inner .actualCourseList.products li.product, .woocommerce .aktuelle-kochkurse-inner .actualCourseList.products li.product { margin: 0 0 25px 0; width: 365px; } .related.products .actualCourseList li, .woocommerce .related.products ul.products li.product, .woocommerce .related.products ul.products.actualCourseList li.product { width: 32%; margin: 0 0 25px; } .aktuelle-kochkurse-inner .actualCourseList > li:nth-child(3n+3), .aktuelle-kochkurse-inner .actualCourseList.products > li.product:nth-child(3n+3), .woocommerce .aktuelle-kochkurse-inner .actualCourseList.products > li.product:nth-child(3n+3) {margin-right: 0;} .aktuelle-kochkurse-inner .actualCourseList > .ig_loop_end + li { margin-left: 25px !important; } .aktuelle-kochkurse-inner .actualCourseList > li:nth-of-type(3n+1) {margin-left: 0;} .aktuelle-kochkurse-inner .actualCourseList li + li, .aktuelle-kochkurse-inner .actualCourseList.products > li.product + li, .woocommerce .aktuelle-kochkurse-inner .actualCourseList.products > li.product + li { margin-left: 25px; } .related.products .actualCourseList li + li, .woocommerce .related.products ul.products li.product +li, .woocommerce .related.products ul.products.actualCourseList li.product + li { margin-left: 2%; } .aktuelle-kochkurse-inner .actualCourseList .btns .btn, .actualCourseList.products .btns .btn { min-width: 80px; font-size:14px;} .alsGutscheinBtn:hover { background-color: #746743; border: 1px solid #746743; text-decoration: none; color: #ffffff; } .alsGutscheinBtn { background-color: #B09256; border: 1px solid #B09256; color: #ffffff; font-size: 14px; min-width: 80px; padding: 4px 10px; margin-left: 4px; display:inline-block;} .single-tribe_organizer .tribe-events-event-image .attachment-full { width: auto; height: auto; } /* FooEvents Calendar Stock Indicator */ .fes-indicator { margin-right: 3px; margin-left: 6px; margin-bottom: .3em; border: none; vertical-align: middle; text-indent: -99999px; display: inline-block; width: 10px; height: 10px; border-radius: 100%; } .fes-green { background: #3bb543; border-color: #258524; } .fes-yellow { background: #ffe14f; border-color: #b29a0e; } .fes-red { background: #e74c3c; border-color: #a62419; } .fes-stock-text { font-weight: 500; } /* Extra CSS Required */ .tribe-events-event-image img, .tribe-events-event-image a img { width:311px; height:171px; object-fit: cover; } .mc4wp-alert, .mc4wp-success{color:#fff;} /*div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; }*/ span.wpcf7-not-valid-tip { display: none; } input[aria-invalid="true"], select[aria-invalid="true"] { border-color: red; } .screen-reader-response{ display:none;} .formGroup .message{padding:0; border:0;} .mc4wp-form-fields input[type="text"]{} .tribe-events-promo{display:none;} .bx-pager ul li a img{width:66px; height:50px;} .bxslider ul li a img{width:646px; height:367px;} .bxslider.loc ul li a img{width:634px; height:378px;} .tribe-events-ajax-loading{display:none;} /*gutscheineSlider*/ #tribe-events-pg-template { padding: 0;} #gutscheineSlider .bx-pager { bottom: 40px; position: absolute; width: 100%; background:none; padding:0; z-index:100; } #gutscheineSlider .bx-pager-item { display: inline-block; } #gutscheineSlider .bx-viewport { height: 267px !important; } #gutscheineSlider .bx-pager a { background: rgba(255, 255, 255, 0.6); margin: 0; border-radius: 100%; height: 11px; text-indent: -9999px; width: 11px; margin-right: 5px; outline: 0 none; } #gutscheineSlider .bx-pager a:hover, #gutscheineSlider .bx-pager a.active { opacity: 1; background:#2f2e2e;} .gutscheineSlider { margin: 0; padding: 0; width: 100%; height: 267px; } /* Location Landingpages */ .page-template-page-locationlanding .zurUbersicht, .page-template-page-locationlanding .kochkurseContent { border-top: none !important; } .page-template-page-locationlanding .indexBanner { border-bottom: none !important; height: 585px; } .descriptionBox.iconBox { background-color: rgba(255, 255, 255, 0.9); height: 218px; max-width: 690px; padding: 28px; display: flex; justify-content: flex-start; align-items: center; margin: -95px 0 0 -346.5px; } .descriptionBox.iconBox img { max-height: 163px; max-width: 167px; display: table-cell; vertical-align: middle; } .descriptionBox.iconBox h1 { color: #AE9A65; text-transform: uppercase; font: 900 36px 'AvenirHeavy'; letter-spacing: 0.15em; text-align: center; line-height: 1.3em; margin: 0 0 0; justify-content: center; width: 100%; } .page-template-page-locationlanding .indexBanner .bannerSpacing { padding: 20px 0 15px; height: 100%; } .locationFeatbox { background-color: #f2f2f2; margin: 0; padding: 0; border-bottom: none; display: table; width: 100%; } .locationFeatbox.kochkurseTeameventList .teameventMain { margin-bottom: 0; } .locationFeatbox .teameventContentLeft, .locationFeatbox .teameventImgRight { display: table-cell; vertical-align: middle; float: none !important; } .locationFeatbox .teameventImgRight { padding: 55px 0 !important; width: 380px !important; text-align: right !important; } .locationFeatbox .teameventImgRight img { border: 5px solid #fff; } .locationFeatbox .teameventContentLeft p { max-width: 535px !important; color: #2F2E2E; letter-spacing: 0.09em; } .page-template-page-locationlanding .locationMap { padding: 45px 0; } .page-template-page-locationlanding .kochkurse-teamevent.inside { padding: 75px 58px 100px; } .kochkurseTeameventList .teameventMain.inside { margin-bottom: 100px; } .page-template-page-locationlanding .kochkurse-teamevent.inside .fragenFon, .teameventMain.inside .teameventFullContent.kochkurse-teamevent .fragenFon { margin-top: 70px; } .page-template-page-locationlanding section:last-of-type { margin-bottom: 0; } .kartensektion .cols6.links { border-top: 1px solid #c2a871; border-bottom: 1px solid #c2a871; height: 320px; padding: 10px 0 5px; text-align: center; box-sizing: border-box; } .kartensektion.row .cols6 p { max-width: 400px; margin: 70px auto; text-align: center; } .kartensektion .cols6 { padding-left: 0; padding-right: 0; width: 48%; } .kartensektion .cols6.links { margin-right: 1%; } .kartensektion .cols6.rechtsi { margin-left: 1%; } .teameventMain.inside.showBorder .teameventFullContent.kochkurse-teamevent { margin: 100px auto 0; } .kochkurseTeameventList .teameventMain .firmenGruppenBlock.teameventContent { float: left; } .kochkurseTeameventList .teameventMain .teameventImg { margin-right: 0; float: right; width: 645px; } .kochkurseTeameventList .teameventMain .teameventImg .fadeImgsBlock { float: none; width: 100%; height: 420px; } .kochkurseTeameventList .teameventMain .teameventImg .fadeImgsBlock .fadeImgs img { height: 414px; } .kochkurseTeameventList .teameventMain .teameventImg .fadeImgsBlock .fadeImgs img:last-child { margin-left: 0px; } .kochkurseTeameventList .teameventMain .firmenGruppenBlock.teameventContent h3 { margin-top: 40%; } .teameventFullContent.kochkurse-teamevent { padding: 0 58px; } .showBorder { border-top: 1px solid #c2a871; } /* woo global */ body.woocommerce { padding: 0 0 0; margin: 0; width: 100%; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background-color: #f0f0f0; margin: 0 0 0!important; } .return-to-shop, .cart-empty { margin-top: 25px; } p.return-to-shop { margin-bottom: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table th { font-weight: 300; } .my_account_vouchers tr.voucher td p { margin: 0; } .flag_out, .lowstock_flag_out { position: absolute; top: 0; right: 0; padding: 0.6em 1em 0.5em; background-color: #c40000; color: #ffffff; display: flex; justify-content: center; align-items: center; line-height: 1; } .lowstock_flag_out { background-color: #af9256; } /* Gutschein-Optionen*/ #gutschein-addons { background-color: #f0f0f0; padding: 35px 7px; } #gutschein-addons > p { letter-spacing: 1.95px; color: #605e5e; font-size: 16px;} ul#optionen { margin: 0; list-style: none; padding: 0; } #optionen li { display: inline-block; float: left; width: 223px; height: 233px; background-color: #cccccc; text-align: center; } #optionen li + li { margin-left: 24px; } #optionen li h3 { font-size: 16px; line-height: 1.4em; color: #605E5E; font-weight: 300; font-family: 'Avenir LT Std', sans-serif; text-transform: uppercase; margin: 0.75em 0 0; } p.addon-description { padding: 0 15px; font-size: 13px; line-height: 1.4em; color: #605E5E;} #gutschein-addons .app .icheckbox { margin-left: 12px; margin-top: 12px; position: absolute !important; display: inline-block; vertical-align: top; background-image: url(images/sprite.png); background-repeat: no-repeat; border: 1px solid #565656; cursor: pointer; width: 24px; height: 24px; background-position: -284px -139px;} #gutschein-addons .app .icheckbox.checked { background-position: -350px -142px; } .gift_cert_field_wrapper { background-color: #b59d69 !important; border: none !important; color: #fff; } h3.teilnehmerdaten-des { margin: 2em 0 .5em; } /* WooCommerce Produktseiten */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.ekproductcol-left, .woocommerce div.product div.ekproductcol-left, .woocommerce-page #content div.product div.ekproductcol-left, .woocommerce-page div.product div.ekproductcol-left { width: 66%; float: left; position: relative; } .woocommerce #content div.product div.ekproductcol-left div.images, .woocommerce div.product div.ekproductcol-left div.images, .woocommerce-page #content div.product div.ekproductcol-left div.images, .woocommerce-page div.product div.ekproductcol-left div.images { width: 100%; float: none; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 31.85%; } .gutscheinBestellen > img, .woocommerce .gutscheinBestellen > img, .woocommerce-page .gutscheinBestellen > img { width: 100%; } .woocommerce div.product .staffMain, .woocommerce-page div.product .staffMain { float: none; width: 100%; } .woocommerce div.product .staffMain img, .woocommerce-page div.product .staffMain img { width: 100%; max-width: none; max-height: 239px; object-fit: contain; display: block; } .woocommerce div.product .staffAddress, .woocommerce-page div.product .staffAddress { text-align: center; } .woocommerce div.product div.images .flex-control-thumbs { background-color: #f0f0f0; padding: 15px; text-align: center; overflow: hidden; } .woocommerce div.product div.images.woocommerce-product-gallery--columns-8 .flex-control-thumbs li { width: calc(14.28% - 5px); padding: 5px; } .woocommerce div.product div.images .flex-control-thumbs li img { -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; } .bestellenBlock .bestellenTitle > p:last-child, .woocommerce .bestellenBlock .bestellenTitle > p:last-child, .woocommerce-page .bestellenBlock .bestellenTitle > p:last-child { margin: 0 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { text-align: left; } .woocommerce div.product .woocommerce-tabs .panel { text-align: left; } .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description.panel { text-align: center; } .product .bestellenBlock .nyp .nyp-input, .wcopc .product-item .nyp .nyp-input { text-align: left; } .woocommerce div.product .bestellenBlock form.cart .variations th { line-height: 1.6em; vertical-align: middle; background: none; width: 100%; padding: 1em 0 0; display: block; } .woocommerce div.product .bestellenBlock form.cart .variations th label { padding-bottom: 0; font-weight: 300; color: #596063; } .woocommerce div.product .bestellenBlock form.cart .variations td, .woocommerce div.product .bestellenBlock form.cart .variations th { line-height: 1.6em; vertical-align: middle; background: none; width: 100%; padding: 0 0 0; display: block; } .woocommerce div.product .bestellenBlock form.cart .variations select, .woocommerce .actualCourse .woocommerce-ordering select { max-width: 100%; min-width: auto; display: block; margin-right: 0; width: 100%; -webkit-appearance: none; appearance: none; padding: 5px 15px 5px 5px; } .woocommerce div.product .bestellenBlock p.price, .woocommerce div.product .bestellenBlock span.price { margin: 0 0 0; } .bestellenBlock .legal-price-info { padding-bottom: 1em; } .woocommerce .product section.related.products, .woocommerce .product section.upsells.products { padding-top: 4%; border-top: 1px solid #b59d69; } .woocommerce div.product .hauptproduktinfos.row { padding-bottom: 3%; } /* Force Sells */ .bestellenBlock .wc-force-sells { padding: 1em 0; } .bestellenBlock .wc-force-sells p { margin: 0 0 1em; } .bestellenBlock .wc-force-sells ul { margin: 0 0 0; } /* Warenkorb Main*/ .woocommerce-cart .zurUbersicht-banner, .woocommerce-checkout .zurUbersicht-banner, .woocommerce-account .zurUbersicht-banner, .single-wysijap .zurUbersicht-banner { height: 150px; } .woocommerce-cart .bannerHight h1, .woocommerce-checkout .bannerHight h1, .woocommerce-account .bannerHight h1, .single-wysijap .bannerHight h1 { margin: -21px 0 0; } .single-wysijap .bannerHight h1{ font: 900 23px 'AvenirHeavy'; letter-spacing: 0.15em; } .search #searchform{ width: 100%; max-width: 452px; margin: 0 auto; background-color: #f0f0f0; padding: 15px; } .search label { display: block; } .conformationSection { background-color: #f0f0f0; padding: 15px 0 0; } .gutschein-code-eingeben { float: left; width: 60%; margin-left:10px; } .woocommerce table.shop_table { display: table; border-collapse: collapse; border: none; margin: 0 0 1em 0; } td.product-remove.firstTd { width: 45px; } .rightBlockBtns { float: right; width: 248px; margin-right:10px; } .gutschein-code-eingeben input[type="text"], .search input[type="text"] { background-color: #ffffff; border: medium none; color: #818181; float: left; font-size: 14px; font-family: 'Avenir LT Std Oblique'; height: 36px; padding: 5px 20px; width: 300px; } p.return-to-shop.btns a.wc-backward.btn { background-color: #bb9e62; border: medium none; color: #ffffff; border-radius: 0; font-size: 14px; font-weight: 300; height: 36px; padding: 5px 40px; line-height: 26px; } .gutschein-code-eingeben input[type="submit"], .search input[type="submit"] { background-color: #bb9e62; border: medium none; color: #ffffff; float: left; font-size: 14px; height: 36px; padding: 5px 40px; } .gutschein-code-eingeben input[type="submit"]:hover, .search input[type="submit"]:hover, .gutschein-code-eingeben input[type="submit"]:focus, .search input[type="submit"]:focus, p.return-to-shop.btns a.wc-backward.btn:hover, p.return-to-shop.btns a.wc-backward.btn:focus { background-color: #746743; } .warenkorbMain .btns { padding-bottom: 10px; } .auswahlBtns .btns .btn { font-size: 14px; background-color: #bb9e62; border: 1px solid #bb9e62; color: #ffffff; min-width: auto; padding: 8px 10px; width: 100%; } .auswahlBtns .btns .btn:hover, .auswahlBtns .btns .btn:focus { background-color: #746743; border: 1px solid #746743; text-decoration: none; } .form-row.place-order.wc-gzd-place-order { text-align: right; } .zurKasseGehenBtns .btns .btn, .wc-gzd-order-submit .button.alt { font-weight: 300; font-size: 14px; border: 1px solid #746743 !important; min-width: 100%; padding: 12px 10px; background-color: #fff !important; color: #596063 !important; border-radius: 0 !important; } .wc-gzd-order-submit .button.alt { min-width: 300px; font-size: 20px; } .zurKasseGehenBtns .btns .btn:hover, .wc-gzd-order-submit .button.alt:hover, .zurKasseGehenBtns .btns .btn:focus, .wc-gzd-order-submit .button.alt:focus { color: #fff !important; text-decoration: none; background-color: #746743 !important; } .woocommerce-cart .kochkurse-teamevent { padding: 50px 58px 45px; } /* .woocommerce{margin-top : 10%; } */ .return-to-shop, .cart-empty{text-align:center;} .woocommerce .quantity .qty{ padding:3px; width:4.631em; text-align:center;} .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #8b2929 !important; } .woocommerce a.remove, .woocommerce form .form-row.woocommerce-invalid label, .woocommerce form .form-row .required { color: #b81c23 !important; } .woocommerce a.remove:hover, .woocommerce a.remove:focus { color: #fff!important; background: #b81c23; } .woocommerce-page tr:last-child td, .woocommerce-page.tableData tr:last-child td {} .woocommerce .cart_totals table.shop_table th, .woocommerce .cart_totals table.shop_table td { border-bottom: none; background-color: #f0f0f0 !important; border: none !important; } .cart_item td.product-subtotal span.amount, td.product-subtotal span.amount, .cart_totals span.amount, .cart_totals .shipping td { padding: 0 12px; } .woocommerce-cart .woocommerce .cart_totals table.shop_table td { width: 268px; } .wc-gzd-item-desc p { margin: 0; } .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt { margin-bottom: 0; } .cart-discount th, .cart-discount td, .product-price, .order-total th, .order-total td, .order-tax th, .order-tax td , .product-subtotal, .rightAlign, .woocommerce-checkout-review-order-table .cart_item td.product-total, .cart_totals .shipping th, .cart_totals .shipping td {text-align:right !important;} .woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout-review-order-table tfoot td, .order_details tfoot th, .order_details tfoot td { background-color: #f0f0f0 !important; border: none !important; text-align: right !important; } .woocommerce-checkout-review-order-table .order-total span.woocommerce-Price-amount.amount, .woocommerce-checkout-review-order-table .order-total th { font-size: 20px; font-weight: 300; } .order_details thead th { border-bottom: none;} .order_details tbody td { border-top: 1px solid #a0a09f !important; border-right: 1px solid #a0a09f; } .order_details tbody td.product-total { border-right: none; text-align: right; } h3#ship-to-different-address { margin: 0; } .woocommerce-billing-fields h3:first-of-type { margin: 0 0 42px; } h3#order_review_heading, h3#order_payment_heading, .gift-certificate .receiver-form h3 { margin: 2em 0 .5em; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #f0f0f0 !important; border-radius: 0 !important; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #cccccc !important; color: #393939 !important; } #add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before { border-radius: none !important; border: 1em solid #cccccc !important; border-right-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: none !important; } ul + div#customer_details { margin-top: 20px; } .verticalSlider li a img, .verticalSlider li img { width:219px; height:214px; object-fit: cover;} .locationList .bx-pager img{ width:83px; height:47px; object-fit: cover;} .logo-location-slider{width:135px; height:130px; position: absolute; z-index:5; top: 145%; left: 13%;} .woocommerce-checkout .tribe-event-tickets-plus-meta-attendee > header::after{content:"";} /*tr.shipping { display: none !important; } */ /* Popup for location inquiry */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ /*overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ overflow-y: auto; } .modal .customSelect { width:100% !important;} .modal .customSelectInner { width: 100% !important; } .modal .kontaktRight textarea { margin-top: 7px !important; } input#venuename, input#waiting-event-name, input#waiting-ticket-name { color: #fff; background: #b09256; text-align: center; overflow: hidden; } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 5vh auto; padding: 20px; border: 1px solid #888; width: 100%; max-width: 1015px; } .modal-content #gutschein-addons { background-color: #ffffff; padding: 0 0 35px; } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; line-height: 28px; padding: 0px 0px 22px 37px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .venuePopupTitle{color:#B19356;} .bestellenBlock div.quantity {margin:-20px 4px 11px 207px !important} .woocommerce-checkout .ateendee-form{margin: 24px 10px;margin-left: -1px;} .woocommerce-checkout .ateendee-form h3{margin-bottom: 15px;} .tribe-event-tickets-plus-meta-attendee{padding:0;} /** Adminanpassungen **/ #ticket_form_table .ticket .ticket_field[value="Tribe__Tickets__RSVP"] { display: none !important; } #ticket_form_table .ticket .ticket_field[value="Tribe__Tickets__RSVP"] + span { display: none !important; } .wp-admin #the-list .ac-wc-product .meta { line-height: 1.5em !important; } #product-addons-total { display: none !important; } #buy-tickets.loading { opacity: 0.25; position:relative; z-index: 2; } #buy-tickets.loading:after { font-family: "WooCommerce"; content: "\e01c"; vertical-align: top; font-size: 2em; font-weight: 400; color: black; position: absolute; opacity: 1; z-index: 3; top: calc(50% - 1em); right: calc(50% - 1em); animation: spin 2s linear infinite; } .tribe-block__tickets__registration__checkout__submit { font-weight: 300; font-size: 14px; border: 1px solid #746743 !important; padding: 12px 3em; max-width: 100%; border-radius: 0 !important; } .tribe-block__tickets__registration__checkout__submit:hover { color: #fff !important; text-decoration: none; background-color: #746743 !important; } .tribe-block__tickets__registration__checkout__submit:disabled:hover { color: #8b959f !important; text-decoration: none; background-color: #eeeff1 !important; cursor: not-allowed; } /*.Jobangebot als Team-Unterseite id34 */ .parent-pageid-34.page-template-page-locationlanding .descriptionBox.iconBox h1 { font: 900 20px 'AvenirHeavy'; }