/* Theme Name: schmerztherapie_ms Theme URI: http://www.elegantthemes.com Description: Child Theme for Divi Theme by Elegant Themes Author: Divi.world Author URI: http://divi.world Template: Divi Version: 1.0.0 */ /* =Ab hier kannst du deine CSS-Anpassungen eintragen ------------------------------------------------------- */ /********************************* Verwendete Schriften lokal gespeichert *************************************/ /* roboto-condensed-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /************************************************************************************************************* ALLGEMEIN *************************************************************************************************************/ body,ol,ul,li { font-size:16px; font-family: 'Roboto';font-style: normal;font-weight: 400; -webkit-hyphens: auto; hyphens: auto; text-align:justify; } #hometext p {font-size:18px;} #vita p, #vita ul, #vita li {font-size:14px !important;font-weight: 300;} h1 {font-weight:500;} h2,h3,h4,h5,h6 {font-weight:400;} h1 {font-size:44px;color:#982534;} h2 {font-size:34px;color:#982534;} h3 {font-size:28px;padding-top:20px;color: #1a1a1a !important;} .et_pb_column_1_4 h4, h4 {font-size:24px;padding-top:10px;padding-bottom:20px;} h5 {font-size:20px;} h6 {font-size:24px;color:#982534;} .et_pb_blog_0 .et_pb_post .entry-title, .et_pb_blog_0 .et_pb_post .entry-title a, .et_pb_blog_0 .not-found-title, .et_pb_blog_0 .not-found-title a { font-size: 20px !important; line-height: 1.3em; } .entry-content ul {list-style-type: square;} #menu-hauptnavigation a, #menu-hauptnavigation a:hover {color: rgba(0,0,0,.6) !important;text-decoration: none !important;} .quelle {font-size:0.85em;color:#b58374;} /************************************************************************************************************* Einstellungen im Headerbereich *************************************************************************************************************/ #secondary_menu a, #secondary_menu a:hover {text-decoration:none !important;color:#982534!important;} #et-info {float: right;} .et_pb_slides .et_pb_empty_slide .et_pb_slider_container_inner {margin-top: -60px;} .et_pb_slider {z-index: 0;} #bildgrafik02 .wp-image-295 {z-index: 99999;} #bildgrafik02 {top: 25%;} #home .et_pb_image_0 {top: 30%;width: 60%;} #bildgrafik01 .wp-image-304 {z-index: 0; margin-left: -400px;} #main-header, #main-header.et-fixed-header { -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3) !important; box-shadow: 0 0 7px rgba(0,0,0,0.3) !important; } .et_pb_section_0.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0VDRjRGNSI+PHBhdGggZD0iTTcyNS4yOSAxMDEuMkMzMjUuMjIgMTIyLjQ4IDAgMCAwIDB2MTQwaDEyODBWMHMtMTU0LjY0IDc5LjkyLTU1NC43MSAxMDEuMnoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNTU2LjQ1IDExOS43NEM5NTMuNDEgMTQwIDEyODAgMTQgMTI4MCAxNHYxMjZIMFYwczE1OS41IDk5LjQ4IDU1Ni40NSAxMTkuNzR6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxNDBjMzUzLjQ2IDAgNjQwLTE0MCA2NDAtMTM5djE0MEgwVjBzMjg2LjU0IDE0MCA2NDAgMTQweiIvPjwvZz48L3N2Zz4=); z-index: 9 !important; } #bildgrafik03 .wp-image-304 {z-index: 0; margin-left: -320px;top: 160px;} #bildgrafik04 .wp-image-304 {z-index: 0; margin-left: -390px;top: 100px;} #praxis .et_pb_image_0 {margin-right: 0vw !important; width: 45%;} /************************************************************************************************************* Einstellungen im Headerbereich Startseite *************************************************************************************************************/ .et_pb_bg_layout_dark .et_pb_slide_description { text-shadow: none; } #hometext.et_pb_slide_content h6 {font-family: 'Roboto Condensed';font-size:26px;line-height:1em;color:#982534 !important;} #hometext.et_pb_slide_content h1 {font-family: 'Roboto Condensed';font-size:50px;line-height:1.4em;color:#982534 !important;} #hometext.et_pb_slide_content p {font-size:18px;color:#1a1a1a;} #headersilder.et_pb_slide_content h6 {font-family: 'Roboto Condensed';font-size:26px;line-height:1em;color:#ffffff !important;} #headersilder.et_pb_slide_content h1 {font-family: 'Roboto Condensed';font-size:50px;line-height:1.4em;color:#ffffff !important;} #headersilder img.alignleft {margin-top: -70px;} /************************************************ Navigation *************************************************/ #top-menu li {text-align: left;} #top-menu li li {text-align: left;} #top-menu li li {padding: 0 0px;} #top-menu li li a {width: 240px;line-height:1.3em;} /************************************************************************************************************* Einstellungen Contentbereich - Startseite *************************************************************************************************************/ .et_pb_gutters3 .et_pb_column_1_5, .et_pb_gutters3.et_pb_row .et_pb_column_1_5 {width: 20% !important;} #startseite .et_pb_with_border.et_pb_column_1_5.et_pb_column.et_pb_column_0.et_clickable.et_pb_section_video_on_hover.et_pb_css_mix_blend_mode_passthrough, #startseite .et_pb_with_border.et_pb_column_1_5.et_pb_column.et_pb_column_1.et_clickable.et_pb_section_video_on_hover.et_pb_css_mix_blend_mode_passthrough, #startseite .et_pb_with_border.et_pb_column_1_5.et_pb_column.et_pb_column_2.et_clickable.et_pb_section_video_on_hover.et_pb_css_mix_blend_mode_passthrough, #startseite .et_pb_with_border.et_pb_column_1_5.et_pb_column.et_pb_column_3.et_pb_section_video_on_hover.et_pb_css_mix_blend_mode_passthrough {margin-right: 1% !important;} #startseite .et_pb_column_0 .et_pb_column_1_5 { background-color: #DFE2E5; border-radius: 10px 10px 10px 10px; overflow: hidden; border-width: 1px; border-color: #ABCFD6; padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; box-shadow: 0px 2px 18px 0px rgba(171,207,214,0.2); transition: box-shadow 300ms ease 0ms,background-color 300ms ease 0ms,background-image 300ms ease 0ms; } /************************************************************************************************************* Einstellungen im Contentbereich *************************************************************************************************************/ #vita h3 {color: #1a1a1a !important;} #untertitel {font-size: 18px;margin-top:0px;padding-top:0px;color: #982534 !important;} .subtitle_kleiner {font-size: 0.85em;} #datenschutz h2 {font-size:26px;color:#982534;} #datenschutz h3 {font-size:22px;padding-top:20px;} #datenschutz h4 {font-size:20px;padding-top:20px;} .lcs_logo_container {background-color: #fff;} .owl-carousel .owl-item img {width: 210px !important;} #praxiszeiten, #praxiszeiten tr td {border-color:rgba(255,255,255,0.3);} .et_pb_gutters3 .et_pb_column_1_2 .et_pb_module {margin-bottom: 2%;} .kleiner {font-size:1.3em;} .widgettitle {font-family: 'Roboto Condensed';font-size:24px;color: #982534;} #hinweisbox { border: 1px solid #dadada; padding: 20px; margin-top: 20px; background: #fff; } #hinweisbox p {font-size: 0.9em;line-height:1.4em;} #hinweisbox h6 {font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;font-size:20px; text-align:left;} /************************************ Einstellungen bei den Blogbeiträgen ************************************/ .et_pb_blog_grid .et_pb_post {min-height: 605px;} .post-content .post-content-inner {padding-bottom: 25px;} .post-content .more-link a {text-align: right;} .more-link, .more-link a {color:#ffffff;font-size: 14px;padding: 5px 20px 5px 20px;background-color: #c84f5e;margin-left: 63%;} .more-link:hover, .more-link a:hover {color:#ffffff;font-size: 14px;padding: 5px 20px 5px 20px;background-color: #982534;} /********************************************** Kontaktformular **********************************************/ /************************************************************************************************************* Einstellungen im Footerbereich *************************************************************************************************************/ #footerbereich h3 {color:rgba(255,255,255,0.6) !important;} #footerbereich .et_pb_text_inner, #footerbereich h4 {color:rgba(255,255,255,0.6);} #footerbereich a {color: #ffffff;} #footerbereich a:hover {color: #c84f5e;} #footer-widgets {display: none;} #menu-footernavigation { display: block; background-color: transparent; color: #fff; } #menu-footernavigation a {color: #fff;} #et-footer-nav {display: none;} #footer-bottom {font-family: 'Roboto Condensed';display:none;} /************************************************************************************************************* ************************************** Einstellungen Mobile Endgeräte ***************************************/ @media screen and (max-width: 1080px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 428px) { #hometext p {font-size:16px;} h1 {font-size:30px;} h2 {font-size:28px;} #untertitel {font-size: 16px;} .subtitle_kleiner {font-size: 0.85em;} h3 {font-size:24px;} h4, #startseite h4 {font-size:20px;} h5 {font-size:18px;} h6 {font-size:16px;} p {font-size:16px !important;} .et_pb_fullwidth_slider_0 .et_pb_slide_description, .et_pb_slider_fullwidth_off.et_pb_fullwidth_slider_0 .et_pb_slide_description { padding-top: 10%; padding-right: 5%; padding-left: 5%; } .et_mobile_menu li li {padding-left: 0%;} .et_pb_menu .et_mobile_menu { top: 100%; padding: 5%; width: 345px; margin-left: -20px; } .et_pb_menu_1_tb_header { padding-top: 3%; padding-right: 0% !important; padding-bottom: 1%; padding-left: 5%; } .entry-content tr td {padding: 6px 10px;} .et_pb_text_4 h4, .et_pb_text_5 h4 {font-size: 20px;} .et_pb_toggle_title {font-size: 18px;} #divi-life-cookie-popup #vita h3 {font-size:22px;} #divi-life-cookie-popup #vita h4 {font-size:20px;} }