/*
Theme Name: DSM-Online
Version: 1.1
Author: Oliver Fleck
Author URI: https://www.oliverfleck.de/
template: bb-theme
*/

body {

	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1   { 
    letter-spacing: -.04em  !important;
   }

h2,h3,h4,h5,h6   { 
    letter-spacing: -.03em  !important;
   }
    
.fake-heading {font-family: 'Inter Bold', sans-serif  !important;letter-spacing: -.03em  !important;}

a {
    text-decoration: underline;
    text-underline-offset: .25em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
a:hover {
    text-decoration: underline dashed;
}

.clickable-col a.fl-button:hover, 
.clickable-col:nth-child(2) {
    box-shadow: none !important;
    transition-timing-function: ease-in-out !important;
    transition-duration: 0.2s !important;
    transform: translateY(0px) !important;
    transition: all 0s ease-in-out !important;
}

body {letter-spacing: -.025em !important}

td {    border: 1px solid #dfe5e8;padding: 5px 10px;
}
.menu-item-text img {width:20px !important;}

.pp-search-form__container .pp-screen-reader-text {display:none;}

body.page-id-10828 footer,body.page-id-10828 header{display:none;}

 a.fl-button {

transition: all .3s ease-in-out  !important;
}

 a.fl-button:hover {
   box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3)  !important; /* Horizontal/Vertical/Blur/Spread/Color */
transition-timing-function: ease-in-out !important;
transition-duration: 0.2s !important; 
	transform: translateY(-4px) !important;
transition: all .3s ease-in-out !important;
}

.clickable-col .fl-col-content:hover{
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3)  !important; /* Horizontal/Vertical/Blur/Spread/Color */
transition-timing-function: ease-in-out !important;
transition-duration: 0.4s !important; 
	transform: translateY(-8px) !important;
transition: all .4s ease-in-out !important;
}

.clickable-col .fl-col-content{
transition-timing-function: ease-in-out;
transition-duration: 0.4s; 
}

.clickable-row .fl-row-content-wrap:hover{
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3)  !important; /* Horizontal/Vertical/Blur/Spread/Color */
transition-timing-function: ease-in-out !important;
transition-duration: 0.4s !important; 
	transform: translateY(-8px) !important;
transition: all .4s ease-in-out !important;
}

.clickable-row .fl-row-content-wrap{
transition-timing-function: ease-in-out;
transition-duration: 0.4s; 
}

.pp-grid-custom{
transition: all .4s ease-in-out !important;
transition-timing-function: ease-in-out !important;
transition-duration: 0.4s !important; 
}

.pp-grid-custom:hover{
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3)  !important; /* Horizontal/Vertical/Blur/Spread/Color */
transition-timing-function: ease-in-out !important;
transition-duration: 0.4s !important; 
	transform: translateY(-8px) !important;
transition: all .4s ease-in-out !important;
}



.navbar {
    width: 100%;
    transition: position 0.3s ease, top 0.3s ease;
}

.navbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}


.highlight {background:#e69e22;padding:2px 4px;border-radius:2px;}

.hours {color:#969696 !important;font-weight:400 !important;padding-left:10px;}

.buttons-right {position:fixed;
top:200px;right:-120px;transform: rotate(90deg)}


input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url]{
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1em;
	  color: #333333;
    background-color: #ffffff;
    border-width: 0;
    border-color: #eeeeee;
    border-radius: 3px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-width: 1px;
    box-shadow: none;
    margin-bottom: 4px;
	  height: 50px !important;
	  font-size: 16px;
}

textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
	  font-size: 16px;
	padding:12px 13px;
		  color: #333333;
}

.nf-field-label label {
    margin-bottom: 0px;
    font-size: 15px !important;
    font-weight: 400;
}

.label-above .nf-field-label {
    margin-bottom: 5px !important;
}

.nf-field-label label {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 300 !important;
}

.ninja-forms-form-wrap input[type="text"], .ninja-forms-form-wrap input[type="email"], .ninja-forms-form-wrap textarea {
    height: auto;
    border-radius: 4px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
    border-width: 1px;
    border-style: solid solid solid solid;
    line-height: 24px;
}

.label-right .nf-field-label {
    padding-left: 5px !important;

}

.ninja-forms-form-wrap .nf-after-field .nf-error-msg {
    margin-right: 0;
    background-color: rgb(252, 9, 27);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 12px;
        margin-bottom: -21px;
}

.nf-form-fields-required , .nf-error-wrap{display:none;}

.pp-ninja-form-content .ninja-forms-form-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .fl-node-5f90137ecfb15 .pp-ninja-form-content .ninja-forms-form-wrap select {
    height: 50px !important;
}

.nf-field-label label {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.pp-ninja-form-content .ninja-forms-form-wrap .submit-wrap input[type="button"] {
    background: #0e76e5;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #828282 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #828282 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #828282 !important;
}