/* Theme Name: stadtcamp Author: Steffen Peschel Version: 4.0 */ /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * central stylesheet - layout example "flexible-grids" * * @copyright Copyright 2005-2012, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700); @font-face { font-family: 'icomoon'; src: url('./fonts/icomoon.eot?wtkjyf'); src: url('./fonts/icomoon.eot?wtkjyf#iefix') format('embedded-opentype'), url('./fonts/icomoon.ttf?wtkjyf') format('truetype'), url('./fonts/icomoon.woff?wtkjyf') format('woff'), url('./fonts/icomoon.svg?wtkjyf#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before, .edit-link a:before, .menu-item-new:after,.icon-clbubble-nav:after, .menu-item a:after, ul.checklist li:before,.eventfeature .accordion h2:before, .eventfeature .accordion h3:before, .em-warning p:before{ /* 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; display:inline-block; width:50px; text-align:center; font-size:128%; position:relative; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-cloudsters:before,.icon-clbubble:before,.icon-clbubble-nav:after { content: "\e900"; } .icon-next:before { content: "\e208"; } .icon-search:before { content: "\e2ca"; } .icon-home:before { content: "\e901"; } .icon-pencil:before { content: "\e902"; } .icon-images:before { content: "\e14b"; } .icon-location:before { content: "\e904"; } .icon-calendar:before { content: "\e907"; } .icon-bubbles:before { content: "\e908"; } .icon-zoom-in:before { content: "\e90d"; } .icon-sphere:before { content: "\e90e"; } .icon-notification:before { content: "\e90f"; top: 3px; } .icon-checkmark:before { content: "\e910"; } .icon-arrow-right:before { content: "\e906"; } .icon-new-tab:before { content: "\e911"; } .icon-mail:before { content: "\e912"; } .icon-google-plus:before { content: "\e913"; } .icon-facebook:before { content: "\e909"; } .icon-instagram:before { content: "\e90a"; } .icon-whatsapp:before { content: "\e914"; } .icon-twitter:before { content: "\e90b"; } .icon-rss:before { content: "\e90c"; } .icon-trello:before { content: "\e915"; } .icon-xing:before { content: "\e916"; } .icon-cloudsters:before, .icon-notification:before { width: 48px; text-align: left; font-size: 34px; top: 5px; left: 3px; } .icon-notification:before { font-size: 30px; } .icon-color-pink:before { color: #E52384; } .icon-color-blue:before { color: #289DCD; } .icon-color-green:before { color: #8EBD5F; } .icon-facebook:hover:before { color: #133783; } .icon-twitter:hover:before { color: #1da1f2; } .icon-instagram:hover:before { color: #0d3c5f; } .icon-wifi,.icon-coffee,.icon-meeting,.icon-desk,.icon-printer,.icon-key,.icon-model-s,.icon-model-m,.icon-model-l,.icon-model-xl,.icon-model-o { position: relative; list-style-type: none; } .icon-wifi,.icon-coffee,.icon-meeting,.icon-desk,.icon-printer,.icon-key { margin-left: 40px; margin-top: 25px; } .icon-model-s,.icon-model-m,.icon-model-l,.icon-model-xl,.icon-model-o { margin: 25px 0 4px 72px; } .icon-wifi:before,.icon-coffee:before,.icon-meeting:before,.icon-desk:before,.icon-printer:before,.icon-key:before { content: "."; color: rgba(0,0,0,0); width: 40px; height: 40px; position: absolute; left: -55px; top: -5px; } .icon-model-s:before,.icon-model-m:before,.icon-model-l:before,.icon-model-xl:before,.icon-model-o:before,ul.checklist .icon-model-s:before, ul.checklist .icon-model-m:before, ul.checklist .icon-model-l:before,ul.checklist .icon-model-xl:before,ul.checklist .icon-model-o:before { content: "."; color: rgba(0,0,0,0); width: 72px; height: 72px; position: absolute; left: -85px; top: 3px; } .icon-wifi:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_wlan.png) no-repeat; } .icon-coffee:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_kaffee.png) no-repeat; } .icon-meeting:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_besprechung.png) no-repeat; } .icon-desk:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_tisch.png) no-repeat; } .icon-printer:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_drucker.png) no-repeat; } .icon-key:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_schluessel.png) no-repeat; } .icon-model-s:before, ul.checklist .icon-model-s:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_tarif_s.png) no-repeat; } .icon-model-m:before, ul.checklist .icon-model-m:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_tarif_m.png) no-repeat; } .icon-model-l:before, ul.checklist .icon-model-l:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_tarif_l.png) no-repeat; } .icon-model-xl:before, ul.checklist .icon-model-xl:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_tarif_xl.png) no-repeat; } .icon-model-o:before, ul.checklist .icon-model-o:before { background: url(//cloudsters.net/wp-content/themes/cl_v3/images/icon_tarif_o.png) no-repeat; } @media all { /**** typografie */ html * {font-family:'Open Sans', sans-serif;font-size:100%;} textarea,pre,code,kbd,samp,var,tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;font-size:90%;} body {background-color:#fff;color:#444;display:block;} h1,h2,h3,h4,h5,h6 { font-weight:400; } h1 {font-size:190%;line-height: 1.6; font-weight: 600; } h2 {font-size:174%;line-height:1.3; } h3 {font-size:150%;} h4 {font-size:120%;} h5 {font-size:116.67%;} h6 {font-size:116.67%;} ul,ol,dl {line-height:1.5em;margin: 0 0 0 .5em;} ul {list-style-type:disc;} ul ul {list-style-type:circle;} ol {list-style-type:decimal;} ol ol {list-style-type: lower-latin;} li {line-height:1.5em;margin-left:1.5em;} .no-bullets{list-style-type:none;margin:0;} .no-bullets li{margin-left:0;} dt {font-weight:bold;} dd {margin: 0 0 1em 0.8em;} p {font-size:112%;line-height:1.6;margin: 1em 0 0.0;word-wrap: break-word;} blockquote p,cite,q {font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;} blockquote {color:#666;margin: 0 0 1em 1.6em;} strong,b {font-weight:600;} em,i {font-style:italic;} big {font-size:116.667%;} small {font-size:91.667%;} pre {line-height:1.5em;margin: 1.5em 0 0.5em 0; padding: .3em; overflow-x: auto;} pre,code,kbd,tt,samp,var {font-size:100%;} pre,code {color:#800;background: #e5e5e5;} kbd,samp,var,tt {color:#666;font-weight:bold;} var {font-style:italic;} acronym,abbr {border-bottom: 1px #aaa dotted;cursor:help;font-variant:small-caps;letter-spacing:.07em;} sub,sup {font-size:91.6667%;} hr {background:transparent;border:0;border-bottom: 1px #f0f0f0 solid;color:#fff;margin: 0 0 1em 0;padding: 0 0 1em 0;} a {text-decoration:none;background:transparent;color:#646464;outline:none;} a:visited {} a:focus,a:hover,a:active {text-decoration:none;color: rgb(83, 138, 161);} a:focus{outline:lime;} .entry a, .event-details a { text-decoration: underline; } .small { font-size: 85%; } .smaller { font-size: 80%; } .center { text-align: center; } /*** buttons */ .button { display: inline-block; background: #e6e6e6; color: #796a64; font-size: 110%; font-weight: 600; text-align: center; line-height: 42px; padding: 0 1em; } .button.full-width { display: block; } /*** main structure */ .ym-wrapper { max-width: 1156px; margin: 0 auto; position: relative; } .ym-wrapper .ym-wbox { padding: 0 10px; } #nav .ym-wbox { padding: 0; } .syncheight { overflow: hidden; display: flex; flex-direction: column; } .ym-gbox { padding: 0 9px; } .ym-gbox-right { padding: 0 0 0 18px; } .ym-gbox-left { padding: 0 18px 0 0; } body.page-template-tmpl-transp-bg .ym-gbox { padding: 0 12.5px; } body.page-template-tmpl-transp-bg .ym-gbox-right { padding: 0 0 0 10px; } body.page-template-tmpl-transp-bg .ym-gbox-left { padding: 0 10px 0 0; } #main_cwrapper > .ym-wbox { /* margin-top: 50px; */ } /*** page builder */ #dslc-main .dslc-modules-section { padding-left: 10px; padding-right: 10px; } #dslc-main .dslc-modules-section.dslc-full { padding-left: 0; padding-right: 0; } .tailor-ui .tailor-content { padding-left: 10px; padding-right: 10px; } /*** page builder widgets */ #dslc-main div.dslc-widget-wrap ul { list-style-type: none; margin: 0; padding: 0; } /*** grids */ .entry .ym-grid { } /* .ym-grid > div > div >p:first-child { margin-top: 36px; } Doku fehlt! Wofür ist das? */ /*** general colors */ html * { /* color: #796a64; */ } /*** local colors */ .local-color { color:rgba(242, 147, 36, 0.8); } .local-bg, .local-before-bg { background-color: rgba(242, 147, 36, 0.8); color: #fff; } .local-child-border-left > * { border-left-color: rgba(242, 147, 36, 0.8); } .local-child-before-color-diff > *:before { color: #fff; } /*** navigation */ nav { position:relative; } nav ul { list-style-type:none; margin:0; padding:0; } nav li { list-style-type:none; margin:0; padding:0; line-height:40px; background:#65544C; } nav li a { line-height:50px; padding:0 15px; display: block; color:#fff; } nav #pnav li a { color: #f2f2f2; } #mainnav > li > a { background: #271818; margin-right: 50px; } #mainnav > li a.sub-menu-link, #mainnav .sub-menu > li a { background: #D3672E; margin:0; } #mainnav > li:nth-child(1) a { opacity:.9; } #mainnav > li:nth-child(2) a { opacity:.8; } #mainnav > li:nth-child(3) a { opacity:.7; } #mainnav > li:nth-child(4) a { opacity:.6; } #mainnav > li:nth-child(5) a { opacity:.5; } #mainnav > li:nth-child(6) a { opacity:.4; } /* top/profile menu */ #outer_pnav { background: rgba(30, 144, 8, 0.73);} .pnav-wrapper { display: flex; justify-content: flex-end; background: #f5f5f5; position: relative; } #pnav, #community_switch { display:flex; background:#271818; color:#fff; } #pnav ul, #community_switch ul { position:absolute; /* width:100%; left:0; */ right:0; } nav #pnav li { background: #f5f5f5; } nav li#menu-item-new, li#menu-item-new li { background:#E6E6E6;} nav li#menu-item-profil, li#menu-item-profil li { background:#D9D9D9;} #community_switch li.icon-clbubble-wrapper > a { display: block; position:relative; padding: 0 15px 0 15px; } #community_switch li.icon-clbubble-wrapper > a.menu-item-click { height: 50px; padding: 0 35px 0 15px; } .icon-clbubble-wrapper .sub-menu-link:before { right: 0; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .icon-clbubble-wrapper .icon-clbubble-nav:after { top: 8px; font-size: 31px; } .profil-links { display: block; line-height:44px; } .profil-links span { position: relative; top: -3px } .profil-links img { -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; margin-left:28px;position:relative;top:8px;width:34px;height:34px;} a.menu-item-new:after {content: "\e902"; font-size: 100%; width: 1em;} #communities .menu-item a:after{ width:25px; text-align: left; content: "\e906"; color: rgba(0,0,0,0); font-size:100%; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } #communities .menu-item-home a:after, #communities .menu-item a:hover:after { color: inherit; } /* main menu */ .custom-logo-link { display: flex; } #brand_line { display:flex; align-items:center; position:relative; z-index:2; overflow:hidden; } #menue_button { display: flex; align-items: center; position:absolute; right:0; top:0; height:102px; width:80px; } #mainnav { position:relative; z-index:3; display:none; } #mainnav > li { position:relative; z-index:1; } #mainnav ul { position:absolute; z-index:199; right:0; } .mainnav-wrapper{ position: relative; z-index: 1; background: #fff; } /* main menu 2. Ebene */ .sub-menu-link { display:none; } .menu-item-has-children > .sub-menu-link { display:block; height: 50px; width: 50px; position: absolute; right: 0; z-index: 8; top: 0; padding:0; } .sub-menu-link:before { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); font-size: 172%; line-height: 50px; position: absolute; width: 50px; color:#fff; } .menuactive > .sub-menu-link:before {-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg); } /* breadcrumbs */ .breadcrumbs-wrapper { background: #fff; background-color: rgba(255,255,255,.9); border-top: 1px solid rgba(121, 106, 100, 0.6); position: relative; z-index: 15; } .breadcrumbs a, .breadcrumbs a span, .breadcrumbs span { /* color: rgba(242, 147, 36, 0.8);*/ line-height: 54px; font-size: 18px; } .breadcrumbs a, span[property="itemListElement"]:last-child { display: inline-block; border-top: 3px solid transparent; border-bottom: 3px solid transparent; } .breadcrumbs a:hover, span[property="itemListElement"]:last-child { border-bottom-color: rgba(121, 106, 100, 0.8); } .breadcrumbs .icon-home:before { width: 29px; } .breadcrumbs .icon-next:before { top: 2px; } /* menu button*/ .lines-button{display:inline-block;margin-right:15px;border:none;background:none;position:relative;width:50px;height:50px;margin:0 auto;} .lines-button span{display:block;} .lines-button{padding:0;transition:.3s;cursor:pointer;user-select:none;border-radius:0.57143rem;outline:none;} .lines-button:hover{opacity:1;} .lines-button:active{transition:0;} .lines{display:inline-block;width:1.5rem;height:0.2rem;background:#796a64;border-radius:0.28571rem;transition:0.3s;position:relative;margin:0 auto;} .lines:before, .lines:after{display:inline-block;width:1.5rem;height:0.2rem;background:#796a64;border-radius:0.28571rem;transition:0.3s;position:absolute;left:0;content:'';-webkit-transform-origin:0.28571rem center;transform-origin:0.28571rem center;} .lines:before{top:0.5rem;} .lines:after{top:-0.5rem;} .lines-button.close{-webkit-transform:scale3d(0.8, 0.8, 0.8);transform:scale3d(0.8, 0.8, 0.8);} .lines-button.x.close .lines{background:transparent;left:-3px;} .lines-button.x.close .lines:before, .lines-button.x.close .lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:2rem;} .lines-button.x.close .lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);} .lines-button.x.close .lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);} /*** posts + pages */ article { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 50px auto 0; border-radius: 2px; border-left-color: #fff; position: relative; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.anspress article { background: #fff; } article.blogpost p { margin-top: 1em; line-height: 1.6; } .post-header { padding: 35px 50px 0; overflow: hidden; } article.page .post-header { padding-top: 35px; } article.page .post-header h1 { margin: 0; } .entry { padding: 15px 50px 35px; overflow: hidden; } .entry > .owl-carousel { margin-top: 2em; } .post-thumbnail-true .entry { padding-top: 10px; padding-bottom: 35px; } .entry > *:first-child, .entry .ym-gbox-left > .box:first-child, .entry .ym-gbox-right > .box:first-child { margin-top: 0; } .entry blockquote p:first-child, .entry q p:first-child {margin-top: 1em; } p.edit-link { position: absolute; top: -37px; right: 21px; z-index: 1; } article p.edit-link { clear:both; position: absolute; top: -20px; right: 10px; margin: 0; } .edit-link a { display: block } .edit-link a:before { content: "\e902"; width: 1em; height: 1em; font-size: 100%; padding: 10px; border: 1px solid #538aa1; border-radius: 50%; background: rgba(255,255,255,.85); } .edit-link a:hover:before { color: #FF3636; border-color: #FF3636; } /* blogposts */ .blogpost h1,.blogpost h2,.blogpost h3,.blogpost h4,.blogpost h5,.blogpost h6 { font-weight:400; margin-top: 1em; } /* box */ .box { background: #f7f6f6; flex-basis: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .box.box-tmpl-transp-bg { background: #fff; } .box .entry {padding: 15px;} .box-tmpl-transp-bg p { font-size: 95%; } .kontaktprofil { text-align: center; font-size:120%; line-height: 50px; } .box.kontaktprofil .entry { padding: 30px 30px 12px; } .fband {background-color: rgba( 242, 129, 0, 0.7); color: #fff; font-weight: 600; } .eband {font-weight: 600; } .box, .entry .ym-gbox-left > .box:first-child, .entry .ym-gbox-right > .box:first-child { margin-top: 36px; } /** lists etc in posts */ .entry ol, .entry ul { margin-top: .5em; } .entry ol ol, .entry ol ul, .entry ul ol, .entry ul ul { margin-top: 0; } .entry li { line-height: 2em; } ul.checklist { list-style-type: none; margin-left: 4px; } ul.checklist li { position:relative; line-height: 39px; } ul.checklist li:before { content: "\e910"; color: #015F01; position: absolute; left: -32px; text-align: left; width: 30px; top: 8px; opacity: 0.8; } /*** images */ img {max-width:100%;height:auto;} article img { display: block; } article .wp-post-image { max-height:600px; visibility: hidden; } .aligncenter { margin-left: auto; margin-right: auto; display: block; } .wp-caption.aligncenter { width: 100%!important; max-width: 100%; padding: 11px; margin-top: 1em; } .img-aligncenter img { margin-left: auto; margin-right: auto; display: block; } .wp-caption.aligncenter img { margin-left: auto; margin-right: auto; display: block; } .alignleft { float:left; margin: .4em 1em .5em 0; } .alignright { float:right; margin: .4em 0 .5em 1em; } .alignnone {} figcaption.wp-caption-text { padding-top: 2px; font-size: 90%; } /** gallery */ .gallery { margin-top: 1em; } /* Video etc. */ .soundcloud{position:relative;padding-bottom:20%;padding-top:30px;margin-top:10px;height:0;overflow: hidden;} .soundcloud iframe,.soundcloud object,.soundcloud embed{position:absolute;top:0;left:0;width:100%;height:100%;} .iframe, .video{position:relative;padding:0;padding-bottom:56.25%;display:block;height:0;overflow:hidden;} .iframe iframe, .video iframe,.video object,.video embed{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;} iframe.twitter-tweet{display:inline-block!important;} article .video { margin-top:1.5em } /* Tabelle */ table {border-collapse:collapse;margin-top:1em;width:100%;} table, th, tr, td{border:1px solid #eee;} table caption {font-variant:small-caps;}table.full {width:100%;}table.fixed {table-layout:fixed;}th,td {padding:0.5em;} thead th {color:#000;}tbody th {color:#333;text-align:left;} tbody th[scope="row"],tbody th.sub {background:#f0f0f0;}tbody td {background:#fff;} tbody tr:hover th[scope="row"],tbody tr:hover tbody th.sub {background:#f0e8e8;}tbody tr:hover td {background:#fff8f8;} .blogpost .entry table strong,.blogpost .entry table b{font-weight:600;} /* Slider */ #rslides_container {position:relative;margin: 12px 2px 8px;opacity:0.9;}#rslides_container:hover {opacity:1;} .rtweets, .rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;} .rtweets li, .rslides li {position:absolute;display:none;width:100%;left:0;top:0;margin:0;list-style:none;} .rtweets li:first-child, .rslides li:first-child {position:relative;display:block;float:left;} .rtweets img, .rslides img {display:block;width:100%;height:auto;float:left;border:0;padding:0;margin:0;} .rtweets_nav, .rslides_nav {position:absolute;top:0;left:0;height:77%;z-index:3;overflow:hidden;text-decoration:none;width:48%;} .rtweets .caption, .rslides .caption { display:block;position:absolute;z-index:10;font-size:0.8em;text-shadow:none;color:#333;background:#ddd;background: rgba (221,221,221,0.8); opacity:0.85;left:0;right:0;bottom:12px;padding: 10px 20px;margin:0;max-width:none; } .rtweets_nav.next, .rslides_nav.next {left:auto;right:0;} ul.rtweets_tabs, ul.rslides_tabs { margin-top: 10px; text-align: center; } ul.rtweets_tabs li, ul.rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin: 0; margin-right: 5px; } ul.rtweets_tabs li a, ul.rslides_tabs li a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; } ul.rtweets_tabs li.rtweets_here a, ul.rslides_tabs li.rslides_here a { background: #222; background: rgba(0,0,0, .8); } .rtweets_nav, .rslides_nav, .rslides .caption {-webkit-transition: all 0.1s linear 0s;-moz-transition: all 0.1s linear 0s;-ms-transition: all 0.1s linear 0s;-o-transition: all 0.1s linear 0s;transition: all 0.1s linear 0s;} /*** lightbox */ #lightbox { position:fixed; z-index: 999; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.85); text-align:center; } .table-wrapper {display:table; height:100%;width:100%;text-align:center;vertical-align:middle;} #lightbox_content {display:inline-block; height:100%;width:100%;text-align:center;vertical-align:middle;} #lightbox p { text-align:right; color:#fff; margin-right:20px; font-size:12px; position:absolute; right: 5px; } #lightbox img { display:none; } /*** profile */ .account-circle img, .kontaktprofil img { -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; } .metabox { overflow: hidden; } .metabox .person { float: left; } .metabox img { margin-right: 12px; } .metabox .autorname { line-height: 28px; } .metabox .date-wrapper { display:block; line-height: 18px; } article .post-header p { margin-top: .3em; } /*** comments + contact */ .ym-form input,.ym-form input,.ym-form textarea,.ym-form select{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .ym-columnar label {-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .ym-columnar .ym-fbox-select select,.ym-columnar .ym-fbox-text input,.ym-columnar .ym-fbox-text textarea {width:70%;} .form-horizontal .input-large,.ym-full .ym-fbox-select select,.ym-full .ym-fbox-text input,.ym-full .ym-fbox-text textarea {width:100%;} div.wpcf7 { margin: 1em 0 2.5em; } div.wpcf7-response-output { padding: 0; } .ym-form {overflow:visible; margin-bottom:3px;} .ym-form fieldset {background:transparent;margin: 0.75em 0 0.75em 0;padding: 0 0.5em;position:static;} .ym-form legend{background:transparent;color:#000;font-size:1.2em;font-weight:bold;line-height:1.25em;padding: 0 0.5em;} .ym-form label{line-height:2.5;font-size:16px;}.ym-label {color:#666;padding-top:0.25em;}.ym-form .ym-form div.ym-fbox-check:focus + label {color:#000;} .ym-form div.ym-fbox-text,.ym-form div.ym-fbox-select,.ym-form div.ym-fbox-check,.ym-form div.ym-fbox-button{} .ym-form .ym-fbox-text{margin-bottom:1em} .ym-form div.ym-fbox-button{margin:0;} .ym-form .ym-gbox{margin-right:0;padding: 0 0.5em;}.ym-form h6{color:#000;margin:1em 0 0 1em;} .form-horizontal .input-large,.ym-form .ym-fbox-text input,.ym-form .ym-fbox-text textarea {line-height:1.7em;padding: 0.25em 0.6em;} .ym-form .ym-fbox-select select { line-height:1em; margin-bottom:4px; padding: 0.25em 2px 0.25em 1px;} .ym-form optgroup {font-style:normal;font-weight:bold;} .form-horizontal .input-large,.ym-form .ym-fbox-text input,.ym-form .ym-fbox-text textarea,.ym-form .ym-fbox-select select,.newsletter input{border: 1px solid #AFAFAF; background: #fff; } .ym-form .ym-message {color:#666;margin-bottom:0.5em;}.ym-form .ym-required {color:#800;font-weight:bold;} .ym-form input:valid,.ym-form textarea:valid {background-color:#fff;}.ym-form input:invalid,.ym-form textarea:invalid{} .ym-form .ym-error label {color:#800;font-weight:normal;}.ym-form .ym-error input,.ym-form .ym-error select,.ym-form .ym-error textarea {border: 1px #800 solid;} .ym-form .ym-error input:hover,.ym-form .ym-error input:focus,.ym-form .ym-error select:hover,.ym-form .ym-error select:focus,.ym-form .ym-error textarea:hover,.ym-form .ym-error textarea:focus { border: 1px #800 solid !important;} .ym-form .ym-error .ym-message {color:#800;font-weight:bold;margin-top:0;} .ym-form div.ym-fbox-text input:focus,.ym-form div select:focus,.ym-form div textarea:focus,.ym-form div.ym-fbox-text input:hover,.ym-form div select:hover,.ym-form div textarea:hover,.ym-form div.ym-fbox-text input:active,.ym-form div select:active,.ym-form div textarea:active {background:#fff;border: 1px #888 solid;} .ym-button,.ym-form button,.ym-form input[type="button"],.ym-form input[type="reset"],.ym-form input[type="submit"],.newsletter input[type="submit"]{ border: 1px solid #796a64; color: #333 ;cursor:pointer;display:inline-block;font: normal 1.3em/2em Open sans, sans-serif; margin: 0;overflow:visible;padding: 0 1.5em;text-decoration: none !important;white-space:nowrap; } .ym-button:hover, .ym-form button[type="submit"]:hover, .ym-form input[type="submit"]:hover { background-color: rgb(83, 138, 161); color: #fff; border-color: rgb(83, 138, 161);} /* contact form */ div.wpcf7 img.ajax-loader { border-radius: 50%; background: #fff; } form span.wpcf7-not-valid-tip { display: inline-block; background: #EDD8D8; margin-top: 2px; padding: 2px; } form div.wpcf7-validation-errors { display:inline-block; background: #EDD8D8; color: #FF0000; border: none; margin: 2px 0 0; padding: 2px; } #comments{ background: #fff; background: rgba(255, 255, 255, 0.7); margin:50px auto 0; overflow:hidden; border-radius: 2px; } #comments h3{ margin: 1.3em 0 .5em; } #respond { padding: 0 35px; overflow: hidden; margin-bottom: 2em; } .commentlist #respond { margin-bottom: 3em; } .commentlist #respond h3 { margin-top: 0; } #comments ol {list-style-type:none;margin: 20px 0 0;padding: 0 35px;} #comments ul{list-style-type:none;} #comments ol > li {margin:0;} #comments ol.children {margin-left:50px;} #comments > h3 {padding:0 35px;} #comments article {margin-bottom:35px;margin-top:0;background:none;} #comments article p {font-weight: 300;margin: 0.5em 0;} #comments article header { padding: 6px 0;overflow:hidden;} #comments article header a{} #comments article header a:hover,#comments article header a:active,#comments article header a:focus{color:#C40089;} #comments header h4, #comments time {display:inline;font-size:1em;line-height:1em;margin:0;} #comments h4 img {float:left;margin: -1px 15px 4px 0; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; } #comments .entry { padding:0; } /*** Footer */ footer { margin-top: 50px; padding: 0 0 18px; text-align: center; } /* Footer Menü */ .footer-menu { overflow: hidden; display: inline-block; margin: 0 auto; } .footer-menu li { float:left; margin:0; list-style-type: none; } .footer-menu li:after { content: ' | '; display: inline-block; width: 18px; text-align: center; } .footer-menu li:last-child:after { content: ''; } footer h5 { font-size: 100.01%; } footer h5, .footer-menu a { line-height: 1.8; } .footer-menu a { text-decoration: underline; } .footer-menu .icon-facebook:before, .footer-menu .icon-twitter:before, .footer-menu .icon-instagram:before { width:25px; text-align:left; font-size:105%; top: 2px; } /*** fix me **/ p:empty { display: none; } } @media screen and ( max-width: 425px ) { /* linearization for grid module */ .linearize-level-1, .linearize-level-1 > [class*="ym-g"] { display: block; float: none; padding: 0; margin: 0; width: 100% !important; } .linearize-level-2, .linearize-level-2 > [class*="ym-g"] { display: block; float: none; padding: 0; margin: 0; width: 100% !important; } /* reset defined gutter values */ .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { overflow: hidden; /* optional for containing floats */ padding: 0; margin: 0; } .entry img.alignnone,.entry img.alignleft,.entry img.aligncenter,.entry img.alignright { max-width: 100%; margin-left: auto; margin-right: auto; } } @media screen and ( min-width: 426px ) { box { border: 1px solid #F0F0F0; } body.page-template-tmpl-transp-bg .ym-wbox > h2, body.page-template-tmpl-transp-bg #em-wrapper > h2, body.page-template-tmpl-transp-bg [class*="ym-g"] > h2 { position: relative; top: 25px; left: 4px; padding: 0; } .event-details, .attendees-wrapper, .event-tags { padding-left: 35px; padding-right: 35px; } } @media screen and ( min-width: 426px ) and ( max-width: 769px ) { .linearize-level-2 .ym-gbox-right article.box-tmpl-transp-bg, .linearize-level-2 .ym-gbox-center article.box-tmpl-transp-bg, ul .linearize-level-2 .ym-gbox-right ul.events-list li, body .linearize-level-2 .ym-gbox-center ul.events-list li { box-shadow: none; } .linearize-level-2 .ym-g33 > div { padding: 0; } .linearize-level-2 .ym-g33 .ym-gbox-left .entry { padding: 20px 7.5px 20px 15px; } .linearize-level-2 .ym-g33 .ym-gbox-center .entry { padding: 20px 7.5px; } .linearize-level-2 .ym-g33 .ym-gbox-right .entry { padding: 20px 15px 20px 7.5px; } } @media screen and ( max-width: 560px ){ .post-header,.entry { padding: 15px; } #comment, #respond, #comments > h3,#comments ol {padding-left: 15px;padding-right:15px;} .edit-theme-options-link, .username { display: none; } .profil-name { display:none; } #menu-item-profil img { margin-left: 0; } .events-list > h2 { top: 0; padding: 10px 0 5px; } } @media screen and ( min-width: 560px ){ /* article.page, article.blogpost, article.event, article.box-tmpl-transp-bg, #comments, body.page-template-tmpl-transp-bg .ym-box-left .events-list li { box-shadow: rgba(242, 147, 36, 0.7) -55px 0px 0px 0px; } */ .events-list li, .box.eventfeature, #dslc-main div.dslc-widget-wrap ul li.events-list-item { -webkit-border-top-right-radius: 35px; -moz-border-top-right-radius: 35px; border-top-right-radius: 35px; -webkit-border-bottom-left-radius: 35px; -moz-border-bottom-left-radius: 35px; border-bottom-left-radius: 35px; } .events-list li, #dslc-main div.dslc-widget-wrap ul li.events-list-item { margin-top: 35px; } #dslc-main div.dslc-widget-wrap ul li.events-list-item:first-child { margin-top: 0; } body.page-template-tmpl-transp-bg .events-list li, article.box.eventfeature { margin-top: 50px; } .page-template-tmpl-transp-bg .box.box-tmpl-transp-bg { margin-top: 50px; } } @media screen and ( max-width: 769px ){ /* linearization for grid module */ .linearize-level-1, .linearize-level-1 > [class*="ym-g"] { display: block; float: none; padding: 0; margin: 0; width: 100% !important; } /* reset defined gutter values */ .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { overflow: hidden; /* optional for containing floats */ padding: 0; margin: 0; } #outer_pnav { position: relative; z-index:0; } #main_cwrapper { background: #fff; } .profil-links span { color: #444; } #mainnav ul, #pnav ul, #community_switch ul { position:absolute; width:100%; } nav #community_switch li { background: #2cb212; color: #f2f2f2; text-align: right; } nav #community_switch li a { color: #f2f2f2; } #community_switch .sub-menu-link:before, #community_switch .icon-clbubble-nav:after { color: #f2f2f2; } #mainnav { overflow:hidden; } #brand_line { padding-left: 15px; } .breadcrumbs-wrapper { background: #fff; background: rgba(255,255,255,1); } .breadcrumbs-wrapper > div > div { position: relative; height: 60px; } .breadcrumbs { position: absolute; height: 60px; overflow: hidden; white-space: nowrap; width: 100%; top: 0; left: 0; } .breadcrumbs span[typeof="ListItem"]:first-child a { margin-left: 15px; } .fadeout { position:absolute;top:0;right:0;width:10px;height:60px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white)); background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); } #community_switch li.icon-clbubble-wrapper > a { color: #f2f2f2; } #main_cwrapper { position:relative; z-index:10; overflow: hidden; } article, #comments { margin-top: 5px; } } @media screen and ( min-width: 770px ) { /*** structure */ .ym-wbox { padding: 0 15px; } #main_cwrapper .ym-wbox { padding: 0; } .ym-gbox-right article.box-tmpl-transp-bg, .ym-gbox-center article.box-tmpl-transp-bg, body .ym-gbox-right ul.events-list li, body .ym-gbox-center ul.events-list li { box-shadow: none; border-left-color: #F5F5F5; } body.page-template-tmpl-transp-bg .ym-gbox-right { padding: 0 0 0 25px; } body.page-template-tmpl-transp-bg .ym-gbox-left { padding: 0 25px 0 0; } /*** navigation */ nav li, nav #pnav li, nav li a { background:none; } .pnav-wrapper, #pnav, #community_switch { background:none; overflow:initial; z-index:initial; position:relative; } #community_switch .sub-menu-link:before { color: #f2f2f2; } #pnav > li, #community_switch > li { position:relative; z-index:199; } #pnav > li:hover, #pnav > li.dactive, #community_switch > li:hover, #community_switch > li.dactive { background: rgba(38, 148, 17, 1 ); } #community_switch > li.current-page-item { cursor: default; } #pnav > li a:hover, #pnav > li.dactiv a, #pnav > li ul a:hover, #community_switch > li ul a:hover, #community_switch li.current_page_item { background: rgba(222,144,19,.8); } #pnav > li a.menu-item-click:hover { background: none; cursor: default; border-bottom-color: transparent; } #pnav > li > a, nav #community_switch > li > a { background:none; color:#f2f2f2 ; } nav #community_switch > li#menu-item-c1 > a:hover { background:rgba(222,144,19,.8); } #pnav > li ul,#community_switch > li ul { display:none; width: initial; left: initial; } #pnav > li:hover ul,#pnav > li.dactive ul, #community_switch > li:hover ul, #community_switch > li.dactive ul { display:block; } #pnav > li ul li, #community_switch > li ul li { background: rgba(38, 148, 17, 1); } #pnav .sub-menu > li > a, #community_switch .sub-menu > li > a { padding-right:10px; padding-left:20px; text-align: right; background: rgba(38, 148, 17, 1); color: #f2f2f2; white-space: pre; } #pnav_profil.sub-menu > li > a, #pnav_new.sub-menu > li > a {padding-right: 20px;} .profil-name { color: #f2f2f2; } .mainnav-wrapper { background-color:rgba(109, 107, 105, 0.15);} .mainnav-wrapper .ym-wbox { display: flex; align-items: flex-start; justify-content: space-between; } #mainnav { display: flex; z-index: 198; } #mainnav ul { width: initial; left: initial; } #mainnav > li { position:relative; z-index: 199; } #mainnav li:hover { background: rgba(30, 144, 8, 0.73); } #mainnav li:hover a { color: #fff; border-bottom-color: transparent; } #mainnav li a { margin: 0; padding-left: 22px; padding-right: 22px; background: none; color: #796a64; opacity:1!important; } #mainnav li a:hover { background: rgba(222,144,19,.8); } #mainnav ul { display:none; top:initial; justify-content: flex-end; background: initial; } #mainnav .sub-menu li{float:initial;} #mainnav li:hover ul { display:block; z-index:20; } #mainnav .sub-menu > li a { background: rgba(30, 144, 8, 0.73); } #mainnav .sub-menu > li a:hover { background: rgba(222,144,19,.8); } nav li a { line-height:50px; padding:0 15px; display: block; color:#fff; } nav li.current-menu-item > a, nav li.current-page-ancestor > a { border-bottom-color: rgba(242, 147, 36, 0.8); } nav .current-page-ancestor li.current-menu-item > a { border-bottom-color: transparent; } #mainnav li.current-page-ancestor > a:hover, #communities li.current-menu-item > a { border-bottom-color:transparent; } #mainnav li.current-page-ancestor li.current-menu-item > a { background-color: #50B3DD; color:#fff; cursor:default; } .menu-item-has-children > .sub-menu-link, #menue_button { display: none; } #mainnav li a { line-height:96px; font-size:112%; } #mainnav .sub-menu a { line-height: 55px; white-space: nowrap; } .menu-item-has-children > .sub-menu > li a { background: #53BEEB; } #main_cwrapper { z-index:initial; } nav li a { padding: 0 15px; } /* content */ .box-tmpl-transp-bg .entry {padding: 26px 30px 30px;} .box .entry { padding: 23px 30px; } .events-list li, article.box.eventfeature { padding: 1.5em; } /** lists etc in posts */ .entry ol, .entry ul { margin-top: 1em; } }