/* rot #c53225 bgr grau #ECECEC schrift grau #8f908f */ /* Reset */ html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}:focus{outline:0;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}.clear{clear:both;height:0;width:0;margin:0;padding:0;}.no,.ausblenden{display:none;}audio,canvas,iframe,img,svg,video{vertical-align: middle;} header,section,footer,aside,nav,article,figure { display: block; } /* Sections */ .section { position: relative; padding: 40px 0; } .section.notop { padding-top: 0; } .section.nobottom { padding-bottom: 0; } #footer, .kontaktbox, .greybg { background: #eee; } .whitebg { background: #fff; } .redbg { background: #c53225; } .greenbg { background: #95C11F; } .greenbg * { color: #fff; } .greenbg input { color: #555; } .home #footer, .home .kontaktbox, .absfooter #footer, .absfooter .kontaktbox, .home .eventslidersection, .txt-sidebar.greybg.noprint + .kontaktbox { background: #fff; } .darkbg { background: #f4f4f4; } .textcenter { text-align: center; } .bigger { font-size: 1.2em; } img { max-width: 100%; height: auto; } /* Rows */ .r { position: relative; margin: 0 auto; padding: 0; width: 980px; } .r:before, .r:after { content: ""; display: table; } .r:after { clear: both; } .content:before, .content:after { content: ""; display: table; } .content:after { clear: both; } .content.padding { padding: 20px; } /* Desktop Columns */ .box, .d75, .d66, .d60, .d50, .d40, .d33, .d25 { float: left; } .box.floatright { float: right; } .d100 { width: 100%; position: relative; } .d100notsuperfull { width: 80%; margin-left: 10%; } .d100schmal { margin-left: auto; margin-right: auto; max-width: 615px; float: none; } .d75 { width: 75%; } .d66 { width: 66%; } .d60 { width: 60%; } .d50 { width: 50%; } .push50 { margin-left: 50%; } .d40 { width: 40%; } .d33 { width: 32%; } .d33.count2 { margin-left: 2%; margin-right: 2%; } .d25 { width: 25%; } .d-hide { display: none; } .box img { max-width: 100%; height: auto; } .padcud .content { padding-top: 30px; padding-bottom: 30px; } .padtop30 { padding-top: 30px; } .padbottom30 { padding-bottom: 30px; } /* Full Width */ .section.full-width .box { float: none; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } /* Sektion Text Mittig */ .txtmittig .normalbox { max-width: 760px; margin-left: auto; margin-right: auto; } /* Sektion dreidrittel */ .dreidrittel .box { width: 30%; } .dreidrittel .box2 { margin-left: 5%; margin-right: 5%; } /* Sektion txt-sidebar */ .txt-sidebar .box1 { width: 67%; margin-right: 3%; } .box1.hasnosidebar { width: 100% !important; margin-right: 0; float: none; } .txt-sidebar .box2 { width: 30%; } .txt-sidebar .box2.is_stuck { margin: 0; } /* Sektion catteaser */ .catintro .box1 { width: 65%; } .catintro .box2 { width: 30%; margin-left: 5%; } /* Sektion eindrittelzweidrittel */ .eindrzweidr .box1 { max-width: 30%; width: auto; margin-right: 3%; float: left; } .eindrzweidr .box2 { width: 67%; float: left; } @media only screen and (min-width: 740px) { .eindrzweidr.pos-pic-right .box1 { float: right; margin-right: 0; margin-left: 3%; } } /* Sektion halfhalf */ .half { float: left; width: 47%; } .half.first { margin-right: 3%; } .half.last { margin-left: 3%; } /* Pic-100 */ .pic-100 { text-align: center; } /* Sektion 50% */ .txt-sidebar .d50.float1 { width: 47%; margin-right: 3%; margin-bottom: 30px; margin-top: 30px; } .txt-sidebar .d50.float2 { width: 47%; margin-left: 3%; margin-bottom: 30px; margin-top: 30px; } @media only screen and (min-width: 768px) { .d50.float1,.d50.float2 { margin-top: 30px; } } .d50 p.descr { font-size: 14px; margin-top: 10px; line-height: 1.2; } /* Sektionsabstände */ /*.section.catintro + .section.cards { padding-top: 0; }*/ /* contentblock */ h1 + .box, .contentblock + h1, .contentblock + h2, .contentblock + h3, .contentblock + h4, .contentblock + h5, .contentblock + ul, img + .contentblock, p + .contentblock, ul + .contentblock, .contentblock + ul, .contentblock + p { margin-top: 20px; } /*.contentblock + .contentblock.steppager { margin-top: 0 !important; }*/ p + .contentblock, .contentblock + .contentblock { margin-top: 40px; } /* Boxes */ .content { } .content:before, .content:after { content: ""; display: table; } .content:after { clear: both; } ::selection { background: #ccc; color: #fff; text-shadow: none; } ::-moz-selection { background: #ccc; color: #fff; text-shadow: none; } /* Allgemein */ body { background: #fff; line-height: 1; } /*body.home { background-image: url('../img/bg/bg_ohne.jpg'); background-image: url('../img/bg/hg-dunkel.jpg'); background-position: top center; background-repeat: no-repeat; }*/ body,input,textarea,select { font-family: 'Roboto', Arial, Helvetica, Arial, sans-serif; font-weight: 400; color: #333; font-size: 16px; -webkit-text-size-adjust: 16px; -ms-text-size-adjust: 16px; } select { max-width: 100%; } p, li { line-height: 1.5; } .desktop .umbruch p { hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; } body.waitcursor, .waitcursor .button, .waitcursor a { cursor: wait !important; } /* Fonts */ b,strong,.font65 { font-weight: 500; } p b,p strong, li strong { color: #333; } .font66 { font-weight: 500; font-style: italic; } /* Überschriften */ h1,h2,h3,h4,h5,h6, .likeh1,.likeh2,.likeh3,.likeh4,.likeh5,.likeh6 { line-height: 1.3; color: #222; font-weight: 400; } h1,.likeh1 { font-size: 1.8em; /*color: #c53225;*/ } .home .likeh1.supersize { font-size: 2.2em; } .contentblock header h1, h2,.likeh2 { font-size: 1.5em; /*color: #c53225;*/ } h3,.likeh3 { font-size: 1.4em; } .moreteaser h1, h4,.likeh4 { font-size: 1.3em; } h5,.likeh5 { font-size: 1.2em; } h6,.likeh6 { font-size: 1.1em; font-weight: 500; } /* Links */ a { color: #c53225; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #000; } /* Invertierung */ .invert h1,.invert h2,.invert h3,.invert h4,.invert h5,.invert h6 { color: #fff; } .invert a, .invert p { color: #fff; } .invert a:hover { color: #000; } .box.invert, .teaser.invert { background: #c53225; } .box.invert.dunkelgrau { background: #666; } /* Abstände */ h1 + h2, h1 + h3, h2 + h3, h2 + h4, h3 + h4, h3 + h5, h4 + h5, h4 + h6, h5 + h6 { margin-top: 1em; } /*h4 + h5, h4 + h6 { color: #aaa; text-transform: uppercase; margin-top: .5em; }*/ p + ul, ul + p, h3 + a, p + img, h1 + img, h2 + img, h3 + img, h4 + img, h5 + img, h6 + img, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { margin-top: 1em; } li p + ul { margin-top: 0; margin-bottom: 20px; } ul + .contentblock, h1 + .contentblock, h2 + .contentblock, h3 + .contentblock, h4 + .contentblock, h5 + .contentblock, h6 + .contentblock, .contentblock + h1, .contentblock + h2, .contentblock + h3, .contentblock + h4, .contentblock + h5, .contentblock + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 2em; } h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, h1 + a img, h2 + a img, h3 + a img, h4 + a img, h5 + a img, h6 + a img, a + h1, a + h2, a + h3, a + h4, a + h5, a + h6, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 1em; } header + .seminartxtteaser, img + h1, img + h2, img + h3, img + h4, img + h5, img + h6, p + p, p + img, img + p, img + ul, ul + img, a + img, img + a, a + p, p + a { margin-top: 1em; } /* Shortcodes Images */ .gt-800 .raster { margin: 0 !important; display: block; float: left; width: 50%; height: 120px; text-align: center; line-height: 1; } .gt-800 .raster .helper { display: inline-block; height: 100%; vertical-align: middle; } .gt-800 .raster img { max-width: 70%; max-height: 80px; vertical-align: middle; } .lt-800 .raster { text-align: center; margin: 4em 0; } .lt-800 .raster img { max-width: 70%; } .seminartxtteaser h1 { margin-bottom: .5em; } /* Buttons */ .button-grey, .button { line-height: 2; cursor: pointer; background: #95c11f; border: 1px solid #95c11f; display: inline-block; padding: 0 15px; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; } .button:hover { background: #fff; color: #95c11f !important; } .button-grey { background-color: #fff; border-color: #777; color: #777; } .button-grey:hover { background-color: #777; color: #fff !important; } a.big { font-size: 1.05em; } .button-grey.big, .button.big { padding: 5px 25px; } .invert .button { background: #fff; color: #95c11f; } .invert .button:hover { color: #000 !important; } .button + .d-hide + .button-grey { margin-left: 20px; } /* Iconbuttons */ .iconbutton { } /* Header und Hauptmenü */ #header { background-image: url('../img/bg/hg-dunkel.jpg'); background-position: center center; background-repeat: no-repeat; padding: 34px 0; z-index: 5000; position: absolute; width: 100%; transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -o-transition: background 0.5s; } .home #header { background: none; } #header .r.border { border-top: #aaa 1px solid; border-bottom: #aaa 1px solid; padding-top: 15px; padding-bottom: 20px; transition: padding .2s, margin .2s; } .gt-768 #header .r.border { margin-top: 20px; } .gt-768 .home #header .r.border { margin-bottom: 20px; } #logo { float: left; line-height: 0; } #hauptnavi { padding-top: 5px; width: 520px; padding-right: 20px; float: left; } #heademail a:hover { color: #fff !important; text-decoration: underline; } #trusticons { display: none; } /* hideheader */ .hideheader #suchfeld, .hideheader #hauptnavi { display: none; } .postid-185 #trusticons, .hideheader #trusticons { display: block; width: 400px; height: 42px; float: right; text-align: right; } /* Hauptnavigation */ #mn { float: right; } #mn ul { padding: 0; } #mn ul ul { display: none; padding-top: 1px; background: #f4f4f4; position: absolute; margin-left: -1px; border-left: #efefef 1px solid; border-bottom: #efefef 1px solid; border-right: #efefef 1px solid; } #mn li { float: left; list-style: none; font-size: 16px; line-height: 1; } #mn li li { float: none; margin: 0; font-size: 16px; } #mn li + li { margin-left: 1px; } #mn li li + li { margin: 0; /*border-top: #ddd 1px solid;*/ } #mn li a { line-height: 2; display: block; text-decoration: none; color: #fff; padding-left: 20px; padding-right: 20px; text-transform: uppercase; } #mn li li a { padding: 5px 30px 5px 20px; color: #222; text-transform: none; } #mn li:hover ul { display: block; } #mn li li a:hover { color: #000; background: #f6f6f6; } /*#mn .current-page-ancestor > a,*/ /*#mn .current-themengebiet-ancestor > a,*/ #mn .current-themengebiet-ancestor a:hover, .single-event #mn .menu-item:first-child > a, .single-lehrgang #mn .menu-item:first-child > a, #mn li:hover > a, #mn .current-menu-ancestor > a, #mn .current-menu-item > a, #mn li li.current-menu-item a:hover, #mn li a:hover { color: #fff; background: #c53225; } #mn li li { background: #fff; } /* Megadropdown */ #addmegadropdown { display: none; } /*@media only screen and (min-width: 768px) { #menu-hauptnavigation .menu-item:first-child ul { padding-right: 460px; } #mn li.liteaser { display: none; position: absolute; top: 0; right: 0; width: 420px; padding: 20px 10px 0 20px; background: #f4f4f4; } #mn li.liteaser a { padding: 0; line-height: 1.2; } #mn li.liteaser a.button { display: inline-block; color: #fff; padding: 0 10px; line-height: 1.7; } }*/ /* Suche im Header */ #suchfeld { float: left; width: 260px; padding-top: 5px; float: left; display: block; position: relative; } #s { margin-top: 5px; text-indent: 10px; line-height: 2; height: 28px; font-size: 13px; width: 226px; border: none; } .ie #s { width: 210px; } #ssubmit { margin-top: 5px; margin-left: 0; width: 34px; height: 28px; } .ie #ssubmit { height: 30px; } #ssubmit { background-color: #C53225; border-color: #C53225; } #ssubmit:hover { background-color: #C53225; } #searchicon { color: #fff; position: absolute; margin: 10px 0 0 10px; z-index: 121; cursor: pointer; } #s::-webkit-search-cancel-button { display: none; } /* Externe Links */ #externlinks, #serviceinfo { position: absolute; right: 0; top: -35px; font-size: 13px; color: #fff; } #externlinks a { color: #fff; text-decoration: none; } #externlinks a:hover { color: #f4f4f4; } #serviceinfo { left: 0; right: auto; } #serviceinfo span { background: #fff; color: #333; padding-left: 5px; padding-right: 5px; } /* Sticky Header */ .gt-800 .sticky #header { position: fixed; z-index: 50000; top: 0px; padding: 10px 0; } .gt-800 .sticky #header .r.border { border: none; padding: 0; margin-top: 0; } .gt-800 .sticky #hauptnavi { padding-top: 15px; } .gt-800 .sticky #s, .gt-800 .sticky #ssubmit { margin-top: 15px; } .gt-800 .sticky #logo { padding: 10px 0; } .gt-800 .sticky #searchicon { margin-top: 20px; } .gt-800 .sticky #externlinks, .gt-800 .sticky #serviceinfo { display: none; } /* Video Startseite */ .slogan { padding-top: 160px; background-image: url('../img/bg/hg-dunkel.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover; } .slogan p, .slogan b, .slogan li { color: #fff; } .checklist li { margin: 15px 0; } .checklist + * { margin-top: 30px; } .slogan p.likeh1 { color: #fff; text-shadow: none; margin-bottom: 20px; } .videoarea .content { text-align: center; } .videoarea .likeh1 { margin-bottom: .5em; } #videoplaybtn { font-size: 80px; margin-bottom: 10px; color: #C53248; } #videoplaybtn:hover { opacity: 1; color: #000; cursor: pointer; } #videosection { padding-top: 70px; padding-bottom: 0; background: #fff; } .lt-768 #videosection { padding-top: 0; } #imagevideo { width: 100%; height: auto; padding: 0; margin: 0; border: none; background: #fff; } .section.absolute { position: absolute; width: 100%; z-index: 0; } .no-html5-video .hide-if-no-video { display: none; } .relative { position: relative; } .line { position: absolute; top: 0; width: 1.5px; height: 100%; background: #fff; } .line.right { right: 0; } .touch .line { display: none; } /* Startseite Themenboxen */ .themenbox a { border: #95c11f 2px solid; background-color: #95c11f; color: #fff; display: block; text-decoration: none; padding: 14px 0; } .themenbox a:hover { background-color: rgba(255,255,255,.9); color: #95c11f; } @media only screen and (max-width: 767px) { .themenbox + .themenbox { margin-top: 15px; } } @media only screen and (min-width: 768px) { .themenbox { width: 32%; float: left; margin-top: 10px; } .themenbox:nth-child(3n+2) { margin-left: 2%; margin-right: 2%; } } /* Misc */ .section header.highlight { background: #fff; padding: 10px; /*margin-bottom: 10px;*/ } .section header.highlight h1 { margin: 0; } .onlypic { line-height: 0; } img { max-width: 100%; height: auto; } img.full { max-width: 100%; width: 100%; height: auto; } ul { padding-left: 2em; margin-left: 0; } /*.txt-sidebar .box2 ul { padding-left: 1em; }*/ li { list-style: disc; margin: .1em 0; } .resetul ul { padding-left: 0; } .resetul li { list-style: none; margin-top: 0; margin-bottom: 0; } hr { border: none; height: 1px; background: #ECECEC; margin: 20px 0; } .captian { padding: 0.5em 0 1em 0; font-style: italic; color: #777; text-decoration: none; line-height: 1.2; } .captian a { color: #777; text-decoration: none; } .gt-800 a.phonenr { text-decoration: none; } #editpage { position: fixed; top: 0; left: 0; z-index: 12000; color: #aaa; } #editpage a { color: #aaa; } .editboxlink { position: absolute; right: 0; } .single-checkout #editpage,.search #editpage, .error404 #editpage { display: none; } /* Responsive Video */ * + .video-responsive, .video-responsive + * { margin-top: 20px; } .video-responsive { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; background: #f6f6f6; } .video-responsive-4-3 { padding-bottom: 75%; /* 4:3 */ } .video-responsive iframe, .video-responsive object, .video-responsive embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video-responsive video { height: auto; max-width: 100%; width: 100%; } /* Cards */ .card a { font-size: 1.08em; line-height: 1; text-decoration: none; width: 233px; display: block; background: #c53225; color: #fff; border: #c53225 1px solid; } .card a:hover { background: #fff; color: #c53225; } .card span { display: block; padding: 10px 0 10px 10px; line-height: 1; } .card { float: left; margin-left: 7px; margin-right: 6px; margin-top: 10px; } .card1 { margin-left: 0; } .card4 { margin-right: 0; } /* Startseite */ .home .section header.highlight { /*background: rgba(255,255,255,.5);*/ background: none; } .home .section header h1 { font-size: 1.3em; color: #fff; } .home .cards { padding-top: 40px; } /*.home .cards { background: rgba(255,255,255,.6); }*/ /* Sidebar runterrücken auf Themenseiten */ aside.runterruecken { padding-top: 2.8em; } /* Teaser */ .teaser, .widget { background: #f1f1f1; padding-bottom: 20px; } .widget { padding: 20px; margin-bottom: 20px; } .widget a { text-decoration: none; color: #000; } .widget .current-cat a, .widget a:hover { color: #c53225; } .widgettitle { margin-bottom: 20px; color: #000; font-size: 1.4em; } .widget ul { padding: 0 !important; } .widget li { list-style: none; padding: 0; } .teaser h1, .teaser h2, .teaser h3, .teaser h4, .teaser h5 { margin-top: 20px; } .teaser p, .teaser ul { margin-top: 1em; } .teaser .contentblock { padding: 20px 0;} .greybg .teaser { background: #fff; } .teaser img { margin-bottom: 5px; width: 100%; height: auto; } .teaser p, .teaser ul, .teaser h1, .teaser h2, .teaser h3, .teaser h4, .teaser h5, .teaser h6 { padding-left: 20px; padding-right: 20px; } .txt-sidebar .teaser + .teaser { margin-top: 20px; } .teaser ul { padding-left: 40px; } /* Socialbox */ .teaser.socialbox { background: none; } .teaser.socialbox .social { float: left; width: 15%; } .teaser.socialbox .social + .social { margin-left: 6.25%; } .teaser.socialbox .social .fa { width: 100%; } .social { display: block; line-height: 2; background: grey; text-decoration: none; color: #fff; cursor: pointer; } .social .fa { width: 30px; text-align: center; line-height: 2; } .social.single { max-width: 250px; } .social.facebook { background: #6175b5; } .social.facebook:hover, .social.facebook .fa { background: #3B559F; } .social.twitter { background: #5bc6f8; } .social.twitter:hover, .social.twitter .fa { background: #32B8F6; } .social.xing { background: #338383; } .social.xing:hover, .social.xing .fa { background: #006464; } .social.linkedin { background: #008cc9; } .social.linkedin:hover, .social.linkedin .fa { background: #005E93; } .social.google-plus { background: #D6594E; } .social.google-plus:hover, .social.google-plus .fa { background: #CF3225; } .social.envelope, .social.mail { background: #afafaf; } .social.envelope:hover, .social.envelope .fa, .social.mail:hover, .social.mail .fa { background: #9B9B9B; } /* Social Share */ .share { margin: 20px 0; } .share a { display: inline-block; line-height: 1; padding: 10px 20px; color: #fff; text-decoration: none; } .share a + a { margin-left: 10px; } .share .fa { margin-right: 10px; } .share .facebook { background: #6175b5; } .share .twitter { background: #5bc6f8; } .share .xing { background: #338383; } .share .linkedin { background: #008cc9; } .share .facebook:hover { background: #3B559F; } .share .twitter:hover { background: #32B8F6; } .share .xing:hover { background: #006464; } .share .linkedin:hover { background: #005E93; } @media only screen and (max-width: 768px) { .share .service { display: none; } .share .fa { margin: 0; } } .share + h1, .share + h2, .share + h3 { margin-top: 2em; } /* Kontaktbox */ .kontaktbox .r { background: #cbcbcb; background-color: #eee; } .kontaktbox p.smaller { font-size: 14px; } .kontaktbox + .kontaktbox { padding-top: 0; margin-top: -30px; } /*.kontaktbox .fa { position: absolute; margin-left: -23px; }*/ .kontaktbox .fa { margin-right: 5px; } .kontaktbox .content { padding: 15px; } .kontaktbox img + p { margin-top: 5px; } .kontaktbox .likeh5, .kontaktbox h5 { font-size: 1.15em; } /* Termintable */ .details.padding { padding: 20px; background: #fff; } .details.padding * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .details.padding + .details.padding { margin-top: 0; padding-top: 0; } .placeholderentry { padding: 10px; float: none; } .placeholderentry.p20 { float: left; width: 20%; } .placeholderentry.p40 { float: left; width: 40%; } .placeholderentry.p50 { float: left; width: 50%; } .placeholderentry input { width: 100% !important; max-width: none; } .placeholderentry input, .placeholderentry select { padding-top: 5px; padding-bottom: 5px; } table.termintable { width: 100%; } .termintable th { font-weight: bold; } .termintable td { padding: 10px 0; margin-top: 2px; } .termintable td.status { width: 5px; border-right: 10px #fff solid; } .termintable .s1 { background: #fff; } .termintable .s2 { background: blue; } .termintable .s3 { background: #c53225; } .explanation { color: #aaa; text-align: center; } .statusquad { display: inline-block; width: 10px; height: 10px; } /*tr.zusatz { display: none; }*/ tr.zusatz td { background: #f4f4f4; font-size: 12px; line-height: 16px; } tr.zusatz td.zusatzcontent { padding-left: 10px; } .zusatzcircle { color: #c53225; cursor: pointer; } .einzelterminauswahl { padding: 10px; background: #f1f1f1; } .einzelterminauswahl + .einzelterminauswahl { margin-top: 10px; } .einzelterminauswahl select { width: 100%; } /* Terminbox */ #terminblock { padding-top: 10px; } .terminbox { padding: 15px 20px; color: #333; } .terminbox .datum { font-weight: 500; margin-bottom: 3px; } .terminbox .datum, .terminbox .ort { float: left; width: 70%; } .terminbox .button { float: right; } .terminbox + .content { border-top: 1px solid #ECECEC; } .terminbox .status { float: none; } .terminbox .status.wenig { font-weight: 600; color: #E67309; margin-top: 5px; } .terminbox .status.ausgebucht { font-weight: 600; color: #c53225; margin-top: 5px; } .btnterminzusatz { color: #c53225; cursor: pointer; padding: 5px 0; } .terminzusatz { display: none; } .terminzusatz p { padding-left: 0; padding-right: 0; } .bigprice { font-size: 1.5em; font-weight: 500; } /* Highlights */ * + .farbe, .farbe + * { margin-top: 30px; } .farbe { padding: 30px; } .farbe.zoom p { font-size: 18px; } .farbe.opt1 h1,.farbe.opt1 h2,.farbe.opt1 h3,.farbe.opt1 h4,.farbe.opt1 h5,.farbe.opt1 h6, .farbe.opt1 p, .farbe.opt1 li, .farbe.opt1 strong, .farbe.opt1 * { color: #fff; } .farbe.opt1 .button { color: #fff; } .farbe.opt1 { background: #c53225; } .farbe.opt2 { background: #f6f6f6; } .farbe.opt3 { background: #c53225; } /* Rahmen */ .rahmen-left-right { border-left: #c53225 3px solid; border-right: #c53225 3px solid; } .rahmen-top { border-top: #c53225 3px solid; } .rahmen-top-bottom { border-top: #c53225 3px solid; border-bottom: #c53225 3px solid; } .rahmen-full { border: #c53225 3px solid; } /* More Events Teaserboxen am Ende der Seite */ .moreteaser { background: #fff; outline: #f1f1f1 1px solid; } .moreteaser a { text-decoration: none; color: inherit; display: block; height: 100%; } .moreteaser a:hover { color: #95C11F; } .moreteaser .content { padding: 10px; } /* Rabattteaser */ .rabattteaser { padding: 10px; color: #fff; background: #c53225; background: rgba(0,82,194,.8); margin: 10px 0; } .rabattteaser * { color: #fff; } /* Breadcrumb */ .breadcrump { padding-top: 185px; font-size: 14px; color: #aaa; } .breadcrump .content { line-height: 1.4; } .breadcrump .icon { vertical-align: -3px; margin-right: 5px; margin-left: 10px; } .breadcrump a { text-decoration: none; color: #aaa; } .breadcrump a:hover { color: #c53225; } /* Catintro */ .catintro .r { background: #fff; } .catintro header { margin-bottom: 0; } .catintro header h1 { color: #fff; } /* Seminarliste */ .seminarkat header { padding-left: 20px; } .seminarkat + .seminarkat { margin-top: 40px; } .seminartxtteaser { padding: 20px; } .seminartxtteaser + .seminartxtteaser { border-top: #ddd 1px solid; } .seminartxtteaser.lehrgang + .seminartxtteaser { border-top: none; } .seminartxtteaser.lehrgang + .seminartxtteaser.lehrgang { margin-top: 20px; border-top: #ddd 1px solid; } .seminartxtteaser h1 { font-size: 1.3em; color: #333; } .seminartxtteaser a { display: block; color: #777; text-decoration: none; } .seminartxtteaser a.sublink:hover { color: #c53225; text-decoration: underline; } .seminartxtteaser a:hover h1 { color: #c53225; } .seminartxtteaser:hover { background: #fff; } .seminartxtteaser .marker { position: absolute; line-height: 1.5; text-align: center; } .marker.neu { width: 40px; margin-left: -50px; background: #c53225; color: #fff; } .marker.aktuell { width: 60px; margin-left: -70px; background: yellow; } .search-results .seminarkat header { margin-bottom: 10px; } .seminartxtteaser.lehrgang { border: #ddd 1px solid; } /* Lexikon */ .lexikonliste { margin: 30px 0; } .lexikonliste li.char { list-style: none; padding-left: 0; margin-left: -1em; text-transform: uppercase; } .lexikonliste li + li.char { margin-top: 2em; } /* Zitat */ .zitat { padding: 10px 40px; background: #fff; margin-left: 0; margin-right: 0; } .zitat p { font-size: 1.2em; line-height: 1.5; font-style: italic; /*font-family: Georgia, "Times New Roman", Times, serif;*/ } .zitat .autor { margin-top: 10px; text-align: right; color: #aaa; } .whitebg .zitat { border-top: none; } .zitat + .zitat { margin-top: 0; } /* Downloadliste */ ul.download { padding: 20px 0; } ul.download li { list-style: none; padding: 5px 0; } ul.download .fa { color: #c53225; } ul.download a { text-decoration: none; padding-left: 5px; } ul.download a:hover { text-decoration: underline; } .downloadpage .kontaktbox, .downloadpage #footer .section.whitebg { display: none; } /* Referentteaser */ header + .referentteaser { margin-top: 20px; } .referentteaser .pic { line-height: 0; width: 20%; float: left; margin-right: 5%; } .referentteaser .content { width: 70%; float: left; padding: 0; } .referentteaser + .referentteaser { margin-top: 20px; } /* Referentenliste */ #reflistresults { margin-top: 20px; } #reflistlink { padding: 20px 0; } #reflistlink li { text-transform: uppercase; list-style: none; margin: 0 0 10px 0; width: 23px; text-align: center; float: left; } #reflistlink a { text-decoration: none; } .refbigteaser + .refbigteaser { padding-top: 40px; margin-top: 40px; border-top: #eee 1px solid; } .refbigteaser .refpic { float: left; margin-right: 20px; max-width: 200px; } .refbigteaser .refpic img { width: 100%; height: auto; } /* Tabmodul */ .tabmodul { background: #fff; padding-top: 0; } .gt-768 .tabmodul { padding-bottom: 0; } .tab header h1 { margin-bottom: 0; color: #fff; } .tab .content { background: #f1f1f1; padding: 20px; } .tabbuttonlist { width: 30%; float: left; } .tabbuttonlist ul { padding: 0; margin-top: 10px; } .tabbuttonlist li { list-style: none; cursor: pointer; border-right: 1px solid #fff; padding: 1em; margin: 0; background: #f1f1f1; } .tabbuttonlist li .big { font-size: 1.1em; } .tabbuttonlist li .subtitel { font-size: 14px; display: block; padding: 5px; } .tabbuttonlist li + li { margin-top: 2px; } .tabbuttonlist li:hover, .tabbuttonlist li.active { border-color: #c53225; background: #c53225; color: #fff; } .tabbuttonlist li .fa { margin-right: 10px; } .ready .tab { width: 70%; float: right; position: relative; } .ready .tab.ausfaden { position: absolute; right: 0; } .notready .tabbuttonlist, .ready .tab header { display: none; } .notready .tab header { background: #fff; padding: 10px; margin-bottom: 1px; background: #c53225; } .tab.collapsed { max-height: 800px; overflow: hidden; } .collapsfield { position: absolute; cursor: pointer; top: 600px; height: 200px; width: 100%; background-image: url(../img/bg/tab-overflow.png); } .collapsicon { width: 50px; margin: 0 auto; margin-top: 140px; font-size: 2em; color: #c53225; } /* Toggle */ .js .toggle.closed .togglecontent, .toggle.closed .fa-minus, .toggle.open .fa-plus { display: none; } .toggle.open .fa-minus, .toggle.closed .fa-plus { display: inline-block; } .toggletitel { background: #f4f4f4; padding: 10px; color: #333; cursor: pointer; } .toggletitel:hover { color: #fff; background: #c53225;} .toggle { margin: 40px 0; } .toggle + .toggle { margin-top: -20px; } .togglecontent { padding: 20px 0; } /* Togglebox */ .togglebox { margin: 30px 0; background-color: #fff;; padding: 20px; } .togglebox .show-more { color: #c53225;; cursor: pointer; text-decoration: underline; } .togglebox .toggleboxcontent { display: none; margin-top: 15px; } /* Galerie */ .galerie { display: none; margin: 20px 0; } .galerie.slick-initialized { display: block; } /* Eventslider Startseite */ .eventslidersection { padding-top: 0; } .js .eventslider { display: none; } .eventslider .content { } .eventslider.slick-initialized { display: block; } .no-js .ebox { height: 400px; overflow: hidden; } .eboxpic img { margin: 0 !important; width: 100%; height: auto; } .no-js .ebox { width: 30%; float: left; } .no-js .ebox:nth-child(3n+2) { margin-left: 5%; margin-right: 5%; } .eventslider.slick-initialized .ebox .content { padding: 0 10px; } .no-js .eventslidersection + .greybg { margin-top: -3em; } .gt-768 .eventslider .slick-slide .escontent{ position: relative; min-height: 180px; } .gt-768 .eventslider .slick-slide .button { position: absolute; bottom: 0; } /* Blog */ .entry { padding: 40px 0; } .entry + .entry { border-top: #ccc 1px solid; } .entry h1 { font-size: 1.5em; } .entry p, .entry h1 { padding-left: 100px; } .tags { padding-left: 1em; } .tags li { list-style: none; } .tags li a { text-decoration: none; } .navigation.pagination { margin: 2em 0; } .screen-reader-text { display: none; } .page-numbers { text-align: center; display: inline-block; min-width: 20px; padding: 0 5px; line-height: 20px; background: #fff; text-decoration: none; border: #C53225 1px solid; } .page-numbers.current { background: #C53225; color: #fff; } .page-numbers.next,.page-numbers.prev { border: none; } .circlepic { position: absolute; width: 80px; height: 80px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; overflow: hidden; background-size: auto 110%; background-position: top center; } /* Checklist */ .checklist li { font-size: 1.2em; list-style: none; padding-left: .5em; } .checklist li:before { position: absolute; content:"\f00c"; font-family: "FontAwesome"; margin-left: -1.5em; color: #95c11f; } /* Inhouseteaser auf Eventseiten */ @media only screen and (max-width: 1280px) { #inhouseteaser { display: none; } } @media only screen and (min-width: 1280px) { #inhouseteaser { position: absolute; right: 0; margin-right: -100px; width: 220px; background: #fff; padding: 20px; } #inhouseteaser .focus { position: absolute; margin-top: -195px; } } /* Seminarkacheln */ .eventkachelslider header h1 { font-size: 18px; font-weight: 500; } .eventkachelslider header h1 a:hover { text-decoration: underline; } .gt-768 .eventkachelslidercontainer { transform: translateX(-10px); } .eventkachelslider + .eventkachelslider { margin-top: 60px; } .eventkachelslider .slidercontainer { overflow: hidden; } .seminarkachel { position: relative; float: left; } .seminarkachel a { overflow: hidden; display: block; text-decoration: none; color: #111; display: block; height: 100%; background: #e4e4e4; margin: 10px; padding: 20px; height: 210px; } .lt-768 .eventkachelslider header { padding-left: 20px; } .seminarkachel h1 { font-size: 20px; } .seminarkachel .more { position: absolute; right: 20px; bottom: 20px; background: #95c11f; color: #fff; padding: 5px 10px; border: 2px solid #95c11f; } .seminarkachel:hover .more { background: #fff; color: #95c11f; } .noslick .seminarkachel { width: 326px; } .seminarkachel.neu:after { content:"Neu"; position: absolute; background: #c53225; color: #fff; padding: 2px 15px; text-align: left; left: 10px; bottom: 20px; } .seminarkachel.aktuell:after { content:"Aktuell"; position: absolute; background: yellow; padding: 2px 10px; text-align: left; left: 10px; bottom: 20px; } .seminarkachel .postkat { display: block; font-size: 14px; color: #aaa; } /* Booking */ .postid-185 #hauptnavi, .postid-185 #suchfeld { display: none; } .postid-185 .txt-sidebar { padding-top: 200px; } .postid-185 .box1 .content .content { padding: 15px; } .no-js #booking, .postid-185 #footer .whitebg, .postid-185 .kontaktbox { display: none; } .eventfacts + .eventfacts, .lehrgangbox + .lehrgangbox, .eventcombi { margin-top: -30px; } .lehrganginfos + h1 { margin-top: 20px; } #process { background: #fff; padding: 10px; border-top: 5px solid #c53225; } #process li { line-height: 20px; float: left; } #process li + li { margin-left: 40px; } #process .nr { background: #777; color: #fff; display: inline-block; width: 20px; height: 20px; border-radius: 10px; text-align: center; margin-right: 10px; } #process .active .nr { background: #c53225; } #process .active { font-weight: 500; color: #c53225; } td { padding: .5em 0; } td.label { width: 140px; } .eventfacts, .lehrgangbox { background: #fff; padding: 10px; margin-top: 10px; margin-bottom: 40px; } .pflichtinfo { padding: 1em 0; } /* Steps */ .step { margin-top: 10px; display: none; } .iscombined .eventcombi { display: none; } /* Teilnehmer */ .teilnehmer.template { display: none; } .teilnehmer header, .preis header, .danke header { background: #fff; position: relative; border-top: 5px solid #c53225; cursor: pointer; margin-bottom: 10px; } .teilnehmer .highlight, .rechnung .highlight, .preis .highlight, .danke .hightlight { margin-bottom: 10px; } .teilnehmer header .helptext { position: absolute; right: 10px; margin-top: 3px; } .helptext span { display: none; color: #CCC; } header:hover .helptext span { color: inherit; } .open .helptext .isopen, .collapsed .helptext .iscollapsed { display: block; } .teilnehmer.first.init .helptext { display: none; } .teilnehmer.first.init header { cursor: inherit; } .teilnehmer .content, .preis .content, .danke .content { background: #fff; } .teilnehmer.collapsed .content, .teilnehmer.collapsed .circleicon { display: none; } .teilnehmer .delete { text-align: right; } .teilnehmer .delete a { color: red; cursor: pointer; } .contentblock.addclient { margin-top: 10px; } .teilnehmer.form.result .hideinoverview, .onlyprint { display: none; } /* Steppager */ .steppager { margin-top: 3em; } .steppager .last { text-align: right; } /* Konfiguration */ .konfis { float: left; width: 410px; } .konfi { border-left: 5px solid #fff; padding-left: 5px; /* padding: 10px; background: #fff; border-top: 5px solid #c53225;*/ } .konfi + .konfi { margin-top: 30px; } .konfi + p { margin-top: 30px; padding-left: 10px; font-style: italic; } p + .konfi { margin-top: 10px; } .konfi h5 { margin-bottom: 10px; } .konfi p { padding-left: 1.5em; } .konfi p input { position: absolute; margin-left: -1.5em; margin-top: 1px; } .konfi.error { border-color: red; } .konfi .errormessage { display: none; padding: 10px 0 0 0; color: red; font-weight: 500; } .konfi.error .errormessage { display: block; } .konfis .formfield + .formfield { margin-top: 10px; } .teilnehmer.form.result .konfis .formfield { margin-bottom: 5px; } .newsletterjanein { margin-left: 0px; } .togglecheckboxcontent { padding: 10px; background: #f6f6f6; margin: 25px 0 0 0px; width: 391px; display: none; } .togglecheckboxcontent.active { display: block; } .togglecheckboxcontent .auswahl { width: 50%; height: 25px; float: left; overflow: hidden; } .togglecheckboxcontent input { position: relative !important; margin: 0 !important; } .newsletter .show-when-newsletter-okay { display: none; } .newsletter.wants-newsletter .show-when-newsletter-okay { display: block; } .newsletter.wants-newsletter ul { padding: 10px 0 0 10px; } .newsletter.wants-newsletter ul li { list-style: none; } /* Rechnungsanschrift */ .rechnung header { border-top: 5px solid #c53225; } .rechnung .content { background: #fff; } /* Preisanzeige in der Sidebar */ #preisanzeige { padding: 20px; } #preisanzeige .preis { padding: 5px 0; overflow: hidden; } #preisanzeige .preis .label { float: left; width: 60%; } #preisanzeige .preis .data { float: left; width: 40%; text-align: right; } .preis.gesamtstumme { font-weight: 500; } .preis.person + .preis.rabatt, .preis.person + .preis.summenetto, .preis.mwst { margin-top: 10px; } /* Superzoom */ #superzoom { display: table; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 14500; background: #000; background: rgba(0,0,0,.5); cursor: pointer; } #innersuperzoom { display: table-cell; vertical-align: middle; text-align: center; } #innersuperzoom img { background: #fff; max-width: 900px; height: auto; } /* To Top */ .lt-1280 #toplink { display: none; } #toplink { z-index: 2000; position: absolute; right: 20px; margin-top: -60px; display: block; width: 40px; height: 40px; line-height: 40px; border: #c53225 1px solid; background: #c53225; color: #fff; text-align: center; } #toplink:hover { cursor: pointer; color: #c53225; background: #fff; } /* Suchform auf Suchseite */ #sform { margin-bottom: 30px; } #suchlupe { position: absolute; margin: 7px 0 0 5px; } #searchfield { text-indent: 20px; } /* Footer */ #footer .section { padding: 20px 0; line-height: 1; } #footer .codeinfobox .content { padding-left: 20px; } #footer .section + .section { margin-top: 40px; } #footer .darkbg a, #footer .darkbg { color: #666; text-decoration: none; } #footer a:hover { text-decoration: underline; } #fn ul { float: right; } #fn li { float: left; margin-left: 20px; } .absfooter #footer .section.darkbg { position: absolute; width: 100%; bottom: 0px; } #econdatracking { margin: 20px; padding: 20px; background: #f6f6f6; color: #333; } .search-results #footer .section { display: none; } .search-results #footer .section.darkbg { display: block; } /* BottonLine */ #bottomline { position: fixed; bottom: -100px; left: 0; width: 100%; z-index: 2500; background: #ccc; background: #000; color: #fff; padding: 20px 0; -ms-transition: bottom .5s; -moz-transition: bottom .5s; -webkit-transition: bottom .5s; transition: bottom .5s; } #bottomline .button { margin-left: 10px; } #closebl { position: absolute; cursor: pointer; top: 0; right: 10px; width: 30px; font-size: 20px; text-align: center; line-height: 30px; } #closebl:hover { color: #C53225; } .showbottomline #bottomline { bottom: 0px; } .closeToFooter #bottomline { bottom: -100px; } /* Clear floats */ .togglecontent:after { content:"."; width: 0; height: 0; overflow: hidden; visibility: hidden; clear: both; } hr,h1,h2,h3,h4,h5,h6 { clear: both; } /* Formulare */ input[type="submit"] { margin-left: 1em; line-height: 28px; border-radius: 0; background: #95c11f; color: #fff; cursor: pointer; border: 1px solid #95c11f; padding: 0 10px 0 10px; text-align: center; vertical-align: middle; text-decoration: none; } .absenden input[type="submit"] { margin-left: 0; } input[type="submit"]:hover { background: #fff; color: #95c11f; } input [type="text"],input [type="search"],input [type="email"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select, textarea, input[type="text"], input[type="number"], input[type="search"], input[type="email"], input[type="tel"], input[type="password"] { border-radius: 0; width: 400px; vertical-align: middle; padding: 5px 5px; border: 1px #ccc solid; background: #fff; line-height: 1; } input[type="number"], input[name="plz"] { width: 100px; } input[type="submit"], input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select, input.autowidth { width: auto; } textarea { height: 6em; } .bigform input[type="submit"] { font-size: 16px; padding: 0 10px; height: 35px; font-weight: 500; } .bigform input[type="search"], .bigform input[type="text"] { font-size: 16px; padding: 0 10px; height: 31px; min-width: 300px; } .greenbg input[type="submit"] { background: #fff; color: #95c11f; border-color: #fff; } .greenbg input[type="submit"]:hover { background: inherit; color: inherit; } ::-webkit-input-placeholder { color: #ccc; } :-moz-placeholder { color: #ccc; opacity: 1; } ::-moz-placeholder {color: #ccc; opacity: 1; } :-ms-input-placeholder { color: #ccc; } ::-ms-input-placeholder { color: #ccc; } label { display: block; float: left; width: 190px; padding-right: 5px; vertical-align: middle; } /* contact form 7 correction */ form.wpcf7-form label { display: inline; float: none; width: auto; } span.formfield { display: block; float: left; width: 420px; } .checkbox span.formfield { width: 400px; } .detail { overflow: hidden; } .detail + h4 { margin-top: 20px; } .normalform h4 { margin-bottom: 10px; } .normalform .formfield { width: 400px; } .normalform .checkbox .formfield p { line-height: 1; } /*.normalform label { hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; }*/ .detail.checkbox .formfield { padding-left: 25px; } #result .detail.checkbox .formfield { padding-left: 0; } .detail.checkbox input { position: absolute; margin-left: -25px; margin-top: 0; } .detail.textarea label { vertical-align: top; } .detail.error label { color: #c53225; } .form .detail { padding: .5em 0 .5em 0; } .form .detail.gap { margin-top: 1em; padding-top: 1.5em; /*border-top: #ddd 1px solid;*/ } .form input.long { width: 280px; } .form input.short { width: 100px; } .form input + input { margin-left: 10px; } .detail.newsletter { padding-left: 190px; } .detail.newsletter label { position: absolute; margin-left: -190px; } .rechnung.result .togglecheckboxcontent { display: none !important; } .normalform { background: #f4f4f4; padding: 20px; margin-top: 20px; } .normalform.sending .absenden { display: none; } /* More Info Form */ .moreinfosform form { margin-top: 20px; } .moreinfosform input { max-width: 250px; } .moreinfosform input + input { margin-left: 20px; } #moreinfosubmit { width: auto; } #msearchbtn, #suchli, #mn .munternavi, #mmenubtn { display: none; } /* Slick Basics */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before,.slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-slide img { margin-left: auto; margin-right: auto; max-width: 100%; height: auto; } /* Slick Dots */ .slick-dots { position: relative; margin-top: 20px; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; background: #777; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 5px; } .slick-dots li.slick-active { background: #c53225; } .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: none; outline: none; background: none; } .wdmdot { line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: #000; } .lt-768 .lt-768 .slick-dots { position: relative; margin-top: 20px; width: 100%; padding: 0; list-style: none; text-align: center; } .lt-768 .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; background: #777; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 10px; } .lt-768 .slick-dots li.slick-active { background: #c53225; } .lt-768 .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 10px; cursor: pointer; color: transparent; border: none; outline: none; background: none; } .lt-768 .wdmdot { line-height: 20px; position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; content: "•"; text-align: center; opacity: 0.25; color: #000; } /* Slick prev next */ .slick-next,.slick-prev { position: absolute; z-index: 10000; top: 40%; color: #333; line-height: 50px; font-size: 30px; border: none; width: 50px; height: 50px; cursor: pointer; opacity: .5; } .desktop .slick-next, .desktop .slick-prev { opacity: .5; } .desktop .slick-slider:hover .slick-next, .desktop .slick-slider:hover .slick-prev { opacity: 1; } .slick-prev.slick-disabled, .slick-next.slick-disabled { visibility: hidden; cursor: normal; } .slick-next { right: -80px; } .slick-prev { left: -80px; text-align: right; } .lt-1280 .eventslider .slick-next { right: -60px; } .lt-1280 .eventslider .slick-prev { left: -60px; } /* .lt-1280 .eventslider .slick-next,.lt-1280 .eventslider .slick-prev { top: -45px; } .lt-1280 .eventslider .slick-next { right: 0; } .lt-1280 .eventslider .slick-prev { left: auto; right: 100px; }*/ .galerie .slick-next { opacity: 1; right: 10px; color: #fff; text-align: right; } .galerie .slick-prev { opacity: 1; left: 10px; color: #fff; text-align: left; } .box2 .slick-next, .box2 .slick-prev { top: 33%; } /* iPad */ @media only screen and (max-width: 1100px) { .marker { position: relative !important; margin: 0 0 5px 0 !important; } } /* iPad Portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .mega-menu li { font-size: 1.1em; } } /* Mobile Screens */ @media only screen and (max-width: 768px) { body { font-size: 100%; line-height: 1.2; } #suchfeld, .terminbuchen, #editpage,.editboxlink { display: none; } .d-hide { display: block; } tr.d-hide { display: table-row; } .button-grey,.button, body,input,textarea,select,p { -webkit-text-size-adjust: none; } .button-grey.big, .button.big, .button-grey, .button { line-height: 1.5; padding-top: 5px; padding-bottom: 5px; font-size: 1.1em; } /*.button-grey.big, .button.big { font-size: 1.15em; }*/ body,.greybg { background: #fff !important; } .kontaktbox .content, .content { padding: 20px; } .r { width: 100%; padding: 0; min-width: 0; max-width: none; } .half, .txt-sidebar .d50.float1, .txt-sidebar .d50.float2, .box1, .box2, .d100, .d100notsuperfull, .d100schmal, .d75, .d66, .d60, .d50, .d40, .d33, .d25 { width: 100%; margin-left: 0 !important; margin-right: 0 !important; padding: 0; float: none; } .mtextright { text-align: right; } .half.last { padding-top: 2em; } .push50 { margin-left: 0; } .box,.box1,.box2,.box3,.box4 { width: 100% !important; max-width: 100% !important; float: none; margin: 0 !important; overflow: hidden; } .m25 { float: left; width: 25% !important; margin-right: 5% !important; } .m33 { float: left; width: 33% !important; } .m50 { float: left; width: 50% !important; } .m75 { float: left; width: 70% !important; } .m-hide { display: none; } .section { padding: 0; } .section + .section { margin-top: 50px; } .catintro + .eventslidersection, .eventslidersection + .section, .slogan + .section { margin-top: 20px; } .section.breadcrump + .section, .section + .section.breadcrump, .section.tabmodul + .section.txtmittig, .section + .slogan { margin-top: 0; } .section.tabmodul + .section.txtmittig { padding-top: 0; } .section + .kontaktbox { margin-top: 0; } .teaser .box1.onlypic { padding-bottom: 10px; } .onlypic + .box2 { padding-top: 20px; } .home #header, #header { position: relative; padding: 0; background: #ccc; } #logo { padding: 10px; float: none; margin-top: 0; margin-bottom: 5px; } #header .r.border { padding: 5px 0; } .postid-185 #trusticons { display: none; } .hideheader #trusticons { width: 90%; padding-left: 5%; padding-right: 5%; float: none; } #msearchbtn { display: block; position: absolute; top: 16px; right: 70px; font-size: 36px; color: #c53225; z-index: 10000; cursor: pointer; } #mmenubtn { display: block; position: absolute; top: 16px; right: 20px; font-size: 40px; color: #c53225; z-index: 10000; cursor: pointer; } #hauptnavi { display: none; float: none; padding: 0; margin: 0; width: auto; margin: 10px 0 50px 0; } #mn, #mn li { float: none; background: #fff; } #mn li ul { display: block; position: relative; } #mn li li { padding: 0; text-indent: 20px; } #mn ul ul { padding: 0; border: none; background: #fff; } #mn li { margin: 0 !important; padding: 0; } #mn a { line-height: 1.3; color: #333 !important; padding: 5px 0; } #suchfeld { background: #f4f4f4; float: none; width: 100%; height: auto; padding: 10px; } #s { margin: 0; width: 78%; } #ssubmit { margin: 0; height: 42px !important; width: 42px; } #searchicon { margin: 12px 0 0 12px; } .home .section.cards.notop { padding-top: 0; margin-top: 0; } .search-results .section.breadcrump + .section.txt-sidebar { margin-top: -20px; } .resultcount { padding-left: 20px; } #sform { margin: 0; } #searchfield { width: 65% !important; min-width: 0; } #searchfield + input[type="submit"] { margin-left: 0; font-weight: 400; } .slogan p, .slogan b, .slogan { color: #000; text-shadow: none; } #videoplaybtn { color: #878786; } #videoplaybtn:hover { opacity: 1; color: #c53225; cursor: pointer; } .breadcrump .icon { margin-left: 5px; margin-right: 0; } #terminblock .likeh2 { padding-left: 20px; padding-bottom: 20px; } .txt-sidebar header, .seminarkat header, .catintro h1, .cards header { padding: 0 20px; } .d100notsuperfull.textcenter { text-align: left; } .home .section.slogan .content.padding, .home .section.slogan .content { padding-top: 30px; padding-bottom: 30px; } .home .likeh1.supersize { margin: 0; margin-bottom: -20px; } .card { width: 100%; margin: 0; } .card a { width: 100%; padding: 5px 0; } .card .content { padding: 0; } .card + .card { margin-top: 20px; } .box img { width: 100%; height: auto; } .button-grey, .button { font-size: 1em; } .button + .d-hide + .button-grey, .button + .button-grey { margin-top: 20px; margin-left: 0; } .seminarkachel a { height: auto; padding-bottom: 60px; display: block; } .kontaktbox .box1, .kontaktbox .icon, .kontaktbox .alleansprechpartner { display: none; } .kontaktbox .fa { margin-left: 0; position: relative; margin-right: 10px; } .txt-sidebar .box2 { background: #fff; } .refslide .content { padding: 20px; } #footer .section { margin-top: 0 !important;} #footer .darkbg .content { padding: 10px 20px; } #footer .darkbg .first { display: none; } #fn ul { float: none; } #fn li { margin-left: 0; margin-right: 20px; } .likeh2 + .terminbox { margin-top: -20px; } aside.runterruecken { padding-top: 0; } .eventslider { padding: 20px; } .moreteaser + .moreteaser, .seminartxtteaser + .seminartxtteaser { border-top: #eee 1px solid;} .seminartxtteaser .content { padding: 0; } .moreteaser .content { padding: 20px; } /* Sidebar */ .teaser p, .teaser h1, .teaser h2, .teaser h3, .teaser h4, .teaser h5, .teaser h6 { padding-left: 0; padding-right: 0; } .teaser ul { padding-left: 1em; } .widget { margin-bottom: 0; } .widget { border-bottom: #ccc 1px solid; } .txt-sidebar .teaser + .teaser { margin-top: 0; border-top: #ccc 1px solid; } /* Eingabefelder */ input,select,textarea { font-size: 20px !important; height: auto !important; } label { float: none; width: auto; margin-bottom: 10px; } /* Suchfelder */ #searchfield, #mn input[type="search"] { width: 300px; } /* Booking */ .postid-185 .txt-sidebar { padding-top: 0px; margin-top: 0; } .postid-185 #msearchbtn { display: none; } #process li { float: none; display: block; width: 100%; line-height: 24px; } #process li + li { margin-left: 0; margin-top: 4px; } #process .nr { width: 24px; height: 24px; border-radius: 100%; } .step .contentblock .content { padding: 0 !important; } .step .contentblock .content input { -webkit-box-sizing: border-box; box-sizing: border-box; } .step select, .step textarea, .step input[type="text"], .step input[type="email"], .step input[type="tel"] { width: 100%; padding-left: 0; padding-right: 0; } .step span.formfield { width: 100%; float: none; overflow: visible; } .step label { float: none; width: 100%; margin-bottom: 3px; margin-right: 0; padding: 0; } .details.padding { padding-left: 0; padding-right: 0; } a.big { font-size: 1em; } .togglecheckboxcontent { width: 100%; padding-right: 0; } .togglecheckboxcontent .auswahl { width: 100%; float: none; } .konfis { width: 100%; float: none; } .step input.long { width: 67%; } .step input.short { width: 30%; } .step input + input { margin-left: 3%; } .step span.formfield { width: 100%; float: none; } .steppager .last { text-align: left; } .steppager .first + .last { margin-top: 10px; } /* TQM #process li { float: none; } #process li + li { margin-left: 0; margin-top: 10px; } .step .contentblock .content { padding-left: 0; padding-right: 0; padding: 0; } .step .contentblock .content input { -webkit-box-sizing: border-box; box-sizing: border-box; } .step select, .step textarea, .step input[type="text"], .step input[type="email"], .step input[type="tel"] { width: 100%; } .step textarea { padding-right: 0; padding-left: 0; } .step input.long { width: 67%; } .step input.short { width: 30%; } .step input + input { margin-left: 3%; } .step span.formfield { width: 100%; float: none; } .steppager .last { text-align: left; } .steppager .first + .last { margin-top: 10px; } .step label { float: none; width: 100%; margin-bottom: 3px; */ } /* Ausdrucken */ @media only print { .breadcrump, #header, #footer, .kontaktbox { display: none; } } /* animate.css ################################################################## */ .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animatedslow { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .desktop .pochen .pochenitem > a { -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .desktop .pochen .pochenitem:hover > a { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } @-moz-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } @-o-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } /* Headinfo */ #headinfo { text-align: center; background-color: #eded00; padding: 15px; } #headinfo .fal { margin-left: 15px; } #headinfo a { color: #222; text-decoration: none; } #headinfo a:hover { text-decoration: underline; } /* Liana Form */ .lianaform + *, * + .lianaform { margin-top: 30px; } .lianaform .form-item { padding: 10px 0; } @media only screen and (max-width: 740px) { .lianaform .form-item input { max-width: 90%; } } @media only screen and (min-width: 740px) { .lianaform .type-submit { margin-left: 195px; } } /* Weihnachten */ @media only screen and (min-width: 1024px) { .weihnachten #logo { position: relative; } .weihnachten #logo:after { pointer-events: none; content:""; position: absolute; display: block; top: -20px; left: 143px; width: 51px; height: 36px; background: url('../img/muetze.png'); background-size: cover; } }