@font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-regular.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-500.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-500.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-600.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-600.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-700.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/montserrat-v29-latin-700.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Yantramanav';
font-style: normal;
font-weight: 300;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-300.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-300.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Yantramanav';
font-style: normal;
font-weight: 400;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-regular.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Yantramanav';
font-style: normal;
font-weight: 500;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-500.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-500.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Yantramanav';
font-style: normal;
font-weight: 700;
src: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-700.woff2) format('woff2'), url(//www.pure-media-solutions.de/wp-content/themes/puremedia/fonts/yantramanav-v13-latin-700.ttf) format('truetype'); }:root {
--color-primary: #07679A;
--color-secondary: #38A36E;
--color-dark-grey: #424241;
--color-grey: #a8a8a8;
--color-middle-grey: #c7c7c7;
--color-light-grey: #f1f1f1;
--color-text: var(--color-dark-grey);
--font-base: 'Yantramanav', system-ui, sans-serif;
--font-headline: 'Montserrat', 'Yantramanav', system-ui, sans-serif;
--font-base-size: 1.1rem;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--font-base);
font-size: var(--font-base-size);
line-height: 28px;
color: var(--color-text);
font-weight: 300;
}
b, strong {
font-weight: 500;
}
h1, h2, h3, h4, h5, h6,
h1.elementor-heading-title, h2.elementor-heading-title, h3.elementor-heading-title, h4.elementor-heading-title, h5.elementor-heading-title, h6.elementor-heading-title {
line-height: normal;
font-family: var(--font-headline);
margin-bottom: 5px;
}
h1 {
font-size: clamp(36px, calc(30px + 1.6vw), 60px);
font-weight: 700;
}
h2 {
font-size: clamp(28px, calc(18px + 1.2vw), 40px);
font-weight: 400;
}
h3 {
font-size: clamp(18px, calc(12px + 1.2vw), 22px);
font-weight: 700;
color: var(--color-primary);
}
h4 {
font-size: clamp(15px, calc(9px + 1.2vw), 18px);
font-weight: 700;
}
h5 {
font-size: 16px;
font-weight: 700;
}
h6 {
font-size: 13px;
font-weight: 700;
}
p {
margin-bottom: 20px;
}
a {
color: var(--color-primary);
transition: .2s ease-in-out;
}
a:hover {
color: var(--color-secondary);
} .karriere-liste {
list-style: none;
padding-left: 0;
margin: 0;
}
.karriere-liste li {
position: relative;
padding-left: 30px;
margin-bottom: 0.75em;
}
.karriere-liste li::before,
.pt-dynamic-hover-cat-name::before {
content: '';
position: absolute;
left: 0;
top: 0.3em;
width: 12px;
height: 15px;
background-image: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/images/icons/bullet-pure-media.svg);
background-repeat: no-repeat;
background-size: contain;
} .pt-dynamic-hover-cat-name {
padding-left: 35px;
}
.text-white, .text-white * {
color: #fff !important;
}
.txt-overlay{
font-family: var(--font-headline) !important;
color: #fff !important;
background-color: var(--color-primary);
padding: 5px 15px 10px 15px;
border-radius: 12px;
font-size: 26px !important;
font-weight: 700 !important;
}
.blue-box{
display: inline-block !important;
background-color: color-mix(in srgb, var(--color-primary) 10%, white);
width: fit-content !important;
color: var(--color-primary);
font-family: var(--font-headline); 
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 5px 7px !important;
border-radius: 5px;	
}
.blue-box p,
.blue-box span,
.blue-box h4 {
margin-bottom: 0 !important;
font-weight: 300;
}
.square-shadow-box > div {
box-shadow: 5px 5px 20px rgba(0,0,0,.34);
background: #fff;
border-radius: 10px;
padding: 25px !important;
}
.external-link{
display: flex;
align-items: center;
gap: 7px;
}
.external-link::before{
content: "";
display: inline-block;
height: 25px;
width: 23px;
background-image: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/images/icons/external-links.svg);
background-size: contain;
background-repeat: no-repeat;	
} .header-container {
width: 1850px;
max-width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.footer-container {
width: 1600px;
max-width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.small-container.e-con {
--container-max-width: 1200px;
}
.blog-container {
width: 1400px;
max-width: 100%;
margin: 0 auto;
padding: 0 15px;
} .btn,
.elementor .elementor-btn a,
.elementor-field-type-submit button,
.reply-button a {
border-radius: 50px;
padding: 10px 25px;
background: transparent;
box-shadow: inset 0 0 0 1px var(--color-dark-grey);
color: var(--color-dark-grey);
text-decoration: none;
font-family: var(--font-headline);
font-weight: 700;
font-size: 14px;
}
.elementor .elementor-btn a {
line-height: 18px;
}
.btn:hover,
.btn:active,
.btn:focus,
.elementor .elementor-btn a:hover,
.elementor .elementor-btn a:focus,
.elementor .elementor-btn a:active {
background-color: var(--color-dark-grey);
color: #fff;
}
.elementor .elementor-btn a svg {
width: 1.8em;
} 
.elementor .elementor-btn a:hover svg path,
.elementor .elementor-btn a:focus svg path,
.elementor .elementor-btn a:active svg path {
fill: #fff;
}
.btn-gradient,
.elementor .elementor-btn-gradient a,
.elementor-field-type-submit button {
background: var(--color-primary);
background: linear-gradient(98deg, var(--color-primary) 0%, var(--color-secondary) 100%);
box-shadow: none;
color: #fff;
transition: background 0.4s ease-in-out;
position: relative;
overflow: hidden;
z-index: 1;
}
.btn-gradient::before,
.elementor .elementor-btn-gradient a::before,
.elementor-field-type-submit button::before {
content: "";
position: absolute;
inset: 0;
background: var(--color-secondary);
opacity: 0;
transition: opacity 0.2s ease-in-out;
z-index: -1;
border-radius: 50px;
}
.btn-gradient:hover::before,
.btn-gradient:active::before,
.btn-gradient:focus::before,
.elementor .elementor-btn-gradient a:hover::before,
.elementor .elementor-btn-gradient a:focus::before,
.elementor .elementor-btn-gradient a:active::before,
.elementor-field-type-submit button:hover::before,
.elementor-field-type-submit button:focus::before,
.elementor-field-type-submit button:active::before {
opacity: 1;
}
.btn-dark,
.elementor .elementor-btn-dark a,
.reply-button a {
background: var(--color-dark-grey);
color: #fff;
transition: 0.3s ease-in-out;
position: relative;
box-shadow: none;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.elementor .elementor-btn-dark a:hover,
.elementor .elementor-btn-dark a:focus,
.elementor .elementor-btn-dark a:active,
.reply-button a:hover,
.reply-button a:focus,
.reply-button a:active {
background: #fff;
color: var(--color-dark-grey);;
box-shadow: inset 0 0 0 1px var(--color-dark-grey);
}
.btn-white,
.elementor .elementor-btn-white a {
box-shadow: inset 0 0 0 1px #fff;
color: #fff;
position: relative;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.elementor .elementor-btn-white a:hover,
.elementor .elementor-btn-white a:focus,
.elementor .elementor-btn-white a:active {
box-shadow: inset 0 0 0 1px #fff;
color: var(--color-dark-grey);
background-color: #fff;
}
.btn-has-arrow.btn-white:hover::after,
.btn-has-arrow.btn-white:focus::after,
.btn-has-arrow.btn-white:active::after,
.elementor .elementor-btn-has-arrow.elementor-btn-white a:hover::after,
.elementor .elementor-btn-has-arrow.elementor-btn-white a:focus::after,
.elementor .elementor-btn-has-arrow.elementor-btn-white a:active::after {
content: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/images/icons/arrow-right_dark.svg);
}
.btn-has-arrow,
.elementor .elementor-btn-has-arrow a,
.elementor-field-type-submit button {
padding-right: 55px;
white-space: nowrap;
}
.btn-has-arrow::after,
.elementor .elementor-btn-has-arrow a::after,
.btn-only-arrow::after,
.elementor-field-type-submit button::after {
content: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/images/icons/arrow-right_white.svg);
width: 20px;
height: 100%;
display: block;
position: absolute;
right: 25px;
top: 0;
line-height: 36px;
transition: transform 0.3s ease-in-out;
}
.btn-has-arrow:hover::after,
.btn-has-arrow:focus::after,
.btn-has-arrow:active::after,
.elementor .elementor-btn-has-arrow a:hover::after,
.elementor .elementor-btn-has-arrow a:focus::after,
.elementor .elementor-btn-has-arrow a:active::after,
.elementor-field-type-submit button:hover::after,
.elementor-field-type-submit button:focus::after,
.elementor-field-type-submit button:active::after {
animation: moveArrow 0.6s infinite alternate ease-in-out;
}
@keyframes moveArrow {
0% {
transform: translateX(0);
}
100% {
transform: translateX(7px);
}
}
.btn-only-arrow {
position: relative;
transition: .3s ease-in-out;
padding: 7px 38px;
}
.btn-only-arrow::after {
content: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/images/icons/arrow-right_dark.svg);
width: 25px;
line-height: 33px;
}
.btn-only-arrow:hover::after,
.btn-only-arrow:focus::after,
.btn-only-arrow:active::after {
content: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/images/icons/arrow-right_white.svg);
}
.btn-allow-wrap a {
white-space: wrap !important;
}
header .btn {
padding-top: 7px;
padding-bottom: 7px;
display: none;
}
header .btn-has-arrow::after {
line-height: 38px;
} .skip-to-content {
background: var(--color-light-grey);
text-align: center;
}
.skip-to-content-wrapper {
padding: 5px 10px;
}
.skip-to-content-wrapper:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.skip-to-content-wrapper:not(:focus):not(:focus-within) {
position: absolute !important;
}
header {
background: #fff;
padding: 22px 0;
}
.header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 20px
}
.header-navigation {
display: flex;
align-items: center;
gap: 20px 50px;
flex-wrap: wrap;
}
.header-main-navigation ul {
display: flex;
align-items: center;
}
.header-main-navigation ul li {
list-style: none;
}
.header-main-navigation ul li a {
text-decoration: none;
font-family: var(--font-headline);
font-weight: 600;
color: var(--color-text);
padding: 15px;
margin: 0 5px;
}
.header-main-navigation ul li a:hover,
.header-main-navigation ul li a:focus
.header-main-navigation ul li a:active {
color: var(--color-primary);
}
.header-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: rgba(255,255,255,0.85);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 2001;
transition: transform 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.header-fixed.show {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
.header-fixed.hide {
visibility: hidden;
opacity: 0;
transform: translateY(-100%);
} .mobmenu-trigger-action img {
background: var(--color-primary);
padding: 17px 13px;
border-radius: 5px;
transition: .2s ease-in-out;
}
.mobmenu-trigger-action:hover img {
background-color: var(--color-secondary);
}
.mobmenu .mobmenur-container {
margin-top: 17px;
}
.mobmenu-right-panel {
width: 100% !important;
max-width: 600px;
}
.mobmenu-panel .mobmenu-right-bt {
background: var(--color-primary);;
padding: 10px 5px;
border-radius: 5px;
margin: 17px 20px;
}
.mobmenu-content > div {
margin-top: 40px;
text-align: center;
}
.mobmenu-content > div li {
margin-bottom: 15px;
} main ol,
main ul {
margin-left: 15px;
}
.start-video {
background-size: auto !important;
}
.start-video video {
min-height: 930px !important;
}
.round-shadow-box > .e-con-inner {
box-shadow: 5px 5px 20px rgba(0,0,0,.34);
background: #fff;
border-radius: 50px;
padding: 25px clamp(10px, calc(30px + 2.5vw), 75px) !important;
}
.round-shadow-box .elementor-icon-box-title {
margin: 0;
}
.elementor-widget-blockquote .elementor-blockquote {
box-shadow: 0px 5px 20px rgba(0,0,0,.22);
background: #fff;
border-radius: 10px;
padding: 30px 30px 30px 50px;
z-index: 1;
position: relative;
}
.elementor-widget-blockquote .elementor-blockquote .elementor-blockquote__content {
margin-top: 0;
}
.elementor-widget-blockquote .elementor-blockquote .elementor-blockquote__author {
font-weight: 300;
}
.elementor-widget-blockquote .elementor-blockquote::before {
position: absolute;
right: 20px;
bottom: 10px;
z-index: -1;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 2px #EBEBEA;
}
.elementor-widget-blockquote .elementor-blockquote::after {
content: "";
background: var(--color-primary);
opacity: .5;
width: 25px;
height: 100%;
top: 0;
left: 0;
position: absolute;
border-radius: 10px 0 0 10px;
}
.elementor-widget-blockquote:nth-child(even) .elementor-blockquote::after,
.swiper-slide:nth-child(even) .elementor-widget-blockquote .elementor-blockquote::after {
background: var(--color-secondary);
}
.elementor-element.elementor-widget-n-accordion {
--n-accordion-title-normal-color: var(--color-text);
}
.elementor-icon svg {
overflow: visible
}
.link-wrap a {
word-break: break-word;
}
.post-with-arrow .elementor-post__title {
display: block;
}
.post-with-arrow .elementor-post__title a {
color: var(--color-text);
font-size: 16px;
font-family: var(--font-headline);
}
div.elementor-heading-title {
font-size: 16px;
font-family: var(--font-headline);
line-height: 26px;
}
.swiper-pagination-bullet {
background: var(--color-primary) !important;
transition: .3s ease-in-out;
}
.swiper-pagination-bullet-active {
width: 25px !important;
border-radius: 20px !important;
}
.elementor-posts .elementor-post__card {
border-radius: 20px !important;
}
.elementor-posts .elementor-post__card .elementor-post__thumbnail img {
height: 240px;
object-fit: cover;
}
.blog-post-slider .elementor-widget-image img {
height: 65vw;
object-fit: cover;
}
.elementor-widget-breadcrumbs {
font-size: 15px !important;
}
.elementor-widget-breadcrumbs p a {
text-decoration: underline;
}
.elementor-widget-breadcrumbs p a:hover {
text-decoration: none;
}
ul.wp-block-list,
ol.wp-block-list {
margin-left: 15px;
}
h2.wp-block-heading {
margin-bottom: 40px;
}
.no-margin p {
margin: 0 !important;
}
.wp-block-separator {
border: none !important;
border-bottom: 2px solid var(--color-middle-grey) !important;
margin: 45px 0 !important;
width: 100px;
}
.referenzvideo{
border-radius: 20px;
padding:0 !important;
height: 100%;
object-fit: cover;
}
.pt_plus_animated_svg .svg_inner_block {
max-width: 35px;
max-height: 35px;
} .elementor-counter-number{
font-family: var(--font-headline) !important;
font-size: 38px !important;
font-weight: 400 !important;
width: 60px !important;
}
.elementor-counter-number-suffix{
color: var(--color-primary) !important;
font-family: var(--font-headline) !important;
font-size: 38px !important;
font-weight: 400 !important;
padding-right: 10px;
}
.elementor-counter-title{
font-weight: 300 !important;
font-size: 16px !important;
padding-top: 5px;
line-height: inherit !important;
text-align: center;
}
.post-password-form {
width: 1500px;
max-width: 100%;
margin: 0 auto;
padding: 150px 15px 200px 15px;
text-align: center;
} .elementor-element.team-box {
max-width: 260px;
}
.elementor-flip-box--effect-fade .elementor-flip-box:focus .elementor-flip-box__back {
opacity: 1;
} #pt-plus-blog-post-list.pt-plus-filter-post-category .post-filter-data,
#pt-plus-gallery-list.pt-plus-filter-post-category .post-filter-data,
#pt-plus-dynamic-listing.pt-plus-filter-post-category .post-filter-data {
display: flex;
justify-content: center;
padding-bottom: 0;
}
#pt-plus-blog-post-list.pt-plus-filter-post-category .category-filters li,
#pt-plus-gallery-list.pt-plus-filter-post-category .category-filters li,
#pt-plus-dynamic-listing.pt-plus-filter-post-category .category-filters li {
margin-bottom: 15px;
}
#pt-plus-blog-post-list.pt-plus-filter-post-category .category-filters li a, 
#pt-plus-dynamic-listing.pt-plus-filter-post-category .category-filters li a, 
#pt-plus-gallery-list.pt-plus-filter-post-category .category-filters li a {
font-size: 16px;
}
#pt-plus-blog-post-list.pt-plus-filter-post-category .category-filters li a.active,
#pt-plus-dynamic-listing.pt-plus-filter-post-category .category-filters li a.active,
#pt-plus-gallery-list.pt-plus-filter-post-category .category-filters li a.active {
color: var(--color-primary);
}
#pt-plus-blog-post-list.pt-plus-filter-post-category .category-filters.hover-style-1 li a::after,
#pt-plus-dynamic-listing.pt-plus-filter-post-category .category-filters.hover-style-1 li a::after,
#pt-plus-gallery-list.pt-plus-filter-post-category .category-filters.hover-style-1 li a::after {
background: var(--color-primary);
}
#pt-plus-blog-post-list .all_post_count,
#pt-plus-dynamic-listing .all_post_count,
#pt-plus-gallery-list .all_post_count {
display: none !important;
}
#pt-plus-blog-post-list.blog-list .blog-list-content .blog-featured-image::before, 
#pt-plus-blog-post-list.blog-list.list-isotope-metro .blog-list-content .blog-bg-image-metro::before {
display: none;
}
#pt-plus-blog-post-list.blog-list .blog-list-content .blog-featured-image img {
object-fit: cover;
min-height: 63vw;
max-height: 63vw;
}
#pt-plus-blog-post-list .theplus-pagination,
#pt-plus-dynamic-listing .theplus-pagination {
display: flex;
justify-content: center;
}
#pt-plus-blog-post-list .theplus-pagination > a:hover, 
#pt-plus-blog-post-list .theplus-pagination > a:focus, 
#pt-plus-blog-post-list .theplus-pagination > span.current, 
#pt-plus-blog-post-list .theplus-pagination > a.current,
#pt-plus-dynamic-listing .theplus-pagination > a:hover, 
#pt-plus-dynamic-listing .theplus-pagination > a:focus, 
#pt-plus-dynamic-listing .theplus-pagination > span.current, 
#pt-plus-dynamic-listing .theplus-pagination > a.current {
border-bottom-color: var(--color-primary);
}
#pt-plus-blog-post-list .theplus-pagination i,
#pt-plus-dynamic-listing .theplus-pagination i {
display: none;	
}
#pt-plus-blog-post-list .blog-list-content {
border-radius: 20px;
}
#pt-plus-blog-post-list.blog-list .blog-list-content .entry-content p {
color: var(--color-text);
font-size: 1rem;
line-height: 26px;
}
#pt-plus-blog-post-list .pt_plus_button.button-style-8 {
width: 100%;
}
#pt-plus-blog-post-list .pt_plus_button.button-style-8 .button-link-wrap:hover,
#pt-plus-blog-post-list .pt_plus_button.button-style-8 .button-link-wrap:focus {
transform: translateX(3px);
}
#pt-plus-gallery-list.gallery-list.gallery-style-1 .grid-item .gallery-list-content:focus .post-content-center {
opacity: 1;
visibility: visible;
transition: all .3s ease-in-out;
}
.theplus-tabs-nav-wrapper {
text-align: center;
max-width: 100%;
}
.theplus-tabs-nav-wrapper .elementor-tab-title span {
position: relative;
font-size: 16px;
}
.theplus-tabs-nav-wrapper .elementor-tab-title span::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
content: "";
opacity: 0;
background: var(--color-primary);
transition: opacity 0.3s, transform 0.3s;
transform: translateY(10px);
}
.theplus-tabs-nav-wrapper .elementor-tab-title.active span::after,
.theplus-tabs-nav-wrapper .elementor-tab-title:hover span::after,
.theplus-tabs-nav-wrapper .elementor-tab-title:focus span::after {
opacity: 0.6;
transform: translateY(5px);
}
.theplus-tabs-wrapper .theplus-tabs-nav-wrapper ul.plus-tabs-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
} .news-posts-wrapper .blog-list-content {
overflow: visible;
}
.news-post.e-con {
padding: 0;
}
.news-post.e-con > .e-con-inner {
gap: 0;
padding: 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 20px -13px rgba(0,0,0,.35);
}
.news-post .news-post-content {
background: #fff;
padding: 25px 15px;
}
.news-post .news-post-text {
border-bottom: 1px solid var(--color-light-grey);
}
.news-post .news-post-date {
font-size: 13px;
color: var(--color-grey);
} input, textarea {
font-family: var(--font-base);
}
input:focus::placeholder,
textarea:focus::placeholder {
opacity: .4 !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="password"], input[type="url"], input[type="number"], input[type="date"], input[type="time"], input[type="search"], textarea, select {
border-radius: 25px !important;
box-shadow: 0 0px 7px rgba(0, 0, 0, 0.25);
border: none !important;
background: #fff;
font-size: var(--font-base-size) !important;
font-weight: 300;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="search"]:focus, textarea:focus {
box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.25) !important;
border: none !important;
}
textarea {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
input[type="submit"] {
border-radius: 50px;
padding: 10px 25px;
background: var(--color-secondary);
box-shadow: inset 0 0 0 1px var(--color-secondary);
color: #fff;
text-decoration: none;
font-family: var(--font-headline);
font-weight: 700;
font-size: 14px;
transition: .3s ease-in-out;
border: none;
cursor: pointer;
}
input[type="submit"]:hover,
input[type="submit"]:focus
input[type="submit"]:active{
background: var(--color-primary);
box-shadow: inset 0 0 0 1px var(--color-primary);
}
.elementor-field-option {
padding-inline-end: 25px !important;
}
.elementor-field-type-submit button {
cursor: pointer;
}
.elementor-form-fields-wrapper .elementor-field-type-html.elementor-field-group {
margin-bottom: 10px !important;
}
#btn-bewerbung .elementor-field-type-submit button {
background:rgba(255,255,255,0.44) !important;
transition: none !important;
}
.blog-search.elementor-widget-search {
--e-search-submit-padding: 15px;
--e-search-submit-border-radius: 50px;
--e-search-submit-padding: 23px;
}
.blog-search .e-search-submit {
position: absolute;
right: -3px;
top: -7px;
}
.blog-search .e-search-input-wrapper svg {
right: 80px !important;
}
.comment-form input[type="text"], .comment-form input[type="email"] {
min-height: 47px;
padding: 6px 20px;
font-size: 1rem;
}
#subscribe-reloaded-action-p select,
#subscribe-reloaded,
.subscribe-form-field,
.post-password-form input[type="password"] {
min-height: 35px;
padding: 6px 20px;
font-size: 1rem;
background: #fff;
} .entry-title h1 {
font-size: clamp(25px, calc(22px + 1.6vw), 45px);
hyphens: auto;
}
.elementor-location-single .blog-search .e-search-submit {
top: -2px;
--e-search-submit-padding: 18px;
}
.elementor-widget-post-navigation .elementor-post-navigation .post-navigation__next--label, 
.elementor-widget-post-navigation .elementor-post-navigation .post-navigation__prev--label {
font-size: 16px;
font-weight: 500;
}
.elementor-widget-post-navigation .elementor-post-navigation .post-navigation__next--title, 
.elementor-widget-post-navigation .elementor-post-navigation .post-navigation__prev--title {
font-size: 19px;
}
.elementor-post-navigation .elementor-post-navigation__link a:focus,
.elementor-post-navigation .elementor-post-navigation__link a:focus {
color: var(--color-secondary);
}
.is-post .wp-block-image {
margin-top: 30px !important;
}
.is-post .wp-block-image figcaption {
font-size: 13px;
text-align: center;
}
.is-post .wp-block-code {
border: 1px solid var(--color-middle-grey);
border-radius: 4px;
padding: .8em 1em;
line-height: 1.6;
margin-bottom: 1.6em;
color: var(--dark);
}
a.sdm_download.black {
border: 1px solid var(--color-dark-grey) !important;
border-radius: 4px;
font-size: 18px;
font-weight: 500;
display: inline-block;
color: #fff;
background: var(--color-dark-grey);
box-shadow: none !important;
text-shadow: none !important;
font-family: var(--font-base);
padding: 12px 20px;
}
a.sdm_download.black:hover {
background: #fff;
color: var(--color-dark-grey) !important;
}
.info-version {
font-size: 14px;
background: #cde1ea;
background: color-mix(in srgb, var(--color-primary) 15%, white);
margin-bottom: 30px;
display: flex;
align-items: stretch;
gap: 20px;
line-height: 20px;
}
.info-version-icon {
background: var(--color-primary);
display: flex;
align-items: center;
padding: 15px;
font-size: 28px;
color: #fff;
}
.info-version-text {
align-self: center;
padding: 10px 10px 10px 0;
} .comment-form-comment label,
.comment-form-email label,
.comment-form-author label {
display: none;
}
.comment-form-email input,
.comment-form-author input {
width: 760px;
max-width: 100%;
}
.comment-form-comment textarea {
padding: 20px;
width: 760px;
max-width: 100%;
font-size: 16px;
}
.comment-reply-title,
.comments-title {
margin-bottom: 20px;
padding-top: 30px;
}
.comments-title {
font-size: 28px;
} .comment-list .children {
margin-left: clamp(22px, calc(18px + 1.5vw), 50px);
}
.comment {
color: var(--grey);
font-size: 15px;
font-weight: 300;
line-height: 27px;
margin-bottom: 35px;
}
.comment-list li {
list-style: none;
}
.comment-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.comment-by {
display: flex;
gap: 5px;
}
.comment-author {
color: var(--color-dark-grey);
}
.comment-date {
color: var(--color-grey);
}
.comment-content p {
margin-bottom: 5px;
}
.comment-respond {
margin-top: 40px;
}
#cancel-comment-reply-link {
font-size: 13px;
margin-left: 25px;
}
#commentform select {
font-size: 18px;
font-weight: 300;
font-family: var(--font-base);
border-radius: 0;
border: 1px solid var(--light-grey);
} .other-posts {
display: flex;
margin: 50px 0 100px 0;
}
.other-posts h3 {
color: var(--color-primary);
line-height: normal;
font-size: 18px;
margin: 15px 0 0 0;
}
.other-posts svg {
vertical-align: text-bottom;
}
.previous-post, 
.next-post {
width: 50%;
}
.previous-post {
border-right: 1px solid var(--color-middle-grey);
padding-right: 15px;
}
.next-post {
text-align: right;
padding-left: 15px;
} footer {
background: var(--color-dark-grey);
color: #fff;
padding: 75px 0 35px 0;
}
footer h3 {
color: #fff;
margin-bottom: 30px;
}
footer a:not(.btn) {
color: #fff;
}
footer a:not(.btn):hover,
footer a:not(.btn):focus
footer a:not(.btn):active {
color: #fff;
opacity: .75;
}
footer ul li a {
text-decoration: none;
}
.footer-main {
display: grid;
grid-template-columns: 1fr;
gap: 75px 25px;
}
.footer-col ul li {
list-style: none;
margin-bottom: 10px;
}
figure.wp-block-image.footer-certificate {
width: auto !important;
flex-grow: 0 !important;
}
.footer-certificate img {
max-height: 100px;
width: auto;
}
.footer-bottom {
display: flex;
flex-direction: column-reverse;
justify-content: center;
border-top: 1px solid #fff;
padding-top: 35px;
margin-top: 50px;
gap: 20px;
text-align: center;
}
.footer-legal-links ul {
display: flex;
align-items: center;
gap: 30px;
justify-content: center;
flex-wrap: wrap;
}
.footer-legal-links ul li {
list-style: none;
}
footer a.social {
opacity: 0.8;
margin-right: 8px;
margin-bottom: 8px;
display: inline-block;
}
footer a.social:not(:last-of-type) {
margin-right: 8px;
}
footer a.social:hover,
footer a.social:focus
footer a.social:active {
opacity: 1
}
.back-to-top-container {
width: 50px;
height: 50px;
display: block;
position: fixed;
right: 20px;
bottom: 75px;
border-radius: 50px;
background: url(//www.pure-media-solutions.de/wp-content/themes/puremedia/images/icons/arrow-top_white.svg) no-repeat center center / 13px var(--color-primary);
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease, background-color 0.3s ease-in-out;
z-index: 10;
}
.back-to-top-container:hover,
.back-to-top-container:focus,
.back-to-top-container:active {
background-color: var(--color-secondary);
}
.back-to-top-container.visible {
opacity: 1;
visibility: visible;
}  @media only screen and (max-width: 515px) {
.theplus-tabs-wrapper .theplus-tabs-nav-wrapper ul.plus-tabs-nav {
flex-direction: column;
}
.theplus-tabs-wrapper .theplus-tabs-nav-wrapper ul.plus-tabs-nav li .plus-tab-header {
margin: 0 !important;
}
} @media only screen and (min-width: 375px) {
.start-video video {
min-height: 970px !important;
}
}
@media only screen and (min-width: 670px) {
.start-video video {
min-height: 1085px !important;
}
}
@media only screen and (min-width: 768px) {
.start-video video {
min-height: 760px !important;
}
#pt-plus-blog-post-list.blog-list .blog-list-content .blog-featured-image img {
min-height: 29vw;
max-height: 29vw;
}
footer h3 {
font-size: 26px;
}
.footer-main {
grid-template-columns: 1fr 1fr;
}
.footer-col:first-of-type {
margin-right: 65px;
}
.footer-bottom {
flex-direction: row;
justify-content: space-between;
}
}
@media only screen and (min-width: 992px) {
#pt-plus-blog-post-list.blog-list .blog-list-content .blog-featured-image img {
min-height: 21vw;
max-height: 21vw;
}
}
@media only screen and (min-width: 1235px) {
header .btn {
display: block;
}
}
@media only screen and (min-width: 1200px) {
.footer-main {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}