:root {
  --main-blue: #001d93;
  --main-green: #d8d800;
  --main-yellow: #86b21b;
}

/* auto-hyphin */

.container p {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


/*  Publikationen Slider  */



.publication-wrapper .bxslider-publication { list-style:none; margin:0; padding:0; }
/*.publication-wrapper .bxslider-publication li { display:none; }
.publication-wrapper .bxslider-publication li:first-of-type { display:block; }*/

.publication-wrapper .bx-wrapper { position:relative; margin:0; }
.publication-wrapper .bx-wrapper > .bx-viewport > ul.bxslider { list-style:none; margin:0; padding:0; }
.publication-wrapper .bx-wrapper > .bx-viewport > ul.bxslider > li { list-style:none; margin:0; padding:0; position:relative; display:block; }
.publication-wrapper .bx-wrapper > .bx-viewport > ul.bxslider > li > img { width:100%; display:block; }

.publication-wrapper .bx-wrapper > .bx-controls {}
.publication-wrapper .bx-wrapper > .bx-controls > .bx-pager { position:absolute; left:0; bottom:-40px; width:100%; text-align:center; margin-top: 4rem;}
.publication-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item { display:inline-block; margin:0 2px; }
.publication-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a.bx-pager-link { 
  width:12px; 
  height:12px; 
  display:block; 
  border-radius: 50%;
  /* background:transparent url('../../bin/images/layout/bullet.png') 0 0 no-repeat;  */
  background-color: #ccc;
  text-indent:-99999px; 
  margin-right: .75rem;
}
.publication-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a:hover,
.publication-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a.bx-pager-link.active { background-color: var(--main-blue); }
.publication-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction {}
.publication-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev { position:absolute; left:-40px; top:50%; margin:0 0 -9px 0; width:19px; height:30px; display:block; 
  /* background:transparent url('../../bin/images/layout/slider-about-left.png') 0 0 no-repeat;  */
  background-color: var(--main-green);
  mask: url('../../bin/images/layout/chevron-left-solid.svg');
  mask-repeat: no-repeat;
  mask-position: center;  text-indent:-99999px; 
  -webkit-mask: url('../../bin/images/layout/chevron-left-solid.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.publication-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev:hover { background-position:0 -30px; }

.publication-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next { position:absolute; right:-40px; top:50%; margin:0 0 -9px 0; width:19px; height:30px; display:block; 
  /* background:transparent url('../../bin/images/layout/slider-about-right.png') 0 0 no-repeat;  */
  background-color: var(--main-green);
  mask: url('../../bin/images/layout/chevron-right-solid.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  text-indent:-99999px; 
  -webkit-mask: url('../../bin/images/layout/chevron-right-solid.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.publication-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next:hover { background-position:0 -30px; }

@media (max-width: 768px)
{
	.publication-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev { left:20px; }
	.publication-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next { right:20px;}
}




/*  Aktuell Slider  */

.news-wrapper h1 {
  color: var(--main-blue);
}

.news-wrapper .bxslider-aktuell { list-style:none; margin:0; padding:0; }
/*.news-wrapper .bxslider-publication li { display:none; }
.news-wrapper .bxslider-publication li:first-of-type { display:block; }*/

.news-wrapper .bx-wrapper { position:relative; margin:0; }
.news-wrapper .bx-wrapper > .bx-viewport > ul.bxslider { list-style:none; margin:0; padding:0; }
.news-wrapper .bx-wrapper > .bx-viewport > ul.bxslider > li { list-style:none; margin:0; padding:0; position:relative; display:block; }
.news-wrapper .bx-wrapper > .bx-viewport > ul.bxslider > li > img { width:100%; display:block; }

.news-wrapper .bx-wrapper > .bx-controls {}
/* .news-wrapper .bx-wrapper > .bx-controls > .bx-pager { position:absolute; left:0; bottom:-40px; width:100%; text-align:center; } */
.news-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item { margin:0 2px; }
.news-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a.bx-pager-link { width:12px; height:12px; display:block; border-radius: 50%; background-color: #ccc; text-indent:-99999px; margin-right: .75rem; }
.news-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a:hover,
.news-wrapper .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a.bx-pager-link.active { background-color: var(--main-blue);}
.news-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction {}

.news-wrapper .bx-has-controls-direction {
  display: flex;
  justify-content: center;
}

.news-wrapper .bx-default-pager {
  display: flex;
  margin-top: 4rem;
}

.news-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev { 
  position:absolute; 
  left:-40px; 
  top:50%; 
  margin:0 0 -9px 0; 
  width:19px; 
  height:30px; 
  display:block; 
  /* background:transparent url('../../bin/images/layout/slider-about-left.png') 0 0 no-repeat; */
  background-color: var(--main-green);
  mask: url('../../bin/images/layout/chevron-left-solid.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  text-indent:-99999px;
  -webkit-mask: url('../../bin/images/layout/chevron-left-solid.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center; 
}

.news-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev:hover { background-position:0 -30px; }

.news-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next { 
  position:absolute; 
  right:-40px; 
  top:50%; 
  margin:0 0 -9px 0; 
  width:19px; 
  height:30px; 
  display:block; 
  /* background:transparent url('../../bin/images/layout/slider-about-right.png') 0 0 no-repeat; */
  background-color: var(--main-green);
  mask: url('../../bin/images/layout/chevron-right-solid.svg');
  mask-repeat: no-repeat;
  mask-position: center; 
  text-indent:-99999px; 
  -webkit-mask: url('../../bin/images/layout/chevron-right-solid.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.news-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next:hover { background-position:0 -30px; }

@media (max-width: 768px)
{
	.news-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-prev { left:20px; }
	.news-wrapper .bx-wrapper > .bx-controls > .bx-controls-direction > .bx-next { right:20px;}
}






/*

.aktuell-category-selector {
   max-width: 300px;
   width: 100%;
   height: 30px;
   overflow: hidden;
   
   }
*/
.category-select-home .styledSelect {
	background: url('../images/arrow-white.png') no-repeat left #001d93;
   	border: 1px solid white;
   	color: white;
}


.category-select-detail .styledSelect {
	background: url('../images/arrow-black.png') no-repeat left white;
   	border: 1px solid black;
   	color: black;
}


.category-select-home .options {
	background-color: #001d93;
  color: white;
	border: 1px solid white;
}

.category-select-detail .options {
	background-color: white;
	border: 1px solid black;
}

/*
 
 .aktuell-category-selector select {
   padding: 3px;
   font-size: 16px;
   border-radius: 0;
   -webkit-appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 100%;
   padding-left: 35px;
   }
   
 
  
  */
  
  
  /* kosmetik */
.news-wrapper .artikelbild {width:100%;display:block;margin:0 0 0.67em 0;}

.news-wrapper {
	padding-bottom: 60px !important;
}

.publication-wrapper {
	padding-bottom: 60px !important;
}

.poster-wrapper {
    padding-bottom: 60px !important;
    padding-top: 20px;
    background-color: #e4e4e4;
}

.poster-wrapper h1 {
    color: #999;
    margin: 50px 0px;
}

.poster-wrapper img.posterImage {
    max-width: 525px;
    width: 80%;
    cursor: pointer;
    transition: 0.3s;
}

.poster-wrapper img.posterImage:hover {
    opacity: 0.7;
}

/* -- poster zoom -- */

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll !important;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.posterClose {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.posterClose:hover,
.posterClose:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/* -- poster zoom end -- */




/*  select  */

.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
	max-width: 300px;
   width: 100%;
   height: 30px;
   

    cursor:pointer;
    display:inline-block;
    position:relative;
}
.styledSelect {

	padding: 3px;
   font-size: 16px;
   padding-left: 35px;
   

    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
}

/*
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#eee;
}

*/
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    /*
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    */
}
.options li {
	font-size: 14.5px;
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
.options li:hover {
    background-color:#39f;
    color:white;
}


/* Poster Section */
.issuu-wrapper {
    background-color: white;
    /* padding: 0.5em 0.5em 0.5em 0.5em;*/
    border: 1px solid #b3b2b3;
    height: 480px;
    max-width: 900px;
    overflow: visible;
    -webkit-box-shadow: 0 1px 34px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 34px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-bottom: 50px;
}
.form-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    z-index: 999;
    background-color:#ffa900;
    display:none;
    overflow-y: scroll;
}

.order-form {
    background-color: white;
    padding: 80px;
    margin:20px;
}

.frm_error{
    color: #eb6a52;
}

.light {
    font-weight: 200 !important;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 30px;
    color: #555555;
}

.form-field {
    margin: 10px;
}

.frm_message {
    color: #555555;
}

.form-field input {
    width: 100%;
    padding: 5px;
    color: #333333;
}
.form-field input:focus {
    padding: 6px;
    border: 1px solid #eb6a52;
}
.frm_primary_label {
    color: #555555;
    font-weight:200;
    margin-left: 3px;
}

.poster-count input {
    width: 50px;
}
.nopadding {
 padding: 0 !important;
}

.frm_right_container {
    margin-left: 10px;
}
.frm_button_submit {
    margin-left: 10px;
    margin-top: 10px;

}
.poster-btn, .frm_button_submit {
    color: #ffffff;
    background: #eb6852;
    padding: 15px 30px 15px 30px;
    text-decoration: none;
    border:none !important;
    box-shadow:none !important;
    cursor: pointer;
}

.poster-btn:hover, .frm_button_submit:hover {
    background: #df624d;
    color: #ffffff;
    text-decoration: none;
}

#overlay-close-button span {
    cursor: pointer;
}