/* FlowerInfo Icons */

@font-face {
	font-family: "FlowerInfo";
	src: url("fonts/flowerinfo/flowerInfo-regular.eot");
	src: url("fonts/flowerinfo/flowerInfo-regular.eot#iefix") format("embedded-opentype"),
  url("fonts/flowerinfo/flowerInfo-regular.woff") format("woff"),
  url("fonts/flowerinfo/flowerInfo-regular.ttf") format("truetype"),
  url("fonts/flowerinfo/flowerInfo-regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flowerinfo-"], [class*=" flowerinfo-"] {
 font-family: 'FlowerInfo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.flowerinfo-a:before {
	content: "\61";
}
.flowerinfo-b:before {
	content: "\62";
}
.flowerinfo-c:before {
	content: "\63";
}
.flowerinfo-d:before {
	content: "\64";
}
.flowerinfo-e:before {
	content: "\65";
}
.flowerinfo-f:before {
	content: "\66";
}
.flowerinfo-g:before {
	content: "\67";
}
.flowerinfo-h:before {
	content: "\68";
}
.flowerinfo-i:before {
	content: "\69";
}
.flowerinfo-j:before {
	content: "\6a";
}
.flowerinfo-k:before {
	content: "\6b";
}

.flowerinfo-l:before {
	content: "\6c";
}
.flowerinfo-m:before {
	content: "\6d";
}
.flowerinfo-n:before {
	content: "\6e";
}
.flowerinfo-o:before {
	content: "\6f";
}
.flowerinfo-p:before {
	content: "\70";
}

html {
-ms-touch-action: manipulation;
-ms-touch-action: manipulation;
}

.rotate {
 transform: rotate(-90.0deg);
}

.normal
{
 font-family: "HelveticaNeueW01-55Roma692692";
}

.kursiv
{
 font-style: italic;
}

.bold
{
 font-family: "HelveticaNeueW01-75Bold692716";
}

b
{
 font-family: "HelveticaNeueW01-75Bold692716";
}

object
{
 pointer-events: none;
}

.nav-left, .nav-right
{
 position: absolute;
 top: 50%;
}

.nav-left
{
 right: 0;
}

.nav-right > .slide-nav
{
 left: 30px;
}

.slide-nav
{
 position: absolute;
 bottom: -5px;
}

body
{
 /*overflow: hidden;*/
}

.nav-left > .slide-nav
{
 right: 30px;
}

.carousel-control.left{
 background: none;
 text-shadow: none;
 opacity: 1;
 position: absolute;
 left: -15%;
}

.carousel-control.right{
 background: none;
 text-shadow: none;
 opacity: 1;
 position: absolute;
 right: -15%;
}

.carousel {
 /* position: relative;
  margin-right: 11px;
  margin-left: -46px;*/
 margin-top: 20px;
}

.content-container{
 padding-bottom: 25px;
}


.down-title-space
{
 margin-top: 20px;
}

.flowerinfo-title {
 position: absolute;
 left: 8%;
 color: #fff;
 margin-left: 30px;
 top: 55px;
 font-size: 50px;
}

.r-right
{
 font-size: 25px;
 vertical-align: top;
}

.menue-bar
{
 height: 100%;
 padding-top: 10px;
 text-align: center;
 position: fixed;
}

.menue-content{
 margin-top: -5px;
}
.flowerinfo-n, .flowerinfo-m
{
 font-size: 54px;
}

.menue-icon
{
 font-size: 100px;
}

.menue-content-title
{
 margin-top: -10px;
}

.select-menue
{
 float: right;
 width: 1px;
 height: 1px;
 border: 33px solid transparent;
 border-right-color: #FFF;
 margin-right: -20px;
 margin-top: -85px;
}

.client-image
{
 left: 0px;
 bottom: 25px;
 width: 100%;
 position: absolute;
}

.client-image img
{
 max-width: 90px;
}

.copy-right
{
 position: absolute;
 bottom: 25px;
 margin-left: 15px;
 font-size: 7.5px;
}

.full-height
{
 height: 100%;
}

.main-menue
{
 height: 100%;
 background-repeat: no-repeat;
 background-size: 100%;
}

.main-icon
{
 width: 100%;
 max-width: 170px;
 max-height: 150px;
}

.main-container {
 height: 135px;
 font-size: 50px;
 /* padding-top: 25px;
  padding-left: 40px;*/
}

.img-container
{
 text-align: center;
 padding: 5px;
 vertical-align: middle;

 display: table;
 /*padding-top: 15px;*/
}

.main-links
{
 margin-top: 15%;
}

.main-links .menue-icon
{
 font-size: 150px;
}

.main-links .menue-content-title
{
 margin-top: 0;
}

.main-links .menue-content-title a
{
 font-size: 13px;
}

.combine-container
{
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 15px;
 margin-top: 10px;
}

.combine-image
{
 margin-bottom: 2px;
}

.txt-kategory
{
 font-size: 80px;
}

.icon-size
{
 height: 47px;
 width: 47px;
 margin-left: 10px;
}

.icon-border
{
 position: absolute;
 top: 14px;
 margin-left: 6px;
}

.combine-image > a > img {
 width: 100%;
}

.combination-icon
{
 display: inline-block;
 cursor: pointer;
}

.combi-color
{
 margin-top: 5px;
}

.combi-icon-container-color
{
 float: right;
 margin-top: 10px;
 margin-right: 47px;
 cursor: pointer;
}

.combi-icon-container-text
{
 float: left;
 margin-top: -7px;
 margin-left: 40px;
 cursor: pointer;
}

.combi-check-box
{
 margin-left: 27px;
 margin-top: 10px;
 margin-bottom: 30px;
}

.combi-check-box-text
{
 margin-left: 24px;
 margin-top: 0px;
 margin-bottom: 20px;
}

.text-icon
{
 text-align: center;
}

.assort-loop
{
 float: right;
 font-size: 60px;
 margin-top: -70px;
 margin-right: 20px;
}

.combine-loop
{
 font-size: 60px;
 position: absolute;
 right: -25px;
 top: -2px;
}

.modal-loop
{
 font-size: 60px;
}

.home-area, .back-pos
{
 float: right;
 font-size: 70px;
 right: 30px;
 bottom: 25px;
 position: fixed;
 cursor: pointer;
}

.page-numb
{
 font-size: 40px;
}

.page-numb-big
{
 font-size: 40px;
}

.numb-border
{
 width: 80px;
 height: 80px;
 text-align: center;
 padding-top: 10px;
}

.numb-border-big
{
 width: 105px;
}

.row .page-numb .fa {
 font-size: 45px;
 /*margin-left: 9px;*/
}

.footer-container
{
 text-align: center;
}

.numb-container {
 display: inline-block;
 margin-left: 12px;
}

.numb-container:first-child {
 margin-left: 0;
}

.home-area:link
{
 font-size: 70px;
 margin-top: -8px;
}

.detail-upper
{
 /*margin-right: 0px;*/
}

/*Kobi Detailansicht*/

.detail-container
{
 margin-left: 15px;
 margin-top: 32px;
 margin-right: 30px;
}

.detail-container-zone {
 margin-left: 0px;
 margin-top: 50px;
 margin-right: 30px;
}

.detail-title
{
 margin-bottom: 20px;
}

.desc-place
{
 margin-top: 30px;
 margin-left: -4px;
}

.scheme-title
{
 margin-bottom: 10px;
}

.point-border-bottom
{
 padding-bottom: 20px;
 margin-right: 0px;
}

.combine-detail-container
{
 display: inline-block;
 margin-right: 20px;
 margin-top: 20px;
}

.combine-text-content-name
{
 padding-top: 5px;
}

.combi-title
{
 margin-top: 15px;
}

.combine-text-container
{
 margin-top: 10px;
}

.detail-title span
{
 font-size: 22px;
}

.cb-combination
{
 opacity: 0;
}

#combine_button
{
 opacity: 0;
 width: 0px;
 height: 0px;
}

/*PflanzenLexikon*/

.sort-attribute
{
 margin-bottom: 20px;
}

.search-input
{
 /*width: 265px;*/
 width: 90%;
 font-size: 25px;
 margin: 15px;
}
/*.search-input:focus
{
 width: 150px;
 outline: none;
}*/

.select-content select
{
 height: 30px !important;
 font-size: 20px !important;
 /* margin-right: -3px; */
 outline: none;
}

.select-content {
 margin-left: 15px;
 margin-right: 30px;
 margin-bottom: 15px;
 margin-top: 10px;
}

/*.plant-loop{
 margin-top: -37px;
 margin-bottom: 50px;
}*/

.plant-detail-img
{
 height: 100%;
}

.plant-detail-img-container
{
 height: 500px;
}

/*.assort-loop
{
 margin-top: -58px;
 margin-right: 10px;
}*/

/*Gartenbereiche*/

.zone-conatiner
{
 margin-top: 20px;
}

.zone-img
{
 width: 100%;
}

.zone-main-img
{
 height: 87%;
 width: 100%;
}

.home-area-zone
{
 float: right;
 font-size: 50px;
 margin-right: -44px;
 margin-top: -36px;
}

/*.back-pos {
    position: fixed;
    bottom: 25px;
    right: 50px;
    font-size: 50px;
}*/

.back-pos-zone {
 position: fixed;
 bottom: 50px;
 right: 15px;
 font-size: 50px;
}

.zone-detail-plant
{
 margin-top: 10px;
}

.zone-upper
{
 margin-bottom: 20px;
}

/*.point-border-bottom-zone:before {
  content: "";
  position: absolute;
  bottom: 16px;
}*/

.point-border-zone {
 margin-left: 0px;
 padding-left: 0px;
 margin-right: 3px;
 padding-top: 20px;
}

.point-border-zone > .col-md-12
{
 margin-left: -13px;
}

.zone-detail-img
{
 width: 100%;
}

.zone-title {
 font-size: 20px;
}

.zone-content {
 font-size: 14px;
 padding-right: 50px;
}

.zone-title-space
{
 margin-top: 20px;
}

.combine-container-zone
{
 margin-left: 90px;
 margin-right: 65px;
 margin-bottom: 15px;
 margin-top: 55px;
}

.plant-row
{
 margin-top: 15px;
}

.recipe-loop {
 float: right;
 font-size: 40px;
 margin-top: -27px;
 margin-right: 22px;
}

.full-img-width
{
 width: 100%;
}

.big-img-width
{
 max-width: 100%;
 /*max-height: 450px;*/
}

.recipe-txt
{
 margin-right: 22px;
}

.recipe-conatiner {
 margin-top: 80px;
 margin-left: 44px;
}

/*Projekt*/

.project-detail-container {
 display: inline-block;
 margin-right: 20px;
 margin-top: 20px;
 margin-left: -15px;
}

.project-content
{
 padding-right: 60px;
}

.not_use
{
 display: none;
}

.loop
{
 display: block;
 margin-top: -66px;
 margin-right: 21px;
 margin-bottom: 10px;
 font-size: 52px;
 text-align: right;
}

@media (min-width: 768px)
{
 .modal-sm {
  /*width: 350px;*/
  width: 90%;
 }
}

.not-found
{
 margin-left: 17px;
}

.main-icon-container
{
 display: table-cell;
 height: 100%;
 width: 100%;
 vertical-align: middle;
}

.zone-big-detail-img
{
 text-align: right;
}

.ui-keyboard-button {
 height: 2.5em;
 min-width: 2.5em;
 line-height: 2.5em;
 font-size: 25px;
}

.down-button
{
 position: fixed;
 font-size: 40px;
 top: 80px;
 right: 39px;
 cursor: pointer;
}

.up-button
{
 position: fixed;
 font-size: 40px;
 top: -80px;
 right: 39px;
 cursor: pointer;
}

.up-button-zone, .down-button-zone
{
 position: absolute;
 right: 1px;
}
.down-button-zone{
 top: 0px;
}


.slider-bar
{
 position: absolute;
 top: 0px;
}



@media(max-width: 991px)
{
 .main-links .menue-icon
 {
  font-size: 250px;
 }

 .main-links .menue-content-title a
 {
  font-size: 37px;
 }

 .main-links
 {
  margin-top: 1%;
 }

 .detail-container {
  margin-left: 15px;
  margin-top: 32px;
  margin-right: 15px;
 }

 .normal, .bold, .kursiv
 {
  font-size: 22px;
 }

 .menue-content-title > a
 {
  font-size: 20px;
 }

 .menue-icon
 {
    font-size: 93px;
 }

 .sort-attribute {
  margin-left: 13px;
  margin-top: 15px;
 }



 .detail-title span
 {
  font-size: 26px;
 }

 .detail-container-zone
 {
  margin-left: 80px;
  margin-top: 50px;
  margin-right: 30px;
 }
}


 .modal-dialog.modal-sm
 {
  margin-top: 20%;
 }

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)
{
 .ui-keyboard
 {
  display: none !important;
 }


/* .modal-dialog {
  margin: 50% auto;
  margin-bottom: 0px;
 }*/
}


/*Erweiterung: Menüpunkt oben anzeigen*/

.portrait-visible
 {
  display: none !important;
 }

.site-title{
 font-size: 1.2em;
}

.site-title-box{
 width: 70%;
}

@media screen and (min-width: 1400px)
{
 .site-title{
  font-size: 2em;
 }
}

@media screen and (max-device-width: 730px)
{
 .site-title{
  font-size: 0.8em;
 }
}

@media only screen and (min-width: 428px)
{
 .site-title{
  font-size: 0.9em;
 }
}

@media only screen and (min-height: 926px)
{
 .site-title{
  font-size: 1.5em;
 }
}

@media only screen and (min-width: 428px) and (orientation: landscape)
{ .site-title{
 font-size: 1.5em;
} }

@media only screen and (min-width: 926px) and (orientation: portrait)
{ .site-title{
 font-size: 1.5em;
} }

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3)
{  .site-title{
 font-size: 1.9em;
} }


@media (orientation: portrait)
and (min-width: 1000px)
and (min-height: 1700px)
{
 .portrait-visible
 {
  display: block !important;
 }

 .portrait-hidden
 {
  display: none !important;
 }

 .client-image
 {
  /*right: 10px;*/
  top: 30px;
  left: inherit;
  width: 15%;
  position: absolute
 }

 .menue-bar {
  height: 10%;
 }

 .content-container {
  margin-top: 23%;
  width: 100%;
 }

 .col-md-9.menue-content.menue-content-title
 {
  margin-top: 12%;
 }

 .main-links .menue-content-title a {
  font-size: 40px;
 }

 .main-links .menue-icon {
  font-size: 240px;
 }

 .select-menue
 {
  float: right;
  width: 1px;
  height: 1px;
  border: 33px solid transparent;
  border-bottom-color: #FFF;
  margin-right: 41px;
  margin-top: -13px;
 }

 .flowerinfo-title
 {
  left: 18%;
  margin-top: 33px;
 }

 .main-container {
  height: 190px;
 }

 .menue-icon {
  font-size: 120px;
 }

 .menue-content-title {
  font-size: 18px;
 }

 .client-image img {
  max-width: 167px;
 }

 /*Prototyp Sortiment*/
 .combine-image > a > img
 {
  /*width: 93%; Version 1: 2 Bilder pro Reihe*/
  width: 100%;
 }

 .combine-image.portrait
 {
  text-align: right;
 }

 .combine-botanic-name.portrait
 {
  margin-left: 30px;
 }

 #placement {
    /*width: 90% !important; Version 1: 2 Bilder pro Reihe*/
 }

 .col-md-12.combine-botanic-name /*Version 2: 3 Bilder pro Reihe*/
 {
    margin-bottom: 15px;
 }

 .recipe-padding
 {
  padding-bottom: 18px;
 }

 .recipe-txt
 {
  margin-left: 0px;
  margin-top: 35px;
 }

/* wird für Explizite Detailansicht für Hochformat verwendet (wird zurzeit deaktiviert)
.up-button {
  font-size: 40px;
  bottom: 470px !important;
  right: 62px;
  top: inherit !important;
 }

 .down-button {
  bottom: 860px !important;
  right: 62px;
  top: inherit;

 .project-content {
  margin-top: 35px;
  font-size: 20px;
  overflow: hidden;
 }

 .zone-container {
  margin-top: 35px;
 }
 }*/

.up-button {
  top: 685px !important;
 }

 .up-button-zone
 {
  top: 345px !important;
 }

 .down-button-zone {
    top: 0px !important;
 }

 .down-button {
  top: 340px;
 }

 .recipe-text-container
 {
  font-size: 20px;
 }

 .detail-title span
 {
  font-size: 24px;
 }

 .project-padding
 {
  padding-bottom: 15px;
 }

 .point-border-zone {
   margin-top: 35px;
 }

 .point-border-bottom {
  margin-top: 35px;
 }

 .detail-container, .detail-container-zone {
  margin-left: 30px;
 }

}

@media(max-width: 991px)
{
 .content-container-heufs{
  width: 90%;
  top: 100px;
  position: absolute;
  padding-left: 0;
 }
}

@media(min-width: 992px)
{
 .content-container-heufs{
  width: 100%;
  top: 0;
  position: absolute;
  padding-left: 250px;
  height: 100%;

 }
}

.language-selector {
 position: relative;
 display: inline-block;
 font-family: Arial, sans-serif;
}

#language-dropdown {
 appearance: none;
 background-color: #f9f9f9;
 border: 1px solid #ccc;
 border-radius: 5px;
 padding: 10px 40px 10px 15px;
 font-size: 16px;
 cursor: pointer;
 width: 150px;
 transition: border-color 0.3s ease;
}

#language-dropdown:hover,
#language-dropdown:focus {
 border-color: #0073e6;
 outline: none;
}

.language-selector::after {
 content: '▼';
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translateY(-50%);
 pointer-events: none;
 font-size: 12px;
 color: #666;
}

.language-selector-top {
 position: relative;
 display: inline-block;
 font-family: Arial, sans-serif;
}

#language-dropdown-top {
 appearance: none;
 background-color: #f9f9f9;
 border: 1px solid #ccc;
 border-radius: 5px;
 padding: 10px 40px 10px 15px;
 font-size: 16px;
 cursor: pointer;
 width: 150px;
 transition: border-color 0.3s ease;
}

#language-dropdown-top:hover,
#language-dropdown-top:focus {
 border-color: #0073e6;
 outline: none;
}

.language-selector-top::after {
 content: '▼';
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translateY(-50%);
 pointer-events: none;
 font-size: 12px;
 color: #666;
}

/* Standard-Schriftgröße für größere Geräte */
.mobile-text-font-size {
 font-size: 15px; /* Standardgröße */
}

.padding-katalog {
 padding-bottom: 10px;
}

/* Schriftgröße für mobile Geräte */
@media (max-width: 1023px) {
 .mobile-text-font-size {
  font-size: 18px; /* Vergrößerte Schriftgröße für mobile Geräte */
 }
 .site-title-box{
  width: 85%;
 }
 .padding-katalog {
  padding-bottom: 15px;
 }
}

/* Schriftgröße für mobile Geräte */
@media (max-width: 768px) {
 .mobile-text-font-size {
  font-size: 21px; /* Vergrößerte Schriftgröße für mobile Geräte */
 }
 .site-title-box{
  width: 85%;
 }
 .padding-katalog {
  padding-bottom: 15px;
 }
}

/* Optional: Noch größere Schriftgröße für sehr kleine Geräte */
@media (max-width: 480px) {
 .mobile-text-font-size {
  font-size: 24px; /* Extra große Schriftgröße für sehr kleine Bildschirme */
 }

 .site-title-box{
  width: 95%;
 }

 .padding-katalog {
  padding-bottom: 22px;
 }
}