/* 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-300d41d.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-300italicd41d.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-regulard41d.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-italicd41d.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-600d41d.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; background: none; } .includeform .trcolor0:hover, .includeform .trcolor1:hover { 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, #contentcontainer .cta_box .cta_logo { display: none; } #contentcontainer .cta_box .cta_content { display: block; padding: 15px 10px; width: 100%; box-sizing: border-box; } /* ENDE CTA Box */ .form_div.crform .includeform input, .form_div.crform .includeform select { min-width: 100%; } .includeform .repatcha_validator_input { visibility: hidden; height: 10px !important; max-width: 300px; display: block; margin: 0 auto; } } 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: 6px 30px 6px 11px; margin: 10px 0px; vertical-align: middle; cursor: pointer; font-size: 14px; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: normal; line-height: 17px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; color: #fff; background-color: #820419; background-image: url('../144/arrow.png'); background-repeat: no-repeat; background-position: right center; box-shadow: 0px 0px 2px #888; border: 0px none; border-radius: 3px; box-sizing: border-box; background-size: 18px; -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{ background-color: #820419} 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: 10px 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-image: url('../144/arrow.png'); background-repeat: no-repeat; background-position: right center; background-size: 18px; } /****** 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: 16px; line-height: 20px; padding: 10px; margin: 10px 0px; width: 98%; /* windows bug (button-scrolling) */ box-sizing: border-box; background-image: none; } 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-image: none; } #contentcontainer .catcher .content a.submitbutton, #contentcontainer .catcher .content .includeform .submit { width: 100%; } } #style_switch { display: none; height: 0px; } #edittitlecontainer { width: 932px; height: 448px; top: 0px; margin: -2px -1px -1px -1px; display: block; } #adminedit_centercontainer { width: 100%; } html { min-height: 100%; } body { font-family: 'Open Sans', sans-serif; color: #400a00; text-align: center; margin: 0px; padding: 0px; min-height: 100%; font-size: 1.0em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #ffffff; background-url: url('body-bg.jpg'); background-position: 0 0; background-repeat: repeat-x;} p, h1, h2, h3 { padding: 0px; margin: 0px; } a { color: #820419; } #centercontainer { width: 100%; margin: 0px; background: url('footer-bg.jpg') 0 bottom repeat-x; } .small_header #titlecontainer { background: none; height: 0px; } .small_header #pagewrap { background: none; } #pagewrap { width: 100%; margin: 0px; text-align: left; background: url('body-bg.jpg') 0 0 repeat-x; } #pagecontainer { width: 930px; margin: 0px auto; background: none; position: relative; padding-top: 105px; } .stage_adminedit { width: 380px; overflow: hidden; display: block; padding: 5px; margin: -5px; } @media only screen and (max-width: 1100px) { #pagecontainer { width: 930px; } } @media only screen and (max-width: 980px) { #pagecontainer { width: 750px; } } @media only screen and (max-width: 580px) { #centercontainer, #pagewrap { background-image: none; } #pagecontainer { width: 100%; height:auto; padding-top: 90px; } #pagecontainer:before { content:''; display: block; width:100%; height:65px; background: #fff; position: absolute; top: 0px; } } #titleback { height: auto; } #titlecontainer { width: 100%; height: 340px; background: url(../images/146/image10402-trans.jpg) 0 0 no-repeat; background-size:cover; } #titlecontainer .pagetitle { display: none; } #titlecontainer .sitetitle, #titlecontainer .sitetitle_img { display: block; position: absolute; top: 0px; margin-left: 0px; font-family: 'Open Sans', sans-serif; font-size: 1.125em; color: #820419; font-weight: normal; text-align: left; padding-top: 40px; } #titlecontainer .sitetitle_img { padding-top: 15px; } #titlecontainer .contact { position: absolute; top: 10px; margin-right: 20px; } #titlecontainer .stage { position: absolute; width: 380px; height: 215px; padding: 0px; margin: 70px 0px 0px 470px; background-color: rgba(255,255,255,0.8); } #titlecontainer .stage.empty { background-color: transparent; } #titlecontainer .stage .stage-content { padding: 25px 25px 0px 25px; margin: 0px; height: 190px; overflow: hidden; } #titlecontainer .stage h1, #titlecontainer .stage h2 { font-size: 1.8em; font-family: 'Open Sans', sans-serif; margin-bottom: 0.5em; line-height: 1.3em; color: #820419; } #titlecontainer .stage p { line-height: 1.3em; color: #400a00; font-size: 1.1em; } @media only screen and (max-width: 980px) { #titlecontainer .stage { margin: 70px 0px 0px 300px; } } @media only screen and (max-width: 580px) { #titleback { height:auto; } #titlecontainer { max-height:220px; background-size:cover; } #titlecontainer .sitetitle, #titlecontainer .sitetitle_img { padding-top: 25px; } #titlecontainer .sitetitle_img { padding-top: 10px; top: 5px; } #titlecontainer .sitetitle .indistyle, #titlecontainer .sitetitle_img .indistyle { left: 10px !important; top: 0px !important; } #titlecontainer .sitetitle_img { padding-top: 0px; } #titlecontainer .sitetitle .indistyle { left: 10px !important; top: 0px !important; width: 80%; overflow: hidden; } #titlecontainer .sitetitle .indistyle div p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #820419; } #titlecontainer .stage { display: none; } #titlecontainer .sitetitle_img img { max-width: 80% !important; height: auto !important; } #titlecontainer .sitetitle_img img[src*='svg'] { height: 80px !important; } #titlecontainer .sitetitle_img + .sitetitle, #titlecontainer .contact { display: none; } } #menu { font-family: 'Open Sans', sans-serif; display: inline-block; width: 670px; text-align: right; position: absolute; right: -15px; top: 32px; z-index: 999; } #menutoggle { display: none; } .resp_burgermenu_active ul#menu li.has-submenu > .submenutoggle { right: 13px; height: 48px; line-height: 48px; margin-top: -54px; border: 0px none; color: #888; 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: #4a020e; } .resp_burgermenu_active ul#menu li.menusubitem.has-submenu > .submenutoggle { margin-top: -50px; } .resp_burgermenu_active ul#menu li.has-submenu > .submenutoggle:before { content: '\e609'; } #menu li { list-style-type: none; } #menu .menuitem, #menu .menuitemactive { list-style-type: none; display: inline-block; padding: 10px 15px; } #menu .menuitem a, #menu .menuitemactive a { display: block; font-size: 1.125em; line-height: 1.0em; text-decoration: none; color: #820419; font-weight: 600; } #menu .menuitem a:hover, #menu .menuitemactive a:hover, #menu .menuitemactive a { color: #4a020e; } /* submenu */ #menu > .menuitemactive > ul > .menusubitem > ul, #menu > .menuitem > ul > .menusubitem > ul, #menu > .menuitemactive > ul > .menusubitemactive > ul { display: none; position: absolute; top:0; left:100%; } #menu > .menuitemactive > ul > .menusubitem:hover > ul, #menu > .menuitemactive > ul > .menusubitemaktive:hover > ul, #menu > .menuitem > ul > .menusubitem:hover > ul, #menu > .menuitem > ul > .menusubitemaktive:hover > ul, #menu > .menuitemactive > ul > .menusubitemactive:hover > ul{ display: block; } @media only screen and (max-width: 1100px) { #menu { width: 670px; } } @media only screen and (max-width: 980px) { #menu { width: 670px; } #menu .menuitem, #menu .menuitemactive { list-style-type: none; display: inline-block; padding: 10px 7px; } #menu .menuitem a, #menu .menuitemactive a { font-size: 1em; } } @media only screen and (max-width: 750px) { #menu { right:0px; /* negative menu positions bug */ } } #menu ul { display: none; position: absolute; text-transform: uppercase; z-index: 999; } #menu > li > ul { padding-top: 20px; } #menu > li > ul > li.firstitem:before { content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #820419; position: absolute; top: -10px; left: 16px; } #menu > li > ul > li.menusubitemactive.firstitem:hover:before, #menu > li > ul > li.menusubitem.firstitem:hover:before{ border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #4a020e; } #menu > li > ul > li.menusubitemactive.firstitem:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #4a020e; } #menu li:hover ul { display: block; } #menu .submenu { position: absolute; display: block; left: -281px; width: 260px; z-index: 10; top: 442px; text-align: left; } #menu .menusubitem, #menu .menusubitemactive { min-width: 200px; font-size: 0.867em; text-align: left; border-bottom: 1px solid #fff; position: relative; background: #820419; } #menu .menusubitem:hover, #menu .menusubitemactive:hover { background: #4a020e; } #menu .menusubitem ul li, #menu .menusubitemactive ul li { font-size: 1em; } #menu ul > li:last-child { border: none; } #menu .menusubitem>a:link, #menu .menusubitem>a:visited, #menu .menusubitem>a:hover, #menu .menusubitem>a:active { display: block; text-decoration: none; color: #fff; font-size: 1em; padding: 14px; line-height: 1.3em; vertical-align: middle; font-weight: normal; background: #820419; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #menu .menusubitemactive>a:link, #menu .menusubitemactive>a:visited, #menu .menusubitemactive>a:hover, #menu .menusubitemactive>a:active { display: block; text-decoration: none; color: #fff; font-size: 1em; padding: 14px; line-height: 1.3em; vertical-align: middle; font-weight: normal; background: #820419; } #menu .menusubitem > a:hover { background: #4a020e; } #menu .subactive .menusubitemactive > a { background: #4a020e; } #menu .subsub { margin: -4px 0px 4px 0px; } #menu .subsub .menusubitem, #menu .subsub .menusubitemactive { border-bottom: 0px none; } #menu .subsub .menusubitem>a:link, #menu .subsub .menusubitem>a:visited, #menu .subsub .menusubitem>a:hover, #menu .subsub .menusubitem>a:active, #menu .subsub .menusubitemactive > a:link, #menu .subsub .menusubitemactive > a:visited, #menu .subsub .menusubitemactive > a:hover, #menu .subsub .menusubitemactive > a:active { padding: 6px 10px 6px 15px; } #menu .subsub .menusubitem > a:link, #menu .subsub .menusubitem > a:visited, #menu .subsub .menusubitem > a:hover, #menu .subsub .menusubitem > a:active { font-weight: normal; } #menu .subsub .menusubitemactive > a:link, #menu .subsub .menusubitemactive > a:visited, #menu .subsub .menusubitemactive > a:hover, #menu .subsub .menusubitemactive > a:active { font-weight: bold; } @media only screen and (max-width: 580px) { #menu, #menu .submenu, #menu .menuitem, #menu .menuitemactive, #menu .menusubitem, #menu .menusubitemactive { display: block; position: relative; width: 100%; float: none; margin: 0px; left: auto; top: auto; } #menu { display: none; max-width: inherit; min-width: inherit; width: 100%; background: none; text-align: left; position: static; border-top: 3px solid #820419; border-bottom: 3px solid #820419; } #menutoggle { display: block; width: 48px; height: 48px; position: absolute; top: 8px; right: 10px; cursor: pointer; background: #820419 url('menu-mobile.png') 0 0 no-repeat; color: #777; z-index: 100; } #menutoggle.active { color: #ffffff; } #menu > li > ul { padding: 0px; } #menu .menuitem, #menu .menuitemactive { padding: 0px 0px; margin: 0px; } #menu ul { display: block; position: static; } #menu .menusubitem, #menu .menusubitemactive{ background: none; } #menu .menusubitem>a:link, #menu .menusubitem>a:visited, #menu .menusubitem>a:hover, #menu .menusubitem>a:active { background: none; color: #820419; } #menu > li > ul > li.firstitem:before { display: none; } #menu .subactive .menusubitemactive a { background: none; color:#820419; } #menu .menuitem a, #menu .menuitemactive a { padding:20px 20px; } #menu .menusubitem a, #menu .menusubitemactive a { padding:20px 50px; } #menu .menusubitem:hover, #menu .menusubitemactive:hover { background: none; } #menu .menusubitemactive > a:link, #menu .menusubitemactive > a:visited, #menu .menusubitemactive > a:hover, #menu .menusubitemactive > a:active, #menu .menusubitem > a:link, #menu .menusubitem > a:visited, #menu .menusubitem > a:hover, #menu .menusubitem > a:active { font-size: 1.17em; text-transform: none; padding: 15px 20px 15px 50px; font-weight: bold; } #menu .submenu { display: none; } #menu > .menuitemactive > ul > .menusubitem > ul, #menu > .menuitem > ul > .menusubitem > ul, #menu > .menuitemactive > ul > .menusubitemactive > ul { display: block; position: static; padding-left: 40px; } #menu .menuitem a:hover, #menu .menuitemactive a:hover, #menu > .subactive > ul > .menusubitemactive > a, #menu > .subactive ul > .menusubitemactive > a { color:#4a020e; } } @media only screen and (min-width: 581px) { #menu { display: block !important; } } #productmenu, #sidebar { display: block; position: relative; width: 259px; float: right; padding: 0px; margin-top: -10px; margin-bottom: 50px; margin-left: 25px; margin-right: -14px; z-index: 4; font-family: 'Open Sans', sans-serif; font-size: 1em; /* 14px */ } @media only screen and (max-width: 580px) { #productmenu, #sidebar { width: auto; float: none; padding: 0px; margin-top: 0px; margin-bottom: 25px; margin-left: -10px; margin-right: -10px; } } #productmenu .menuitem, #productmenu .menuitemactive, #productmenu .title, #sidebar .menuitem, #sidebar .menuitemactive, #sidebar .title, #sidebar_bottom .menuitem, #sidebar_bottom .menuitemactive, #sidebar_bottom .title { padding: 10px 0; font-size: 0.929em; /* 13px */ line-height: 1.3em; vertical-align: middle; text-align: left; z-index: 200; } .sidebar_element .title { border-bottom: 1px solid #400a00; margin-bottom: 10px; } #productmenu .title, #sidebar .title, #sidebar_bottom .title { font-family: 'Open Sans', sans-serif; font-size: 1.071em; /* 15px */ line-height: 1.3em; vertical-align: middle; color: #820419; font-weight: normal; } .rating_sumdet_split { color: #86b337; text-transform: none; font-size: 1.2em; line-height: 1.3em; padding-bottom: 10px; letter-spacing: 0px; font-weight: normal; } #productmenu .menuitem a:link, #productmenu .menuitem a:visited, #sidebar .menuitem a:link, #sidebar .menuitem a:visited, #sidebar_bottom .menuitem a:link, #sidebar_bottom .menuitem a:visited { display: block; text-decoration: none; color: #777; } #productmenu .menuitem a:hover, #productmenu .menuitem a:active, #sidebar .menuitem a:hover, #sidebar .menuitem a:active, #sidebar_bottom .menuitem a:hover, #sidebar_bottom .menuitem a:active { display: block; text-decoration: underline; color: #777; } #productmenu .menuitemactive a:link, #productmenu .menuitemactive a:visited, #productmenu .menuitemactive a:hover, #productmenu .menuitemactive a:active, #sidebar .menuitemactive a:link, #sidebar .menuitemactive a:visited, #sidebar .menuitemactive a:hover, #sidebar .menuitemactive a:active, #sidebar_bottom .menuitemactive a:link, #sidebar_bottom .menuitemactive a:visited, #sidebar_bottom .menuitemactive a:hover, #sidebar_bottom .menuitemactive a:active { display: block; text-decoration: none; color: #777; font-weight: bold; } #productmenu .button, #sidebar .button, #sidebar_bottom .button { width: 216px; padding: 10px 3px; text-align: center; } #productmenu .submit, #sidebar .submit, #sidebar_bottom .submit { margin: 0px auto; } #contentcontainer { display: block; position: relative; left: 0px; padding: 20px 0; margin: 15px 0px 0 0; font-size: 0.875em; /* 14px */ color: #400a00; line-height: 1.7em; font-family: 'Open Sans', sans-serif !important; clear: both; min-height: 260px; background-color: #fff; } #contentcontainer { background-image: none; } #contentcontainer.cc_submenu { width: 630px; padding-left: 300px; } #contentcontainer.cc_sidebar { width: 651px; padding-right: 279px; } #contentcontainer.cc_submenu.cc_sidebar { width: 354px; padding-left: 297px; padding-right: 279px; } .catcherrow > div:first-child{ margin-left: 0px !important; } .catcherrow > div:last-child{ margin-right: 0px !important; } @media only screen and (max-width: 980px) { #contentcontainer { width: 750px; min-height: 0; margin-bottom: 0; padding-bottom: 0; } #contentcontainer.cc_submenu { width: 450px; } #contentcontainer.cc_sidebar { width: 722px; background-image: none; padding-right: 0px; padding-left: 0px; } #contentcontainer.cc_submenu.cc_sidebar { width: 453px; padding-right: 0px; } .socialmedia_bookmarks { margin-bottom: 20px; } .socialmedia_bookmarks, .socialmedia_like-standard-top, .socialmedia_like-standard-bottom, .socialmedia_like-2click-top, .socialmedia_like-2click-bottom { max-width: 100%; } } @media only screen and (max-width: 580px) { #contentcontainer, #contentcontainer.cc_submenu, #contentcontainer.cc_sidebar, #contentcontainer.cc_submenu.cc_sidebar { box-sizing:border-box; width:100%; background-image: none; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border: 0px none; box-shadow: none; } #contentcontainer .catcher { margin: 0px 0px 20px 0px; box-sizing:border-box; width:100% !important; } #contentcontainer .catcher .header { width: auto !important; } #contentcontainer .catcher .image { max-height: 180px; overflow: hidden; } #productmenu .menuitem, #productmenu .menuitemactive, #productmenu .title, #sidebar .menuitem, #sidebar .menuitemactive, #sidebar .title, #sidebar_bottom .menuitem, #sidebar_bottom .menuitemactive, #sidebar_bottom .title { font-size: 1em; } #sidebar_bottom { font-size: 0.9em !important; } } #contentcontainer td { font-size: 1em; /* 14px */ color: #400a00; font-family: 'Open Sans', sans-serif !important; } #contentcontainer h1, #contentcontainer h2 { font-family: 'Open Sans', sans-serif; font-size: 1.875em; /* 16px */ letter-spacing: 2px; font-weight: normal; color: #820419; padding-bottom: 30px; line-height: 1.2em; } #contentcontainer h1 { font-size: 1.875em; /* 18px */ } #contentcontainer h3, #contentcontainer .h3 { font-size: 1em; /* 14px */ font-weight: bold; color: #400a00; padding: 0px; padding-bottom: 8px; } #contentcontainer p { padding-bottom: 12px; } #contentcontainer ul, #contentcontainer ol { padding: 0px; margin: 0px 0px 12px 25px; } #contentcontainer ul li { list-style: square; padding: 0px; margin: 0px; } #contentcontainer ol li { list-style: decimal; padding: 0px; margin: 0px; } #contentcontainer hr { background-color: transparent; color: #ffffff; border: 0px none; height: 1px; display: block; width: 50%; margin: 5px 0px 10px 0px; } #contentcontainer .teaser { color: #400a00; padding-bottom: 15px; } #contentcontainer .calciframe { border: 0px none; width: 100%; margin-top: 30px; } #contentcontainer .cmodiframe { border: 0px none; width: 100%; } #contentcontainer .resp_bt_container { width: 100%; text-align: center; margin-bottom: 25px; } #contentcontainer .contentmenu { display: block; position: relative; left: 25px; padding-top: 10px; width: 300px; } #contentcontainer .contentmenu a { text-decoration: underline; color: #820419; } #contentcontainer .tr_text { display: block; position: relative; top: -10px; } #footercontainer { text-align: center; font-size: 0.9em; line-height: 2em; vertical-align: middle; text-align: right; width: 100%; background: none; color: #fff; padding:30px 0; } #footercontainer a:link, #footercontainer a:visited, #footercontainer a:hover, #footercontainer a:active { color: #820419; font-weight: bold; } #footercontainer a:link, #footercontainer a:visited { text-decoration: none; } #footercontainer a:hover, #footercontainer a:active { text-decoration: underline; } .blau_calcdiv, .nat_calcdiv, .tr_calcdiv, .all_calcdiv { margin: 0px; padding: 20px 0px 0px 0px; display: block; position: relative; left: 2px; width: 100%; } .blau_calcdiv iframe, .nat_calcdiv iframe, .tr_calcdiv iframe, .all_calcdiv iframe { width: 100%; margin-top: 10px; } .form_calcdiv { width: auto; text-align: center; } .cc_submenu .form_calcdiv { width: auto; text-align: center; overflow: auto; } .videocontainer_small { width: 420px; height: 272px; } .socialmedia_like-standard-top, .socialmedia_like-2click-top { position: relative; margin-bottom: 10px; } .socialmedia_like-box-top { position: relative; top: -11px; } .socialmedia_like-button-top { position: relative; top: -10px; } .socialmedia_like-standard-bottom, .socialmedia_like-2click-bottom { position: relative; top: 30px; } .socialmedia_like-box-bottom { position: relative; } .socialmedia_like-button-bottom { position: relative; } .socialmedia_bookmarks { position: relative; } .socialmedia_profile_bottom_container { position: absolute; left: 0; margin-top: -58px; } @media only screen and (max-width: 980px) { #menu .submenu { left: -100px; } } /* Formulare */ @media only screen and (min-width: 581px) { #contentcontainer .form_div { width: 100%; } .includeform .formtable { width: auto; max-width: 650px; margin: 0px auto; text-align: left; } .includeform .formtable, .includeform .formtable .tableheader, .includeform .formtable .tablerow, .includeform .formtable .tabledata { font-size: 1.0em; 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: #86b337; 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: 36%; } .includeform .right_cell { width: 64%; } .includeform .full_cell { width: 100%; } .includeform .tablerow { width: 100%; } } @media only screen and (max-width: 580px) { .includeform { font-size: 1.143em; } .includeform .tableheader { background-color: transparent; line-height: 1.7em; text-align: left; padding-left: 0px; font-family: 'Open Sans', sans-serif; font-size: 1em; /* 16px */ letter-spacing: 2px; text-transform: uppercase; font-weight: normal; color: #820419; padding-bottom: 15px; } } #sidebar .sidebar_content, #sidebar_bottom .sidebar_content { line-height: 1.7em; } #sidebar { display: block; position: absolute; top: 0px; padding: 0px; margin-top: 10px; margin-left: 670px; } .cc_submenu #sidebar { margin-left: 374px !important; } #sidebar_bottom { display: none; } #sidebar .menuitem, #sidebar .menuitemactive, #sidebar .title { padding: 10px 0; } @media only screen and (min-width: 1101px) { #sidebar { display: block; } } @media only screen and (max-width: 1100px) { #sidebar { display: block; } } @media only screen and (max-width: 980px) { #sidebar, .cc_submenu #sidebar { display: block; position: relative; clear: both; float: none; margin-left: -10px !important; margin-right: -10px; margin-top: 0px; margin-bottom: 0px; padding: 0px; width: auto; overflow: auto; } .after_sidebar_placeholder { display: none; } #sidebar_bottom { display: block; font-size: 0.813em; padding: 10px 0px; } #sidebar .sidebar_element.hideatsmall { display: none; } #sidebar .menuitem, #sidebar_bottom .menuitem, #sidebar .menuitemactive, #sidebar_bottom .menuitemactive, #sidebar .title, #sidebar_bottom .title { padding: 0px; box-sizing:border-box; overflow: auto; } #sidebar .sidebar_element { display: block; width: 100%; overflow: auto; float: none; margin-bottom: 25px; } } @media only screen and (max-width: 580px) { #sidebar_bottom { box-sizing:border-box; width:100%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; border: 0px none; box-shadow: none; } .socialmedia_profile_bottom_container { width: 100%; display: block; position: static; margin: 0px; background-color: #F4F3F1; position: relative; right:0; top:0px; padding-bottom: 10px; } .socialmedia_profile_bottom_container a:first-child { margin-left: 5px; } #footercontainer { text-align: left; padding: 30px 0 20px 0; } #footercontainer > a:first-child { margin-left: 15px !important; } footer { background-color: #F4F3F1; padding: 0 10px; } } #sidebar > div:last-child { border-bottom: 0px none; } #sidebar .menuitem, #sidebar .menuitemactive, #sidebar .title { vertical-align: middle; text-align: left; } #sidebar .title, #sidebar_bottom .title { font-family: 'Open Sans', sans-serif; vertical-align: middle; color: #86b337; font-weight: normal; margin-top: 30px; font-size: 1.125em; } #sidebar_bottom .title, #sidebar_bottom .rating_sumdet_split { font-size: 1.2em; } #sidebar .title:first-child { margin-top: 0px; } .sidebar_inside_add_first_element { top: 455px; right: auto !important; left: 50%; margin-left: 427px; } .sidebar_inside_add_first_element.leftsb { left: 50%; margin-left: -470px; } .widget_submenu { font-size: 0.875em; /* 14px */ } #contentcontainer .catcher, #contentcontainer .catcher .content, #contentcontainer .catcher .image { background-color: #F4F3F1 !important; } #contentcontainer .catcher .image img { display: table; } #contentcontainer .catcher .header { background: #86b337; background-image:none; position: relative; } #contentcontainer .catcher .header h3 { padding: 0; font-size: 1.25em; /* 14px */ font-weight: normal; color: #ffffff; text-align: left; margin-left: 20px; } #contentcontainer .catcher .submit { min-height: 32px; } @media only screen and (max-width: 580px) { #contentcontainer .catcher .submit { min-height: 40px; } } #contentcontainer .catch_div .form_label { color: #400a00; } #contentcontainer .catch_div .form_label, #contentcontainer .catcher .header h3, #contentcontainer .catcher .content .includeform .submit { font-family: 'Open Sans', sans-serif !important; } #contentcontainer .catch_div { margin:5px 20px; } #contentcontainer .catch_form { text-align: left; } #contentcontainer .catcher .content, #contentcontainer .catcher .image { background-color: #e5e5e5; } .menuitem.hiddenwidge .widge_bot { width: 225px; } #menu #menuedit { top: 39px; } .socialmedia_like-2click-top, .socialmedia_like-2click-bottom { width: 100%; height: 40px; margin-bottom: 30px; } .rating_sumdet_split { border-bottom: 1px solid #400a00; } /* social */ .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 { background-image: url(../../images/socialmedia/logos.svg816a.svg?color=%23820419); background-color: transparent !important; margin: 0; } .socialmedia_profile_top_container { float: right; top: 17px; right: 10px; } @media only screen and (max-width: 580px) { .socialmedia_profile_top_container { float: right; top: 258px; right: 10px; } }