@font-face { font-family: PT Sans Narrow; src: url(fonts/pt_sans_narrow_regular.ttf); font-weight: 400; } @font-face { font-family: PT Sans Narrow; src: url(fonts/pt_sans_narrow_bold.ttf); font-weight: 700; } ::-moz-selection { background: #000; color: #fff; } ::selection { background: #000; color: #fff; } .clearfix:after { content: ""; display: table; clear: both; } body { cursor: default; margin: 0; font-family: 'PT Sans Narrow'; font-weight: 400; } body * { box-sizing: border-box; } /* header.clearfix START */ header.clearfix { display: block; padding: 15px; background-color: rgba(255, 255, 255, 0.9); } header.clearfix div.header-wrapper { max-width: 1500px; margin: 0 auto; } header.clearfix div.header-wrapper div.logo-wrapper { margin: 0 auto 20px; padding: 0 10px; max-width: 400px; } header.clearfix div.header-wrapper div.logo-wrapper a.logo { display: block; width: 75%; max-width: 260px; margin: 0 auto 10px; float: left; } header.clearfix div.header-wrapper div.logo-wrapper a.logo img { display: block; margin: 0; width: 100%; } header.clearfix div.header-wrapper div.logo-wrapper button.mobile-menu { display: block; width: 50px; height: 50px; border: none; outline: none; -webkit-appearance: none; background: transparent center center no-repeat url('../img/icon_menu.png'); cursor: pointer; float: right; } header.clearfix div.header-wrapper nav { display: none; font-family: 'PT Sans Narrow', sans-serif; } header.clearfix div.header-wrapper div.suche form._searchBoxArea_form { display: block; margin: 0 auto; /*width: 100%;*/ min-width: 190px; max-width: 290px; display: flex; } header.clearfix div.header-wrapper div.suche input[type="submit"] { display: block; margin: 0; padding: 0; border: none; border-radius: 0; width: 36px; height: 36px; outline: none; cursor: pointer; transition: all 0.3s ease; background: url('../img/icon_search.png') transparent no-repeat center center; } header.clearfix div.header-wrapper div.suche input[type="submit"]:hover { background-color: #eeeeee; } header.clearfix div.header-wrapper div.suche input[type="search"] { display: block; margin: 0; padding: 0 10px; border: none; border-radius: 0; outline: none; transition: all 0.3s ease; font-family: 'PT Sans Narrow', sans-serif; width: calc(100% - 36px); border-bottom: 3px solid #15a63b; font-size: 15px; letter-spacing: 1px; -webkit-appearance: none; background-color: transparent; } header.clearfix div.header-wrapper div.suche input[type="search"]:focus { background-color: #f1f1f1; border-color: #000; } @media all and(min-width: 500px){ header.clearfix div.header-wrapper div.logo-wrapper a.logo { width: 100%; } header.clearfix div.header-wrapper div.logo-wrapper button.mobile-menu{ margin: 10px 0 0 0; } } @media all and (min-width: 960px) { header.clearfix { position: fixed; top: 0; left: 0; right: 0; z-index: 10; } header.clearfix div.header-wrapper div.logo-wrapper { margin: 0 5px 0 0; padding: 0; max-width: none; float: left; } header.clearfix div.header-wrapper div.logo-wrapper button.mobile-menu { display: none; } header.clearfix div.header-wrapper div.suche { float: right; margin: 13px 0 0 0; } header.clearfix div.header-wrapper nav { display: block; /*max-width: 400px;*/ float: left; } header.clearfix div.header-wrapper nav > ul { display: block; margin: 0; padding: 0; } header.clearfix div.header-wrapper nav > ul > li { display: inline-block; } header.clearfix div.header-wrapper nav > ul > li > a { display: block; color: #000000; text-decoration: none; font-size: 16px; padding: 23px 18px; transition: all 0.3s ease; } header.clearfix div.header-wrapper nav > ul > li:hover > a{ color: #1ca744; background-color: #eee; } header.clearfix div.header-wrapper nav ul li a.navLev1_active{ color: #1ca744; } header.clearfix div.header-wrapper nav > ul > li > ul { opacity: 0; visibility: hidden; position: absolute; padding: 15px 20px; min-width: 200px; background-color: #ffffff; transition: all 0.3s ease; list-style: none; } header.clearfix div.header-wrapper nav > ul > li:hover > ul { visibility: visible; opacity: 1; } header.clearfix div.header-wrapper nav > ul > li > ul > li { border-bottom: 1px solid #eee; } header.clearfix div.header-wrapper nav > ul > li > ul > li:last-child { border-bottom: none; } header.clearfix div.header-wrapper nav > ul > li > ul > li > a { display: block; padding: 7px 10px; text-decoration: none; color: #15a63b; } header.clearfix div.header-wrapper nav > ul > li > ul > li > a:hover, header.clearfix div.header-wrapper nav ul li ul li a.navLev2_active{ color: #000000; } header.clearfix div.header-wrapper nav > ul > li > ul > li > ul { opacity: 0; visibility: hidden; position: absolute; padding: 15px 20px; min-width: 200px; background-color: #ffffff; transition: all 0.3s ease; list-style: none; top: 0; left:200px; } header.clearfix div.header-wrapper nav > ul > li > ul > li:hover > ul { visibility: visible; opacity: 1; } header.clearfix div.header-wrapper nav > ul > li > ul > li > ul > li { border-bottom: 1px solid #eee; } header.clearfix div.header-wrapper nav > ul > li > ul > li > ul > li:last-child { border-bottom: none; } header.clearfix div.header-wrapper nav > ul > li > ul > li > ul > li > a { display: block; padding: 7px 10px; text-decoration: none; color:#000000; } header.clearfix div.header-wrapper nav > ul > li > ul > li > ul > li > a:hover { color:#15a63b; } } @media all and (min-width: 1050px) { header.clearfix div.header-wrapper div.logo-wrapper a.logo { max-width: 290px; } header.clearfix div.header-wrapper nav > ul { margin: 0 0 0 20px; } header.clearfix div.header-wrapper nav > ul > li { margin: 0 5px; } } @media all and (min-width: 1200px) { header.clearfix div.header-wrapper nav > ul { margin: 0 0 0 30px; } } @media all and (min-width: 1310px) { header.clearfix div.header-wrapper div.suche { width: 340px; } } @media all and ( min-width: 1440px){ header.clearfix div.header-wrapper nav > ul > li { margin: 0 10px; } header.clearfix div.header-wrapper nav > ul > li > a { font-size: 19px; } } /* header.clearfix STOP */ /* SLIDER START */ div.slider { display: block; margin: 0 auto; } div.slider > img { display: block; margin: 0; width: 100%; } .slider img { height: auto!important; width: 100%!important; } .slider { width: 100%!important; } div.slider div.textbox { display: block; padding: 20px; background-color: rgba(238,238,238, 0.8); } div.slider div.textbox h2 { display: block; margin: 0; color: #15a63b; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; font-size: 33px; margin-bottom: 10px; } div.slider div.textbox p { display: block; margin: 0 0 7px 0; font-family: 'PT Sans Narrow', sans-serif; color: #000; font-weight: 400; font-size: 18px; } div.slider div.textbox ul{ margin-bottom: 0; display: block; } div.slider div.textbox ul li{ display: inline-block; content: url(../img/slider_symbol.png); padding: 0 20px; } div.slider div.textbox ul li.active{ content: url(../img/slider_symbol_active.png); } /*CORRECT FOR OWL SLIDER NAVI*/ .owl-dots { z-index: 20000!important; position: relative!important; } .owl-dots { margin-bottom: 0; display: block; } .owl-dot span { display: inline-block; content: url(../img/slider_symbol.png); padding: 0 20px; float: left; } .owl-dot.active span { content: url(../img/slider_symbol_active.png); } /*CORRECT FOR OWL SLIDER NAVI*/ @media all and ( min-width:1060px ){ div.slider div.textbox { position: absolute; width: 400px; top: 120px; left: 50px; z-index: 2; } } @media all and ( min-width:1420px ){ div.slider div.textbox { top: 200px; left: 100px; } } @media all and ( min-width:1700px ){ div.slider div.textbox { top: 300px; left: 350px; } } /* SLIDER STOP */ /* CONTENT START */ div.content{ display: block; width: 80%; margin: 25px auto; } div.content h1{ text-align: center; color: #15a63b; font-size: 35px; border-bottom: 2px solid #15a63b; margin: 30px auto; word-wrap: break-word; } div.content h2{ text-align: center; color: #15a63b; font-size: 35px; border-bottom: 2px solid #15a63b; margin: 30px auto; word-wrap: break-word; } div.content div.subcontent-wrapper-left h4{ color: #15a63b; font-size: 18px; word-wrap: break-word; margin:0; } @media all and ( min-width: 960px ){ div.content h1{ width: 50%; } div.content h2{ width: 50%; } } /* CONTENT WRAPPER 1 START */ div.content div.content-wrapper-1 div.content-wrapper-1-services{ margin: 15px 0; } div.content div.content-wrapper-1 div.content-wrapper-1-services a{ text-decoration: none; color: #000000; } div.content div.content-wrapper-1 div.content-wrapper-1-services a img{ width: 25%; height: auto; float: left; } div.content div.content-wrapper-1 div.content-wrapper-1-services a h3, div.content div.content-wrapper-1 div.content-wrapper-1-services a p{ margin: 0; width: 70%; float: right; padding-bottom: 15px; } div.content div.content-wrapper-1 div.content-wrapper-1-services h3{ color:#15a63b; } @media all and ( min-width: 520px){ div.content div.content-wrapper-1 div.content-wrapper-1-services a img{ width: 20%; } } @media all and ( min-width: 660px){ div.content div.content-wrapper-1 div.content-wrapper-1-services a img{ width: 15%; } } @media all and ( min-width: 770px){ div.content div.content-wrapper-1 div.content-wrapper-1-services a img{ width: 11%; } } @media all and ( min-width: 960px ){ div.content div.content-wrapper-1 div.content-wrapper-1-services a img{ width: 40%; float: none; } div.content div.content-wrapper-1 div.content-wrapper-1-services a h3, div.content div.content-wrapper-1 div.content-wrapper-1-services a p{ margin: 0; width: 100%; float: none; } div.content div.content-wrapper-1 div.content-wrapper-1-services{ width: 25%; float: left; text-align: center; opacity: 0.7; margin:0; } div.content div.content-wrapper-1 div.content-wrapper-1-services:hover{ opacity: 1; } div.content div.content-wrapper-1 div.content-wrapper-1-services a h3{ margin: 10px 0; } div.content div.content-wrapper-1 div.content-wrapper-1-services a p{ padding: 0 10px; } } .align-center { text-align:center; } /* CONTENT WRAPPER 1 STOP */ /* CONTENT WRAPPER 2 START */ div.content-wrapper-2 div.content-wrapper-2-news{ position: relative; max-width: 450px; margin: 10px auto; } div.content-wrapper-2 div.content-wrapper-2-news img{ width: 100%; height: auto; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner{ position: absolute; z-index: 9; top: 0; color:#ffffff; text-align: center; width:100% } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner h4{ margin:10px 0 0 0; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner p{ font-size: 15px; padding: 15px; } div.content-wrapper-2 div.content-wrapper-2-news-contact{ display: none; } @media all and (min-width: 320px){ div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner h4{ font-size: 25px; margin: 25px 0; } } @media all and ( min-width: 520px ){ div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner h4{ font-size: 30px; margin-top: 50px; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner p{ font-size: 30px; padding: 15px; } } @media all and ( min-width: 960px ){ div.content-wrapper-2 div.content-wrapper-2-news{ width: 30%; height: auto; margin: 20px 1.6%; float: left; } div.content-wrapper-2 div.content-wrapper-2-news-contact{ display: block; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner{ width: 100%; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner h4{ font-size: 20px; margin-top: 30px; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner p{ font-size: 15px; padding: 15px; } } @media all and ( min-width: 1440px ){ div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner h4{ font-size: 35px; margin-top: 70px; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner p{ font-size: 20px; padding: 15px; } } @media all and ( min-width: 1740px ){ div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner h4{ margin-top: 100px; margin-bottom: 0px; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner p{ font-size: 20px; padding: 30px; } } /* BUTTON START */ .dsgvocheck { width: 2%!important; display: inline-block!important; } .eventsubmit:hover { background-color: white; color: #15a63b!important; } .eventsubmit { display: flex; font-size: 20px; color: white!IMPORTANT; background-color: #15a63b; border: 2px solid #15a63b; align-items: center; justify-content: center; height: 42px; width: 150px; } div.button_link a{ padding: 10px 25px; background-color: #15a63b; color: #ffffff; text-decoration: none; border: 1px solid #ffffff; } form input[type="submit"], div.frame-type-form_formframework form .btn.btn-primary{ width:130px; height:42px; background-color: #15a63b; color: #ffffff; border: 1px solid #ffffff; margin: 15px 0; -webkit-appearance: none; } div.frame-type-form_formframework form .btn.btn-primary{ display: inline-block; text-transform: uppercase; } div.button_link a:hover, form input[type="submit"]:hover, div.frame-type-form_formframework form .btn.btn-primary:hover{ background-color: #ffffff; color: #15a63b; text-decoration: none; border: 2px solid #15a63b; font-weight: 700; } @media all and (min-width: 720px){ div.button_link a{ padding: 15px 25px; } form input[type="submit"], div.frame-type-form_formframework form .btn.btn-primary { height:52px; } } @media all and ( min-width: 1440px ){ div.button_link{ margin-top: 30px; } div.button_link a{ padding: 15px 45px; font-size: 20px; } form input[type="submit"], .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button, div.frame-type-form_formframework form .btn.btn-primary{ width:150px; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner div.button_link{ margin-top: 30px; } div.content-wrapper-2 div.content-wrapper-2-news div.content-wrapper-2-news-inner div.button_link a{ padding: 15px 45px; font-size: 20px; } } /* BUTTON STOP */ /* CONTENT WRAPPER 2 STOP */ /* CONTENT WRAPPER 3 START */ div.content-wrapper-3 div.content-wrapper-3-left img{ width: 100%; height: auto } div.content-wrapper-3 div.content-wrapper-3-right h3{ color: #15a63b; margin: 15px 0; font-size: 20px; } div.content-wrapper-3 div.content-wrapper-3-right h3:last-of-type{ font-style: italic; } div.content-wrapper-3 div.content-wrapper-3-right div.button_link{ float: left; width: 70%; margin-top: 15px; } div.content-wrapper-3 div.content-wrapper-3-right div.back_to_top{ width: 30%; float: left; text-align: right; opacity: 0.7; } div.content-wrapper-3 div.content-wrapper-3-right div.back_to_top img{ width: 52px; height: auto; } div.content-wrapper-3 div.content-wrapper-3-right div.back_to_top:hover{ opacity: 1; } @media all and ( min-width: 920px ){ div.content-wrapper-3 div.content-wrapper-3-left{ width: 50%; float: left; } div.content-wrapper-3 div.content-wrapper-3-right{ width: 50%; float: left; padding-left: 40px; } div.content-wrapper-3 div.content-wrapper-3-right h3{ margin-top: 0; font-size: 27px; } div.content-wrapper-3 div.content-wrapper-3-right p{ font-size: 19px; } div.content-wrapper-3 div.content-wrapper-3-right div.button_link{ text-align: center; } } @media all and ( min-width: 1440px ){ div.content-wrapper-3 div.content-wrapper-3-right{ padding-left: 60px; } div.content-wrapper-3 div.content-wrapper-3-right p{ line-height: 25px; } } /* CONTENT WRAPPER 3 STOP */ /* CONTENT STOP */ /* FOOTER START */ footer div.footer-wrapper{ background-color: #69b766; width:100%; padding: 10px; } footer div.footer-wrapper div.footer-wrapper-social-media{ text-align: center; } footer div.footer-wrapper div.footer-wrapper-social-media img{ margin: 10px; } footer div.footer-wrapper div.footer-wrapper-navi{ border-bottom: 2px solid #ffffff; } footer div.footer-wrapper div.footer-wrapper-navi ul{ list-style-type: none; text-align: center; padding: 0; } footer div.footer-wrapper div.footer-wrapper-navi ul li{ display: inline-block; padding: 0 5px; } footer div.footer-wrapper div.footer-wrapper-navi ul li a{ text-decoration: none; color: #ffffff; font-weight: 700; font-size: 20px; } footer div.footer-wrapper div.footer-wrapper-mini-navi ul{ list-style-type: none; text-align: center; padding: 0; } footer div.footer-wrapper div.footer-wrapper-mini-navi ul li{ display: inline-block; padding: 0 5px; } footer div.footer-wrapper div.footer-wrapper-mini-navi ul li a{ text-decoration: none; color: #ffffff; font-size: 20px; } footer div.footer-wrapper-bottom{ text-align: center; color: #15a63b; font-weight: 700; font-size: 20px; } @media all and ( min-width: 560px ){ footer div.footer-wrapper div.footer-wrapper-navi, footer div.footer-wrapper div.footer-wrapper-mini-navi{ width: 80%; margin: 0 auto; } } @media all and ( min-width: 920px ){ footer div.footer-wrapper div.footer-wrapper-social-media img{ margin: 15px } } @media all and ( min-width: 1240px ){ footer div.footer-wrapper div.footer-wrapper-navi, footer div.footer-wrapper div.footer-wrapper-mini-navi{ width: 40%; margin: 0 auto; } } /* FOOTER STOP */ /* SUBPAGE START */ /* BREADCRUMB START */ div.breadcrumb{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; } div.breadcrumb a, div.breadcrumb div.breadcrumb-arrow{ display: inline-block; opacity: 0.7; padding: 5px 0; } div.breadcrumb div.breadcrumb-arrow{ margin: 0 20px; } div.breadcrumb a{ text-decoration: none; color:#15a63b; font-size: 18px; } div.breadcrumb a:hover{ opacity: 1; font-weight: 700; } /* BREADCRUM STOP */ /* CONTENT SUBPAGE START */ div.subcontent-wrapper-left p{ font-size: 18px; margin-top: 5px; } div.subcontent-wrapper-left ul{ list-style-image: url(../img/list-style.png); } div.subcontent-wrapper-left ul li{ color: #15a63b; font-weight: 700; margin-bottom: 10px; font-size: 20px; } div.subcontent-wrapper-right { text-align: center; margin-top: 15px; } div.subcontent-wrapper-right div.subcontent-wrapper-news{ position: relative; max-width: 300px; height: auto; margin: 0 auto; margin-bottom: 20px; } div.subcontent-wrapper-right div.subcontent-wrapper-news:nth-child(4){ display: none; } div.subcontent-wrapper-right div.subcontent-wrapper-news img{ width: 100%; height: auto; } div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner{ position: absolute; z-index: 9; top: 0; right: 0; bottom: 0; left: 0; color:#ffffff; text-align: center; } div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner h4{ margin: 15px 0 0 0; } div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner p{ font-size: 15px; padding: 12px; } div.subcontent-wrapper-right div.back_to_top { display: block; opacity: 0.7; /*PWG*/ max-width: 300px; margin: auto; /*PWG*/ } div.subcontent-wrapper-right div.back_to_top a { display: block; } div.subcontent-wrapper-right div.back_to_top img { display: inline-block; margin: 0; width: 52px; height: auto; } div.subcontent-wrapper-right div.back_to_top:hover{ opacity: 1; } @media all and (min-width: 320px){ div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner h4{ font-size: 25px; margin: 35px 0; } div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner p{ padding: 17px; } } @media all and ( min-width: 960px ){ div.subcontent-wrapper-left h2:first-of-type{ width: 70%; font-size: 40px; } div.subcontent-wrapper-left h3{ font-size: 25px; } div.subcontent-wrapper-left p{ font-size: 19px; line-height: 24px; } div.subcontent-wrapper-right { text-align: right; margin: 0; } div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner h4{ margin-bottom: 0; } div.subcontent-wrapper-left{ width: 70%; float: left; padding-right: 25px; } div.subcontent-wrapper-right{ width: 30%; float:left; } } @media all and ( min-width: 1620px){ div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner h4{ font-size:27px; } div.subcontent-wrapper-right div.subcontent-wrapper-news div.subcontent-wrapper-news-inner p{ font-size: 18px; padding: 15px; } } /* CONTENT SUBPAGE STOP */ /* SUBPAGE STOP */ /*SearchSite*/ #tx_indexedsearch table tr { float: left!important; } #tx_indexedsearch table tr td { padding-right: 20px; } .tx-indexedsearch-searchbox { width: 100%; max-width: 1200px; } .tx-indexedsearch-title a, .tx-indexedsearch .path a { text-decoration: none; color: #15a63b; font-size: 18px } .tx-indexedsearch-percent { font-size: 18px; } .tx-indexedsearch-info { display: none; } .tx-indexedsearch-searchbox fieldset { border: none; display: flex; width: 70%; /* max-width: 900px; */ align-items: center; margin: 40px auto!important; flex-wrap: wrap; justify-content: space-between; } .tx-indexedsearch-searchbox fieldset legend { display: none; } .tx-indexedsearch-searchbox fieldset div { width: 70%; display: flex; flex-wrap: wrap; } .tx-indexedsearch-search-submit { width: 30%!important; } .tx-indexedsearch-form label { display: inline-block; width: 23%; } input#tx-indexedsearch-searchbox-sword { display: inline-block; width: 70%; } input#tx-indexedsearch-searchbox-button-submit { margin: 0!important; width: 100%!important; } .tx-indexedsearch-info, .tx-indexedsearch-descr{ padding: 5px!important; } .tx-indexedsearch-redMarkup { color: #1da745!important; } #tx_indexedsearch p a, .tx-indexedsearch-rules { display: none!important; } .tx-indexedsearch-searchbox-sword { display: block; margin: 0; padding: 0 10px; border: none; border-radius: 0; outline: none; transition: all 0.3s ease; font-family: 'PT Sans Narrow', sans-serif; width: calc(100% - 16px); border-bottom: 3px solid #15a63b; font-size: 15px; letter-spacing: 1px; } .tx-indexedsearch-searchbox-button { display: block; margin: 0; padding: 0; border: none; border-radius: 0; width: 80px; height: 36px; outline: none; cursor: pointer; transition: all 0.3s ease; line-height: 15px; /*background: url(../img/icon_search.png) transparent no-repeat center center;*/ } body#range16 form table{ width: auto; margin: 25px auto; } body#range16 form table input[type=submit]{ margin-top: 20px; } body#range16 form table input[type=search]{ width:175px; } @media all and (min-width: 360px){ body#range16 form table{ margin: 20px auto; } } @media all and (min-width: 560px){ body#range16 form table{ margin: 40px auto; } body#range16 form table input[type=submit]{ margin-top: -20px; } } @media all and (min-width:610px){ body#range16 form table input[type=search]{ width:215px; } } @media all and (min-width: 1440px){ body#range16 form table input[type=search]{ width:275px; } } /*SearchSite*/ /*other Content*/ .ce-bodytext a { /*display: block;*/ color: #000000; font-weight: 700; text-decoration: none; /*font-size: 15px;*/ /*padding: 23px 18px;*/ /*transition: all 0.3s ease;*/ } /*EVENTS*/ .veranstaltungen { width: 100%!important; position: relative; margin-left: 100px; } .tx-lemm-events a { color: #15a63b; text-decoration: none; } .tx-lemm-events input[type="submit"]{ border-bottom: 3px solid #15a63b; font-size: 15px; letter-spacing: 1px; } .frame-type-form_formframework select { display: block; margin: 0; padding: 0 10px; border: none; border-radius: 0; outline: none; transition: all 0.3s ease; font-family: 'PT Sans Narrow', sans-serif; /*width: calc(100% - 36px);*/ width: 30%; border-bottom: 3px solid #15a63b; font-size: 15px; letter-spacing: 1px; margin-left: 30%; } /*EVENTS*/ /*other Content*/ /*Image Team Description*/ @media all and (max-width: 380px){ .ce-textpic figcaption{ width: 95%; margin: 0 auto; } } .ce-textpic figcaption { font-weight: bold; font-size: 18px; color: #15a63b; text-align: center; padding: 5px 0 10px 0; } /*Image Team Description*/ /*Contact Form*/ /*.frame-type-form_formframework { } .frame-type-form_formframework label { position: relative; left: 15%; line-height: 40px; min-width: 350px; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; } .frame-type-form_formframework input[type="text"] { display: block; margin: 0; padding: 0 10px; border: none; border-radius: 0; outline: none; transition: all 0.3s ease; font-family: 'PT Sans Narrow', sans-serif; width: calc(100% - 36px); width: 30%; border-bottom: 3px solid #15a63b; font-size: 15px; letter-spacing: 1px; margin-left: 30%; } .frame-type-form_formframework textarea { border: 0px; margin-left: 0%; border-bottom: 3px solid #15a63b; width: 30%; } .frame-type-form_formframework input[type="submit"] { border-bottom: 3px solid #15a63b; font-size: 15px; letter-spacing: 1px; margin-left: 50%; margin-top: 20px; }*/ /*Contact Form*/ .ce-bodytext table { font-size: 19px; line-height: 24px; } /* CONTACT FORM ANNA START */ div.frame-type-form_formframework form { display: block; background-color: #eee; margin: 0; padding: 20px; list-style: none; box-sizing: border-box; } div.frame-type-form_formframework form * { box-sizing: border-box; font-family: 'PT Sans Narrow', sans-serif; letter-spacing: 1px; transition: all ease .2s; } div.frame-type-form_formframework form .form-group { margin: 0 0 15px 0; } div.frame-type-form_formframework form .form-group:last-child { margin: 0 0 0 0; } div.frame-type-form_formframework form .form-group.csc-form-element-hidden { display: none; } div.frame-type-form_formframework form .form-group label { font-weight: 400; font-size: 17px; display: block; width: 100%; margin: 0; padding: 0; } div.frame-type-form_formframework form .form-group input[type="text"],div.frame-type-form_formframework form .form-group input[type="email"] { display: block; margin: 0; padding: 7px 10px; border: none; border-bottom: 3px solid #eee; outline: none; width: 100%; cursor: pointer; font-size: 16px; } div.frame-type-form_formframework form .form-group input:focus { border-color: #15a63b; background-color: rgba(255, 255, 255, 0.7); } div.frame-type-form_formframework form .form-group textarea { display: block; margin: 0; padding: 10px 10px; border: none; border-bottom: 3px solid #eee; outline: none; width: 100%; height: 250px; cursor: pointer; } div.frame-type-form_formframework form .form-group textarea:focus { border-color: #15a63b; } div.frame-type-form_formframework form > .actions { text-align: center; } div.frame-type-form_formframework form .form-group input[type="hidden"] { display: none; } div.frame-type-form_formframework form .form-group select { /*-webkit-appearance: none;*/ font-size: 16px; display: block; margin: 0; padding: 7px 10px; border: none; border-bottom: 3px solid #eee; outline: none; width: 100%; cursor: pointer; } div.frame-type-form_formframework form .form-group select:focus { border-color: #15a63b; } @media all and (min-width: 1100px) { div.frame-type-form_formframework form > ol { padding: 40px; } div.frame-type-form_formframework form .form-group { margin-bottom: 21px; } div.frame-type-form_formframework form .form-group:last-child { margin: 0 0 0 0; } div.frame-type-form_formframework form .form-group input { padding: 10px; font-size: 19px; } } /* CONTACT FORM ANNA STOP */ /*MOBILE NAVI*/ @media all and (min-width: 960px) { #mobile_navi { display: none; } } .mobile_navi_hidden { display: none; } .mobile_navi_visible { display: block; } div#mobile_navi { width: 100%; margin: 0 0 20px 0; } div#mobile_navi > ul { display: block; margin: 0; padding: 20px; list-style: none; background-color: #eee; } div#mobile_navi > ul > li { border-bottom: 1px solid transparent; } div#mobile_navi > ul > li:last-child { border-bottom: none; } div#mobile_navi > ul > li > a { display: block; text-decoration: none; color: #333; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 7px 10px; background-color: #fff; } div#mobile_navi > ul > li > a:hover, div#mobile_navi > ul > li > a.navLev1_active { background-color: #15a63b; color: #fff; } div#mobile_navi > ul > li > ul { display: block; margin: 0; padding: 0; list-style: none; } div#mobile_navi > ul > li > ul > li { border-top: 1px solid transparent; } div#mobile_navi > ul > li > ul > li > a { display: block; text-decoration: none; color: #333; font-size: 16px; padding: 7px 10px 7px 30px; background-color: #fff; } div#mobile_navi > ul > li > ul > li > a:hover, div#mobile_navi > ul > li > ul > li > a.navLev2_active { color: #000; font-weight: 700; } div#mobile_navi > ul > li > ul > li > a:before { content: '–\00a0'; } div#mobile_navi > ul > li > ul > li > ul{ display: block; margin: 0; padding: 0; list-style: none; } div#mobile_navi > ul > li > ul > li > ul > li { border-top: 1px solid transparent; } div#mobile_navi > ul > li > ul > li > ul > li > a { display: block; text-decoration: none; color: #333; font-size: 16px; padding: 7px 10px 7px 60px; background-color: #fff; } div#mobile_navi > ul > li > ul > li > ul > li > a:hover, div#mobile_navi > ul > li > ul > li > ul > li > a.navLev2_active { color: #000; font-weight: 700; } div#mobile_navi > ul > li > ul > li > ul > li> a:before { content: '–\00a0'; } /*MOBILE NAVI*/ /* LOGIN START */ div.subcontent-wrapper-left form fieldset{ margin: 15px 0; } /* LOGIN STOP */ @media screen and (max-width: 770px) { div.subcontent-wrapper-left div.tx-lemm-events table{ display: block; } } /*EXTENDED BY PWG.. plz check - for HeaderImage*/ .ce-left .ce-gallery, .ce-column { /*float: none;*/ /*removed by pwg*/ } .ce-center .ce-outer, .ce-center .ce-inner { float: none; right: 0; } @media all and (min-width: 960px){ body#range11 div.content div.subcontent-wrapper-right{ width: 25%; float:right; } } /* PARTNER-SEITE START*/ body#range9 div.content div.content-wrapper-1 div.content-wrapper-1-services{ border: 2px solid #15a63b; border-radius: 2px; width: 185px; height: 185px; margin: 10px 20px 10px 0; } body#range9 div.content div.content-wrapper-1 div.content-wrapper-1-services a img{ width:100%; height:auto; } body#range9 div.content div.content-wrapper-1 div.content-wrapper-1-services a h3{ display: none; } /* PARTNER-SEITE STOP*/ div.subcontent-wrapper-right div.subcontent-wrapper-right-content{ text-align:left; padding: 20px 50px; background-color: #69b766; color: #ffffff; max-width:380px; margin-bottom: 25px; } div.content-wrapper-1 div.ce-textpic{ width: 100%; margin: 0 auto; } div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure img{ width: 100%; height:auto; } div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row{ display: flex; flex-direction: column; justify-content: center; align-items: center; } div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure figcaption{ height:55px; } @media all and (min-width:750px){ div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row{ display: unset; } div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column{ width:38%; margin: 0 6%; } } @media all and (min-width:1140px){ div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column{ width:23%; margin:0 5%; } } @media all and (min-width:1440px){ div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row{ display: flex; justify-content: center; align-items: center; flex-direction: row; } div.content-wrapper-1 div.ce-textpic div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column{ width:19%; margin:10px 50px; } } /* DATENSCHUTZ START */ ul > ol > li { list-style-image: none; } ul > ol > li > ol > li > ol { list-style-image: url(../img/list-style.png); } ul ol li p{ color: #000000; font-weight: 500; } ul ol li p a{ color:#000000; font-weight: 600; text-decoration: none; } body#range19 div.content div.content-wrapper-1 ul, body#range19 div.content div.content-wrapper-1 ul ol{ padding: 0; } body#range19 div.content div.content-wrapper-1 ul ol li ol, body#range19 div.content div.content-wrapper-1 ul ol li ul{ padding-left: 40px; } /* DATENSCHUTZ STOP */ /* NEWSLETTER START */ /*PFLICHTFELD*/ div#c150 .ce-textpic .ce-bodytext p{ max-width: 900px; margin: auto; font-size: 14px; } /*PFLICHTFELD*/ div.form-newsletter-wrapper { margin-top: 20px; max-width: 900px; margin: auto; } div.form-newsletter-wrapper form{ background:#eee; padding: 10px 20px 20px 20px; } @media all and (min-width: 1100px){ div.form-newsletter-wrapper form{ padding: 20px 40px 40px 40px; } } div.form-newsletter-wrapper form > div div:first-child, div.form-newsletter-wrapper form select, div.form-newsletter-wrapper form input[type=text], div.form-newsletter-wrapper form input[type=email]{ width: 100%; outline: none; font-family: 'PT Sans Narrow'; font-weight: 400; font-size: 18px; } div.form-newsletter-wrapper form > div:last-child > div:last-child button{ font-family: 'PT Sans Narrow'; font-weight: 400; font-size: 22px; margin-top: 0!important; background-color: #15a63b!important; margin: auto; } div.form-newsletter-wrapper form > div{ display: flex; flex-wrap: wrap; justify-content: space-between; } div.form-newsletter-wrapper form > div > div:nth-child(6){ order: 6; } div.form-newsletter-wrapper form > div > div:nth-child(6) p{ margin-bottom: 0; font-size: 14px; } div.form-newsletter-wrapper form > div > div{ width: 100%; } div.form-newsletter-wrapper form > div > div:last-child > div:last-child{ display: flex; } div.form-newsletter-wrapper form > div > div.checkbox-inline span label a{ text-decoration: none; color: #15a63b; } div.form-newsletter-wrapper form > div > div.checkbox-inline span label a:hover{ text-decoration: none; color: #15a63b; opacity: 1; font-weight: 700; } @media all and (min-width: 768px){ div.form-newsletter-wrapper form > div > div:first-child{ width: 13%; } div.form-newsletter-wrapper form > div > div:nth-child(2), div.form-newsletter-wrapper form > div > div:nth-child(3){ width: 42%; } } /* NEWSLETTER STOP */ /* NEWSLETTER ARCHIV START */ div#c152 ul.ce-uploads{ background: #eee; padding: 25px 25px 0 25px; max-width: 900px; margin: auto; } div#c152 ul.ce-uploads li{ padding:0 0 13px 0; margin: 0 0 12px 0; border-bottom: 1px solid #ccc; } div#c152 ul.ce-uploads > li:last-child{ border-bottom: none; margin: 0; padding: 0 0 25px 0; } div#c152 ul.ce-uploads li div:before{ display: inline-block; content: ""; width: 26px; height: 26px; background: url("../img/icon-newsletter-document.svg") no-repeat center center; background-size: 24px 24px; margin-right: 10px; } div#c152 ul.ce-uploads li div{ display: flex; align-items: center; flex-direction: column; } div#c152 ul.ce-uploads li div a{ margin: 5px 0; color:#15a63b; text-decoration: none; } div#c152 ul.ce-uploads li div a:hover{ color: #105e24; } div#c152 ul.ce-uploads li div span.ce-uploads-description{ margin: 0 0 5px 0; color: #000; } div#c152 ul.ce-uploads li div span.ce-uploads-filesize{ font-size: 12px; color: #000; } @media all and (min-width: 768px){ div#c152 ul.ce-uploads li div{ flex-direction: row; } div#c152 ul.ce-uploads li div a{ margin:0 10px 0 0; } div#c152 ul.ce-uploads li div span.ce-uploads-description{ margin:0 6px 0 0; } div#c152 ul.ce-uploads li div span.ce-uploads-description:before{ display: inline-block; content: " | "; } div#c152 ul.ce-uploads li div span.ce-uploads-description:after{ display: inline-block; content: " | "; } } @media all and (min-width: 960px) and (max-width: 1299px){ div#c152 ul.ce-uploads li div a, div#c152 ul.ce-uploads li div span.ce-uploads-description{ font-size: 18px; } } /* NEWSLETTER ARCHIV STOP */ /*40 Jahre Jubiläum START*/ #range div.subcontent-wrapper-right div.back_to_top{ position: fixed; bottom: 10px; right: 10px; } #range #c180 .tx-lemm-slider #customDots { display: none; } #range .ce-gallery .ce-column { margin-bottom: 10px; } @media all and (min-width: 500px) { #range #c188 .ce-column img { height: 300px!important; width: 490px!important; } } #range #c188 .ce-column img { height: 150px; width: 240px; } /*Collage Mitarbeiter START*/ @media all and (max-width: 649px) { #range #c191 .ce-image img { height: auto; width: 90%; } } @media all and (min-width: 1600px) { #range #c191 .ce-image img { width: 1000px; height: auto; } } /*Collage Mitarbeiter STOP*/ /*Formular START*/ #range #c183 fieldset { border: unset; margin-bottom: 15px; margin-top: 25px; } #range #c183 fieldset .inputs-list > .form-group { display: flex; flex-wrap: wrap; } #range #c183 fieldset .inputs-list .radio:first-child { padding-right: 15px; } #range #c183 fieldset .inputs-list .radio:first-child span { color: green; } #range #c183 fieldset .inputs-list .radio:last-child span { color: red; } #range #c183 fieldset .inputs-list .form-check .form-check-label input { height: 15px; width: 15px; } #range form .clearfix p { font-size: 17px; } /*Formular STOP*/ /*40 Jahre Jubiläum STOP*/