/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../fonts/opensans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/opensans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/opensans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/opensans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../../fonts/opensans/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../../fonts/opensans/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/opensans/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/opensans/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../fonts/opensans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../fonts/opensans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/opensans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/opensans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../../fonts/opensans/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/opensans/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/opensans/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/opensans/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../fonts/opensans/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../fonts/opensans/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/opensans/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../fonts/opensans/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/opensans/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; }@media only screen and (max-width: 580px) { .form_div { width: 100%; } .includeform .tableheader { background-color: transparent; color: #333; font-size: 0.9em; } .includeform .formtable, .includeform .tablerow { width: 100%; border: 0px none; } .includeform .formtable, .includeform .tablerow:not( .background_color1 form .tablerow ) { background: none; } .includeform .trcolor0:hover:not( .background_color1 form .tablerow ), .includeform .trcolor1:hover:not( .background_color1 form .tablerow ) { background: none; } .includeform .left_cell, .includeform .right_cell, .includeform .full_cell { padding-left: 0; padding-right: 0; color: #333; font-weight: normal; font-size: 0.9em; line-height: 1.5em; } .includeform .left_cell { width: 100%; } .includeform .right_cell { width: 100%; } .includeform .full_cell { width: 100%; } .includeform .input_header, .includeform .input_header:hover { background-color: transparent; text-align: left; padding-left: 0px; } .includeform input, .includeform select, .includeform textarea, .includeform .input_tarea, .includeform .input_select { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px; } .includeform .input_street1_container { width: 77%; float: left; } .includeform .input_street2_container { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 23%; padding-left: 10px; float: left; } .includeform .input_street1_container .input_street1, .includeform .input_street2_container .input_street2 { width: 100%; margin-left: 0; } .includeform .input_street1, .includeform .input_street2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0; } .includeform .input_street1 { width: 86%; } .includeform .input_street2 { width: 12%; float: right; } .includeform .input_city1_container { width: 17%; float: left; } .includeform .input_city2_container { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 83%; padding-left: 10px; float: left; } .includeform .input_city1_container .input_city1, .includeform .input_city2_container .input_city2 { width: 100%; margin-left: 0; } .includeform .input_city1, .includeform .input_city2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0; } .includeform .input_city1 { width: 18%; } .includeform .input_city2 { width: 80%; float: right; } .includeform .input_double1_container { width: 50%; float: left; } .includeform .input_double2_container { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; padding-left: 10px; float: left; } .includeform .input_double1_container .input_double1, .includeform .input_double2_container .input_double2 { width: 100%; margin-left: 0; } .includeform .input_double1, .includeform .input_double2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0; } .includeform .input_double1 { width: 49%; } .includeform .input_double2 { width: 49%; float: right; } /* CTA Box */ #contentcontainer .cta_box { display: block; margin-top: 0px; margin-bottom: 0px; } #contentcontainer .cmod.first .cta_box { margin-top: 0px; } #contentcontainer .cta_box .cta_icon { display: none; } #contentcontainer .cta_box .cta_content { display: block; padding: 15px 10px; width: 100%; box-sizing: border-box; } /* ENDE CTA Box */ } @media only screen and (max-width: 800px) { #contentcontainer .cta_box .cta_logo { display: none; } } a.submitbutton:link, a.submitbutton:active, a.submitbutton:visited, .submitbutton, #menu a.submitbutton:link, #menu a.submitbutton:active, #menu a.submitbutton:visited, #menu .submenu a.submitbutton:link, #menu .submenu a.submitbutton:active, #menu .submenu a.submitbutton:visited, #sidebar .menuitem .sidebar_content a.submitbutton:link, #sidebar .menuitem .sidebar_content a.submitbutton:active, #sidebar .menuitem .sidebar_content a.submitbutton:visited, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:link, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:active, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:visited, #footercontainer a.submitbutton:link, #footercontainer a.submitbutton:active, #footercontainer a.submitbutton:visited, #catcherContainer .submit, #catcherContainer a.submitbutton, #contentcontainer .catcher .content a.submitbutton, #contentcontainer .catcher .content .includeform submit, #contentcontainer .submit, #contentcontainer a.submitbutton, #contentcontainer a[href^="tel:"].submitbutton, .includeform .submit, input.submit, button.submit, #sidebar .submit, #sidebar a.submitbutton, #sidebar .sidebar_content a.submitbutton, #sidebar .menuitem .sidebar_content .submit, #sidebar_bottom .menuitem .sidebar_content .submit, #sidebar_bottom .sidebar_content a.submitbutton, #productmenu input.submit, #productmenu button.submit, #productmenu .submit, .widget_submenu .submit, .widget_submenu a.submitbutton, #vvergleich .includeform .submit, #menu .submenu a.submitbutton, #preview .homepageButtonContainer a.submitbutton, #contentcontainer .cmod_catcher .content section header, #contentcontainer_catcher header, a.bigsubmitbutton:link, a.bigsubmitbutton:active, a.bigsubmitbutton:visited, .bigsubmitbutton, #menu a.bigsubmitbutton:link, #menu a.bigsubmitbutton:active, #menu a.bigsubmitbutton:visited, #menu .submenu a.bigsubmitbutton:link, #menu .submenu a.bigsubmitbutton:active, #menu .submenu a.bigsubmitbutton:visited, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:link, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:active, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:visited, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:link, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:active, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:visited, #footercontainer a.bigsubmitbutton:link, #footercontainer a.bigsubmitbutton:active, #footercontainer a.bigsubmitbutton:visited, #catcherContainer .bigsubmit, #catcherContainer a.bigsubmitbutton, #contentcontainer .catcher .content a.bigsubmitbutton, #contentcontainer .catcher .content .includeform submit, #contentcontainer .bigsubmit, #contentcontainer a.bigsubmitbutton, #contentcontainer a[href^="tel:"].bigsubmitbutton, .includeform .bigsubmit, input.bigsubmit, button.bigsubmit, #sidebar .bigsubmit, #sidebar a.bigsubmitbutton, #sidebar .sidebar_content a.bigsubmitbutton, #sidebar .menuitem .sidebar_content .bigsubmit, #sidebar_bottom .menuitem .sidebar_content .bigsubmit, #sidebar_bottom .sidebar_content a.bigsubmitbutton, #productmenu input.bigsubmit, #productmenu button.bigsubmit, #productmenu .bigsubmit, .widget_submenu .bigsubmit, .widget_submenu a.bigsubmitbutton, #vvergleich .includeform .bigsubmit, #menu .submenu a.bigsubmitbutton, #preview .homepageButtonContainer a.bigsubmitbutton, #contentcontainer .cmod_catcher .content section header, #contentcontainer_catcher header { display: inline-block; height: auto; width: auto; min-width: 100px; padding: 8px 15px; margin: 10px 0px; vertical-align: middle; cursor: pointer; box-sizing: content-box; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: normal; font-size: 14px; line-height: 140%; text-decoration: none; overflow: hidden; text-overflow: ellipsis; border: 1px solid #ff8400; border-radius: 0px; background: #ff8400; color: #000000; -webkit-appearance: none; transition: all .1s ease-out; -webkit-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; -moz-hyphens: manual; hyphens: manual; } a.bigsubmitbutton:link, a.bigsubmitbutton:active, a.bigsubmitbutton:visited, .bigsubmitbutton, #menu a.bigsubmitbutton:link, #menu a.bigsubmitbutton:active, #menu a.bigsubmitbutton:visited, #menu .submenu a.bigsubmitbutton:link, #menu .submenu a.bigsubmitbutton:active, #menu .submenu a.bigsubmitbutton:visited, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:link, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:active, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:visited, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:link, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:active, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:visited, #footercontainer a.bigsubmitbutton:link, #footercontainer a.bigsubmitbutton:active, #footercontainer a.bigsubmitbutton:visited, #catcherContainer .bigsubmit, #catcherContainer a.bigsubmitbutton, #contentcontainer .catcher .content a.bigsubmitbutton, #contentcontainer .catcher .content .includeform submit, #contentcontainer .bigsubmit, #contentcontainer a.bigsubmitbutton, #contentcontainer a[href^="tel:"].bigsubmitbutton, .includeform .bigsubmit, input.bigsubmit, button.bigsubmit, #sidebar .bigsubmit, #sidebar a.bigsubmitbutton, #sidebar .sidebar_content a.bigsubmitbutton, #sidebar .menuitem .sidebar_content .bigsubmit, #sidebar_bottom .menuitem .sidebar_content .bigsubmit, #sidebar_bottom .sidebar_content a.bigsubmitbutton, #productmenu input.bigsubmit, #productmenu button.bigsubmit, #productmenu .bigsubmit, .widget_submenu .bigsubmit, .widget_submenu a.bigsubmitbutton, #vvergleich .includeform .bigsubmit, #menu .submenu a.bigsubmitbutton, #preview .homepageButtonContainer a.bigsubmitbutton, #contentcontainer .cmod_catcher .content section header, #contentcontainer_catcher header { padding: 15px 24px; font-size: 19px; } a.submitbutton.discretebutton:link, a.submitbutton.discretebutton:active, a.submitbutton.discretebutton:visited, .submitbutton.discretebutton, #menu a.submitbutton.discretebutton:link, #menu a.submitbutton.discretebutton:active, #menu a.submitbutton.discretebutton:visited, #menu .submenu a.submitbutton.discretebutton:link, #menu .submenu a.submitbutton.discretebutton:active, #menu .submenu a.submitbutton.discretebutton:visited, #sidebar .menuitem .sidebar_content a.submitbutton.discretebutton:link, #sidebar .menuitem .sidebar_content a.submitbutton.discretebutton:active, #sidebar .menuitem .sidebar_content a.submitbutton.discretebutton:visited, #sidebar_bottom .menuitem .sidebar_content a.submitbutton.discretebutton:link, #sidebar_bottom .menuitem .sidebar_content a.submitbutton.discretebutton:active, #sidebar_bottom .menuitem .sidebar_content a.submitbutton.discretebutton:visited, #footercontainer a.submitbutton.discretebutton:link, #footercontainer a.submitbutton.discretebutton:active, #footercontainer a.submitbutton.discretebutton:visited, #catcherContainer .submit.discretebutton, #catcherContainer a.submitbutton.discretebutton, #contentcontainer .catcher .content a.submitbutton.discretebutton, #contentcontainer .catcher .content .includeform submit.discretebutton, #contentcontainer .submit.discretebutton, #contentcontainer a.submitbutton.discretebutton, #contentcontainer a[href^="tel:"].submitbutton.discretebutton, .includeform .submit.discretebutton, input.submit.discretebutton, button.submit.discretebutton, #sidebar .submit.discretebutton, #sidebar a.submitbutton.discretebutton, #sidebar .sidebar_content a.submitbutton.discretebutton, #sidebar .menuitem .sidebar_content .submit.discretebutton, #sidebar_bottom .menuitem .sidebar_content .submit.discretebutton, #sidebar_bottom .sidebar_content a.submitbutton.discretebutton, #productmenu input.submit.discretebutton, #productmenu button.submit.discretebutton, #productmenu .submit.discretebutton, .widget_submenu .submit.discretebutton, .widget_submenu a.submitbutton.discretebutton, #vvergleich .includeform .submit.discretebutton, #menu .submenu a.submitbutton.discretebutton, #preview .homepageButtonContainer a.submitbutton.discretebutton, #contentcontainer .cmod_catcher .content section header.discretebutton, #contentcontainer_catcher header.discretebutton, a.bigsubmitbutton.discretebutton:link, a.bigsubmitbutton.discretebutton:active, a.bigsubmitbutton.discretebutton:visited, .bigsubmitbutton.discretebutton, #menu a.bigsubmitbutton.discretebutton:link, #menu a.bigsubmitbutton.discretebutton:active, #menu a.bigsubmitbutton.discretebutton:visited, #menu .submenu a.bigsubmitbutton.discretebutton:link, #menu .submenu a.bigsubmitbutton.discretebutton:active, #menu .submenu a.bigsubmitbutton.discretebutton:visited, #sidebar .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:link, #sidebar .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:active, #sidebar .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:visited, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:link, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:active, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:visited, #footercontainer a.bigsubmitbutton.discretebutton:link, #footercontainer a.bigsubmitbutton.discretebutton:active, #footercontainer a.bigsubmitbutton.discretebutton:visited, #catcherContainer .bigsubmit.discretebutton, #catcherContainer a.bigsubmitbutton.discretebutton, #contentcontainer .catcher .content a.bigsubmitbutton.discretebutton, #contentcontainer .catcher .content .includeform submit.discretebutton, #contentcontainer .bigsubmit.discretebutton, #contentcontainer a.bigsubmitbutton.discretebutton, #contentcontainer a[href^="tel:"].bigsubmitbutton.discretebutton, .includeform .bigsubmit.discretebutton, input.bigsubmit.discretebutton, button.bigsubmit.discretebutton, #sidebar .bigsubmit.discretebutton, #sidebar a.bigsubmitbutton.discretebutton, #sidebar .sidebar_content a.bigsubmitbutton.discretebutton, #sidebar .menuitem .sidebar_content .bigsubmit.discretebutton, #sidebar_bottom .menuitem .sidebar_content .bigsubmit.discretebutton, #sidebar_bottom .sidebar_content a.bigsubmitbutton.discretebutton, #productmenu input.bigsubmit.discretebutton, #productmenu button.bigsubmit.discretebutton, #productmenu .bigsubmit.discretebutton, .widget_submenu .bigsubmit.discretebutton, .widget_submenu a.bigsubmitbutton.discretebutton, #vvergleich .includeform .bigsubmit.discretebutton, #menu .submenu a.bigsubmitbutton.discretebutton, #preview .homepageButtonContainer a.bigsubmitbutton.discretebutton, #contentcontainer .cmod_catcher .content section header.discretebutton, #contentcontainer_catcher header.discretebutton{ background: #fff; border: 1px solid #000000; color: #000000; } a.submitbutton:hover, .submitbutton:hover, #menu a.submitbutton:hover, #menu .submenu a.submitbutton:hover, #sidebar .menuitem .sidebar_content a.submitbutton:hover, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:hover, #footercontainer a.submitbutton:hover, #catcherContainer .submit:hover, #catcherContainer a.submitbutton:hover, #contentcontainer .catcher .content a.submitbutton:hover, #contentcontainer .catcher .content .includeform submit:hover, #contentcontainer .submit:hover, #contentcontainer a.submitbutton:hover, #contentcontainer a[href^="tel:"].submitbutton:hover, .includeform .submit:hover, input.submit:hover, button.submit:hover, #sidebar .submit:hover, #sidebar a.submitbutton:hover, #sidebar .sidebar_content a.submitbutton:hover, #sidebar .menuitem .sidebar_content .submit:hover, #sidebar_bottom .menuitem .sidebar_content .submit:hover, #sidebar_bottom .sidebar_content a.submitbutton:hover, #productmenu input.submit:hover, #productmenu button.submit:hover, #productmenu .submit:hover, .widget_submenu .submit:hover, .widget_submenu a.submitbutton:hover, #vvergleich .includeform .submit:hover, #menu .submenu a.submitbutton:hover, #preview .homepageButtonContainer a.submitbutton:hover, #contentcontainer .cmod_catcher .content section header:hover, #contentcontainer_catcher header:hover, a.bigsubmitbutton:hover, .bigsubmitbutton:hover, #menu a.bigsubmitbutton:hover, #menu .submenu a.bigsubmitbutton:hover, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:hover, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:hover, #footercontainer a.bigsubmitbutton:hover, #catcherContainer .bigsubmit:hover, #catcherContainer a.bigsubmitbutton:hover, #contentcontainer .catcher .content a.bigsubmitbutton:hover, #contentcontainer .catcher .content .includeform submit:hover, #contentcontainer .bigsubmit:hover, #contentcontainer a.bigsubmitbutton:hover, #contentcontainer a[href^="tel:"].bigsubmitbutton:hover, .includeform .bigsubmit:hover, input.bigsubmit:hover, button.bigsubmit:hover, #sidebar .bigsubmit:hover, #sidebar a.bigsubmitbutton:hover, #sidebar .sidebar_content a.bigsubmitbutton:hover, #sidebar .menuitem .sidebar_content .bigsubmit:hover, #sidebar_bottom .menuitem .sidebar_content .bigsubmit:hover, #sidebar_bottom .sidebar_content a.bigsubmitbutton:hover, #productmenu input.bigsubmit:hover, #productmenu button.bigsubmit:hover, #productmenu .bigsubmit:hover, .widget_submenu .bigsubmit:hover, .widget_submenu a.bigsubmitbutton:hover, #vvergleich .includeform .bigsubmit:hover, #menu .submenu a.bigsubmitbutton:hover, #preview .homepageButtonContainer a.bigsubmitbutton:hover, #contentcontainer .cmod_catcher .content section header:hover, #contentcontainer_catcher header:hover { border-color: hsl( 31, 100%, 45%); background-color: hsl( 31, 100%, 45%); } a.submitbutton.discretebutton:hover, .submitbutton.discretebutton:hover, #menu a.submitbutton.discretebutton:hover, #menu .submenu a.submitbutton.discretebutton:hover, #sidebar .menuitem .sidebar_content a.submitbutton.discretebutton:hover, #sidebar_bottom .menuitem .sidebar_content a.submitbutton.discretebutton:hover, #footercontainer a.submitbutton.discretebutton:hover, #catcherContainer .submit.discretebutton:hover, #catcherContainer a.submitbutton.discretebutton:hover, #contentcontainer .catcher .content a.submitbutton.discretebutton:hover, #contentcontainer .catcher .content .includeform submit.discretebutton:hover, #contentcontainer .submit.discretebutton:hover, #contentcontainer a.submitbutton.discretebutton:hover, #contentcontainer a[href^="tel:"].submitbutton.discretebutton:hover, .includeform .submit.discretebutton:hover, input.submit.discretebutton:hover, button.submit.discretebutton:hover, #sidebar .submit.discretebutton:hover, #sidebar a.submitbutton.discretebutton:hover, #sidebar .sidebar_content a.submitbutton.discretebutton:hover, #sidebar .menuitem .sidebar_content .submit.discretebutton:hover, #sidebar_bottom .menuitem .sidebar_content .submit.discretebutton:hover, #sidebar_bottom .sidebar_content a.submitbutton.discretebutton:hover, #productmenu input.submit.discretebutton:hover, #productmenu button.submit.discretebutton:hover, #productmenu .submit.discretebutton:hover, .widget_submenu .submit.discretebutton:hover, .widget_submenu a.submitbutton.discretebutton:hover, #vvergleich .includeform .submit.discretebutton:hover, #menu .submenu a.submitbutton.discretebutton:hover, #preview .homepageButtonContainer a.submitbutton.discretebutton:hover, #contentcontainer .cmod_catcher .content section header.discretebutton:hover, #contentcontainer_catcher header.discretebutton:hover, a.bigsubmitbutton.discretebutton:hover, .bigsubmitbutton.discretebutton:hover, #menu a.bigsubmitbutton.discretebutton:hover, #menu .submenu a.bigsubmitbutton.discretebutton:hover, #sidebar .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:hover, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton.discretebutton:hover, #footercontainer a.bigsubmitbutton.discretebutton:hover, #catcherContainer .bigsubmit.discretebutton:hover, #catcherContainer a.bigsubmitbutton.discretebutton:hover, #contentcontainer .catcher .content a.bigsubmitbutton.discretebutton:hover, #contentcontainer .catcher .content .includeform submit.discretebutton:hover, #contentcontainer .bigsubmit.discretebutton:hover, #contentcontainer a.bigsubmitbutton.discretebutton:hover, #contentcontainer a[href^="tel:"].bigsubmitbutton.discretebutton:hover, .includeform .bigsubmit.discretebutton:hover, input.bigsubmit.discretebutton:hover, button.bigsubmit.discretebutton:hover, #sidebar .bigsubmit.discretebutton:hover, #sidebar a.bigsubmitbutton.discretebutton:hover, #sidebar .sidebar_content a.bigsubmitbutton.discretebutton:hover, #sidebar .menuitem .sidebar_content .bigsubmit.discretebutton:hover, #sidebar_bottom .menuitem .sidebar_content .bigsubmit.discretebutton:hover, #sidebar_bottom .sidebar_content a.bigsubmitbutton.discretebutton:hover, #productmenu input.bigsubmit.discretebutton:hover, #productmenu button.bigsubmit.discretebutton:hover, #productmenu .bigsubmit.discretebutton:hover, .widget_submenu .bigsubmit.discretebutton:hover, .widget_submenu a.bigsubmitbutton.discretebutton:hover, #vvergleich .includeform .bigsubmit.discretebutton:hover, #menu .submenu a.bigsubmitbutton.discretebutton:hover, #preview .homepageButtonContainer a.bigsubmitbutton.discretebutton:hover, #contentcontainer .cmod_catcher .content section header.discretebutton:hover, #contentcontainer_catcher header.discretebutton:hover{ background-color: hsl(0, 0%, 95%); border: 1px solid #000000; color: #000000; } a.submitbutton:active, .submitbutton:active, #menu a.submitbutton:active, #menu .submenu a.submitbutton:active, #sidebar .menuitem .sidebar_content a.submitbutton:active, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:active, #footercontainer a.submitbutton:active, #catcherContainer .submit:active, #catcherContainer a.submitbutton:active, #contentcontainer .catcher .content a.submitbutton:active, #contentcontainer .catcher .content .includeform submit:active, #contentcontainer .submit:active, #contentcontainer a.submitbutton:active, #contentcontainer a[href^="tel:"].submitbutton:active, .includeform .submit:active, input.submit:active, button.submit:active, #sidebar .submit:active, #sidebar a.submitbutton:active, #sidebar .sidebar_content a.submitbutton:active, #sidebar .menuitem .sidebar_content .submit:active, #sidebar_bottom .menuitem .sidebar_content .submit:active, #sidebar_bottom .sidebar_content a.submitbutton:active, #productmenu input.submit:active, #productmenu button.submit:active, #productmenu .submit:active, .widget_submenu .submit:active, .widget_submenu a.submitbutton:active, #vvergleich .includeform .submit:active, #menu .submenu a.submitbutton:active, #preview .homepageButtonContainer a.submitbutton:active, #contentcontainer .cmod_catcher .content section header:active, #contentcontainer_catcher header:active, a.bigsubmitbutton:active, .bigsubmitbutton:active, #menu a.bigsubmitbutton:active, #menu .submenu a.bigsubmitbutton:active, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:active, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:active, #footercontainer a.bigsubmitbutton:active, #catcherContainer .bigsubmit:active, #catcherContainer a.bigsubmitbutton:active, #contentcontainer .catcher .content a.bigsubmitbutton:active, #contentcontainer .catcher .content .includeform submit:active, #contentcontainer .bigsubmit:active, #contentcontainer a.bigsubmitbutton:active, #contentcontainer a[href^="tel:"].bigsubmitbutton:active, .includeform .bigsubmit:active, input.bigsubmit:active, button.bigsubmit:active, #sidebar .bigsubmit:active, #sidebar a.bigsubmitbutton:active, #sidebar .sidebar_content a.bigsubmitbutton:active, #sidebar .menuitem .sidebar_content .bigsubmit:active, #sidebar_bottom .menuitem .sidebar_content .bigsubmit:active, #sidebar_bottom .sidebar_content a.bigsubmitbutton:active, #productmenu input.bigsubmit:active, #productmenu button.bigsubmit:active, #productmenu .bigsubmit:active, .widget_submenu .bigsubmit:active, .widget_submenu a.bigsubmitbutton:active, #vvergleich .includeform .bigsubmit:active, #menu .submenu a.bigsubmitbutton:active, #preview .homepageButtonContainer a.bigsubmitbutton:active, #contentcontainer .cmod_catcher .content section header:active, #contentcontainer_catcher header:active{ transform: scale(0.95); } #contentcontainer .catcher .submit, #contentcontainer .catcher .content a.submitbutton, #contentcontainer .catcher .content .includeform .submit { padding: 8px 15px; } /****** 580px MOBILE *********/ @media only screen and (max-width: 580px) { a.submitbutton:link, a.submitbutton:active, a.submitbutton:visited, .submitbutton, #menu a.submitbutton:link, #menu a.submitbutton:active, #menu a.submitbutton:visited, #menu .submenu a.submitbutton:link, #menu .submenu a.submitbutton:active, #menu .submenu a.submitbutton:visited, #sidebar .menuitem .sidebar_content a.submitbutton:link, #sidebar .menuitem .sidebar_content a.submitbutton:active, #sidebar .menuitem .sidebar_content a.submitbutton:visited, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:link, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:active, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:visited, #footercontainer a.submitbutton:link, #footercontainer a.submitbutton:active, #footercontainer a.submitbutton:visited, #catcherContainer .submit, #catcherContainer a.submitbutton, #contentcontainer .catcher .content a.submitbutton, #contentcontainer .catcher .content .includeform submit, #contentcontainer .submit, #contentcontainer a.submitbutton, #contentcontainer a[href^="tel:"].submitbutton, .includeform .submit, input.submit, button.submit, #sidebar .submit, #sidebar a.submitbutton, #sidebar .sidebar_content a.submitbutton, #sidebar .menuitem .sidebar_content .submit, #sidebar_bottom .menuitem .sidebar_content .submit, #sidebar_bottom .sidebar_content a.submitbutton, #productmenu input.submit, #productmenu button.submit, #productmenu .submit, .widget_submenu .submit, .widget_submenu a.submitbutton, #vvergleich .includeform .submit, #menu .submenu a.submitbutton, #preview .homepageButtonContainer a.submitbutton, #contentcontainer .cmod_catcher .content section header, #contentcontainer_catcher header, a.bigsubmitbutton:link, a.bigsubmitbutton:active, a.bigsubmitbutton:visited, .bigsubmitbutton, #menu a.bigsubmitbutton:link, #menu a.bigsubmitbutton:active, #menu a.bigsubmitbutton:visited, #menu .submenu a.bigsubmitbutton:link, #menu .submenu a.bigsubmitbutton:active, #menu .submenu a.bigsubmitbutton:visited, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:link, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:active, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:visited, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:link, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:active, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:visited, #footercontainer a.bigsubmitbutton:link, #footercontainer a.bigsubmitbutton:active, #footercontainer a.bigsubmitbutton:visited, #catcherContainer .bigsubmit, #catcherContainer a.bigsubmitbutton, #contentcontainer .catcher .content a.bigsubmitbutton, #contentcontainer .catcher .content .includeform submit, #contentcontainer .bigsubmit, #contentcontainer a.bigsubmitbutton, #contentcontainer a[href^="tel:"].bigsubmitbutton, .includeform .bigsubmit, input.bigsubmit, button.bigsubmit, #sidebar .bigsubmit, #sidebar a.bigsubmitbutton, #sidebar .sidebar_content a.bigsubmitbutton, #sidebar .menuitem .sidebar_content .bigsubmit, #sidebar_bottom .menuitem .sidebar_content .bigsubmit, #sidebar_bottom .sidebar_content a.bigsubmitbutton, #productmenu input.bigsubmit, #productmenu button.bigsubmit, #productmenu .bigsubmit, .widget_submenu .bigsubmit, .widget_submenu a.bigsubmitbutton, #vvergleich .includeform .bigsubmit, #menu .submenu a.bigsubmitbutton, #preview .homepageButtonContainer a.bigsubmitbutton, #contentcontainer .cmod_catcher .content section header, #contentcontainer_catcher header { font-size: 20px; line-height: 140%; padding: 10px; margin: 10px 0px; width: 98%; /* windows bug (button-scrolling) */ box-sizing: border-box; } #contentcontainer .catcher .content a.submitbutton, #contentcontainer .catcher .content .includeform .submit { width: 100%; } } #style_switch { display: none; height: 0px; } /****** ! ADMIN *******/ .newelement_adminedit:before { content: ""; display: block; clear: both; } .menu_setting_tooltip_h { margin-top: 88px !important; padding-top: 13px; background-image: url(../166/editbar-trans-rotate.png) !important; background-repeat: no-repeat; } #menu #menuedit { top: 46px; margin-left: -16px; z-index: 1; } .elementborder_adminedit .editbar_admincontent, .elementborder_adminedit .cmodclassselection_admincontent, .sidebar2_adminedit { z-index: 100; } .sidebar_inside_add_first_element.leftsb { display: none; } #contentcontainer.cc_sidebar .element_wrapper.wrap_html .editbar_admincontent { right: 334px; } #contentcontainer .element_wrapper.wrap_html .editbar_admincontent { top: 4px; } /****** ! COMMON CSS *********/ body { background-color: #ffffff; color: #000000; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0px; padding: 0px; line-height: 160%; } #centercontainer { margin: 0 auto; /* max-width: 1400px; */ } /*#pagewrap, body.testbadge #adminedit_centercontainer #pagewrap { margin-top: 80px; } body.testbadge #pagewrap { margin-top: 140px; }*/ #testbadge { top: auto; bottom: 0px; } #menutoggle { display: none; } .resp_burgermenu_active ul#menu li.has-submenu > .submenutoggle { right: 10px; height: 45px; line-height: 45px; margin-top: -48px; border: 0px none; color: #fff; background-color: transparent; } .resp_burgermenu_active ul#menu li.has-submenu.subactive > .submenutoggle, .resp_burgermenu_active ul#menu li.has-submenu.subsubactive > .submenutoggle { background-color: transparent; color: #fff; } a:link, #sidebar .menuitem .sidebar_content a:link, #sidebar_bottom .menuitem .sidebar_content a:link, a:visited, #sidebar .menuitem .sidebar_content a:visited, #sidebar_bottom .menuitem .sidebar_content a:visited { color: #0c335e; text-decoration: underline; } a:hover, #sidebar .menuitem .sidebar_content a:hover, #sidebar_bottom .menuitem .sidebar_content a:hover, a:active, #sidebar .sidebar_content a:active, #sidebar_bottom .menuitem .sidebar_content a:active { text-decoration: none; color: hsl( 211, 77%, 1%); } #adminedit_centercontainer { width:100%; } #edittitlecontainer { width: 100%; height: 350px; max-width: 1360px; /* background: rgba(0, 0 ,0, 0.5); z-index: 9999; */ } .includeform input, .includeform textarea, .includeform select { width:100%; } h1, h2 { margin: 0px 0 30px 0; font-size: 36px; font-family: 'Open Sans', sans-serif; line-height: 1.2em; font-weight: 600; } h1:has( + .cmod_bottom ), h2:has( + .cmod_bottom ) { margin-bottom: 0px; } h2 { font-size: 30px; font-weight: 600; } h3 { margin: 5px 0 10px 0; font-size: 24px; font-family: 'Open Sans', sans-serif; line-height: 1.2em; font-weight: 600; } h1, h2, h3, h4, .includeform .input_header, .includeform .input_header:hover, #sidebar .title, #sidebar_bottom .title { color: #135096; } .cmod { font-size: 16px; font-family: 'Open Sans', sans-serif; color: #000000; display: block; max-width: 1400px; width: 100%; margin: 0 auto; } .element_wrapper > div { max-width: 1400px; margin: 0 auto; padding: 20px; box-sizing: border-box; } .element_wrapper.last .cmod { padding-bottom: 30px; } .element_wrapper > div:empty { padding: 0; } .cmod:after { content: ""; display: block; clear: both; } .cmod.first, .cmod_form + .cmod_form, .cmod_catcher + .cmod_catcher, .cmod_catcher + .cmod_form, .cmod_form + .cmod_catcher { margin-top: 0px; } .cmod_calc iframe { width: 100%; } p { margin-bottom: 0.8em; } hr { display: none; margin: 10px 0; } .loginline label { padding: 5px 0; } .loginline { padding: 0 0 5px 0; } #contentcontainer .cmod_redcont .newsitem { margin-top: 40px; } #contentcontainer .cmod_redcont .newsseparator { clear: both; } /****** ! HEADER *********/ #titleback { height: 350px; position: relative; background: url(../../dyndesigns/144/image999-trans.png) center 0 no-repeat; background-size: cover; background-position: 50% 50%; } #titlecontainer { max-width: 1400px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; } #titlecontainer .sitetitle, #titlecontainer .sitetitle_img{ display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #ffffff; font-weight: normal; text-align: left; padding-top: 0px; } /* Auskommentiert, da jetzt über globalresponsiveJS die richtige Breite gesetzt wird #titlecontainer .sitetitle, #titlecontainer .sitetitle_img, #titlecontainer .contact { width: auto !important; } */ #titlecontainer .sitetitle_img .indistyle, #titlecontainer .sitetitle .indistyle { z-index: 1000; } #titlecontainer .sitetitle_img .indistyle { ; ; left: inherit !important; } .small_header #titleback, body.first_element_designstage #titleback { background: none; height: 0; min-height: 0; } /* ATTENTION, DO NOT DELETE. FIX A BUG WITH POSITIONING IF YOU HIDE ELEMENTS */ #titlecontainer .contact, #titlecontainer .sitetitle { position: absolute; } /* END ATTENTION */ #titlecontainer .sitetitle .indistyle { z-index: 1; } #titlecontainer .contact .indistyle { z-index: 1; } .contact .indistyle { top: 160px; left: 20px; } .sitetitle .indistyle { top: 130px; left: 20px; } .sitetitle_img .indistyle { ; } .socialmedia_profile_top_container { position: absolute; left: 0; top: 290px; height: 0; width: 100vw; float: none; padding-right: 10px; padding-bottom: 10px; box-sizing: border-box; pointer-events: none; text-align: right; } .socialmedia_profile_top_container a { display: inline-block; float: none; pointer-events: auto; } body.first_element_designstage .socialmedia_profile_top_container { position: absolute; left: 0; top: -1000px; height: auto; } body.small_header:not( .first_element_designstage ) .socialmedia_profile_top_container { display: none; } .socialmedia_profile_top_container a, .socialmedia_profile_menu_h2 a:before, .socialmedia_profile_menu_h0h3 a:before, .socialmedia_profile_bottom_container a, .socialmedia_profile_footer_container a { border-radius: 100%; } .small_header #titlecontainer, body.first_element_designstage #titlecontainer { display: block; background: none; height: 0; min-height: 0; } .small_header #titlecontainer { overflow: hidden; } /* Das hier bald einkommentieren (tro 2.7. ) .small_header #titlecontainer .contact, .small_header #titlecontainer .sitetitle { display: none; } */ .indistyle { border: 0px; } body.onlycontent .wrap_designstage.first { display: none; } /****** ! MENU *********/ .wrap_menu { background: rgba(255, 255, 255, 1); width: 100%; max-width: 100%; position: fixed; top: 0px; z-index: 998; } .element_wrapper.wrap_menu { padding: 0px; max-width: 100%; } nav { max-width: 1400px; margin: 0 auto; } /* .smaller nav { max-height: 48px } */ #menu { display: block; font-family: 'Open Sans', sans-serif; position: relative; font-size: 16px; float: right; padding-right: 20px; z-index: 110; margin-left: 200px } .wrap_menu:after { content: ""; display: block; clear: both; } #menu ul { display: none; } #menu li { list-style-type: none; } #menu .menuitemactive > ul { display: block; position: absolute; left: 0px; padding: 0 20px; margin-top: 20px; width: 260px; z-index: 10; } /* 1st level */ #menu a:link, #menu a:visited { text-decoration: none; color: #0c335e; } .smaller #menu a:link, .smaller #menu a:visited { color: #cad9eb; } #menu .menuitem, #menu .menuitemactive { display: inline-block; } #menu .menuitem.has-submenu > a:after, #menu .menuitemactive.has-submenu > a:after { display: inline-block; font-family: 'iconmoon'; font-size: 10px; vertical-align: middle; text-align: center; line-height: 20px; content: '\e607'; color: #0c335e; margin-left: 8px; } .smaller #menu .menuitem.has-submenu > a:after, .smaller #menu .menuitemactive.has-submenu > a:after { color: #cad9eb; } #menu .menuitem a, #menu .menuitemactive a, #menu .menuitem .hdiv, #menu .menuitemactive .hdiv { display: block; padding: 26px 20px; font-size: 16px; box-sizing: border-box; line-height: 25px; -webkit-transition: padding 0.6s; -moz-transition: padding 0.6s; -ms-transition: padding 0.6s; -o-transition: padding 0.6s; transition: padding 0.6s; border-bottom: 3px solid rgba(255, 255, 255, 0); } #menu .menuitem .hdiv, #menu .menuitemactive .hdiv { padding: 13px 20px; line-height: 1em; background: #F0F0F0; } #menu .menuitem > a:hover, #menu .menuitemactive > a, #menu .menuitem.subactive > a { border-bottom: 3px solid #0c335e; } .smaller #menu .menuitem > a:hover, .smaller #menu .menuitemactive > a, .smaller #menu .menuitem.subactive > a { border-bottom: 3px solid #cad9eb; } /* 2nd level */ #menu .menusubitem > a, #menu .menusubitemactive > a { background: none; color: #0c335e; padding: 13px 20px; text-overflow: ellipsis; overflow: hidden; white-space: normal; border-bottom: 0px; } .smaller #menu .menusubitem > a, .smaller #menu .menusubitemactive > a { color: #0c335e; border-bottom: 0px; } #menu .menusubitem.has-submenu > a, #menu .menusubitemactive.has-submenu > a { padding: 13px 35px 13px 20px; } #menu .menusubitem.has-submenu > a:after, #menu .menusubitemactive.has-submenu > a:after { display: inline-block; font-family: 'iconmoon'; font-size: 10px; vertical-align: middle; text-align: center; line-height: 20px; content: '\e609'; color: #0c335e; margin-left: 8px; margin-top: 3px; position: absolute; right: 15px; top: 14px; } #menu .menusubitem.has-submenu > a:hover:after, #menu .menusubitemactive.has-submenu > a:hover:after { color: #ffffff; } .smaller #menu .menusubitem.has-submenu > a:hover:after, .smaller #menu .menusubitemactive.has-submenu > a:hover:after { color: #ffffff; } /* 3rd level */ #menu .menusubitem ul { display: none; } #menu .menusubitemactive ul, #menu .subsubactive ul { display: block; } #menu .menusubitem > ul a, #menu .menusubitemactive > ul a { padding-left: 20px; } #menu .menusubitem.submenu_h > .hdiv, #menu .menusubitemactive.submenu_h > .hdiv { padding-left: 20px; font-weight: bold; color: #0c335e; background: #ededed; padding: 13px 20px; line-height: 160%; } #menu .menusubitem.submenu_s > a, #menu .menusubitemactive.submenu_s > a, .smaller #menu .menusubitem.submenu_s > a, .smaller #menu .menusubitemactive.submenu_s > a { padding-left: 40px; } #menu .menusubitem > ul .submenu_h .hdiv, #menu .menusubitemactive > ul .submenu_h .hdiv { padding-left: 40px; } #menu .menusubitem > ul .submenu_s a, #menu .menusubitemactive > ul .submenu_s a { padding-left: 60px; } #adminedit_centercontainer .only_icon { padding: 5px; } #menu .widget_submenu { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; } /****** ! HEADER ANIMATION *********/ #titlecontainer .sitetitle_img .indistyle img, nav, .wrap_menu { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } #titlecontainer .sitetitle_img .indistyle img { max-height: 80px; } .smaller #titlecontainer .sitetitle_img .indistyle img { max-height: 48px !important; } .smaller #menu .menuitem a, .smaller #menu .menuitemactive a, .smaller #menu .menuitem .hdiv, .smaller #menu .menuitemactive .hdiv { padding: 10px 20px; } .smaller .wrap_menu { background: #0c335e; box-shadow: 0 0 1rem rgba(89, 90, 89, 0.8); z-index: 998; } /****** ! CONTENT *********/ #centercontainer{ position: relative; } #contentcontainer { background: #fff; position: relative; min-height: 560px; } #contentcontainer.cc_submenu.cc_sidebar { padding: 0px; } #contentcontainer.cc_submenu.cc_sidebar > .element_wrapper > div, #contentcontainer.cc_sidebar > .element_wrapper > div { /* sidebar left, right */ padding-right: 340px; } #contentcontainer.cc_submenu { padding-right: 0px; padding-left: 0px; } #contentcontainer.cc_sidebar { padding-right: 0px; padding-left: 0px; } #contentcontainer img { max-width: 100%; height: auto; } .all_calcdiv { width: 100%; position: static; clear: none; left: 0; } .all_calcdiv iframe { width: 750px; } .socialmedia_bookmarks { float: none; width: 100%; } .socialmedia_bookmarks { margin: 10px 0; position: static; } #productmenu .title{ color: #333; font-size: 24px; margin: 0 0 10px 0; font-weight: bold; clear: both; } .nat_calcdiv { left: 0px; width: 100%; } #contentcontainer .redcont_img, #contentcontainer .redcont_vid { margin: 8px 8px 8px 0px; } #contentcontainer .catcherrow .catcher .content .button { padding-top: 25px; } #contentcontainer .catcher .header h3 { font-size: 26px; line-height: 1.3em; font-weight: normal; color: #135096; } #contentcontainer .catcherrow div:first-child { margin-left: 0px; } #contentcontainer .catcherrow div:last-child { margin-right: 0px; } #productmenu { float: right; margin: 0 0 10px 10px; } #productmenu a { padding: 5px 15px; display: inline-block; } #productmenu a, #productmenu a:link { color: #000000; } #contentcontainer .cta_box { margin-top: 10px; } .cmod section header h3 { font-size: 16px; font-weight: bold; } #vvergleich select { max-width: 100%; } .cmod select h3, .cmod select p { font-size: 16px; } #contentcontainer section header h3 { color: #000000 !important; } .cmod iframe:not( .videocontainer ) { width: 100%; } .social_share_privacy_area:after { display: block; content: ''; width: 100%; clear: both; } .social_share_privacy_area li { float: none !important; display: inline-block; } #contentcontainer .redcont_img, #contentcontainer .redcont_vid { margin: 8px 15px 15px 0 !important; width: 170px; height: auto; } .wrap_form + .wrap_form { margin-top: -40px; } /****** ! SIDEBAR *********/ #menu .submenu a:link, #menu .submenu a:visited { color: #0c335e; text-decoration: underline; font-weight: 400; } #menu .submenu a:hover { color: #0c335e; text-decoration: none; } .submenu { position: absolute; left: 20px; z-index: 10; display: none; } #menu .menuitemactive > ul { top: 100%; } .submenu { width: 280px; } #sidebar_bottom { display: none; } #sidebar { display:block; position: absolute; right: 20px; top: 20px; width: 300px; padding: 0; } #sidebar .sidebar_element:first-child, #sidebar .sidebar2_adminedit:first-child .sidebar_element { padding-top: 15px; } #sidebar .sidebar_element:last-child { padding-bottom: 15px; } #sidebar .title, #sidebar_bottom .title, #contentcontainer .catcher .header, #productmenu .title { font-size: 18px; font-family: 'Open Sans', sans-serif; color: #135096; line-height: 1.4em; font-weight: bold; } #sidebar .title, #sidebar_bottom .title, #sidebar .sidebar_content > *, #sidebar_bottom .sidebar_content > * { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } #sidebar .sidebar_content > ul, #sidebar_bottom .sidebar_content > ul { overflow: visible; } #contentcontainer .catcher .header { background-image: none; } #sidebar .title, #sidebar_bottom .title, #productmenu .title { padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-bottom: 3px solid; } #sidebar .menuitem, #sidebar .menuitemactive, #sidebar_bottom .menuitem, #sidebar_bottom .menuitemactive { padding: 15px 20px; padding-bottom: 0px; } #sidebar .menuitem:last-child, #sidebar .menuitemactive:last-child, #sidebar_bottom .menuitem:last-child, #sidebar_bottom .menuitemactive:last-child { padding: 15px 20px; } .submenu .socialmedia_profile_menu_h2 { font-size: 16px; } .sidebar_element { display: block; margin-bottom: 15px; } /* ! DROP DOWN MENU */ #menu .menuitem, #menu .menuitemactive, #menu .menusubitem, #menu .menusubitemactive { position: relative; } #menu .menusubitemactive ul .menusubitem>a:link, #menu .menusubitemactive ul .menusubitem>a:visited, #menu .menusubitemactive ul .menusubitem>a:hover, #menu .menusubitemactive ul .menusubitem>a:active, #menu .menusubitem.subsubactive ul .menusubitem>a:link, #menu .menusubitem.subsubactive ul .menusubitem>a:visited, #menu .menusubitem.subsubactive ul .menusubitem>a:hover, #menu .menusubitem.subsubactive ul .menusubitem>a:active { padding-left: 20px; } #menu .menusubitemactive ul .menusubitemactive > a:link, #menu .menusubitemactive ul .menusubitemactive > a:visited, #menu .menusubitemactive ul .menusubitemactive > a:hover, #menu .menusubitemactive ul .menusubitemactive > a:active, #menu .menusubitem.subsubactive ul .menusubitemactive > a:link, #menu .menusubitem.subsubactive ul .menusubitemactive > a:visited, #menu .menusubitem.subsubactive ul .menusubitemactive > a:hover, #menu .menusubitem.subsubactive ul .menusubitemactive > a:active { padding-left: 20px; } /* 1. level */ #menu .menuitemactive ul, #menu .menuitem ul { display: none; position: absolute; top:100%; min-width: 250px; z-index: 900; background: #FBFBFB; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.42); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.42); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.42); } #menu .menuitem:hover > ul, #menu .menuitem:focus-within > ul, #menu .menuitemactive:hover > ul, #menu .menuitemactive:focus-within > ul { display: block; } /* 2. level */ #menu .menuitemactive > ul { padding: 0; margin: 0; } #menu .menusubitem > ul, #menu .menusubitemactive > ul { display: none; position: absolute; top:50px; left:100%; top:0px; min-width: 250px; z-index: 999; font-size: 1em; } #menu .menusubitemactive > ul, #menu .menusubitem.subsubactive > ul { display: none; } #menu .menusubitem:hover > ul, #menu .menusubitem:focus-within > ul, #menu .menusubitemactive:hover > ul, #menu .menusubitemactive:focus-within > ul { display: block; } #menu .menusubitem a, #menu .menusubitemactive a { font-size: 16px; } #menu .menusubitem > a:hover, #menu .menusubitemactive > a, #menu .menusubitemactive > a:hover, .smaller #menu .menusubitem > a:hover, .smaller #menu .menusubitemactive > a, .smaller #menu .menusubitemactive > a:hover { background: #dbdbdb; color: #0c335e; } @media only screen and (max-width: 880px) { #menu:before { background: #444; position: fixed; box-sizing: border-box; display: block; height: 80px; line-height: 80px; vertical-align: middle; font-size: 20px; font-weight: bold; padding: 0px 20px; top: 0px; right: -420px; width: 400px; color: #fff; z-index: 1010; content: 'MEN\0000DC'; -webkit-transform: translate3d(0,0,0); -webkit-transition: right 0.6s; -moz-transition: right 0.6s; -ms-transition: right 0.6s; -o-transition: right 0.6s; transition: right 0.6s; } body.respMenuActive #menu:before { right: 0px; } #menu .menuitemactive ul, #menu .menuitem ul, #menu .menusubitem > ul, #menu .menusubitemactive > ul, #menu .menusubitemactive > ul, #menu .menusubitem.subsubactive > ul { position: static; display: block; left: 0px !important; } #menu .menusubitemactive ul .menusubitem>a:link, #menu .menusubitemactive ul .menusubitem>a:visited, #menu .menusubitemactive ul .menusubitem>a:hover, #menu .menusubitemactive ul .menusubitem>a:active, #menu .menusubitem.subsubactive ul .menusubitem>a:link, #menu .menusubitem.subsubactive ul .menusubitem>a:visited, #menu .menusubitem.subsubactive ul .menusubitem>a:hover, #menu .menusubitem.subsubactive ul .menusubitem>a:active { padding-left: 60px; } #menu .menusubitemactive ul .menusubitemactive > a:link, #menu .menusubitemactive ul .menusubitemactive > a:visited, #menu .menusubitemactive ul .menusubitemactive > a:hover, #menu .menusubitemactive ul .menusubitemactive > a:active, #menu .menusubitem.subsubactive ul .menusubitemactive > a:link, #menu .menusubitem.subsubactive ul .menusubitemactive > a:visited, #menu .menusubitem.subsubactive ul .menusubitemactive > a:hover, #menu .menusubitem.subsubactive ul .menusubitemactive > a:active { padding-left: 60px; } #menu .menuitemactive ul, #menu .menuitem ul { box-shadow: none; } #menu .menusubitem > a:hover, #menu .menusubitemactive > a, #menu .menusubitemactive > a:hover, #menu .menuitem > a:hover, #menu .menuitemactive > a:hover, #menu .menuitemactive > a, #menu .menuitem.subactive > a:hover, #menu .menuitem.subactive > a, #menu .menusubitem > a:hover, #menu .menusubitemactive > a, #menu .menusubitemactive > a:hover, .smaller #menu .menusubitem > a:hover, .smaller #menu .menusubitemactive > a, .smaller #menu .menusubitemactive > a:hover { background: none; border-color: transparent; color: #fff; } #menu .menusubitem.has-submenu > a:after, #menu .menusubitemactive.has-submenu > a:after { content: '\e607'; } #menu .submenu { display: none !important; } #menu .menuitemactive > ul { position: static; padding: 0px; width:100%; } .wrap_menu { height: 80px; background: rgba(255, 255, 255, 0.8); } .smaller .wrap_menu { height: 48px; } #menutoggle { display: block; width: 40px; height: 40px; position: fixed; top: 18px; right: 15px; cursor: pointer; background: none; color: #777; padding: 0px; z-index: 9999; } .smaller #menutoggle { top: 2px; } .smaller #menutoggle.active { top: 18px; } #menutoggle:after { display: inline-block; font-family: 'iconmoon'; font-size: 40px; line-height: 40px; width: 40px; vertical-align: middle; text-align: center; content: '\ec6e'; color: #0c335e; font-weight: normal; text-shadow: none; } .smaller #menutoggle:after { color: #fff; } #menutoggle.active:after { content: '\e605'; font-size: 30px; color: #fff !important; background: #444; border-radius: 20px; } #menu, #menu .submenu, #menu .menuitem, #menu .menuitemactive, #menu .menusubitem, #menu .menusubitemactive { background: #444444; display: block; position: relative; width: 100%; float: none; margin: 0px; left: auto; top: auto; } #menu { background: #444; box-shadow: 0 0 1rem rgba(89, 90, 89, 0.8); max-width: inherit; min-width: inherit; width: 400px; position: fixed; height:auto; font-size: 16px; padding-right: 0px; padding-top: 80px; padding-bottom: 50px; height: auto !important; overflow-y: auto; /* Die untersten Menüpunkte waren nicht mehr sichtbar (tro am 23.8.16) height: calc( 100vh + 20px ); max-height: calc( 100vh + 20px ); min-height: calc( 100vh + 20px ); */ height: 100vh; max-height: 100vh; min-height: 100vh; box-sizing: border-box; top: 0px; right: -420px; z-index: 1001; -webkit-transform: translate3d(0,0,0); -webkit-transition: right 0.6s; -moz-transition: right 0.6s; -ms-transition: right 0.6s; -o-transition: right 0.6s; transition: right 0.6s; } body.respMenuActive #menu { right: 0px; } #menu ul, #menu .menusubitem ul { display: block; position: static; text-transform: none; } #menu .menuitem a, #menu .menuitemactive a, #menu .menuitem .hdiv, #menu .menuitemactive .hdiv, .smaller #menu .menuitem a, .smaller #menu .menuitemactive a, .smaller #menu .menuitem .hdiv, .smaller #menu .menuitemactive .hdiv { font-size: 16px; } #menu .menuitem a, #menu .menuitemactive a, #menu .menusubitem a, #menu .menusubitemactive a, .smaller #menu .menuitem a, .smaller #menu .menuitemactive a, .smaller #menu .menusubitem > a, .smaller #menu .menusubitemactive > a { color: #fff; } #menu .menuitem a:hover, #menu .menuitemactive a:hover, #menu .menusubitem a:hover, #menu .menusubitemactive a:hover { color: #fff; } #menu .menuitem.has-submenu > a:after, #menu .menuitemactive.has-submenu > a:after, #menu .menusubitem.has-submenu > a:after, #menu .menusubitemactive.has-submenu > a:after, .smaller #menu .menuitem.has-submenu > a:after, .smaller #menu .menuitemactive.has-submenu > a:after, .smaller #menu .menusubitem.has-submenu > a:after, .smaller #menu .menusubitemactive.has-submenu > a:after { display: none; color: #fff; } #menu .menuitem a, #menu .menuitemactive a { padding: 10px 20px 10px 20px !important; } #menu .menusubitem a, #menu .menusubitemactive a { padding: 10px 20px 10px 50px !important; } #menu .menusubitem .menusubitem a, #menu .menusubitemactive .menusubitem a, #menu .menusubitem .menusubitemactive a, #menu .menusubitemactive .menusubitemactive a { padding: 10px 20px 10px 80px !important; } #menu .menusubitem > a:hover, #menu .menusubitemactive > a { } #menu .menusubitem .menusubitem a, #menu .menusubitemactive .menusubitem a, #menu .menusubitem > ul a, #menu .menusubitemactive > ul a { padding-left: 60px; } #menu .menuitemactive > ul { margin-left: 0px; } #menu .menuitem .hdiv, #menu .menuitemactive .hdiv { background: none; color: #fff; border-bottom: 2px solid transparent; } #menu .menusubitem.submenu_h > .hdiv, #menu .menusubitemactive.submenu_h > .hdiv { padding-left: 20px; font-weight: bold; color: #ffffff; background-color: hsl( 212, 78%, 18%); padding: 18px 20px; } #menu .menusubitem.submenu_s > a, #menu .menusubitemactive.submenu_s > a { padding-left: 40px; } #menu .menusubitem > ul .submenu_h .hdiv, #menu .menusubitemactive > ul .submenu_h .hdiv { padding-left: 40px; } #menu .menusubitem > ul .submenu_s a, #menu .menusubitemactive > ul .submenu_s a { padding-left: 60px; } .submenu, #menu .menuitemactive > ul { margin: 0px; } #menu .menuitemactive > a:before, #menu .menusubitemactive > a:before { display: inline-block; font-family: 'iconmoon'; content: '\e609'; margin-right: 5px; } #menu .menuitemactive.subactive > a:before { display: none; } #titlecontainer .sitetitle_img .indistyle { -webkit-transition: margin-left 0.6s; -moz-transition: margin-left 0.6s; -ms-transition: margin-left 0.6s; -o-transition: margin-left 0.6s; transition: margin-left 0.6s; } body.respMenuActive #titlecontainer .sitetitle_img .indistyle { margin-left: -400px !important; } } @media only screen and (max-width: 400px) { #menu:before { width: 300px; } #menu { width: 300px; } } @media only screen and (max-width: 880px) { #menu .menuitem.lastitem { padding-bottom: 240px; } #menu .menuitem.has-submenu > a:after, #menu .menuitemactive.has-submenu > a:after { float: right; } .smaller #menu .menuitem > a, .smaller #menu .menuitemactive > a, .smaller #menu .menusubitem > a, .smaller #menu .menusubitemactive > a { color: #fff !important; } .smaller #menu .menuitem > a:hover, .smaller #menu .menuitemactive > a { border-color: transparent; } } /* DROP DOWN MENU END */ /****** ! FOOTER *********/ #footercontainer { background: #444444; text-align: center; padding: 20px; color: #ffffff; } #footercontainer a:link, #footercontainer a:visited { color: #ffffff; font-size: 14px; } .element_wrapper.wrap_socialmedia.profile_bottom { background: #444444; } .socialmedia_profile_bottom_container { margin-top: 0px; float: none; padding-bottom: 20px; margin-bottom: 10px; text-align: center; display: table; } .socialmedia_profile_bottom_container a, .socialmedia_profile_footer_container a { display: inline-block; float: none; } /****** ! 980px *********/ @media only screen and (max-width: 1100px) { /****** MENU *********/ #menu .menuitem a, #menu .menuitemactive a, #menu .menuitem .hdiv, #menu .menuitemactive .hdiv { padding: 26px 12px; } .smaller #menu .menuitem a, .smaller #menu .menuitemactive a, .smaller #menu .menuitem .hdiv, .smaller #menu .menuitemactive .hdiv { padding: 10px 12px; } } /****** ! 750px TABLET *********/ @media only screen and (max-width: 980px) { /****** MENU *********/ #menu .menuitem a, #menu .menuitemactive a, #menu .menuitem .hdiv, #menu .menuitemactive .hdiv { padding: 26px 7px; } .smaller #menu .menuitem a, .smaller #menu .menuitemactive a, .smaller #menu .menuitem .hdiv, .smaller #menu .menuitemactive .hdiv { padding: 10px 7px; } /****** CONTENT *********/ #sidebar .title, #sidebar_bottom .title, #menu .menuitem a, #menu .menuitemactive a, #menu .menusubitem a, #menu .menusubitemactive a, #contentcontainer .catcher .header { font-weight: 400; } .includeform .formtable, .includeform .tablerow { width: 410px; } .includeform .left_cell, .includeform .full_cell { width: 150px; } .includeform .input_tarea { width: 392px; } #contentcontainer.cc_submenu.cc_sidebar > .element_wrapper > div, #contentcontainer.cc_sidebar > .element_wrapper > div { padding-right: 20px; } #contentcontainer .catcherrow .catcher { box-sizing: border-box; margin: 0px; margin-bottom: 0px; margin-right: 10px; } #contentcontainer .catcher .header { padding: 0px; } #contentcontainer .catcher .content { /* padding: 20px; */ margin-top: 10px; } #contentcontainer .catch_div .form_label { margin-bottom: 10px; font-weight: normal; } #productmenu { float: none; margin: 0px; } /****** SIDEBAR *********/ #sidebar_bottom { display: block; padding: 20px; } #sidebar { display: block; position: static; top: 20px; width: 100%; } #sidebar .hideatsmall { display: none; } #sidebar .title, #sidebar_bottom .title, #contentcontainer .catcher .header, #productmenu .title { clear: both; } } /****** ! 580px MOBILE *********/ @media only screen and (max-width: 580px) { /****** COMMON CSS *********/ h1, h2, h3, h4 { margin: 15px 0 20px 0; /* 15.06.2020 wle | Entfernt, da es Probleme mit der Berechnung der Bühnenhöhe gemacht hat und dank automatischer Silbentrennung obsolet sein sollte */ /* text-overflow: ellipsis; overflow-x: hidden; white-space: normal; display: table; width: 100%; */ } p, li, .cmod { font-size: 18px; } #centercontainer { padding: 0 0; } .small_header #pagecontainer, body.first_element_designstage #pagecontainer { padding-top: 0px; } #centercontainer, #pagewrap { background: none; } #pagewrap { margin-top: 0px; padding-top: 80px; /* tro (7.12.16) von 100px geändert (Bug?) */ } body, #footercontainer, #pagewrap { min-width: inherit; } #backstretch, #titlecontainer { background: none; } #titlecontainer .indistyle { ; left:20px !important; } .small_header #titlecontainer .indistyle, body.first_element_designstage #titlecontainer .indistyle { ; } .small_header #titlecontainer .sitetitle_img .indistyle, body.first_element_designstage #titlecontainer .sitetitle_img .indistyle { ; } /****** HEADER *********/ #titlecontainer .sitetitle_img + .sitetitle, #titlecontainer .contact { display: none; } .socialmedia_profile_top_container, .socialmedia_profile_bottom_container { display: none; } .socialmedia_profile_footer_container { display: table; width: 100%; height: 40px; margin: 5px 0 10px 0; text-align: center; } #footercontainer .socialmedia_profile_footer_container a:link, #footercontainer .socialmedia_profile_footer_container a:visited, #footercontainer .socialmedia_profile_footer_container a:active, #footercontainer .socialmedia_profile_footer_container a:hover { padding: 0; display: inline-block; } #contentcontainer .catch_form input, #contentcontainer .catch_form select { font-size: 18px; margin: 10px 0px; } #titlecontainer .sitetitle_img .indistyle { left: 10px !important; ; } .sitetitle_img .indistyle img { max-width: 220px; max-width: calc( 100% - 70px ); } .sitetitle_img .indistyle { min-width: calc( 100% - 70px ); } #titleback { position: static; } .smaller #titlecontainer .sitetitle_img .indistyle img { height: auto !important; max-height: 48px; } /****** CONTENT *********/ #contentcontainer.cc_submenu.cc_sidebar, #contentcontainer.cc_submenu, #contentcontainer.cc_sidebar { padding: 0px; } .includeform .formtable, .includeform .tablerow, .includeform .input_tarea, .includeform .left_cell, .includeform .full_cell { width: 100%; } #contentcontainer { min-height: 200px !important; } #contentcontainer .catcherrow .catcher, #contentcontainer .cmod_catcher:not(.catcherstyle_square) .catcher .header { width: 100% !important; } #sidebar_bottom { padding: 0px; } #sidebar .title, #sidebar_bottom .title, #contentcontainer .catcher .header, #sidebar_bottom { font-size: 16px; box-sizing: border-box; } #sidebar .title, #sidebar_bottom .title { padding-left: 20px; padding-right: 20px; } #sidebar .sidebar_content > ul, #sidebar_bottom .sidebar_content > ul { margin-left: 20px; } .socialmedia_bookmarks { width:100%; font-size: 14px; } .social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info { width:100% !important; overflow: hidden; } #contentcontainer .catcher .header h3 { font-size: 24px; } /****** RECHNER *********/ ul.breadcrumb, ol.breadcrumb { margin-left: 0px; } #vvergleich .angebotAnfordern { margin-left: 0px; } /****** FOOTER *********/ .socialmedia_profile_bottom_container { margin-bottom: 0px; padding-left: 20px; padding-right: 20px; height: auto; } #footercontainer a:link { display: block; padding: 10px 0; font-size: 16px; } #footercontainer .socialmedia_profile_bottom_container a:link { display: inline-block; padding: 0; } #footercontainer .dot{ display: none; } } @media only screen and (min-width: 581px) { #menu { display: block !important; } #contentcontainer .form_div { width: 100%; } .includeform .formtable { width: auto; max-width: 100%; margin: 0px auto; text-align: left; } .includeform .formtable, .includeform .formtable .tableheader, .includeform .formtable .tablerow, .includeform .formtable .tabledata { font-size: 16px; line-height: 1.7em; font-weight: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .includeform .formtable .tabledata.left_cell, .includeform .formtable .tabledata.full_cell, .includeform .formtable .tabledata.input_header, .includeform .formtable .tableheader { padding-left: 8px; } .includeform .formtable .tabledata.right_cell, .includeform .formtable .tabledata.full_cell, .includeform .formtable .tabledata.input_header, .includeform .formtable .tableheader { padding-right: 8px; } .includeform .formtable .tableheader { background-color: #135096; color: #ffffff; font-weight: bold; text-align: left; } .includeform .formtable .tabledata.input_header { font-weight: bold; } .includeform input, .includeform textarea, .includeform select { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .includeform .input_double1, .includeform .input_double2 { width: 49%; } .includeform .input_double2 { float: right; } .includeform .input_street1 { width: 86%; } .includeform .input_street2 { width: 12%; float: right; } .includeform .input_city1 { width: 18%; } .includeform .input_city2 { width: 80%; float: right; } .includeform .input_select { width: 100%; } .includeform .input_tarea { width: 100%; overflow: auto; line-height: 15px; } .includeform .left_cell { width: 34%; } .includeform .right_cell { width: 66%; } .includeform .full_cell { width: 100%; } .includeform .tablerow { width: 100%; } } /* a.submitbutton:hover, #menu a.submitbutton:hover, #menu .submenu a.submitbutton:hover, #catcherContainer .submit:hover, #catcherContainer a.submitbutton:hover, #contentcontainer .catcher .content a.submitbutton:hover, #contentcontainer .catcher .content .includeform submit:hover, #contentcontainer .submit:hover, #contentcontainer a.submitbutton:hover, .includeform .submit:hover, input.submit:hover, #sidebar .submit:hover, #sidebar a.submitbutton:hover, #sidebar .sidebar_content a.submitbutton:hover, #sidebar .menuitem .sidebar_content .submit:hover, #sidebar .menuitem .sidebar_content a.submitbutton:hover, #sidebar_bottom .menuitem .sidebar_content .submit:hover, #sidebar_bottom .menuitem .sidebar_content a.submitbutton:hover, #sidebar_bottom .sidebar_content a.submitbutton:hover, #productmenu input.submit:hover, #productmenu .submit:hover, .widget_submenu .submit:hover, .widget_submenu a.submitbutton:hover, #vvergleich .includeform .submit:hover, #menu .submenu a.submitbutton:hover, #preview .homepageButtonContainer a.submitbutton:hover, a.bigsubmitbutton:hover, #menu a.bigsubmitbutton:hover, #menu .submenu a.bigsubmitbutton:hover, #catcherContainer .bigsubmit:hover, #catcherContainer a.bigsubmitbutton:hover, #contentcontainer .catcher .content a.bigsubmitbutton:hover, #contentcontainer .catcher .content .includeform submit:hover, #contentcontainer .bigsubmit:hover, #contentcontainer a.bigsubmitbutton:hover, .includeform .bigsubmit:hover, input.bigsubmit:hover, #sidebar .bigsubmit:hover, #sidebar a.bigsubmitbutton:hover, #sidebar .sidebar_content a.bigsubmitbutton:hover, #sidebar .menuitem .sidebar_content .bigsubmit:hover, #sidebar .menuitem .sidebar_content a.bigsubmitbutton:hover, #sidebar_bottom .menuitem .sidebar_content .bigsubmit:hover, #sidebar_bottom .menuitem .sidebar_content a.bigsubmitbutton:hover, #sidebar_bottom .sidebar_content a.bigsubmitbutton:hover, #productmenu input.bigsubmit:hover, #productmenu .bigsubmit:hover, .widget_submenu .bigsubmit:hover, .widget_submenu a.bigsubmitbutton:hover, #vvergleich .includeform .bigsubmit:hover, #menu .submenu a.bigsubmitbutton:hover, #preview .homepageButtonContainer a.bigsubmitbutton:hover { color: #135096; background-color: #ffffff; } */ /*****************************************/ /* */ /* ! Individuelle Klassen für PROFI-Kunden */ /* */ /*****************************************/ /****** Inhaltselemente mit Hintergrundbildern *********/ .wrap_cmod.parallax, .wrap_cmod.smallparallax { background-size: cover; background-position: 50% 50%; height: 300px; width: 100%; /* 100vw */ /*display: table-cell; */ text-align: center; vertical-align: middle; display: flex; justify-content: center; flex-direction: column; } .wrap_cmod.parallax { height: 600px; height: calc(100vh - 80px); } .wrap_cmod.parallax > div { width: 100%; /* 100vw */ } .cmod.parallax p, .cmod.smallparallax p { position: relative; color: #fff; text-shadow: 0px 0px 3px #999; font-size: 1.5em; line-height: 1.5em; width: 75%; margin-left: auto; margin-right: auto; } .cmod.parallax a.submitbutton, .cmod.smallparallax a.submitbutton { font-size: 20px !important; padding: 8px 16px !important; text-shadow: none; margin-left: 10px !important; margin-right: 10px !important; } .cmod.parallax a.bigsubmitbutton, .cmod.smallparallax a.bigsubmitbutton { font-size: 20px !important; padding: 12px 24px !important; text-shadow: none; margin-left: 10px !important; margin-right: 10px !important; } #adminedit_centercontainer .wrap_cmod.parallax { height: 600px; } .wrap_cmod.parallax.parallax1, .wrap_cmod.smallparallax.smallparallax1 { background-image: url('/eh-content/pages/7412/images/background/background1.jpg'); } .wrap_cmod.parallax.parallax2, .wrap_cmod.smallparallax.smallparallax2 { } .wrap_cmod.parallax.parallax3, .wrap_cmod.smallparallax.smallparallax3 { } @media only screen and (max-width: 580px) { .wrap_cmod.parallax { height: auto; min-height: 350px; } .cmod.parallax p, .cmod.smallparallax p { font-size: 1.2em; line-height: 1.5em; width: 100%; } .cmod.parallax a.submitbutton, .cmod.smallparallax a.submitbutton, .cmod.parallax a.bigsubmitbutton, .cmod.smallparallax a.bigsubmitbutton { font-size: auto !important; padding: auto !important; margin-left: 0px !important; margin-right: 0px !important; } } /****** Nicht umbrechende Elemente *********/ .nonbreaking { white-space: nowrap; display: inline-block; } /****** Inhaltselemente zentriert *********/ .cmod.center { text-align: center; } .cmod.center h1, .cmod.center h2 { font-size: 2.0em; text-align: center; } /****** Inhaltselemente über volle Breite *********/ .cmod.cmod_with_fullwidth { max-width: 100%; padding: 0; width: 100%; display: table; } /****** Inhaltselemente mit Hintergrundfarbe *********/ .wrap_cmod.gray_line { padding-top: 0px; padding-bottom: 0px; background-color: #F2F2F2; } .wrap_cmod.color1_line, .wrap_cmod.color1_line .cmod { padding-top: 0px; padding-bottom: 0px; background-color: #135096; color: #ffffff; } .wrap_cmod.color1_line h1, .wrap_cmod.color1_line h2, .wrap_cmod.color1_line h3, .wrap_cmod.color1_line h4 { color: #ffffff; } .cmod.color1_line, .cmod.gray_line { padding-top: 2px; padding-bottom: 2px; } .wrap_cmod.gray_line.paddingtop, .wrap_cmod.color1_line.paddingtop { padding-top: 25px; } .wrap_cmod.gray_line.paddingbottom, .wrap_cmod.color1_line.paddingbottom { padding-bottom: 35px; } #contentcontainer .wrap_cmod.gray_line .catcherrow .catcher, #contentcontainer .wrap_cmod.color1_line .catcherrow .catcher { background-color: transparent; box-shadow: none; } #contentcontainer .wrap_cmod.gray_line .catcher .image .icon, #contentcontainer .wrap_cmod.color1_line .catcher .image .icon { background-color: transparent; } .cmod.color1_line .cmod_bottom, .cmod.gray_line .cmod_bottom { margin: 0px; padding: 10px 0px; } /****** Inhaltselemente: Beim Laden Animieren *********/ .animate_onload_drop { display: block; position: relative; margin: 0px; padding: 0px; overflow: auto; opacity: 0; } #contentcontainer.mce-content-body .animate_onload_drop { opacity: 1; } /****** Catcher-Styles *******/ /*** Korrektur Abstand letzte Zeile ***/ #contentcontainer .cmod_catcher .catcherrow:last-child { margin-bottom: 0px; } /*** Catcher mit Schatten ***/ #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow { margin-top: 30px; } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow:first-child { margin-top: 0px; } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow .catcher { box-shadow: 0px 0px 5px #999; margin: 0px 15px; } #contentcontainer .cmod_catcher.catcherstyle_shadow.softshadow .catcherrow .catcher { box-shadow: 0 0 1.5rem 0 rgb(0 0 0 / 15%); } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow .catcher:first-child { margin-left: 0px; } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow .catcher:last-child { margin-right: 0px; } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow .catcher .header { padding-left: 20px; padding-right: 20px; } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow .catcher .content { padding: 20px 20px 5px 20px; } @media only screen and (max-width: 580px) { #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow { margin-top: 0px; } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow .catcher { margin-top: 20px; } #contentcontainer .cmod_catcher.catcherstyle_shadow .catcherrow:first-child .catcher:first-child { margin-top: 0px; } } /*** Catcher rund ***/ #contentcontainer .cmod_catcher.catcherstyle_round .catcherrow .catcher, #contentcontainer .cmod_catcher.catcherstyle_round_with_content .catcherrow .catcher { margin: 50px 20px 20px; box-shadow: none; } #contentcontainer .cmod_catcher.catcherstyle_round .catcher .image, #contentcontainer .cmod_catcher.catcherstyle_round_with_content .catcher .image { border-radius: 50%; overflow: hidden; border: 4px solid #fff; max-width: 250px; margin: 0 auto; } #contentcontainer .cmod_catcher.catcherstyle_round .catcher .image img, #contentcontainer .cmod_catcher.catcherstyle_round_with_content .catcher .image img { display: table; /* Führt zu Bug im Chrome: border-radius wird während der Animation ignoriert -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; */ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } #contentcontainer .cmod_catcher.catcherstyle_round .catcher .image:hover img, #contentcontainer .cmod_catcher.catcherstyle_round_with_content .catcher .image:hover img { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } #contentcontainer .cmod_catcher.catcherstyle_round .catcher .header h3, #contentcontainer .cmod_catcher.catcherstyle_round_with_content .catcher .header h3 { font-weight: 400; color: #000000; line-height: 30px; font-size: 16px; } #contentcontainer .cmod_catcher.catcherstyle_round .catcher .content { display: none; } /*** Catcher quadratisch ***/ /* #contentcontainer .cmod_catcher.catcherstyle_square .countcolumns3 .catcher { margin-left: 130px; margin-bottom: 118px; } #contentcontainer .cmod_catcher.catcherstyle_square .countcolumns3 .catcher:first-child { margin-left: 0px; } */ #contentcontainer .cmod_catcher.catcherstyle_square .catcherrow .catcher { box-shadow: none; position: relative; } #contentcontainer .cmod_catcher.catcherstyle_square .catcher .header { position: absolute; bottom: 2px; background-color: #f2f2f2; background-color: rgba(242,242,242,0.5); padding: 10px 5px; box-sizing: content-box; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } #contentcontainer .cmod_catcher.catcherstyle_square .catcher:hover .header { background-color: rgba(242,242,242,0.8); } #contentcontainer .cmod_catcher.catcherstyle_square .content { display: none; } /*** Catcher ohne Content ***/ #contentcontainer .cmod_catcher.catcherstyle_wocontent .catcherrow .catcher { box-shadow: none; } #contentcontainer .cmod_catcher.catcherstyle_wocontent .content { display: none; } /*** Catcher mit rundem Icon ***/ #contentcontainer .cmod_catcher.catcherstyle_circleicon .catcherrow .catcher { box-shadow: none; } #contentcontainer .cmod_catcher.catcherstyle_circleicon .catcher .image .icon { border-radius: 50%; background-color: #135096; color: #ffffff; padding: 0px; width: 180px; height: 180px; line-height: 180px; font-size: 100px; margin: 20px auto 20px auto; text-align: center; } #contentcontainer .cmod_catcher.catcherstyle_circleicon .catcher .header { margin-bottom: 30px; } /*** Catcher komplett klickbar ***/ #contentcontainer .cmod_catcher.catcherstyle_allclick .content a { display: none !important; } /*** Catcher als Karten ***/ #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow { margin-bottom: 30px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow:last-child { margin-bottom: 0px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow .catcher { background-color: #fff; border: 1px solid #ccc; margin: 0px 15px; box-sizing: border-box; } @media only screen and (max-width: 580px) { #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow { display: block; } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow .catcher { margin-bottom: 25px !important; margin-left: 0 !important; margin-right: 0 !important; } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow:last-child .catcher:last-child { margin-bottom: 0px !important; } } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow .catcher .header { padding-left: 20px; padding-right: 20px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow .catcher .content { padding: 20px 20px 5px 20px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.roundedcorners .catcherrow .catcher { border-radius: 5px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.roundedcorners .catcherrow .catcher .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow .catcher:first-child { margin-left: 0px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox .catcherrow .catcher:last-child { margin-right: 0px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.cmoddesign_position_pt_xl, #contentcontainer .cmod_catcher.catcherstyle_shadow.cmoddesign_position_pt_xl { padding-top: 90px !important; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.cmoddesign_position_pb_xl, #contentcontainer .cmod_catcher.catcherstyle_shadow.cmoddesign_position_pb_xl { padding-bottom: 90px !important; } @media only screen and (max-width: 880px) { #contentcontainer .cmod_catcher.catcherstyle_whitebox.cmoddesign_position_pt_xl, #contentcontainer .cmod_catcher.catcherstyle_shadow.cmoddesign_position_pt_xl { padding-top: 70px !important; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.cmoddesign_position_pb_xl, #contentcontainer .cmod_catcher.catcherstyle_shadow.cmoddesign_position_pb_xl { padding-bottom: 70px !important; } } @media only screen and (max-width: 580px) { #contentcontainer .cmod_catcher.catcherstyle_whitebox.cmoddesign_position_pt_xl, #contentcontainer .cmod_catcher.catcherstyle_shadow.cmoddesign_position_pt_xl { padding-top: 60px !important; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.cmoddesign_position_pb_xl, #contentcontainer .cmod_catcher.catcherstyle_shadow.cmoddesign_position_pb_xl { padding-bottom: 60px !important; } } /*** Catcher mit kleinem Icon ***/ #contentcontainer .cmod_catcher.catcherstyle_withsmallicon .catcher .image { text-align: center; } #contentcontainer .cmod_catcher.catcherstyle_withsmallicon.headline_left_align .catcher .image { text-align: left; } #contentcontainer .cmod_catcher.catcherstyle_withsmallicon.headline_right_align .catcher .image { text-align: right; } #contentcontainer .cmod_catcher.catcherstyle_withsmallicon .catcher .image .icon { display: inline-block; width: auto; font-size: 60px; height: 60px; line-height: 60px; padding: 30px 15px 5px 15px; } #contentcontainer .cmod_catcher.catcherstyle_shadow.catcherstyle_withsmallicon .catcher .image .icon, #contentcontainer .cmod_catcher.catcherstyle_whitebox.catcherstyle_withsmallicon .catcher .image .icon { padding: 30px 20px 5px 20px; } #contentcontainer .cmod_catcher.catcherstyle_withsmallicon .catcher .header { padding-top: 0px; padding-bottom: 0px; } #contentcontainer .cmod_catcher.catcherstyle_withsmallicon:not( .background_color1 ) .catcher .image .icon, #contentcontainer .cmod_catcher.catcherstyle_withsmallicon.background_color1.catcherstyle_whitebox .catcher .image .icon { color: #112936; background: linear-gradient(30deg, #777 0%, #333 100%); background-clip: text; -moz-background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } #contentcontainer .cmod_catcher.catcherstyle_withsmallicon.coloricon:not( .background_color1 ) .catcher .image .icon, #contentcontainer .cmod_catcher.catcherstyle_withsmallicon.background_color1.coloricon.catcherstyle_whitebox .catcher .image .icon { color: #112936; background: linear-gradient(30deg, hsl( 212, 78%, 48%) 0%, hsl( 212, 78%, 18%) 100%); background-clip: text; -moz-background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } /*** Catcher ohne Bild / Icon ***/ #contentcontainer .cmod_catcher.catcherstyle_noimage .catcher .image { display: none; } #contentcontainer .cmod_catcher.catcherstyle_noimage .catcher .header { padding-top: 30px; padding-bottom: 0px; } /*** Catcher mit Icon neben dem Text ***/ #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcher .image { float:left; width: 65px; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcher .image .icon { box-sizing: border-box; font-size: 50px; height: 60px; line-height: 50px; padding: 10px 0 5px 0; text-align: center; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow { margin-bottom: 40px; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow:last-child { margin-bottom: 0px; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow .catcher .header, #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow .catcher .content { width: calc(100% - 75px) !important; padding: 0px 15px; box-sizing: border-box; float: right; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow .catcher .header { clear: none; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow .catcher .header h3 { text-align: left; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft.headline_center .catcherrow .catcher .header h3 { text-align: center; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft.headline_right_align .catcherrow .catcher .header h3 { text-align: right; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow .catcher .content { padding-top: 10px; padding-bottom: 0px; margin: 0px; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft:has( .content:empty ) .catcherrow .catcher .header { margin-top: 20px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.catcherstyle_iconsleft .catcher .image { width: 70px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.catcherstyle_iconsleft .catcher .image .icon { padding: 27px 20px 5px 20px; height: 100px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.catcherstyle_iconsleft .catcherrow .catcher .header, #contentcontainer .cmod_catcher.catcherstyle_whitebox.catcherstyle_iconsleft .catcherrow .catcher .content { width: calc(100% - 80px) !important; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.catcherstyle_iconsleft .catcherrow .catcher .header { padding-top: 15px; } #contentcontainer .cmod_catcher.catcherstyle_whitebox.catcherstyle_iconsleft .catcherrow .catcher .content { padding-bottom: 10px; } @media only screen and (max-width: 580px) { #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow { margin-bottom: 0px; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow .catcher { margin-bottom: 20px !important; } #contentcontainer .cmod_catcher.catcherstyle_iconsleft .catcherrow:last-child .catcher:last-child { margin-bottom: 0px !important; } } /*** Catcher mit dezenter Überschrift ***/ #contentcontainer .cmod_catcher.catcherstyle_decentheader .catcherrow .catcher .header h3 { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #000000; } #contentcontainer .cmod_catcher.catcherstyle_decentheader.background_color1:not( .catcherstyle_whitebox ) .catcherrow .catcher .header h3 { color: #ffffff; } /*** Kompaktes Formular / kompakte Newsletter-Anmeldung ***/ #contentcontainer .cmod_form.formstyle_compact > div, #contentcontainer .cmod_newsletter.newsletterstyle_compact > div { max-width: 760px; margin: 0px auto; } #contentcontainer.cc_sidebar .cmod_form.formstyle_compact > div, #contentcontainer.cc_sidebar .cmod_newsletter.newsletterstyle_compact > div { max-width: 760px; margin: 0px 0px auto 0px; } /*** Kompakter Rechner / kompaktes I-Frame, kompakter Videoplayer ***/ #contentcontainer .cmod_calc.calcstyle_compact > div, #contentcontainer .cmod_iframe.iframestyle_compact > *, #contentcontainer .cmod_video.videostyle_compact > * { max-width: 760px; margin-left: auto; margin-right: auto; } #contentcontainer.cc_sidebar .cmod_calc.calcstyle_compact > div, #contentcontainer.cc_sidebar .cmod_iframe.iframestyle_compact > *, #contentcontainer.cc_sidebar .cmod_video.videostyle_compact > * { margin-left: 0px; } /*** Videoplayer mit Schatten ***/ #contentcontainer .cmod_video.videostyle_shadow .cmod_video_content { box-shadow: 0px 0px 5px #999; } #contentcontainer .cmod_video.videostyle_shadow.softshadow .cmod_video_content { box-shadow: 0 0 1.5rem 0 rgb(0 0 0 / 15%); } /****** Kontakt-Sidebar *******/ .sidebar_iconline { box-sizing: border-box; background-color: #efefef; padding: 10px 20px; line-height: 1.6em; font-size: 16px; margin: 0px 0px 1px 0px; vertical-align: middle; } .sidebar_content .sidebar_iconline { margin: 0px -20px 1px -20px; max-width: calc( 100% + 40px ) !important; } a.sidebar_iconline { display: block !important; text-decoration: none !important; background-color: #efefef !important; padding: 10px 20px !important; margin: 0px 0px 1px 0px !important; } .sidebar_content a.sidebar_iconline { margin: 0px -20px 1px -20px !important; } a.sidebar_iconline:hover, a.sidebar_iconline:active { background-color: #135096 !important; } a.sidebar_iconline:hover .iconmoon, a.sidebar_iconline:active .iconmoon, a.sidebar_iconline:hover .text .main, a.sidebar_iconline:active .text .main, a.sidebar_iconline:hover .text .sub, a.sidebar_iconline:active .text .sub { color: #ffffff !important; } .sidebar_iconline .iconmoon { font-size: 28px; line-height: 32px; vertical-align: top; color: #135096; width: 30px; margin: 0px 13px 0px 3px; display: inline-block !important; } .sidebar_iconline .text { vertical-align: middle; display: inline-block !important; width: 80%; width: calc(100% - 52px); } .sidebar_iconline .text .main { font-size: 16px; line-height: 30px; font-weight: bold; color: #135096; width: 100%; padding-top: 1px; } .sidebar_iconline .text .main.small { font-size: 16px; padding-top: 1px; } .sidebar_iconline .text .sub { font-size: 14px; line-height: 1.6em; font-weight: normal; color: #555555; } .sidebar_photo { background-color: #efefef; margin: 0px -20px 1px -20px; padding: 10px 0; max-width: calc( 100% + 40px ) !important; } .sidebar_photo .photo { background-image: url( ../../pages/7412/contactphoto.png?v=49d68055 ); background-size: auto 170px; background-position: center center; width: 170px; height: 170px; margin: 10px auto 10px; border-radius: 85px; border: 1px solid #ccc; } .sidebar_photo .handwriting { color: #4966a8; font-size: 1.7em; text-align: center; margin-bottom: 15px; } /* Designstage */ .element_wrapper.wrap_designstage.fullsize, .cmod_designstage.fullsize .cmod_wrapper, .cmod_designstage.fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: calc(100vh - 48px); height: calc(var(--editframe-100vh) - 48px); } .element_wrapper.wrap_designstage.first.fullsize, .cmod_designstage.first.fullsize .cmod_wrapper, .cmod_designstage.first.fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: calc(100vh - 80px); height: calc(var(--editframe-100vh) - 80px - var(--vh-offset, 0px)); } .element_wrapper.wrap_designstage.twothird, .cmod_designstage.twothird, .cmod_designstage.twothird .cmod_wrapper, .cmod_designstage.twothird .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.twothird .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.twothird .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: calc(66vh - 48px); height: calc(var(--editframe-100vh) * 0.66 - 48px); max-height: calc(66vh - 48px); max-height: calc(var(--editframe-100vh) * 0.66 - 48px); } .cmod_designstage.fullsize .cmod_wrapper > .designstage_background_transition_parallaxfixed, .cmod_designstage.fullsize.first .cmod_wrapper > .designstage_background_transition_parallaxfixed, .cmod_designstage.fullsize .cmod_wrapper .designstage_type_composeimage.designstage_background_transition_parallaxfixed .designstage_composeimagecontainer, .cmod_designstage.fullsize.first .cmod_wrapper .designstage_type_composeimage.designstage_background_transition_parallaxfixed .designstage_composeimagecontainer, .cmod_designstage.fullsize .cmod_wrapper .designstage_background_transition_parallaxfixed .designstage_videocontainer, .cmod_designstage.fullsize.first .cmod_wrapper .designstage_background_transition_parallaxfixed .designstage_videocontainer { height: 100vh; height: var(--editframe-100vh); } .cmod_designstage.photo, .cmod_designstage.photo .cmod_wrapper, .cmod_designstage.photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.photo .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 66.66vw; max-height: calc(100vh - 80px); max-height: calc(var(--editframe-100vh) - 80px - var(--vh-offset, 0px)); } .cmod_designstage.only5050.photo, .cmod_designstage.only5050.photo .cmod_wrapper, .cmod_designstage.only5050.photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.only5050.photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.only5050.photo .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 33.33vw; } .cmod_designstage.first.only5050.photo, .cmod_designstage.first.only5050.photo .cmod_wrapper, .cmod_designstage.first.only5050.photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.only5050.photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.only5050.photo .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 33.33vw; } .cmod_designstage.photo .cmod_wrapper { padding-top: 0; } .cmod_designstage .cmod_wrapper .designstage_text { align-items: center; } .cmod_designstage .cmod_wrapper .designstage_text > * { max-width: 1360px; width: 100%; } .cmod_designstage .cmod_wrapper .designstage_text > table { border-collapse: separate !important; } /* 29.04.2020 wle | Nachträgliche Rand-Anpassung, damit Inhalt bei kleinen Displays nicht am Browser-Rand kleben. Kann ggf. in Einzelfällen gewünschte Optik stören und muss dann individuell nachjustiert werden */ #contentcontainer .cmod_designstage .designstage_type_image:not( .with_milkyglass_text_shadow ) .designstage_text, #contentcontainer .cmod_designstage .designstage_type_color:not( .with_milkyglass_text_shadow ) .designstage_text, #contentcontainer .cmod_designstage .designstage_type_video:not( .with_milkyglass_text_shadow ) .designstage_text { padding-left: 20px; padding-right: 20px; } @media only screen and (max-width: 880px) { /* WLE 25.04.2023 orientation: portrait funktioniert nicht robust mit Designs, die immer ein Burger-Menü haben */ .resp_burgermenu_active .element_wrapper.wrap_designstage.mobile_fullsize, .resp_burgermenu_active .cmod_designstage.mobile_fullsize .cmod_wrapper, .resp_burgermenu_active .cmod_designstage.mobile_fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .resp_burgermenu_active .cmod_designstage.mobile_fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .resp_burgermenu_active .cmod_designstage.mobile_fullsize .designstage_videocontainer { height: calc(100vh - 48px); height: calc(var(--editframe-100vh) - 48px); max-height: calc(100vh - 48px); max-height: calc(var(--editframe-100vh) - 48px); } .resp_burgermenu_active .element_wrapper.wrap_designstage.first.mobile_fullsize, .resp_burgermenu_active .cmod_designstage.first.mobile_fullsize .cmod_wrapper, .resp_burgermenu_active .cmod_designstage.first.mobile_fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .resp_burgermenu_active .cmod_designstage.first.mobile_fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .resp_burgermenu_active .cmod_designstage.first.mobile_fullsize .designstage_videocontainer { height: calc(100vh - 80px); height: calc(var(--editframe-100vh) - 80px - var(--vh-offset, 0px)); max-height: calc(100vh - 80px); max-height: calc(var(--editframe-100vh) - 80px - var(--vh-offset, 0px)); } .resp_burgermenu_active .element_wrapper.wrap_designstage.mobile_twothird, .resp_burgermenu_active .cmod_designstage.mobile_twothird .cmod_wrapper, .resp_burgermenu_active .cmod_designstage.mobile_twothird .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .resp_burgermenu_active .cmod_designstage.mobile_twothird .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .resp_burgermenu_active .cmod_designstage.mobile_twothird .designstage_videocontainer { height: calc(66vh - 48px); height: calc(var(--editframe-100vh) * 0.66 - 48px); max-height: calc(66vh - 48px); max-height: calc(var(--editframe-100vh) * 0.66 - 48px); } .resp_burgermenu_active .element_wrapper.wrap_designstage.mobile_small, .resp_burgermenu_active .element_wrapper.wrap_designstage.first.mobile_small, .resp_burgermenu_active .cmod_designstage.mobile_small .cmod_wrapper, .resp_burgermenu_active .cmod_designstage.first.mobile_small .cmod_wrapper, .resp_burgermenu_active .cmod_designstage.mobile_small .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .resp_burgermenu_active .cmod_designstage.first.mobile_small .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .resp_burgermenu_active .cmod_designstage.mobile_small .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .resp_burgermenu_active .cmod_designstage.first.mobile_small .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .resp_burgermenu_active .cmod_designstage.mobile_small .designstage_videocontainer, .resp_burgermenu_active .cmod_designstage.first.mobile_small .designstage_videocontainer { height: 200px; max-height: 200px; } .resp_burgermenu_active .cmod_designstage.mobile_photo, .resp_burgermenu_active .cmod_designstage.mobile_photo .cmod_wrapper, .resp_burgermenu_active .cmod_designstage.mobile_photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .resp_burgermenu_active .cmod_designstage.mobile_photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .resp_burgermenu_active .cmod_designstage.mobile_photo .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 66.66vw; } .resp_burgermenu_active .cmod_designstage.mobile_photo .cmod_wrapper { padding-top: 0; } } #contentcontainer.cc_sidebar .element_wrapper.wrap_designstage.first > div:not( .designstage_scrolldown_arrow ) { width: 100%; max-width: 100%; padding: 0; } @media only screen and (min-width: 581px) { .designstage_scrolldown_arrow .designstage_scrolldown_arrow_anchor { bottom: 48px; } } #edittitlecontainer { width: 100%; max-width: 1360px; height: 350px; } body { background-color: #fff; } .smaller .wrap_menu { background: rgba(255, 255, 255, 1); } @media only screen and (min-width: 881px) { #menu .menuitem > ul, #menu .menuitemactive > ul { width: 300px; } .smaller #menu a:link, .smaller #menu a:visited { color: #135096; } .smaller #menu .menuitem.has-submenu > a:after, .smaller #menu .menuitemactive.has-submenu > a:after { color: #135096; } .smaller #menu .menuitem > a:hover, .smaller #menu .menuitemactive > a, .smaller #menu .menuitem.subactive > a { border-bottom: 3px solid #135096; } } @media only screen and (max-width: 880px) { .wrap_menu { background: rgba(255, 255, 255, 0.8); } #menu .menuitem.lastitem { padding-bottom: 240px; } #menu .menuitem.has-submenu > a:after, #menu .menuitemactive.has-submenu > a:after { float: right; } .smaller #menutoggle:after { color: #135096; } .smaller #menu .menuitem > a:hover, .smaller #menu .menuitemactive > a, .smaller #menu .menuitem.subactive > a { border-color: transparent; } } #contentcontainer .catcherrow .catcher { margin: 0px 20px 10px 0px; } #contentcontainer .catcherrow .catcher:last-child { margin: 0px 0px 0px 0px; } #contentcontainer .cmod .catcherrow .catcher, #contentcontainer .cta_box { box-shadow: 0px 0px 5px #999; background: #fff; } #contentcontainer .cmod.catcherstyle_noshadow .catcherrow .catcher, #contentcontainer .cmod.catcherstyle_noshadow .cta_box { box-shadow: none; background: transparent; } #contentcontainer .catcher .header { padding: 15px; } #contentcontainer .catcher .image .icon { font-size: 100px; height: 120px; line-height: 120px; } #contentcontainer .cmod.catcherstyle_noshadow .catcher .image .icon { background-color: transparent; } #contentcontainer .cmod .catcherrow .catcher .content { padding: 15px; } #contentcontainer .catcher .content .submitbuttonContainer { padding: 0px; } #titlecontainer .sitetitle .indistyle { ; left: 20px; z-index: 1; } #titlecontainer .contact .indistyle { ; left: 1180px; z-index: 1; } .small_header #titleback { height: 25px; min-height: 25px; } @media only screen and (max-width: 580px) { #pagewrap { padding-top: 80px; } #titleback { height: 200px; } .small_header #titleback { height: 0; min-height: 0; } .small_header #titleback, .small_header #titlecontainer { overflow: visible; /* Eingefügt, da sonst das Logo nicht angezeigt wurde in Smartphone-Ansicht */ } } /****** Catcher und CTA-Boxen ohne Schatten *********/ #contentcontainer .element_wrapper.catcherstyle_noshadow + .element_wrapper.catcherstyle_noshadow:not( .wrap_catcher ) { margin-top: 0; } #contentcontainer .element_wrapper.catcherstyle_noshadow + .element_wrapper.catcherstyle_noshadow:not( .wrap_catcher ) .cmod { border-top: 1px solid #aaa; } /********* Sidebar *********/ #sidebar { z-index: 2; } /****** Designstage *********/ #contentcontainer .cmod_designstage.cmoddesign_width_changed.cmoddesign_contentarea_width { max-width: 1400px !important; } .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width, .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper, .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 66.66vw; } .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width, .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper, .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 33.33vw; } @media only screen and ( min-width: 1281px ) { .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width, .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper, .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 853px; } .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width, .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper, .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.only5050.photo.cmoddesign_width_changed.cmoddesign_contentarea_width .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 426px; } } /* Höhenanpassung Designbühne */ .element_wrapper.wrap_designstage.fullsize, .cmod_designstage.fullsize .cmod_wrapper, .cmod_designstage.fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 100vh; height: var(--editframe-100vh); max-height: 100vh; max-height: var(--editframe-100vh); } .element_wrapper.wrap_designstage.first.fullsize, .cmod_designstage.first.fullsize .cmod_wrapper, .cmod_designstage.first.fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: calc(100vh - 80px); height: calc( var(--editframe-100vh) - 80px - var(--vh-offset, 0px)); } .element_wrapper.wrap_designstage.first.twothird, .cmod_designstage.first.twothird, .cmod_designstage.first.twothird .cmod_wrapper, .cmod_designstage.first.twothird .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.twothird .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.twothird .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 66vh; height: calc( var(--editframe-100vh) * 0.66 ); max-height: 66vh; max-height: calc( var(--editframe-100vh) * 0.66 ); } .element_wrapper.wrap_designstage.photo, .cmod_designstage.photo, .cmod_designstage.photo .cmod_wrapper, .cmod_designstage.photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.photo .cmod_wrapper .designstage_type_video .designstage_videocontainer { max-height: 100vh; max-height: var(--editframe-100vh); } .element_wrapper.wrap_designstage.first.photo, .cmod_designstage.first.photo, .cmod_designstage.first.photo .cmod_wrapper, .cmod_designstage.first.photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.photo .cmod_wrapper .designstage_type_video .designstage_videocontainer { max-height: calc(100vh - 80px); max-height: calc(var(--editframe-100vh) - 80px - var(--vh-offset, 0px)); } @media only screen and (max-width: 880px) { .element_wrapper.wrap_designstage.mobile_fullsize, .cmod_designstage.mobile_fullsize .cmod_wrapper, .cmod_designstage.mobile_fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.mobile_fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.mobile_fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 100vh; height: var(--editframe-100vh); max-height: 100vh; max-height: var(--editframe-100vh); } .element_wrapper.wrap_designstage.first.mobile_fullsize, .cmod_designstage.first.mobile_fullsize .cmod_wrapper, .cmod_designstage.first.mobile_fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.mobile_fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.mobile_fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 100vh; height: var(--editframe-100vh); max-height: 100vh; max-height: var(--editframe-100vh); } .element_wrapper.wrap_designstage.mobile_twothird, .element_wrapper.wrap_designstage.first.mobile_twothird, .cmod_designstage.mobile_twothird .cmod_wrapper, .cmod_designstage.first.mobile_twothird .cmod_wrapper, .cmod_designstage.mobile_twothird .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.mobile_twothird .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.mobile_twothird .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.mobile_twothird .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.mobile_twothird .cmod_wrapper .designstage_type_video .designstage_videocontainer, .cmod_designstage.first.mobile_twothird .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 66vh; height: calc( var(--editframe-100vh) * 0.66 ); max-height: 66vh; max-height: calc( var(--editframe-100vh) * 0.66 ); } .element_wrapper.wrap_designstage.mobile_small, .element_wrapper.wrap_designstage.first.mobile_small, .cmod_designstage.mobile_small, .cmod_designstage.mobile_small .cmod_wrapper, .cmod_designstage.first.mobile_small .cmod_wrapper, .cmod_designstage.mobile_small .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.mobile_small .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.mobile_small .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.mobile_small .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.mobile_small .cmod_wrapper .designstage_type_video .designstage_videocontainer, .cmod_designstage.first.mobile_small .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 200px; max-height: 200px; } .element_wrapper.wrap_designstage.mobile_photo, .element_wrapper.wrap_designstage.first.mobile_photo, .cmod_designstage.mobile_photo, .cmod_designstage.mobile_photo .cmod_wrapper, .cmod_designstage.first.mobile_photo .cmod_wrapper, .cmod_designstage.mobile_photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.mobile_photo .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.mobile_photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.mobile_photo .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.mobile_photo .cmod_wrapper .designstage_type_video .designstage_videocontainer, .cmod_designstage.first.mobile_photo .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 66vw; max-height: 66vw; } } #edittitlecontainer { width: 100%; max-width: 1360px; top: 0px; height: 130px; } #pagewrap { margin-top: 0px; } .wrap_header { display: table; width: 100%; } .wrap_header nav { display: none; } #titleback { margin-top: 80px; } #titlecontainer { position: relative; top: -80px; } #titlecontainer .sitetitle { color: #000000; } #titlecontainer .sitetitle_img .indistyle, #titlecontainer .sitetitle .indistyle, #titlecontainer .contact .indistyle { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #titlecontainer .sitetitle_img, #titlecontainer .sitetitle, #titlecontainer .contact { position: absolute; top: 0; } #titlecontainer .sitetitle_img .indistyle { position: absolute; } #titlecontainer .contact .indistyle { top: 15px; } .small_header #titlecontainer, .small_header #titleback { overflow: visible; } /******* STAGE *******/ #titlecontainer .stage .elementborder_adminedit { margin-bottom: 0; } #titlecontainer .stage, #titlecontainer .stage .stage-content { min-height: 215px; padding: 0px; float: left; text-align:left; position: relative; width: 100%; } #adminedit_centercontainer #titlecontainer .stage .stage_adminedit { cursor: pointer; } #titlecontainer .stage { margin: 0px 0px 0px 20px; width: 40%; background: rgba(255,255,255,0.85); margin-top: 100px; z-index: 1; } #titlecontainer .stage .includeform .tablerow.dserow { padding-top: 10px; font-size: 15px; } #titlecontainer .stage .cmod{ margin-top: 0px; } #titlecontainer .stage .stage-content { width: 100%; padding: 20px; box-sizing: border-box; } #titlecontainer .stage .includeform .sslinfo { font-size: 0.8em; } #titlecontainer .stage.empty { display: none; } #titlecontainer .empty.bt_new { width: 550px; } #titlecontainer .stage.form .success { margin-top: 80px; } #titlecontainer .stage h1, #titlecontainer .stage h2 { font-size: 1.8em; font-family: 'Open Sans', sans-serif; margin-bottom: 0.6em; line-height: 1.3em; color: #135096; } #titlecontainer .stage p { line-height: 1.3em; color: #000000; font-size: 1.1em; } #titlecontainer .stage ul { padding-left: 50px; line-height: 1.5em; } #titlecontainer .stage.empty.bt_new .text { padding-top: 95px; } .small_header #titlecontainer .stage, body.first_element_designstage #titlecontainer .stage { display: none !important; } .small_header #titlecontainer, body.first_element_designstage #titlecontainer { height: 80px; min-height: 80px; overflow: hidden; } /* Das hier bald einkommentieren (tro 2.7. ) .small_header #titlecontainer .contact, .small_header #titlecontainer .sitetitle { display: block; } */ .small_header .contact .indistyle, body.first_element_designstage .contact .indistyle { top: 0px; left: 600px; } .small_header .sitetitle .indistyle, body.first_element_designstage .sitetitle .indistyle { top: 0px; left: 600px; } .small_header .sitetitle_img .indistyle, body.first_element_designstage .sitetitle_img .indistyle { top: 0px; } /****** 980px TABLET *********/ @media only screen and (max-width: 980px) { /**** STAGE ****/ #titlecontainer { width: 100%; box-sizing: border-box; } #titlecontainer .stage { width: 100%; margin-left: 0; min-height: 350px; box-sizing: border-box; } #titlecontainer .stage.empty { display: none; } #titlecontainer .stage .stage-content { width: 100%; } #titlecontainer .stage.owncont { padding: 20px 20px 0 20px; box-sizing: border-box; } #titlecontainer .stage.owncont .stage-content img { max-width: 100%; height: auto; } } /****** ! 580px MOBILE *********/ @media only screen and (max-width: 580px) { #titlecontainer .sitetitle_img, #titlecontainer .sitetitle, #titlecontainer .contact { top: 0px; } #titleback { min-height: 200px; height: auto; } #titlecontainer .sitetitle_img .indistyle img { max-height: 80px !important; max-width: 100%; } #titlecontainer { max-width: 100%; overflow: hidden; } #titlecontainer .sitetitle_img .indistyle img, #titlecontainer .sitetitle .indistyle, #titlecontainer .contact .indistyle { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } #titlecontainer { position: relative; top: -80px; height: 80px; /* tro 6.2.19: Eingefügt, da das Logo nicht angezeigt wurde */ display: table; } #pagewrap { padding-top: 0; } #titlecontainer .stage { margin-top: 80px; width: 100%; min-height: inherit; } } /* Designbühne (kein Burger Menü vorhanden!) */ @media only screen and (orientation: portrait) and (max-width: 980px) { .element_wrapper.wrap_designstage.mobile_fullsize, .cmod_designstage.mobile_fullsize .cmod_wrapper, .cmod_designstage.mobile_fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.mobile_fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.mobile_fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: calc(100vh - 48px); max-height: calc(100vh - 48px); } .element_wrapper.wrap_designstage.first.mobile_fullsize, .cmod_designstage.first.mobile_fullsize .cmod_wrapper, .cmod_designstage.first.mobile_fullsize .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.mobile_fullsize .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.mobile_fullsize .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: calc(100vh - 80px); height: calc(100vh - 80px - var(--vh-offset, 0px)); max-height: calc(100vh - 80px); max-height: calc(100vh - 80px - var(--vh-offset, 0px)); } .element_wrapper.wrap_designstage.mobile_twothird, .cmod_designstage.mobile_twothird .cmod_wrapper, .cmod_designstage.mobile_twothird .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.mobile_twothird .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.mobile_twothird .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: calc(66vh - 48px); max-height: calc(66vh - 48px); } .element_wrapper.wrap_designstage.mobile_small, .element_wrapper.wrap_designstage.first.mobile_small, .cmod_designstage.mobile_small, .cmod_designstage.mobile_small .cmod_wrapper, .cmod_designstage.first.mobile_small .cmod_wrapper, .cmod_designstage.mobile_small .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.first.mobile_small .cmod_wrapper > div:not( .designstage_scrolldown_arrow ), .cmod_designstage.mobile_small .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.first.mobile_small .cmod_wrapper .designstage_type_composeimage .designstage_composeimagecontainer, .cmod_designstage.mobile_small .cmod_wrapper .designstage_type_video .designstage_videocontainer, .cmod_designstage.first.mobile_small .cmod_wrapper .designstage_type_video .designstage_videocontainer { height: 200px; max-height: 200px; } }