/* Theme Name: Zuflucht Oberland Description: Theme, das mit Bootstrap 4 aufgebaut ist Version: 1.1.3 Author: Thomas Rudolf Hansel Author URI: https://www.zuflucht-oberland.de/ License: - License URI: - Text Domain: zuflucht-oberland */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* caveat-regular - latin */ @font-face { font-family: 'Caveat'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-regular.svg#Caveat') format('svg'); /* Legacy iOS */ } /* caveat-700 - latin */ @font-face { font-family: 'Caveat'; font-style: normal; font-weight: 700; src: url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/zufluchtoberland/inc/assets/fonts/caveat-v17-latin-700.svg#Caveat') format('svg'); /* Legacy iOS */ } body {height: 100%!important;flex-direction: column!important;display: flex!important;color: #000000;font-size:18px;line-height:1.6;} body.error404 h1 {color: #A82137;font-size: 30px;margin-top: 92px;margin-bottom: 10px;} body.error404 p {;margin-bottom: 250px;} * {font-family: 'Open Sans', sans-serif;font-weight: 300;} a, a:hover {color:#A82137;} /* ========================================== */ /* wichtige Wordpress-Klassen */ /* ========================================== */ .bypostauthor {display: block;} .alignleft {display: inline;float: left;margin-right: 1.5em;} .alignright {display: inline;float: right;margin-left: 1.5em;} .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} .wp-caption .wp-caption-text {font-size: 0.688rem;line-height: 1.063rem;margin: 0;padding: 0.625rem;} .wp-caption-text {text-align: center;} .gallery-caption{display: block;} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;word-wrap: normal !important;/* Many screen reader and browser combinations announce broken words as they would appear visually. */} .screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 0.313rem;line-height: normal;padding: 0.938rem 1.438rem 0.875rem;text-decoration: none;top: 0.313rem;width: auto;z-index: 100000;/* Above WP toolbar. */} h1{text-align: center;} p{margin: 0;font-size:18px;text-align: center;} header{margin-bottom: 0;} .affix-container{background-color: #ffffff;} .affix-container .col-12{padding-left: 0;} /* ANFANG Navigationsleiste */ .navbar {border-radius: 0;transition: all 2s ease;background-color: transparent;} #navbarNavDropdown {margin-top: 0;} #menu-hauptnavigation-oben-im-header {margin-top: 22px;} .navbar a.nav-link {font-family: ff-cocon-pro, sans-serif;} .navbar a.nav-link:link, .navbar a.nav-link:visited {font-size:20px;color:#000000;font-weight: 300; } .navbar a.nav-link:hover,.navbar a.nav-link:active {color:#A82137;font-weight: 300;} .navbar a.nav-link:link, .navbar a.nav-link:visited, .navbar a.nav-link:hover, .navbar a.nav-link:active{font-size:16px;padding: 0 0 8px 0; display: inline-block; } .navbar li.active a.nav-link {color:#A82137;font-weight: 500;} .logo-head{width: 200px; margin-top: -5px;} /* navbar collapsing */ @media(max-width:34em) { .navbar .navbar-nav>.nav-item { float: none; margin-left: .1rem; } .navbar .navbar-nav { float:none !important; } .navbar .collapse.in, .navbar .collapsing { clear:both; } } /* ANFANG Affix, greift erst, wenn das Headerimage nach oben gescrollt wird */ .affix {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;} .affix.navbar {background-color: #ffffff;} .affix.navbar .nav-item>a{color: #000;} .navbar-toggler {color: #000000;border: 0px solid rgba(0, 0, 0, 0.5);} .navbar-toggler:focus {outline: none;} .mr-auto, .mx-auto {margin-left: auto!important;margin-right: 0 !important;} .textalignleft p {text-align: left;} .bg-red {background-color:#A82137;} .bg-orange {background-color:#D57C3E;} .bg-pink {background-color:#D3AAA3;} .bg-beige {background-color:#F2E5DD;} .bg-white {background-color:#ffffff;} .color-red {color:#A82137;} .color-orange {color:#D57C3E;} .color-pink {color:#D3AAA3;} .color-beige {color:#F2E5DD;} .color-white {color:#ffffff;} .distance-bottom-medium {margin-bottom:40px} .distance-bottom-large {margin-bottom:80px} /* ======================================================= */ /* Header-Slider-Bereich */ /* ======================================================= */ .headerimageslider-high-header .slick-slide img {width: 100%;} .headerimageslider-high-header .slick-next {right: 20px !important;z-index: 1;} .headerimageslider-high-header .slick-next:before {font-size: 20px;} .headerimageslider-high-header .slick-prev {left: 20px !important;z-index: 1;} .headerimageslider-high-header .slick-prev:before {font-size: 20px;} .headerimageslider-high-header .slick-dots {bottom: 10px !important;display: none !important;} .headerimageslider-high-header .imagesequence-high-header{height: 200px;} .headerimageslider-high-header .imagesequence-high-header .container{display:none;} .headerimageslider-high-header .imagesequence-high-header{background-repeat: no-repeat;background-size: cover;width: 100%;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header {background-color: rgba(255, 255, 255, 0.3); padding: 10px; position: absolute;width: 100%;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header.large{width:800px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header.medium{width:600px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header.small{width:300px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header.small span {font-family: ff-cocon-pro, sans-serif;font-size: 18px; color:#A82137; font-weight:bold;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header h6 {font-size:18px;font-family: 'Caveat';color:#A82137;font-weight:700;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header p {font-size: 10px;text-align: left;padding: 0;margin-bottom: 10px;font-weight:300;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header a {font-size: 10px; padding:3px; color: #000000;text-decoration: none;text-transform: uppercase;display: inline-block;border: 1px solid #000000;} .headerimageslider-high-header .imagesequence-high-header .container .logolayer-high-header {position: absolute;width: 100%;} .headerimageslider-high-header .imagesequence-high-header .container .logolayer-high-header img {width: 23%;} /* ======================================================= */ /* Die verwendeten Boxen */ /* ======================================================= */ .logosliderbox .slick-slide {padding:0 10px;} .coloredcircleheadline-text-url .col-md-4, .coloredcircleheadline-text-url .col-sm-6,.coloredcircleheadline-text-url .col-1 {margin-bottom: 50px;} .coloredcircleheadline-text-url .alternative-graphic {margin: 0 auto 30px auto; text-align: center;} .coloredcircleheadline-text-url .alternative-graphic img {border-radius: 105px; width:210px;} .coloredcircleheadline-text-url .headline-in-circle {border-radius: 105px;width: 210px;height: 210px;padding-top: 75px;margin: 0 auto 30px auto;text-align: center;color: #ffffff;} .coloredcircleheadline-text-url .headline-in-circle span {font-family: Caveat;font-size: 38px;} .coloredcircleheadline-text-url h3 {font-family: ff-cocon-pro, sans-serif;text-align: center;padding: 0; } .coloredcircleheadline-text-url .text {margin-bottom: 20px;} .coloredcircleheadline-text-url .url {text-align: center;} .coloredcircleheadline-text-url .url a {padding:3px;font-size: 15px; color: #000000; text-decoration: none; text-transform: uppercase; display: inline-block; border:1px solid #000000; } .coloredheadline-text-url .col-md-4, .coloredheadline-text-url .col-sm-6,.coloredheadline-text-url .col-1 {margin-bottom: 50px;} .coloredheadline-text-url h3 {margin:0 0 25px 0; padding: 20px 0; text-align: center;} .coloredheadline-text-url h3 span {font-family: ff-cocon-pro, sans-serif;font-size: 18px;} .coloredheadline-text-url .text {margin-bottom: auto;} .coloredheadline-text-url .url {text-align: center;} .coloredheadline-text-url .url a {padding:3px;font-size: 15px;color: #000000; text-decoration: none; text-transform: uppercase; display: inline-block; border:1px solid #000000; } .headlinebox {margin-bottom: 50px;} .headlinebox h1 {font-family: ff-cocon-pro, sans-serif;font-size:25px; margin-top:45px; margin-bottom:15px;} .imagebox, .logoslidersection {width: 100%; margin-bottom:60px;} .imagebox h3 span {font-size: 24px; margin:0 0 25px 0; font-weight: 300;} .imagebox img.img-fluid {width: 100%; margin-bottom: 15px;} .logoslidersection .slick-next {display: none !important; right: 50px !important;z-index: 1;} .logoslidersection .slick-prev {display: none !important; left: 50px !important;z-index: 1;} .logoslidersection h3 {font-family: ff-cocon-pro, sans-serif;font-size: 24px; margin:25px 0; text-align:center;} .logoslidersection .container .col-12 {padding-bottom:50px;} footer{background-color: #A82137; padding:70px 0 0 0 ;} footer .container{margin-bottom:110px;} footer .container .adresse {margin-top:8px;} footer .footerlogobox img {width: 340px;margin-top: 19px;} footer .footer-area {margin-top:27px;} footer .footer-area p , footer .footer-area p a, footer .footer-area p a:hover{font-size:18px; color:#ffffff;text-decoration: none;text-align: left;} footer ul#menu-footer {list-style-type: none;margin:27px 0 0 0; padding: 0;} footer ul#menu-footer li, footer ul#menu-footer li a, footer ul#menu-footer li a:hover {font-size:18px;line-height:30px;color:#ffffff;text-decoration: none;} #instagram-logo {width: 34px;height: auto;margin-top: 10px;} /* Formular */ .wpcf7-form .container {padding-left: 0; padding-right: 0;} .form-image-section .image-col {display: none;} .form-image-section .form-col p {text-align: left;} .form-image-section .form-col .introtext {margin-bottom: 18px;font-size: 18px;} .form-image-section h1 {display:inline-block;font-family: ff-cocon-pro, sans-serif;font-size: 18px;font-weight: bold;} .form-image-section img {position: absolute;top: 0;right: 0; display: none;} .form-image-section form {margin-top: 30px;} textarea{margin-top: 25px;padding: 16px 28px;margin-bottom: 18px; width: 100%} textarea::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea:-moz-placeholder, input:-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {color: #000000;} textarea::placeholder, input::placeholder {color: #000000;} .form-image-section form textarea, .form-image-section form input {background-color:#F2E5DD; border-width: 0;font-size: 18px;color: #000000;font-family: 'Open Sans', sans-serif;} .form-image-section form input {padding: 10px 28px;margin-bottom: 18px;width: 100%; font-size: 18px;} .form-image-section form input[type="checkbox"] {padding: 10px;} .form-image-section form input[type="submit"] {background-color: #ffffff;border: 2px solid #6f6f6f;width:165px;float: right;margin-top: 20px;} .form-image-section form label {display: inline-flex;cursor: pointer;position: relative;} .form-image-section form label > span {color: #34495E;display: inline-block;padding: 0px 0px 0px 7px;margin-top: -6px;font-size: 18px;color: #000000;font-family: 'Open Sans', sans-serif;} .form-image-section form label > input {height: 20px;width: 20px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;outline: none;transition-duration: 0.3s;background-color: #F2E5DD;cursor: pointer;} .form-image-section form label > input:checked {background-color: #F2E5DD;} .form-image-section form label > input:checked + span::before {content: '\2713';display: block;text-align: center;color: #a89b93;position: absolute;left: 4px;top: -5px;} .form-image-section form .checkbox > input:active {border: 2px solid #34495E;} .form-image-section form span.wpcf7-list-item {display: inline-block;margin: 0 !important;} .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #A82137 ! important; } .bp-overlay-button{ top: 240px !important; } /* Spendenformula */ #betterplace_donation_iframe iframe{ display: block; margin-left: auto; max-width: 913px !important; margin-right: auto; } .language-icon-box img {cursor: pointer;} @media (min-width: 400px) { .logo-head{width: 222px;} .headerimageslider-high-header .imagesequence-high-header .container{display: block; margin-top:15px;} } /* ======================================================= */ /* Small devices (landscape phones, 576px and up) */ /* ======================================================= */ @media (min-width: 576px) { .headerimageslider-high-header .slick-next {right: 30px !important;} .headerimageslider-high-header .slick-next:before {font-size: 30px;} .headerimageslider-high-header .slick-prev {left: 30px !important;} .headerimageslider-high-header .slick-prev:before {font-size: 30px;} .headerimageslider-high-header .imagesequence-high-header{height: 250px;} .headerimageslider-high-header .imagesequence-high-header .container{margin-top: 25px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header {padding: 20px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header h6 {font-size:22px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header p {font-size: 13px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header a {font-size: 13px;} footer .container .adresse {margin-top:5px;} /* ======================================================= */ /* Die verwendeten Boxen */ /* ======================================================= */ .headlinebox h1 {font-size:30px; margin-top:92px; margin-bottom:30px;} .imagebox img.img-fluid {margin-bottom:30px;} .coloredheadline-text-url {} .coloredcircleheadline-text-url .col-md-4, .coloredcircleheadline-text-url .col-sm-6,.coloredcircleheadline-text-url .col-1 {margin-bottom: 100px;} .coloredheadline-text-url .col-md-4, .coloredheadline-text-url .col-sm-6,.coloredheadline-text-url .col-1 {margin-bottom: 100px;} .coloredheadline-text-url h3 {font-size:20px;padding: 50px 0;} .coloredheadline-text-url h3 span3 {font-size:20px;} .imagebox h3 span {font-family: ff-cocon-pro, sans-serif; font-size: 30px;} .logoslidersection h3 {font-size: 30px;} } /* ======================================================= */ /* Medium devices (tablets, 768px and up) */ /* ======================================================= */ @media (min-width: 768px) { .logo-head{width: 295px;} .form-image-section img {position: absolute;top: 0;right: 0; display: block;} .headerimageslider-high-header .slick-next {right: 40px !important;} .headerimageslider-high-header .slick-next:before {font-size: 40px;} .headerimageslider-high-header .slick-prev {left: 40px !important;} .headerimageslider-high-header .slick-prev:before {font-size: 40px;} .headerimageslider-high-header .imagesequence-high-header{height: 400px;} .headerimageslider-high-header .imagesequence-high-header .container{margin-top: 75px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header h6 {font-size:28px;} /* ======================================================= */ /* Die verwendeten Boxen */ /* ======================================================= */ .imagebox {margin-bottom:100px;} .headlinebox {margin-bottom: 100px;} .coloredheadline-text-url h3 {padding: 66px 0;} .coloredheadline-text-url h3 span {font-size:28px;} footer .footerlogobox img {margin-top: 6px;} } /* ======================================================= */ /* Large devices (desktops, 992px and up) */ /* ======================================================= */ @media (min-width: 992px) { .wpcf7-form .container {padding-left: 15px; padding-right: 15px;} .form-image-section .image-col {display: block;} #navbarNavDropdown {margin-top: 30px;margin-bottom: 10px;} #menu-hauptnavigation-oben-im-header {margin-top: 0;} /*ul.navbar-nav > li > ul.dropdown-menu{width:270px;}*/ /*ul.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu{width: 270px;left: -270px;top: 0;}*/ /*ul.navbar-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu{width: 270px;left: 268px;top: 0;}*/ .navbar a.nav-link:link,.navbar a.nav-link:visited,.navbar a.nav-link:hover,.navbar a.nav-link:active{font-size:20px; padding:0 0 30px 45px;} .navbar a.nav-link:hover,.navbar a.nav-link:active,.navbar li.active a {background-position: center 25px;background-size: 100px;} .headerimageslider-high-header{margin-bottom: 0 !important;} .headerimageslider-high-header .imagesequence-high-header{height: 450px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header {padding: 30px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header h6 {font-size:34px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header p {font-size: 15px;text-align: left;padding: 0;margin-bottom: 10px;font-weight:300;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header a {font-size: 15px;padding:8px;} footer .footerlogobox img {margin-top: 19px;} footer .footer-area {margin-top:40px;} footer .container .adresse p {margin-left:0;} footer ul#menu-footer {margin:42px 0 0 0;} /* ======================================================= */ /* Die verwendeten Boxen */ /* ======================================================= */ .coloredheadline-text-url .url a {font-size: 15px;padding:8px;} .coloredheadline-text-url h3 {padding: 80px 0;} .coloredheadline-text-url h3 span {font-size:34px;} } /* ======================================================= */ /* Extra large devices (large desktops, 1200px and up) */ /* ======================================================= */ @media (min-width: 1200px) { .ml-xl-6 {margin-left:4.5em;} .logo-head{width: auto;} #navbarNavDropdown {margin-top: 61px;margin-bottom: 33px;} .navbar a.nav-link:link,.navbar a.nav-link:visited,.navbar a.nav-link:hover,.navbar a.nav-link:active{padding:0 0 30px 50px;} .headerimageslider-high-header .imagesequence-high-header{height: 500px;} .headerimageslider-high-header .slick-next {right: 50px !important;} .headerimageslider-high-header .slick-next:before {font-size: 50px;} .headerimageslider-high-header .slick-prev {left: 50px !important;} .headerimageslider-high-header .slick-prev:before {font-size: 50px;} .headerimageslider-high-header .imagesequence-high-header .container{margin-top: 100px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header.large{width:800px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header.medium{width:600px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header.small{width:400px;} .headerimageslider-high-header .imagesequence-high-header .container .textlayer-high-header h6 {font-size:40px;} .coloredcircleheadline-text-url .alternative-graphic img {border-radius: 125px; width:250px;} .headerimageslider-high-header .imagesequence-high-header .container .logolayer-high-header img {width: auto;} footer .container .adresse p {margin-left:50px;} footer .container .leader p {margin-left:50px;} footer ul#menu-footer li,footer ul#menu-footer li a, footer ul#menu-footer li a:hover {font-size:18px;line-height:30px;color:#ffffff;} /* ======================================================= */ /* Die verwendeten Boxen */ /* ======================================================= */ .coloredcircleheadline-text-url .headline-in-circle {border-radius: 125px;width: 250px;height: 250px;padding-top: 80px;margin: 0 auto 30px auto;} .coloredcircleheadline-text-url .headline-in-circle span {font-size: 50px;} .coloredcircleheadline-text-url h3 {margin: 0 0 20px 0;} .coloredcircleheadline-text-url .text {margin-bottom: 20px;} .coloredcircleheadline-text-url .url {} .coloredcircleheadline-text-url .url a {padding:8px;font-size: 18px;} .coloredheadline-text-url {margin-bottom: 60px;} .coloredheadline-text-url h3 { margin:0 0 25px 0; padding: 101px 0;} .coloredheadline-text-url h3 span {font-size: 40px;} .coloredheadline-text-url .text {} .coloredheadline-text-url .url {} .coloredheadline-text-url .url a {padding:8px;font-size: 18px;} .imagebox p {font-size: 18px; font-weight: 300;text-align: left;} }