@charset "utf-8";
/* CSS Document */

p {  max-width: 972px;}
b, strong, a {font-family: 'SourceSansPro-Regular';}
.frame-space-before-extra-small {margin-top: -60px !important;}
.frame-space-after-extra-small {margin-bottom: -60px !important;}
.frame-space-before-medium {padding-top: 60px;}
.frame-space-after-medium {padding-bottom: 60px;}

h1 {margin: 70px auto 50px;}
h2 {max-width: 972px; padding: 0px 0 0;margin: 20px auto;}
.beige h2 {padding-top: 40px;}
.h4 {margin-top: 20px;margin-bottom: -20px;}
.h3abstand {margin-bottom: 60px;}

.pre-line {background-color: #8b7f78;text-align: right;position: fixed;z-index: 1001;top: 0;width: 100%; z-index: 10000;}
.pre-line p {padding: 6px 0; color: #ffffff;margin-bottom:0;}
.pre-line a { color: #ffffff;}
.fa-solid, .fa-brands {padding-right: 6px;}
.fa-square-envelope, .fa-facebook {padding-left:20px;}

.logo {position: fixed; z-index: 100001; top: 60px; left: 50%; margin-left: -487px;}

.mob-menu, .icons-mob, .mob-impr {visibility: hidden; display: none;}
/* Mega-Menü */
.mega-menu { position: fixed;top: 0px;width: 100%;left: 0;z-index: 1000;background-color: #fff; transition: height 0.3s ease;}

.mega-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-menu li {
  position: relative;
}
.mega-menu li > a:hover, .mega-menu li > a:active {background-color:#f9f6f4; border-radius: 10px 10px 0 0;}
.mega-menu li a {
  color: #777; text-transform:uppercase;
}

.mega ul {line-height: 36px;}
.mega li a {color: #777; padding:10px 20px;text-transform: inherit;}

.mega-menu-content {
position: absolute;
top: 100%;
left: 50%;
display: none;
width: 1000px;
z-index: 1000;
background-color: #f9f6f4; border-radius:0 0 10px 10px;
padding: 0 0 0 200px;
}
.show-menu-wo .mega-menu-content {margin-left: -260px;}
.show-menu-ku .mega-menu-content {margin-left: -373px;}
.show-menu-bu .mega-menu-content {margin-left: -498px;}
.show-menu-ue .mega-menu-content {margin-left: -630px;}

.mega-menu li:hover, .mega-menu li.active {background-color:#f9f6f4; border-radius: 10px 10px 0 0;}
.mega-menu li:hover .mega-menu-content {
  display: block;
}
.mega-menu-content a:active, .mega-menu li:hover .mega-menu-content a:hover {text-decoration:none; font-weight: bold;}
.mega {padding: 10px 0;}
.mega img {margin: 10px 0 0 0;}
.navbar-nav li li.active {font-weight: bold;}

.content-container {margin-top: 65px;}


.frame-layout-4, .frame-layout-5 {margin-bottom: 40px;}
.bild-container .ce-textpic.ce-center.ce-above, .bild-container .ce-column, .bild-container .image,
.frame-layout-4 .ce-textpic.ce-center.ce-above, .frame-layout-4 .ce-column, .frame-layout-4 .image, 
.frame-layout-5 .ce-textpic.ce-center.ce-above, .frame-layout-5 .ce-column, .frame-layout-5 .image  {position: relative;}
.bild-container .ce-bodytext, .frame-layout-4 .ce-bodytext, .frame-layout-5 .ce-bodytext {  position: absolute;   bottom: 0px; width: 590px;left: 50%;margin-left: -350px;  padding: 24px 30px;   background-color: rgba(255, 255, 255, 0.8); }

.bild-container .ce-bodytext {margin-bottom: 160px;margin-left: -485px;}

.bild-container .ce-bodytext p:nth-child(1),.bild-container .frame-layout-5 .ce-bodytext p:nth-child(1) {font-family: 'SourceSansPro-Light';font-size: 48px;line-height: 52px; font-style: normal;letter-spacing: -1px;text-transform: uppercase;color: #423125;margin-bottom: 0.4em; }
.bild-container .ce-bodytext p:nth-child(2),.bild-container .frame-layout-5 .ce-bodytext p:nth-child(2) {font-family: 'SourceSansPro-Regular';font-size: 24px;margin-bottom: 0.2em;}
.bild-container .ce-bodytext p:nth-child(3),.bild-container .frame-layout-5 .ce-bodytext p:nth-child(3) {font-family: 'SourceSansPro-Regular';font-size: 32px;margin-bottom: 0.2em;}


.frame-layout-4 .ce-bodytext p:nth-child(1) {font-size: 48px;line-height: 52px; font-style: normal;letter-spacing: -1px;text-transform: uppercase;color: #423125;margin-bottom: 0.4em; }
 .frame-layout-4 .ce-bodytext p:nth-child(2) {font-family: 'SourceSansPro-Regular';font-size: 24px;margin-bottom: 0.2em;}
 .frame-layout-4 .ce-bodytext p:nth-child(3) {margin-bottom: 0.2em;}


/*.frame-layout-5 .ce-bodytext p:nth-child(1) {font-size: 48px;line-height: 52px;letter-spacing: -1px;text-transform: uppercase;color: #423125;margin-bottom: 0.4em; }*/
.frame-layout-5 .ce-bodytext p:nth-child(1) {font-family: 'SourceSansPro-Regular';font-style: italic;font-size: 32px;margin-bottom: 0.7em; line-height: 36px;}
.frame-layout-5 .ce-bodytext p:nth-child(2) {margin-bottom: 0.2em;}

.abstand-m {padding: 40px 0 60px 0;}

/* 2-spaltig */
.frame-layout-1 {max-width: 972px;column-count: 2;  column-gap: 40px;margin: 20px auto 60px !important;}
.beige .frame-layout-1 {padding-bottom: 60px;}


/* kachel */
.kachel, .bilder-rund {
  max-width: 1000px;
  margin: 15px auto;
  padding: 0px 0 50px;
}
.kachel .frame-type-shortcut, .kachel.team .col-md-12 {display: flex;  flex-wrap: wrap;}

.kachel .ce-textpic {
  max-width: 300px;
  border: 1px solid rgba(72,55,40,0.35);
  text-align: center;
  margin: 15px 0px 15px 0;
  overflow: hidden;
  background-color: #f9f6f4;
}
.beige .kachel .ce-textpic {
    background-color: #ffffff;
  }

.kachel .frame-type-shortcut>.frame-type-textpic, .kachel.team>.col-md-12>.frame-type-textpic {margin-right: 30px;}
.kachel .frame-type-shortcut>div:nth-child(3n+3), .kachel.team>.col-md-12>div:nth-child(3n+3) {  margin-right: 0;}

.bilder-rund .ce-bodytext {margin-top: 20px;}
.bilder-rund .ce-bodytext p {line-height: 1.5em;}

.beige, .section.beige, .beige-2, .beige-3 {background-color: #f9f6f4;}
.beige h3.ce-headline-center, .beige h4 {padding-top: 60px;}
.beige .text-text {padding-bottom: 60px;}


.text-unten {display: flex;align-items: flex-end;height:560px; }
.text-unten h1 {max-width: 600px;}
.text-unten p {max-width:600px;}
.text-unten div {position: relative;margin-left: 40px;}
.text-unten.links div {position: absolute;text-align: right; right: 40px;}
.text-unten.links div ul, .text-unten ul {margin-left: -20px; text-align: left;max-width: 600px;}


.frame-type-ce_columns2 {margin-bottom: 60px;}
.col-md-6 {padding-right: 15px;padding-left: 0px;}

/*.inhalt blockquote { position: absolute; left:50%; margin-left:-350px; margin-top: -300px; background-color:rgba(255, 255, 255, 0.8); width: 590px;   padding: 21px 26px 19px;       border-left: 0; z-index: 1000;} */
.inhalt blockquote p {font-size: 32px; line-height: 38px; font-family: 'SourceSansPro-Regular'; font-style: italic;}

/* FORMULARE */
.tx-powermail {max-width: 1024px;  margin: auto;}
.kurz-kontakt {background-image: url("https://www.tischlerei-woodendesign.live/fileadmin/img_wooden/LP_Landhauskuechen/Landhauskueche-individuelle-Kueche-Landhausstil-Moebelmanufaktur-Moebeltischler-woodendesign-Hamburg.jpg"); }
#c561 {background: #f3f0ec;}
#c561 h2 {padding-top: 40px; margin-bottom:0px;}
.tx-powermail .btn-group {visibility: hidden;}
.tx-powermail form { max-width:1000px; margin:40px auto;  background-color:#fff;border: 0; }
.form-horizontal .control-label {text-align: left;}
.form-horizontal .radio {    float: left;}
.radio input[type=radio] {margin-top: 10px;}
.radio label {    padding-right: 40px;}

/*.form-row {padding-left: 40px;}*/

.powermail_fieldwrap_type_text { color:#f18101;}
.powermail_fieldwrap_angaben {margin-top: 6px; margin-bottom:0px;}
.powermail_fieldwrap_marker_01 {margin-top: 25px; margin-bottom:10px;}
.powermail_fieldwrap_marker_03 {margin-top: 20px; margin-bottom:25px;}
.powermail_fieldwrap_max { color:#aaa;}
.powermail_fieldwrap_ds-head {margin-top: 15px; margin-bottom:0px;}
.powermail_file { font-size:small;}
.powermail_checkbox.powermail_checkbox_34 {margin-top: 11px;}
.powermail_fieldwrap.powermail_tab_navigation a { position: relative; top: 20px;  margin-right: 48%; border-radius: 25px; width: 35px;line-height: 23px;}



.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_kontaktaufnehmen.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_angaben_01.nolabel.form-group.col-md-6, 
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_marker_06.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_textarea.powermail_fieldwrap_nachricht_01.nolabel.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_ds-head_01.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_datenschutz_01.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_09.nolabel.form-group.col-md-6, 
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_absenden_01.form-group.col-md-6, 
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_pflicht.form-group.col-md-6,  
 .powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_marker.form-group.col-md-6, 
.powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_marker_03.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dokumenteanhaengen.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_datenschutz.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_04.nolabel.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_angaben.nolabel.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_marker_01.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_max.nolabel.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_ds-head.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_datenschutz.form-group.col-md-6,
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_pflichtfeld.nolabel.form-group.col-md-6 { width:100%;} 
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_plz.nolabel.form-group.col-md-6 { width:15%;} 
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_ort.nolabel.form-group.col-md-6 { width:35%;} 
.powermail_fieldwrap.powermail_fieldwrap_type_textarea.powermail_fieldwrap_nachricht.nolabel.form-group.col-md-6, .powermail_fieldwrap.powermail_fieldwrap_type_html.powermail_fieldwrap_willkommen.nolabel.form-group.col-md-6  { width:100%;} 

.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_absenden.form-group.col-md-6 { width:100%; text-align:center;margin-top: 20px; margin-bottom:50px; }
.btn-primary, .btn-primary:hover {    background-color: #f18200;}

.btn.btn-warning {position: relative;  top: 20px;  margin-right: 48%;  border-radius: 25px;  width: 35px;color: transparent;
  line-height: 23px;margin-left: 48%; font-size:small; background-image: url(https://www.tischlerei-woodendesign.live/fileadmin/img_wooden/icons/circle-up.png)}
.btn.btn-warning:hover {background-image: url(https://www.tischlerei-woodendesign.live/fileadmin/img_wooden/icons/circle-up-hover.png);color: transparent;}
.pull-right {background-image: url(https://www.tischlerei-woodendesign.live/fileadmin/img_wooden/icons/circle-down.png); 
  position: relative;  top: 20px;  margin-right: 48%;  border-radius: 25px;  width: 35px;  line-height: 23px;color: transparent;}
.pull-right:hover {background-image: url(https://www.tischlerei-woodendesign.live/fileadmin/img_wooden/icons/circle-down-hover.png);color: transparent;}

.form-control:focus {border: 1px solid #f18101; box-shadow: inset 0 1px 1px rgba(241,129,1,.35);}
.powermail_fieldwrap_max { font-size:small;}

input[type=file] {    margin-top: 8px; font-size:small;}
input[type=submit] {  font-size: large; background-color:#f18101; border-radius:4px; color: #fff;}
input[type=submit]:hover {font-size: large; background-color:#98785f; border-radius:4px; color: #fff;}
 
.tx-powermail table {    max-width: 900px;    margin: 0px auto 50px;} 
.tx-powermail .col-sm-12 {padding-left: 0px;}
.form-horizontal .form-group {margin-right: 15px;}
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_pflichtfeld.nolabel.form-group.col-md-6 {text-align:right;}

.frame-layout-2 .tx-powermail form {border: 1px solid rgba(72,55,40,0.35);}
.form-row {padding-left: 40px;}
.tx-powermail .powermail_fieldset .powermail-errors-list > li {
  padding: 0 0 0 8px;
  font-size: small;}
.tx-powermail .powermail_fieldwrap + .powermail_fieldwrap { margin-block-start: 0;}
.powermail_fieldset .row {margin-left: 15px;margin-right: 15px;}

/* SLICK */
.slick-slider {margin: 80px 0;}
figure .image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px; /* Höhe des transparenten Bereichs */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Transparenter Verlauf */
  z-index: 1; /* Stellen Sie sicher, dass der transparente Bereich über dem Bild liegt */
}
figure.video {margin-bottom: 60px;}

/* NEWS */
.news .text-unten div {margin-bottom: 40px;}
.news-list-item h3 {max-width: 600px;}
.news-list-item a, .news-back a {color: #423125;}
.news-list-item img {  height: 560px;  overflow: hidden;  object-fit: cover;}
.news-list-item:nth-child(2n+1) {  background-color: transparent;}

.inhalt .news ul {width: 100%;max-width: 100%;margin-left: auto;}

.news li.list-group-item {background-color: #f9f6f4;margin-bottom: 40px;}
.list-group-item {border: 0px;padding: 0px;}
.lead {margin-left: 0 !important;}

.news li:nth-child(even) .col-md-6 {  float: right; text-align: right;}
.news li:nth-child(even) .col-md-6>div {position: absolute;bottom: 0;right: 0;padding: 5px 40px;}

.pagination {padding: 20px 60px 0 0;}
.pagination > li > a, .pagination > li > a:hover, .pagination > li > span {color: #423125;/*float: right;*/}

.news-single .news-text-wrap {max-width: 972px; margin: auto;}
.news-single h1 {  margin: 80px auto 20px;  max-width: 972px;}
.inhalt .news.news-single ul {max-width: 972px; margin: auto; margin-left: -27px;margin-bottom: 30px;}
.news-back {max-width: 972px; margin: 30px auto; font-size: x-large;}
.news-single .slick-slider {margin: 0;}


.ce-gallery figcaption, .image-caption {visibility: hidden;display: none;}
.slick-current .image-caption {visibility: visible;  display: block;  font-size: 24px;  color: #fff;  margin-top: -80px; margin-left: 3px;margin-right: 3px; text-align: center; background-color: rgba(66, 49, 37, 0.6);
  height: 80px;  position: relative;  padding-top: 40px;}
.lb-data .lb-caption {font-size: large;font-weight: normal;}

/* ACCORDEON */
.c-accordion-title {font-size: x-large !important;  font-weight: bold !important;padding: 0 !important;background: transparent;
  border: none;}
.c-accordion-title::after, .c-accordion-title::before {top: 18px !important; background: #fff !important;}
.c-accordion-content {--max-height: auto;  padding: 0px 20px;}
.c-accordion-content .ce-bodytext {margin-top: 40px;}
.c-accordion-content h2 { color: #ffffff; }
.inhalt .c-accordion-content ul {list-style-image: url('../img_woodendesign/svg/liste-weiss-woodendesign-feine-moebel-hamburg.svg');}

  .foot .frame-type-ce_columns2 {  margin-bottom: 0px;}

/* Tabellen */
.ce-table, .barriere ul { width: 972px; max-width: 100%; margin: auto;}


@media screen and (min-width: 1701px) {
.inhalt ul, .inhalt ol, .inhalt .news.news-single ul { font-size: 24px; margin-bottom: 40px;}
}
@media screen and (max-width: 1204px) {
nav .container-fluid {padding-left: 100px;}
.content-container { margin-top: inherit;}

.bild-container .ce-bodytext p:nth-child(1), .bild-container .frame-layout-5 .ce-bodytext p:nth-child(1) { font-size: 2.3em;  line-height: inherit;}
.bild-container .ce-bodytext p:nth-child(2), .bild-container .frame-layout-5 .ce-bodytext p:nth-child(2) { font-size: 1.3em;}
.bild-container .ce-bodytext p:nth-child(3), .bild-container .frame-layout-5 .ce-bodytext p:nth-child(3) { font-size: 1.6em;}
}

@media screen and (max-width: 1000px) {
  h2 {padding-left: 20px;}
  .logo {top: 40px;  left: 20px;margin-left: 0px;}
.bild-container .ce-bodytext {margin-left: 0px; margin-bottom:  80px; width: 80%;left: 10%;}
.bild .kontakt-button {padding: 0px;}
.bild .kontakt-button a {font-size: 20px;  line-height: inherit;}

.text-unten {height: auto;  margin: 20px 0;}

.kachel .frame-type-shortcut>div:nth-child(3n+3), .kachel.team>.col-md-12>div:nth-child(3n+3) {  margin-right: 30px;}
/* .kachel .frame-type-shortcut, .kachel.team .col-md-12 {flex-wrap: inherit;} */
  .foot .col-md-4, .foot .col-md-5,.foot .col-md-3 { float: left;}
    .foot .col-md-4 {width: 33.33%; }
    .foot .col-md-5 {width: 41.66%; }
    .foot .col-md-3 {width: 25%; }

.frame-type-image {margin-left: 20px;}
.frame-type-image .ce-row {margin-bottom: 0px;}
.frame-type-image .ce-column {margin-bottom: 10px;}


}

@media screen and (max-width: 767px) {
/*  * {max-width: 100%;} */
  .container {  padding-right: 0px;    padding-left: 0px;}
  .container-fluid {  padding-right: 0px;}
  .row {margin-left: 0px;margin-right: 0px;}
.mega-menu, .hide-mob, .icons {visibility: hidden; display: none;}
.pre-fb-inst {position: fixed; z-index: 100001; top: 10px; left: 50%; margin-left: -30px;}
.pre-fb-inst a, .pre-fb-inst a:hover {color: #ffffff; cursor: pointer;}

.mob-menu {visibility: visible; display: block;width: 100%;height: 40px;position: fixed;    top: 0px;    right: 0px;    z-index: 100;}
  .logo {top: 8px;}
  .pre-line {text-align: center;height: 40px;z-index: 10;}
  .pre-line   p {    font-size: large;  }
  .fa-instagram {padding-left: 20px;}

 nav {    font-size: medium;  }
.navbar { min-height: 40px;top: -41px;  z-index: 10000;}
.navbar-default {background-color: inherit;}
.navbar-default .navbar-toggle {  border-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #fff;}
.navbar-default .navbar-nav > li > a {text-transform: uppercase;}
  nav .container-fluid {    padding-left: 0px;margin: 36px 0 0 0; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color: #F9F6F4;}
  .navbar-nav {padding: 40px 20px 0 20px;}
.navbar-nav.sm-collapsible a.has-submenu:hover, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {border-top-right-radius: 6px;border-top-left-radius: 6px; background-color: #8b7f78; margin: 0 10px; color: #fff;}
.nav > li, .nav > li:hover { background-color: transparent !important; }
.navbar-nav .open .dropdown-menu {background-color: #fff;margin-left: 10px;    margin-right: 10px;}
.navbar-toggle {margin-bottom: 0px;}
.navbar-nav.sm-collapsible .open > a > .caret::before {  content: '\f077';font-family: 'Font Awesome 6 Free';}
.navbar-nav.sm-collapsible .caret::before {  content: '\f078';font-family: 'Font Awesome 6 Free';}
.navbar-default .navbar-toggle:hover {  background-color: transparent;}



.content-container {  margin-top: 40px;}
  .bild, .bild img {  width: 100%;  height: auto;}
.bild-container .ce-bodytext  {position: inherit;    left: 0%;    margin-left: 0px;    margin-top: 0px;    width: 100%;    padding: 10px 0;    font-size: inherit;}
.bild-container .ce-bodytext p:nth-child(1), .bild-container .frame-layout-5 .ce-bodytext p:nth-child(1) { font-size: 1.3em;}
.bild-container .ce-bodytext p:nth-child(2), .bild-container .frame-layout-5 .ce-bodytext p:nth-child(2) { font-size: 1em;}
.bild-container .ce-bodytext p:nth-child(3), .bild-container .frame-layout-5 .ce-bodytext p:nth-child(3) { font-size: 1.2em;}
.bild-container .ce-bodytext {margin-bottom: 40px;}
.frame-space-before-medium {  padding-top: 20px;}

.frame-layout-1 {  column-count: 1;}
.kachel .frame-type-shortcut, .kachel.team .col-md-12 {  display: block;  flex-wrap: wrap;}
.kachel .ce-textpic {margin: 20px auto;}
.kachel .frame-type-shortcut > .frame-type-textpic, .kachel.team > .col-md-12 > .frame-type-textpic,
.kachel .frame-type-shortcut > div:nth-child(3n+3), .kachel.team > .col-md-12 > div:nth-child(3n+3) {  margin-right: 0px;}

/*.frame-type-image .ce-above {margin-top: 60px;}*/
 .logo .frame-type-image .ce-above {    margin-top: 0px;  }

 .bild-container .ce-bodytext, .frame-layout-4 .ce-bodytext, .frame-layout-5 .ce-bodytext {position: inherit;background-color: inherit;}

 .inhalt ul li {margin-left: 20px;padding-right: 20px;padding-right: 0px;}
   .inhalt ul li.list-group-item, .inhalt ul.pagination li {    margin-left: 0px;  }
 
  /*.inhalt img { max-width: 160px; height: auto;}
      .inhalt .slick-slider img { max-width: 300px; height: auto;}
      .inhalt .news img { max-width: 100%; height: auto;}
*/
  .news-list-item img {  height: auto; }
 .news-list-item .text-unten {    height: 300px;    margin-bottom: 10px;  }
 .news li:nth-child(2n) .col-md-6 {  float: none;}
 .news li:nth-child(2n) .col-md-6 > div {padding: 5px 10px;}
 .pagination > li > a, .pagination > li > span {padding: 6px 6px;}
 .more-link {padding-left: 20px; padding-right: 20px;}
 .news .text-unten div {margin-bottom: 20px;}

 .tx-powermail .col-sm-12 {  padding-left: 30px;}
 .tx-powermail form {margin-right: 18px;}

h1, h2, h3, h4, .ce-headline-center {padding-left: 20px; padding-right: 20px;}
h3 {    font-size: 20px; line-height: 28px;}

div[class*="backgroundimage"] {min-height: 300px;}
  .slick-list {height: 196px;}

  .text-text .frame-layout-3 p {    padding-right: 0px;  }

  .frame-layout-5 .ce-bodytext p:nth-child(1) {  font-size: 22px;  margin-bottom: 0.4em;  line-height: 26px;}
  .text-unten.links div {  position: relative;}
  .text-unten div {  margin-left: 0px;}
  .text-unten h2 {padding-top: 0px;}
  .text-unten.links div {right: 0px;}
  .text-unten.links h2 {padding-right: 20px;} 
  .text-unten p {  max-width: inherit;}

  .text-text div:nth-of-type(2) {  padding-left: 0px;}

  .frame-layout-5 .ce-bodytext {  width: 100%;  left: 0;  margin-left: 0;padding: 20px 0 0 0;}
  .frame-layout-5 .ce-bodytext p {font-size: 18px;}

    iframe {    max-width: 100%;    height: 300px;}

.icons-mob {visibility: visible; display: block; position: fixed; bottom: 0px;  left: 50%; margin-left: -140px; text-align: center;}
.icons-mob img {    width: 50px;    height: auto; margin-bottom: 10px;  padding: 10px; }
.icons-mob .icon-tel, .icons-mob .icon-mail {margin-bottom: 0; background-color: #f18200;  width: 120px; height: 46px; margin-right: 20px;  }
.icons-mob .icon-tel {margin-left: -10px;}
.icon-mail:hover, .icon-tel:hover { padding-right:inherit;}

.foot .col-md-4 {width: 100%; }
.footer .frame-type-ce_columns2 {  margin-bottom: 0px;}
/*.foot-mob {visibility: visible; display: block;}*/
.foot-mob .col-md-6 {  padding-right: 0px;  padding-left: 20px;  float: left;width: 50%;}
.footer h3 { padding-top: 30px;}

.foot-sp-2, .foot-sp-3 {visibility: hidden; display: none;}
.mob-impr {visibility: visible; display: block;}

}

@media screen and (max-width: 500px) {

    .foot .col-md-5 {width: 50%; }
    .foot .col-md-3 {width: 100%; }

}