/* 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: 50px; max-width: 100%; padding: 12px 20px; margin: 10px 0px; vertical-align: middle; cursor: pointer; box-sizing: border-box; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 400; font-size: 16px; line-height: 17px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; color: #000000; background: #ff6600; /* GRADIENT */ background-image: url("../173/menu-bg.png"); background: url("../173/menu-bg.png"), -moz-linear-gradient(top, hsl( 24, 100%, 57%) 0%, hsl( 24, 100%, 57%) 49%, #ff6600 50%, #ff6600 100%); /* FF3.6+ */ background: url("../173/menu-bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl( 24, 100%, 57%)), color-stop(49%,hsl( 24, 100%, 57%)), color-stop(50%,#ff6600), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */ background: url("../173/menu-bg.png"), -webkit-linear-gradient(top, hsl( 24, 100%, 57%) 0%, hsl( 24, 100%, 57%) 49%,#ff6600 50%,#ff6600 100%); /* Chrome10+,Safari5.1+ */ background: url("../173/menu-bg.png"), -o-linear-gradient(top, hsl( 24, 100%, 57%) 0%, hsl( 24, 100%, 57%) 49%,#ff6600 50%,#ff6600 100%); /* Opera 11.10+ */ background: url("../173/menu-bg.png"), -ms-linear-gradient(top, hsl( 24, 100%, 57%) 0%, hsl( 24, 100%, 57%) 49%,#ff6600 50%,#ff6600 100%); /* IE10+ */ background: url("../173/menu-bg.png"), linear-gradient(to bottom, hsl( 24, 100%, 57%) 0%, hsl( 24, 100%, 57%) 49%,#ff6600 50%,#ff6600 100%); /* W3C */ border: 0px none; border-radius: 10px; -webkit-appearance: none; } 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 { color: #ffffff background: url("../173/menu-bg.png"), -moz-linear-gradient(top, hsl( 212, 78%, 40%) 0%, hsl( 212, 78%, 40%) 49%, #135096 50%, #135096 100%); /* FF3.6+ */ background: url("../173/menu-bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl( 212, 78%, 40%)), color-stop(49%,hsl( 212, 78%, 40%)), color-stop(50%,#135096), color-stop(100%,#135096)); /* Chrome,Safari4+ */ background: url("../173/menu-bg.png"), -webkit-linear-gradient(top, hsl( 212, 78%, 40%) 0%, hsl( 212, 78%, 40%) 49%,#135096 50%,#135096 100%); /* Chrome10+,Safari5.1+ */ background: url("../173/menu-bg.png"), -o-linear-gradient(top, hsl( 212, 78%, 40%) 0%, hsl( 212, 78%, 40%) 49%,#135096 50%,#135096 100%); /* Opera 11.10+ */ background: url("../173/menu-bg.png"), -ms-linear-gradient(top, hsl( 212, 78%, 40%) 0%, hsl( 212, 78%, 40%) 49%,#135096 50%,#135096 100%); /* IE10+ */ background: url("../173/menu-bg.png"), linear-gradient(to bottom, hsl( 212, 78%, 40%) 0%, hsl( 212, 78%, 40%) 49%,#135096 50%,#135096 100%); /* W3C */ } 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: 17px 20px; } 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 { background: hsl( 24, 100%, 43%); background-image: url("../173/menu-bg.png"); } 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: hsl( 212, 78%, 26%); } /****** 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: 20px; 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; } /****** COMMON CSS *********/ body { background-color: #ffffff; background-image: url('../../dyndesigns/176/back.png.php?color=%23135096'); background-repeat: repeat-x; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0px; padding: 0px; line-height: 160%; ; } body.show_logo { background-image: none; } #centercontainer { background: url(../indiimages/7569/176/lp12993-top-adjust-trans.png) center 80px no-repeat; } .small_header #centercontainer { background: none; } #pagewrap { padding: 0 20px; margin: 0 auto; max-width: 1400px; } a:link { color: #135096; text-decoration: underline; } a:hover { text-decoration: none; color: #135096; } a:visited { color: #135096; } a:active { color: #ff6600; } #adminedit_centercontainer { width:100%; } #edittitlecontainer { width: 100%; height: 450px; } .includeform input, .includeform textarea, .includeform select { width:97%; } h1, h2 { margin: 10px 0 20px 0; font-size: 36px; font-family: 'Open Sans', sans-serif; line-height: 1.2em; font-weight: 600; } 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, #contentcontainer .catch_div .form_label { color: #135096; } .cmod { font-size: 16px; font-family: 'Open Sans', sans-serif; color: #333333; margin-top: 30px; display: block; } .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; } .sidebar_inside_add_first_element.leftsb { top: 390px; } /****** HEADER *********/ #titlecontainer { height: 450px; position: relative; } #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; } #titlecontainer .sitetitle_img img { max-height: 80px; width: auto; } /* ATTENTION, DO NOT DELETE. FIX A BUG WITH POSITIONING IF YOU HIDE ELEMENTS */ #titlecontainer .contact, #titlecontainer .sitetitle, #titlecontainer .sitetitle_img { position: absolute; } /* END ATTENTION */ .contact .indistyle { top: 0px; left: 1200px; color: #ffffff; } .sitetitle .indistyle { top: 27px; left: 20px; } .sitetitle_img .indistyle { top: 0px; left: 20px; } .socialmedia_profile_top_container { float: right; top: 15px; } .small_header #titlecontainer { display: block; background: none; height: 80px; } .small_header .sitetitle .indistyle { top: 27px; left: 20px; } .small_header .sitetitle_img .indistyle { top: 0px; left: 20px; } .indistyle { border: 0px; } #adminedit_centercontainer .only_icon { padding: 5px; } /****** 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.stage1 { margin: 0px 0px 0px 20px; width: 45%; background: rgba(255,255,255,0.85); } #titlecontainer .stage.stage2 { position: relative; background: #135096; /* Old browsers */ background: -moz-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#135096)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* IE10+ */ background: linear-gradient(to bottom, hsl( 212, 78%, 48%) 0%, #135096 100%); /* W3C */ width: 390px; margin-bottom: 30px; margin-right: 20px; float: right; padding: 20px; z-index: 2; } #titlecontainer .stage.stage2:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #135096; border-width: 215px; margin-left: -215px; border-top-width: 30px; } #titlecontainer .stage.stage2.form .cm_border_button_with_icon.green { color: #fff; border-color: #fff; } #titlecontainer .stage .includeform .tablerow.dserow { padding-top: 10px; font-size: 15px; } #titlecontainer .stage .cmod{ margin-top: 0px; } #titlecontainer .stage.stage1, #titlecontainer .stage.stage2 { margin-top: 110px; } #titlecontainer .stage.stage1 .stage-content { width: 100%; padding: 20px; box-sizing: border-box; } #titlecontainer .stage .stage-content { box-sizing: border-box; } #titlecontainer .stage .includeform .left_cell, #titlecontainer .stage .includeform .right_cell, #titlecontainer .stage .includeform .full_cell, #titlecontainer .stage .includeform .input_header, #titlecontainer .stage .includeform .input_header:hover { color: #ffffff; } #titlecontainer .stage .includeform .sslinfo { font-size: 0.8em; } #titlecontainer .stage.empty { display: none; } #titlecontainer .stage1.empty.bt_new { width: 550px; } #titlecontainer .stage1 .includeform .left_cell, #titlecontainer .stage1 .includeform .right_cell, #titlecontainer .stage1 .includeform .full_cell { color: #333333; } #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: #333333; font-size: 1.1em; } #titlecontainer .stage2 p { color: #ffffff; } #titlecontainer .stage2 a:link:not(.submitbutton):not(.bigsubmitbutton), #titlecontainer .stage2 a:visited:not(.submitbutton):not(.bigsubmitbutton), #titlecontainer .stage2 a:hover:not(.submitbutton):not(.bigsubmitbutton), #titlecontainer .stage2 a:active:not(.submitbutton):not(.bigsubmitbutton) { color: #ffffff; text-decoration: underline; } #titlecontainer .stage ul { padding-left: 50px; line-height: 1.5em; } #titlecontainer .stage.empty.bt_new .text { padding-top: 95px; } /****** CONTENT *********/ #centercontainer{ position: relative; } #contentcontainer { background: #fff; position: relative; padding: 20px; min-height: 560px; clear: both; } #contentcontainer.cc_submenu.cc_sidebar { /* sidebar left, right */ padding-left: 320px; padding-right: 340px; } #contentcontainer.cc_submenu.cc_sidebar #sidebar { margin-left: 480px !important; } #contentcontainer.cc_submenu { padding-right: 20px; padding-left: 320px; } #contentcontainer.cc_sidebar { padding-right: 470px; padding-left: 20px; } #contentcontainer img, #titlecontainer .stage .stage-content img { max-width: 100%; height: auto; } .all_calcdiv { width: 100%; position: static; } .blau_calcdiv iframe, .nat_calcdiv iframe, .tr_calcdiv iframe, .all_calcdiv iframe { width: 100%; } .socialmedia_bookmarks { margin: 10px 0; } #productmenu .title{ color: #333; font-size: 1.5em; margin: 0 0 10px 0; font-weight: bold; clear: both; } .nat_calcdiv { left: 0px; width: 100%; } #contentcontainer .redcont_img, #contentcontainer .redcont_vid { margin: 8px 15px 15px 0; width: 170px; height: auto; } #contentcontainer .catcher .content a.submitbutton, #contentcontainer .catcher .content .includeform .submit #contentcontainer .catcher .submit, #contentcontainer .catcher a.submitbutton, #contentcontainer .catcher a.bigsubmitbutton { overflow: hidden; text-overflow: ellipsis; white-space: normal; } #contentcontainer .catcherrow .catcher { background: #f7f7f7; } #contentcontainer .catcher .header h3 { font-size: 16px; line-height: 1.2em; font-weight: normal; text-transform: uppercase; color: #ffffff; } #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; } #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: #333333 !important; } .stage .mce-buttons, .stage .save-buttons { z-index: 1; } .cmod iframe:not( .videocontainer ) { width: 100%; } /****** SIDEBAR *********/ .submenu a:link, .submenu a:visited { color: #135096 !important; text-decoration: underline; font-weight: 400; } .submenu a:hover { color: #135096 !important; text-decoration: none; } .submenu { position: absolute; left: 20px; z-index: 10; } .submenu { width: 280px; margin-top: 20px; } #sidebar_bottom { background: #f7f7f7; display: none; } #sidebar { background: #f4f4f4; display:block; position: absolute; right: 20px; top: 20px; width: 430px; } #sidebar .title, #sidebar_bottom .title, #contentcontainer .catcher .header, #productmenu .title { background: #135096; /* Old browsers */ background: -moz-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#135096)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, hsl( 212, 78%, 48%) 0%, #135096 100%); /* IE10+ */ background: linear-gradient(to bottom, hsl( 212, 78%, 48%) 0%, #135096 100%); /* W3C */ font-size: 18px; font-family: 'Open Sans', sans-serif; color: #ffffff; padding: 15px 20px; line-height: 1.4em; } #sidebar .menuitem, #sidebar .menuitemactive, #sidebar_bottom .menuitem, #sidebar_bottom .menuitemactive { padding: 20px; padding-bottom: 0px; } #sidebar .menuitem:last-child, #sidebar .menuitemactive:last-child, #sidebar_bottom .menuitem:last-child, #sidebar_bottom .menuitemactive:last-child { padding-bottom: 20px; } .submenu .socialmedia_profile_menu_h2 { font-size: 16px; } /****** FOOTER *********/ #footercontainer { background: #135096; text-align: center; padding: 20px; color: #ffffff; } #footercontainer a:link { color: #ffffff; font-size: 14px; } #footercontainer a:active { color: #ff6600; } #footercontainer a:visited { color: #ffffff; } .socialmedia_profile_bottom_container { margin-top: 0px; float: none; background: #135096; padding-bottom: 20px; margin-bottom: 10px; text-align: center; } .socialmedia_profile_bottom_container a, .socialmedia_profile_footer_container a { display: inline-block; float: none; } /****** 1800px and more *********/ @media only screen and (min-width: 1800px) { #centercontainer { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } #contentcontainer { -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.26); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.26); } } /****** 1100px *********/ @media only screen and (max-width: 1200px) { /****** STAGE *********/ /* #titlecontainer .stage.stage1 { width: 600px; } */ #titlecontainer .stage.stage1 { width: 44%; } } /****** 750px TABLET *********/ @media only screen and (max-width: 980px) { /**** STAGE ****/ #titlecontainer { width: 100%; } #titlecontainer .stage.stage1 { width: 100%; margin-left: 0; min-height: 350px; box-sizing: border-box; } #titlecontainer .stage.stage1.empty { display: none; } #titlecontainer .stage.stage1 .stage-content { width: 100%; } #titlecontainer .stage.stage2 { width: 100%; margin: 20px 0 0; box-sizing: border-box; } #titlecontainer .stage.stage1.empty + .stage.stage2 { margin-top: 470px; } #titlecontainer .stage.stage2.empty { display: none; } #titlecontainer .stage.stage2 .stage-content { width: 100%; } #titlecontainer .stage.owncont { padding: 20px 20px 0 20px; box-sizing: border-box; } #titlecontainer .stage.stage2:after { display: none; } /****** CONTENT *********/ h1, h2, h3, p, .cmod, #sidebar .title, #sidebar_bottom .title, #contentcontainer .catcher .header { font-weight: 400; } #centercontainer { /* width: 750px; */ } #contentcontainer { top: 0 !important; } #contentcontainer.cc_submenu.cc_sidebar, #contentcontainer.cc_sidebar { padding-right: 20px; padding-top: 20px; } .includeform .formtable, .includeform .tablerow { width: 410px; } .includeform .left_cell, .includeform .full_cell { width: 150px; } .includeform .input_tarea { width: 392px; } #contentcontainer .catcherrow .catcher { box-sizing: border-box; margin: 0px; margin-bottom: 0px; margin-right: 10px; } #contentcontainer .catcher .header { padding: 10px; } #contentcontainer .catcher .content { padding: 20px; } #productmenu { float: none; margin: 0px; } /****** SIDEBAR *********/ #sidebar_bottom { display: block; } #sidebar { display: block; position: static; top: 20px !important; width: 100%; } #contentcontainer.cc_submenu.cc_sidebar #sidebar { margin-left: 0px !important; } #sidebar .hideatsmall { display: none; } } /****** 580px MOBILE *********/ @media only screen and (max-width: 580px) { /****** COMMON CSS *********/ h1, h2, h3, h4 { text-overflow: ellipsis; overflow: hidden; white-space: normal; margin: 15px 0 20px 0; } p, .cmod { font-size: 18px; } #centercontainer { padding: 0 0; } .small_header #pagecontainer{ padding-top: 120px; } #centercontainer { background: url(../indiimages/7569/176/lp12993-top-adjust-trans.png) center 80px no-repeat; } #pagewrap { background: none; } #pagewrap { padding: 0 10px; } body, #footercontainer, #pagewrap { min-width: inherit; } #backstretch { display: none !important; } #titlecontainer { height: 80px; background: none; } #titlecontainer .indistyle { top:0px !important; left:0px !important; } #titlecontainer .sitetitle .indistyle { top: 25px !important; } .small_header #titlecontainer .indistyle { top:-90px !important; } #titlecontainer .stage.stage1 { margin-top: 80px; } /****** HEADER *********/ #titlecontainer .sitetitle_img + .sitetitle, #titlecontainer .contact { display: none; } .socialmedia_profile_top_container { display: none; } #contentcontainer .catch_form input, #contentcontainer .catch_form select { font-size: 18px; margin: 10px 0px; } .sitetitle_img .indistyle img { max-width: 220px; } /**** STAGE ****/ #titlecontainer .stage.stage1 { width: 100%; } #titlecontainer .stage.stage1.empty + .stage.stage2 { margin-top: 350px; } #titlecontainer .stage.stage1 { min-height: inherit; } /****** CONTENT *********/ #contentcontainer.cc_submenu.cc_sidebar, #contentcontainer.cc_submenu, #contentcontainer.cc_sidebar { padding: 15px; } .includeform .formtable, .includeform .tablerow, .includeform .input_tarea, .includeform .left_cell, .includeform .full_cell { width: 100%; } #contentcontainer { min-height: 200px !important; } #contentcontainer .catcherrow .catcher, #contentcontainer .catcher .header { width: 100% !important; } #sidebar_bottom { padding: 0px; } #sidebar .title, #sidebar_bottom .title, #contentcontainer .catcher .header, #sidebar_bottom { font-size: 1em; box-sizing: border-box; } .socialmedia_bookmarks { width:100%; font-size: 0.8em; } .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: 20px; } /****** RECHNER *********/ ul.breadcrumb, ol.breadcrumb { margin-left: 0px; } #vvergleich .includeform .submit { width: 100% !important; } #vvergleich .angebotAnfordern { margin-left: 0px; } #vvergleich .includeform .submit:hover { background-color: #135096 !important; } /****** FOOTER *********/ .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; } #footercontainer a:link { display: block; padding: 10px 0; font-size: 16px; } #footercontainer .dot{ display: none; } } @media only screen and (min-width: 581px) { #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%; } }