* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior: url(../scripts/boxsizing.htc);}
 
html, html a {font-family:'Ubuntu', Arial, Helvetica, sans-serif;font-weight:300;font-style:normal;/*-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,0.004);*/}
body {font-size:1em;line-height:1.4;overflow-x:hidden;overflow-y:scroll;color:#494949;background:#ffffff;font-family:'Ubuntu', Arial, Helvetica, sans-serif;font-weight:300;font-style:normal;}
html,body {margin:0;padding:0;height:100%;}

p {font-size:1.2em;margin:0 0 1.2em 0;padding:0;font-weight:300;font-style:normal;/*-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;*/}
p.small {font-size:0.7em;}

hr {height:2px;border:0;margin:0;background:#1c3d6b;}

/*strong {color:#1c3d6b;font-weight:300;}*/
strong {font-weight:500;color:#1c3d6b;}

h1 {font-size:2.2em;line-height:1.2em;font-weight:300;text-align:center;text-transform:uppercase;margin:0 0 0em 0;/*padding:0 20px*/;color:#1c3d6b;}
h2 {font-size:1.6em;line-height:1.2em;font-weight:300;text-align:center;margin:0em 0 1.6em 0;padding:0 20px;color:#646464;text-transform:none;}
#referenzen {margin:0em 0 0em 0;}
h3 {font-size:1.25em;line-height:1.5em;font-weight:300;margin:1.5em 0 0em 0;padding:0;color:#1c3d6b;text-transform:uppercase;}
h4 {font-size:1.25em;font-weight:500;margin:2em 0 1.5em 0;padding:0;color:#494949;}
h5 {font-size:1.1em;font-weight:500;margin:1em 0 1em 0;padding:0;color:#494949;}

.welcome-title {font-size:1.25em;line-height:1.5em;font-weight:300;margin:1.5em 0 1.5em 0;padding:0;color:#1c3d6b;}

a {text-decoration:none;color:#1c3d6b;}
a.download {display:block;width:100%;padding:12px 35px 12px 0;background:url(../images/download-icon@2x.png) no-repeat right;background-size:22px auto;color:#494949;}
a.download-content {display:block;padding:12px 0 12px 35px;background:url(../images/download-icon@2x.png) no-repeat left;background-size:22px auto;color:#1c3d6b;}


a:hover, a:active, a:focus {outline:none;text-decoration:none;color:#1c3d6b;}
a.close {cursor:pointer;}
.clr {clear:both;}

input {border:1px solid #d9d9d9;background:none;padding:4px;color:#48301c;}
textarea {border:1px solid #d9d9d9;background:none;padding:4px;color:#48301c;}
label {color:#48301c;}
table tr td {color:#48301c;}
iframe {border:0;overflow:hidden;}
button:focus {outline:none;}

input[type=text], input[type=email], input[type=password], textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;}

.header {position:fixed;top:0;z-index:1000;width:100%;height:182px;background:#ffffff;}
.header .header-wrapper {position:relative;max-width:1800px;margin:0 auto;padding:0 40px 0 40px;}

.header .logo {float:left;margin-top:40px;}
.header .logo img {width:260px;max-width:260px;height:auto;}

.header .phone {position:absolute;top:100px;right:180px;font-size:2em;color:#1c3d6b;padding:0;margin:0;line-height:1em;}

/* Toggle Call Back Form */
.toggle-bar {z-index:2000;position:absolute;left:50%;transform:translateX(-50%);text-align:center;color:#ffffff;}

/* Link zur Kontaktseite, statt toggle-button-call-back-form */
a.link-button-contact-form {display:inline-block;cursor:pointer;border:0;width:610px;height:60px;padding:0 20px;background:rgba(28, 61, 107, 0.95);background-size:24px 17px; text-transform:uppercase;color:#ffffff;font-size:1.4em;line-height:60px;text-align:center;}

button.toggle-button-call-back-form {display:inline-block;cursor:pointer;border:0;width:610px;height:60px;padding:0 20px;background:rgba(28, 61, 107, 0.95) url(../images/arrow-open.png) no-repeat 430px 22px;background-size:24px 17px; text-transform:uppercase;color:#ffffff;font-size:1.4em;text-align:center;}

.toggle-button-call-back-form.expanded {background:rgba(28, 61, 107, 0.95) url(../images/arrow-close.png) no-repeat 430px 22px;background-size:24px 17px;}

.toggle-content.call-back-form {display:none;position:relative;width:610px;height:580px;top:0;margin:0 auto;padding:0 20px;background:rgba(28, 61, 107, 0.95);text-align:center}
.toggle-content.call-back-form h3 {margin:0;padding:45px 50px 30px 50px;color:#ffffff;font-size:1.2em;text-transform:none;}

/* RSForm Call Back Form */
.formBody {width:100%;display:inline-block;}
#rsform_3_page_0.formContainer {border:0;padding:0 50px;}
#rsform_3_page_0 input {width:100%;border:1px solid #ffffff;background:none;padding:10px 10px 10px/*30px*/ 10px;margin-bottom:20px;font-size:1.2em;color:#ffffff;}
#rsform_3_page_0 textarea {resize:none;width:100%;height:170px;border:1px solid #ffffff;background:none;padding:10px;margin-bottom:40px;font-size:1.2em;color:#ffffff;}

button#Absenden {cursor:pointer;border:0;background:none;padding:10px 10px 10px 0;font-size:1.6em;color:#ffffff;}

/* RSForm Anforderungsformular */
#rsform_5_page_0.formContainer {border:0;padding:0 0px;}
#rsform_5_page_0 input {border:1px solid #7a7a7a;background:#ffffff;padding:5px;}
#rsform_5_page_0 input.rsform-radio {margin-left:1px;}
#rsform_5_page_0 textarea {resize:none;width:100%;border:1px solid #7a7a7a; height:170px;padding:5px;background:#ffffff;}
#rsform_5_page_0 .formError {font-size:1.1em;}
.rsform-select-box {padding:5px;color:#494949!important;}
.formRequired {font-weight:300!important;color:#494949;}
.rsform-checkbox {margin-right:10px;}
.rsform-radio {margin-right:10px;}

.formControlLabel {color:#494949!important;font-size:1.2em;font-weight:300;}
.rsformVerticalClear {color:#494949!important;}
.rsformVerticalClear label {color:#494949!important;}

.rsform-captcha-refresh-button {display:block;margin-top:2px;}

#rsform_5_page_0 .rsform-submit-button {border:0;cursor:pointer;padding:10px 20px;background:#1c3d6b;font-size:1.25em;color:#ffffff;}

 
/* Toggle Navigation */

button.toggle-button-main-navigation {position:absolute;cursor:pointer;border:0;top:40px;right:40px;width:90px;height:90px;background:rgba(28, 61, 107, 0.95) url(../images/menu.png) no-repeat center 20px;background-size:36px 28px;color:#ffffff;padding:55px 10px 5px 10px;text-align:center;font-weight:500;}
.toggle-button-main-navigation.expanded {z-index:2700;position:absolute;cursor:pointer;background:rgba(28, 61, 107, 0.95) url(../images/arrow-close.png) no-repeat center center;background-size:33px 23px;}
.toggle-button-main-navigation.expanded .menu-button-name {display:none;}
.toggle-navigation.main-navigation {display:none;z-index:2500;position:fixed;right:0;top:0;color:#ffffff;width:600px;height:100%;min-height:100%;overflow:auto;padding:200px 0px 40px 0px;background:rgba(28, 61, 107, 0.95);text-align:center;}

.main-navigation ul.nav {list-style-type:none;margin:0;padding:0;}
.main-navigation ul.nav li {padding:15px 0;}
.main-navigation ul.nav a {padding:15px;color:#ffffff;font-size:2.2em;}

/* Social Links */
#social-links {position:absolute;top:40px;right:180px; margin:0;padding:0px 0px;z-index:2000;}
#social-links ul {margin:0;padding:0;}
#social-links ul.left {float:left;}
#social-links ul.right {float:right;}
#social-links ul li {display:inline-block;list-style-type:none;background:none!important;vertical-align:middle;}
#social-links .contact-icon {display:block;height:30px;width:41px;margin-right:28px;background:url(../images/social/contact-icon-white@2x.png) no-repeat center;background-size:41px auto;}
#social-links .social-icon {display:block;cursor:pointer;height:30px;width:31px;background:url(../images/social/social-links-icon-white@2x.png) no-repeat center;background-size:31px auto;}
#social-links .xing-icon {display:block;height:34px;width:33px;margin-right:28px;background:url(../images/social/xing-icon-white@2x.png) no-repeat center;background-size:33px auto;}
#social-links .youtube-icon {display:block;height:35px;width:50px;background:url(../images/social/youtube_social_icon_red.png) no-repeat center;background-size:50px auto;}

/* Social Links Content */
#social-links-content {float:left;margin:0;padding:0;}
#social-links-content ul {margin:0;padding:0;}
#social-links-content ul li {display:inline-block;list-style-type:none;padding-left: 0px!important;margin-right:1em;background:none!important;}
#social-links-content ul li:before {display:none;}
#social-links-content .contact-icon {display:block;height:23px;width:31px;background:url(../images/social/contact-icon-grey@2x.png) no-repeat center;background-size:31px auto;}
#social-links-content .social-icon {display:block;cursor:pointer;height:23px;width:24px;background:url(../images/social/social-links-icon-grey@2x.png) no-repeat center;background-size:24px auto;}


.box-shadow {-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2);}
 
#content {position:relative;top:182px;padding-bottom:120px;margin:0 auto;min-height:100%;overflow:hidden;/* hyphens */-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
/*#content .main-content {max-width:1920px;margin:0 auto;padding:70px 0 0px 0;background:#ffffff;}*/
#content .item-page {max-width:1920px;margin:0 auto;padding:130px 40px 15px 40px;background:#ffffff;}
#content .item-page_startseite {max-width:1000px;margin:0 auto;padding:130px 40px 15px 40px;}
#content .item-page .p_wrapper {max-width:1000px;margin:0 auto;padding:0px 20px;}
#content .moduletable {/*padding:60px 40px;*/}
#content .moduletable_icons {padding-top:1%;padding-bottom:2%;}
#content .item-page_content-wrapper {max-width:1000px;margin:0 auto;padding:130px 20px 60px 20px;background:#ffffff;}
#content .item-page_content-wrapper .moduletable {padding:0;}
#content .contact_content-wrapper {max-width:1000px;margin:0 auto;padding:130px 20px 60px 20px;background:#ffffff;}

#content ul {margin:10px 0 20px 0;padding:0;}
#content ul li {font-size:1.2em;list-style-type:none;font-weight:300;padding:0 0 0 1em;background:url(../images/list-square.png) no-repeat left 12px;background-size:6px 6px;}
/*#content ul li:before {color:#1c3d6b;float:left;margin:0 0 0 -1em;width:1em;content:url('\2022');}*/
#content ul ul {margin:0 0 0 0px;padding:0;}
#content img {max-width:100%;height:auto;}
#content .long-email {-ms-word-break: break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;}


#content .main-content .moduletable_back-button {max-width:1000px;margin:0 auto;padding:0px 40px;}
a.back-button {display:inline-block;padding:10px 20px;background:#1c3d6b;font-size:1.25em;color:#ffffff;}
a.back-button:hover {color:#ffffff;}

.before-content-module {max-width:1000px;margin:0 auto;margin-top:130px;margin-bottom:0px;padding:0px 40px;background:#ffffff;}
.main-content-module1 {min-height:100%;background:#ffffff;padding:0px 0px;margin-bottom:70px;}
.main-content-module2 {min-height:100%;background:#e6e6e6;padding:60px 0px;margin-bottom:20px;}
.main-content-module3 {min-height:100%;background:#ffffff;padding:60px 0px;margin-bottom:20px;}
.main-content-module4 {min-height:100%;background:#e6e6e6;padding:60px 0px;margin-bottom:20px;}
 
.main-content-module4 .module-anforderungsformular h2 {margin:80px 0 0 0;}
.main-content-wrapper {max-width:1000px;margin:0 auto;}
.main-content-module-wrapper {max-width:1000px;margin:0 auto;padding:0px 20px;}
.after-content-module {max-width:1000px;margin:0 auto;padding:60px 20px;background:#ffffff;}



.image-slider {height:0;padding-bottom:27.80674313521029%;/*height:100%;position:relative;*/}
.image-slider img {/*width:100%;max-width:100%;height:auto;*/}
.image-slider ul {margin:0!important;padding:0!important;}
.image-slider ul li {background:none!important;margin:0!important;padding:0!important;}
.image-slider ul li:before {display:none;margin:0!important;width:0!important;}
 
/* mod_djimageslider */
.djslider ul li {background:none!important;}
.djslider-loader-default {overflow:visible;}
.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {position:absolute;top:107%;right:0px;left:0px;width:100%;text-align:center;}
.djslider-default .load-button {width:8px;height:8px;display:inline-block;background:#1c3d6b;border:0px solid #fff;margin:0 6px;cursor:pointer;border-radius:0%;opacity:1;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.djslider-default .load-button-active {opacity:0.5;}
/* Slide description area */
.djslider-default img.prev-button {height:30px!important;width:auto!important;}
.djslider-default img.next-button {height:30px!important;width:auto!important;}
.djslider-default .slide-desc {position:absolute;width:auto!important;}
.djslider-default .slide-desc-in {position:relative;}
.slide-desc-bg-default {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);}
.slide-desc-text-default {position:relative;color:#1c3d6b;padding:0 25px 0 70px;text-align:left;}
.slide-desc-text-default .slide-title {font-size:2.6em;line-height:1.7em;color:#1c3d6b;margin-bottom:10px;font-weight:300;text-transform:uppercase;}
.slide-desc-text-default .slide-title a {color:#1c3d6b;}

.slider-padding-top {padding-top:40px;}

#content .youtube-container {position:relative;top:20px;padding-bottom:51.8%;/* 16:9 */height:0;max-width:920px;overflow:hidden;margin:0 auto;}
#content .youtube-container iframe {position:absolute;left:0;top:0;width:100%;height:100%;}

/* Feste Höhe für Content Slider - Fix für smooth-scrolling from a different page 
@media screen and (max-width:2500px) {.moduletable_bilder-referenzen {height:800px;}}   
@media screen and (max-width:2300px) {.moduletable_bilder-referenzen {height:750px;}}    
@media screen and (max-width:2100px) {.moduletable_bilder-referenzen {height:700px;}}  
@media screen and (max-width:2000px) {.moduletable_bilder-referenzen {height:600px;}}  
@media screen and (max-width:1800px) {.moduletable_bilder-referenzen {height:550px;}}  
@media screen and (max-width:1700px) {.moduletable_bilder-referenzen {height:500px;}}  
@media screen and (max-width:1500px) {.moduletable_bilder-referenzen {height:450px;}}  
@media screen and (max-width:1300px) {.moduletable_bilder-referenzen {height:400px;}}  
@media screen and (max-width:1100px) {.moduletable_bilder-referenzen {height:350px;}}  
@media screen and (max-width:900px) {.moduletable_bilder-referenzen {height:300px;}}  
@media screen and (max-width:800px) {.moduletable_bilder-referenzen {height:250px;}}  
@media screen and (max-width:700px) {.moduletable_bilder-referenzen {height:200px;}}  
@media screen and (max-width:600px) {.moduletable_bilder-referenzen {height:150px;}}  
@media screen and (max-width:500px) {.moduletable_bilder-referenzen {height:100px;}} */


/* Contact Form */
.contact dd {margin:0;padding:0;}

.contact-form  legend {font-size:.8em;}
.dl-horizontal dd {margin:0;padding:0;}
#contact-form input {width:100%;max-width:300px;background:#ffffff;}
#contact-form textarea {width:100%;background:#ffffff;}
#contact-form .control-label {margin-top:15px;}
#contact-form fieldset {border:0;margin:0;padding:0;}
#jform_contact_email_copy-lbl {float:left;}
#jform_contact_email_copy {width:40px !important;margin:5px 0 0 10px;}

.form-actions {margin:20px 0 50px 0;}
.form-actions button {border:0;cursor:pointer;padding:10px 20px;background:#1c3d6b;font-size:1.25em;color:#ffffff;}



/* Kästen Produktübersicht und Material und Technik */
.square {float:left;position:relative;width:33.33%;padding-bottom:18.47525559105431%;margin:0%;background-color:#ffffff;overflow:hidden;}
.square1 {background-color:#2d4982;}
.square2 {background-color:#20376f;}
.square3 {background-color:#5f719d;}
.square-content {position:absolute;height:100%;width:100%;padding:20px 0 2em 0;}
.text-cell {width:100%;margin:0 auto;position:absolute;bottom:5px;text-align:center;color:#ffffff;text-transform:uppercase;font-size:1.4em;line-height:1.3;}
/*  For responsive images as background */
.content-bg {width:100%;height:100%;margin:0 auto;max-width:200px;max-height:200px;background-size:200% auto;background-repeat:no-repeat;background-position:right 50%;}
.img1 {background-image:url('../images/icons-produktuebersicht/wandversion.svg');}
.img2 {background-image:url('../images/icons-produktuebersicht/eckversion.svg');}
.img3 {background-image:url('../images/icons-produktuebersicht/mobile-version.svg');}

.img4 {background-image:url('../images/icons-material-und-technik/oberflaechenschicht-acryl.svg');}
.img5 {background-image:url('../images/icons-material-und-technik/sauerstoff-sprudel-massage-system.svg');}
.img6 {background-image:url('../images/icons-material-und-technik/verschlusstechnik-und-armaturen.svg');}

a:hover .square-content {background-color:#ffffff;color:#1c3d6b;}
a:hover .content-bg {background-position:left 50%;}
a:hover .square-content .text-cell {color:#1c3d6b;}

/* Balbooa Gallery */
.ba-caption-content h3 {text-transform:none!important;font-weight:normal!important;}


/* Vina Accordion */
.vina-accordion-content {height:100%; }
.accordion-open {cursor:pointer;}
.accordion-close {cursor:pointer;}
.accordion-close:hover {background:#1c3d6b!important;color:#ffffff!important;}
.vina-accordion-content .vina-accordion-item {padding:15px 20px;font-size:1.25em;font-weight:300;text-transform:none;line-height:20px;}
.vina-accordion-content a.download {color:#000000;}
.vina-accordion-item {border-top:#b4b4b4 1px solid!important;}
.vina-accordion-content .accordion-open span {right:20px;top:15px;background:url(../images/accordion-minus-w.png) center center no-repeat;background-size:auto 18px;}
.vina-accordion-content .accordion-close {background:none!important;}
.vina-accordion-content .accordion-close:hover {background:#1c3d6b!important;}
.vina-accordion-content .accordion-close span {right:20px;top:13px;background:url(../images/accordion-plus-bw.png) left center no-repeat;background-size:auto 18px;}
.vina-accordion-content .accordion-close:hover span {background:url(../images/accordion-plus-bw.png) right center no-repeat;background-size:auto 20px;color:#ffffff!important;}


/* System Messages */
.message {z-index:3000;position:absolute;top:0;width:100%;position:absolute;left:50%;transform:translateX(-50%);text-align:center;}
#system-message-container h4.alert-heading {display:none;}
#system-message-container .alert.alert-message {background:rgba(226,237,192,0.96);color:#494949;padding:20px 70px 20px 40px;margin:0;min-height:70px;}
#system-message-container .alert.alert-notice {background:rgba(226,237,192,0.96);color:#494949;padding:20px 70px 20px 40px;margin:0;min-height:70px;}
#system-message-container .alert.alert-error {background:rgba(215,90,75,0.96);color:#ffffff;padding:20px 70px 20px 40px;margin:0;min-height:70px;}
#system-message-container .alert.alert-warning {background:rgba(215,90,75,0.96);color:#ffffff;padding:20px 70px 20px 40px;margin:0;min-height:70px;} 
#system-message-container a.close {z-index:3000;display:block;position:absolute;right:0px;top:0px;cursor:pointer;width:50px;height:50px;padding-top:12px;vertical-align:center;background:rgba(0,0,0,0.3);color:#ffffff;}
#system-message-container a.close:hover {background:rgba(0,0,0,0.6);}
#system-message-container button.close {z-index:3000;position:absolute;right:0px;top:0px;cursor:pointer;width:50px;height:50px;border:0;background:rgba(0,0,0,0.3);color:#ffffff;} 
#system-message-container button.close:hover {background:rgba(0,0,0,0.6)} 
 
.tooltip {position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;/*opacity: 0;filter: alpha(opacity=0);*/}
.tooltip.in {opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top {margin-top:-3px;padding:5px 0;}
.tooltip.right {margin-left:3px;padding:0 5px;}
.tooltip.bottom {margin-top:3px;padding:5px 0;}
.tooltip.left {margin-left:-3px;padding:0 5px;}
.tooltip-inner {max-width:200px;padding:8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow {bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000;}
.tooltip.right .tooltip-arrow {top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000;}
.tooltip.left .tooltip-arrow {top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000;}
.tooltip.bottom .tooltip-arrow {top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000;}
.popover {display:none!important;position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;	background-clip: padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal;}
.popover.top {margin-top:-10px;}
.popover.right {margin-left:10px;}
.popover.bottom {margin-top:10px;}
.popover.left {margin-left:-10px;}
.popover-title {margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;	border-radius: 5px 5px 0 0;}
.popover-title:empty {display:none;}
.popover-content {padding:9px 14px;}
.popover .arrow,
.popover .arrow:after {position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.popover .arrow {border-width:11px;}
.popover .arrow:after {border-width:10px;content: "";}
.popover.top .arrow {left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px;}
.popover.top .arrow:after {bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff;}
.popover.right .arrow {top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);}
.popover.right .arrow:after {left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff;}
.popover.bottom .arrow {left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px;}
.popover.bottom .arrow:after {top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff;}
.popover.left .arrow {top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);}
.popover.left .arrow:after {right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px;}

/* Footer */
.footer {position:relative;bottom:0;left:0;margin:0 auto;margin-top:150px;padding:0 80px;width:100%;height:auto;text-align:left;line-height:1.7em;background:#ededed;}
.footer .moduletable_footer-menu {display:inline-block;padding:40px 40px 80px/*30px*/ 40px;border-right:0px solid #4b4b4b;vertical-align:top;height:200px;min-width:200px;}
.footer .moduletable_footer-menu_kontakt-impressum {display:inline-block;padding:40px 80px 80px/*30px*/ 40px;border-right:none;vertical-align:top;text-transform:uppercase;}
.footer .moduletable_footer-menu_kontakt-impressum a {font-size:1.2em;font-weight:normal;font-style:normal;}
.footer .moduletable_footer-menu.ohne-ueberschrift {padding-top:70px ;font-size:1.25em;line-height:1.5em;font-weight:300;text-transform:uppercase;}
.footer .moduletable_footer-home-button {position:absolute;width:25%;right:0;top:0px;}
.footer .footer-home-button a {display:block;height:95px;text-align:center;font-size:1.2em;color:#4b4b4b;padding-top:1em;background:#ededed url(../images/arrow-up.png) no-repeat 50% 55px;background-size:30px auto;font-weight:normal;font-style:normal;}
/*.footer .footer-home-button a:hover {color:#ffffff;background:rgba(28, 61, 107, 0.95);}*/
.footer p {margin:0;padding:0;}
.footer .footer-title {font-weight:normal;font-style:normal;text-transform:uppercase;/*font-weight:500;*/}
.footer h3 {color:#4b4b4b;text-transform:uppercase;}
.footer a {margin:0;padding:10px 0;color:#4b4b4b;}
.footer a:hover {color:#4b4b4b;}
.footer ul {margin:0;padding:0;}
.footer li {list-style:none;padding:0!important;background:none!important;}
.footer span.vertical-bar {font-size:0.8em;}
.footer-copyright {text-align:center;/*text-align:right; bei Modulen aktivieren */padding:30px 30px 80px 30px;font-size:0.8em;}


@media screen and (min-width:1950px) {
.toggle-navigation.main-navigation {width:22%;}

.square-content {padding-top:3%;}
.text-cell {bottom:5%;}
}  

@media screen and (min-width:2400px) {
.square-content {padding-top:5%;}
.text-cell {bottom:10%;}
}   
 
@media screen and (min-width:1000px) {
#content .youtube-container {padding-bottom:0;height:563px;}
#content .youtube-container iframe {height:563px;}
}  



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

.square .text-cell.small-font {font-size:1.1em;}

}  

 
@media screen and (max-width:1700px) {
.square {padding-bottom:22.5%;}
.text-cell {bottom:0px;}
 
.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top:108%;}
}  

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

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

#content .main-content .moduletable_icons {padding-top:0.5%;padding-bottom:40%;}
}  

@media screen and (max-width:1420px) {
.square {padding-bottom:24%;}
.square-content {position:absolute;height:100%;width:100%;padding:10px 0 2em 0;}
.text-cell {font-size:1.1em;line-height:1.3;} 
.square .text-cell.small-font {font-size:1em;}
#content .main-content .moduletable_icons {padding-top:0.5%;padding-bottom:43%;}
}  

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

#content .main-content .moduletable_icons {padding-top:0.5%;padding-bottom:44%;}

.flex-caption {bottom:20%;font-size:2em;}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top:111%;}
.slide-desc-text-default .slide-title {font-size:2em;margin-bottom:0px;}

.square .text-cell.small-font {font-size:0.9em;}
 
}  

@media screen and (max-width:1200px) {
.square {padding-bottom:27%;} 
}  

@media screen and (max-width:1150px) {
a.link-button-contact-form {display:none;}
button.toggle-button-call-back-form {display:none;}
.square {padding-bottom:28%;}
#content .main-content .moduletable_icons {padding-bottom:46%;}
}  

@media screen and (max-width:1100px) {
.square {padding-bottom:30%;}
.text-cell {font-size:1em;line-height:1.3;}
#content .main-content .moduletable_icons {padding-bottom:48%;}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top:113%;}
.slide-desc-text-default .slide-title {margin-bottom:-10px;}
}  

@media screen and (max-width:1050px) {
 
#content .main-content .moduletable_icons {padding-bottom:53%;}

.square .text-cell.small-font {font-size:0.8em;}
}  

@media screen and (max-width:950px) {
.square {padding-bottom:32%;}
.text-cell {font-size:0.9em;line-height:1.3;}
#content .main-content .moduletable_icons {padding-bottom:56%;}

.Logos-Mitgliedschaften {float:left;width:100%;}
img.content-img-Mitgliedschaften_DStV {margin-left:0px;width:130px!important;height:auto;}
img.content-img-Mitgliedschaften_StBK {margin-left:0px;margin-top:40px;width:140px!important;height:auto;}
img.content-img-Mitgliedschaften_WPK {margin-left:0px;margin-top:40px;width:200px!important;height:auto;}
img.content-img-Mitgliedschaften_StBVHessen {margin-left:0px;margin-top:40px;width:80px!important;height:auto;}
img.content-img-Mitgliedschaften_DATEV {margin-left:0px;margin-top:40px;width:80px!important;height:auto;}
 
}  

@media screen and (max-width:900px) {
.header .phone {font-size:1.2em;}
.square {padding-bottom:34%;}
#content .main-content .moduletable_icons {padding-bottom:59%;}
}  

@media screen and (max-width:850px) {
.header .header-wrapper {padding:0 20px 0 20px;}
.toggle-bar {z-index:2000;position:absolute;left:60%;transform:translateX(-60%);text-align:center;color:#ffffff;}
.header .phone {right:160px;}

button.toggle-button-main-navigation {top:40px;right:20px;width:90px;height:90px;background-size:36px 28px;padding:55px 10px 5px 10px;}

.flex-caption {bottom:20%;padding:0 10px 0 20px;font-size:1.5em;}
.flex-control-nav {bottom:-50px;}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top:107%;}
.slide-desc-text-default {position:relative;color:#1c3d6b;padding:0 10px 0 20px;text-align:left;}
.slide-desc-text-default .slide-title {font-size:1.5em;margin-bottom:0px;}

.square {width:100%;padding-bottom:300px;}
.text-cell {font-size:1.1em;line-height:1.3;}
.square .text-cell.small-font {font-size:1em;}
/*#content .main-content .moduletable_icons {height:965px;padding-top:0;}*/

/*#content .main-content .item-page {padding:80px 0 60px 0;}*/
#content .item-page {padding:90px 20px 15px 20px;}
#content .item-page_startseite {padding:90px 10px 15px 10px;}
#content .main-content .moduletable {padding:60px 20px;}
#content .main-content .anforderungsformular {padding:0px 0px;}
#content .main-content .item-page_content-wrapper {padding:90px 20px 60px 20px;}
#content .main-content .contact_content-wrapper {padding:90px 20px 60px 20px;}
#content .main-content .moduletable_back-button {padding:0px 20px;}
#content .main-content .item-page div.p_wrapper {padding:0px 20px;}
.before-content-module {margin-top:90px;padding:0px 20px;}
.main-content-module-wrapper {padding:0px 10px;}
.after-content-module {padding:60px 20px;}

.ba-gallery {padding:0!important;}

/* bei Modulen aktivieren
.footer .moduletable_footer-menu {padding:0px 20px 0px 20px;height:auto;max-height:200px;width:100%;min-width:100%;}
.footer-copyright {text-align:center;padding:80px 30px 80px 30px;font-size:0.8em;}*/
}  

@media screen and (max-width:720px) {
.header .phone {font-size:1em;}
}  

@media screen and (max-width:680px) {
.toggle-bar {display:none;}
.header .logo {float:left;margin-top:30px;}
.header .logo img {width:200px;max-width:200px;height:auto;}
.header .phone {top:135px;left:20px;/*left:50%;transform:translateX(-50%);text-align:center;*/width:300px;}
button.toggle-button-main-navigation {top:20px;} 

#social-links {top:20px;right:130px;}
}  

@media screen and (max-width:600px) {
.toggle-navigation.main-navigation {width:100%;height:100%;overflow:auto;padding-top:80px!important;}
.main-navigation ul.nav a {padding:15px;font-size:1.8em;}

}  

@media screen and (max-width:570px) {
.flex-caption {bottom:15%;font-size:1.1em;}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top:111%;}
.slide-desc-text-default .slide-title {font-size:1.1em;margin-bottom:-10px;}

.navigation-container {top:30%!important;}

h1 {font-size:1.8em;}
h2 {font-size:1.4em;}

.footer {padding:40px 0px 0 0px;}
}  

@media screen and (max-width:500px) {
#content img { width:100%;}

.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top:112%;}
}  

@media screen and (max-width:440px) {
.djslider-default .navigation-container-custom, .djslider-default .navigation-numbers {top:117%;}

#social-links {top:120px;right:20px;}

.square .text-cell.small-font {font-size:0.9em;}
}  


@media screen and (max-width:370px) {
.square .text-cell.small-font {font-size:0.8em;}
}  


@media screen and (max-width:350px) {
.text-cell {font-size:1em;line-height:1.3;}
}  




/* max-height */
@media screen and (max-height:800px) {
.toggle-navigation.main-navigation {padding-top:40px;}
.main-navigation ul.nav a {padding:15px;font-size:1.8em;}
#social-links {bottom:50px;}
}  

@media screen and (max-height:520px) {
.toggle-navigation.main-navigation {padding-top:10px;}
.main-navigation ul.nav li {padding:12px 0;}
.main-navigation ul.nav a {font-size:1.5em;}
}  

@media screen and (max-height:420px) {
.toggle-navigation.main-navigation {padding-top:10px;}
.main-navigation ul.nav li {padding:8px 0;}
.main-navigation ul.nav a {font-size:1.2em;}
}