@charset "UTF-8";
/*
* HTML5 ? Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
/* =============================================================================
pgpg
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin:0;
padding:0;
margin:0;
padding:0;
background-color:wheat;
background-color:white;
-background: url(/themes/zswd_11//img/lebensberatung-mit-fabienne-hollarek-naturraumzeit.ch-bg.jpg) no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-x: hidden;
}
body, button, input, select, textarea {
color:black;
-font-family: Geneva, Arial, sans-serif;
font-family: "proxima-nova", sans-serif;
}
body .ccm-add-block {
color:black;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection {
background: #005eac;
color:#ddd;
text-shadow: none;
}
::selection {
background: #005eac;
color:#ddd;
text-shadow: none;
}
/* =============================================================================
Links
========================================================================== */
a {
color:black;
}
a:visited {
}
a:hover {
color:rgba(207,0,58,1);
}
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 600;
}
blockquote {
margin: 1rem 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 5px;
border: none;
margin-top: 0px;
margin-bottom: 45px;
-margin:0;
padding: 0;
background-color:rgba(86,86,86,1);
}
.hr-45-45 {
margin-top: 45px !important;
}
ins {
background: #ff9;
color:#000;
text-decoration: none;
}
mark {
background: #ff0;
color:#000;
font-style: italic;
font-weight: 600;
}
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
font-family: monospace, monospace;
font-size: 1rem;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5rem;
}
sub {
bottom: -0.25rem;
}
body.mceContentBody {
background:#f0f0f0;
color:black;
}
.ccm-add-block {
color:red;
}
/* =============================================================================
Lists
========================================================================== */
ul, ol {
-margin: 1rem 0;
-padding: 0 0 0 40px;
}
dd {
margin: 0 0 0 40px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image
ers: h5bp.com/e
*/
img {
border: 0;
vertical-align: middle;
max-width:auto !important;
height:auto;
-padding:0.8rem 0 1rem 0;
}
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
form {
margin: 0;
}
#main-content-211et {
border: 0;
margin: 0;
padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
cursor: pointer;
}
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend {
border: 0;
*margin-left: -7px;
padding: 0;
}
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input {
line-height: normal;
*overflow: visible;
}
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input {
*overflow: auto;
}
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
/* Colors for form validity */
input:invalid, textarea:invalid {
background-color:rgba(243,244,164,1);
}
/******************** Tableless Form Layout Kontakt Formular *******************/
#main-content-211 .form{
width:100%;
float: initial;
}
#main-content-211 .field {
color:#000;
margin-bottom:10px;
width: 100% ;
font-size: 1rem;
}
#main-content-211 label {
margin: 0px;
padding: 0px;
}
#main-content-211 .required {
color: rgba(206,0,56,1);
}
#main-content-211 textarea,
#main-content-211 input[type=submit],
#main-content-211 input,
#main-content-211 select{
background-color: #FFFFFF;
width: 100%;
color: #000;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
-moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
box-sizing: border-box;
text-align: left ;
line-height: 1rem;
margin: 0px 0px 2px 0px;
padding: 2px;
font-size: 1rem;
}
#main-content-211 textarea:focus,
#main-content-211 input[type=submit]:focus,
#main-content-211 input:focus,
#main-content-211 select:focus{
outline-color: #005EAC;
}
#main-content-211 textarea, textarea {
}
#main-content-211 input[type=submit]{
float: none !important;
outline-color: transparent;
margin-top: 15px;
text-align: center;
text-transform: uppercase;
border: solid rgba(150,150,150,1) 2px;
border-radius: 6px;
background-color: none;
color: rgba(206,0,56,1);
line-height: 2rem;
width: 100%;
margin:15px auto 0 auto !important;
}
#main-content-211 input[type=submit]:hover{
border: solid rgba(206,0,56,1) 2px;
color: rgba(150,150,150,1);
}
#main-content-211 .radioList{
overflow: hidden;
}
#main-content-211 .radioPair {
width: 100px;
float: left;
}
#main-content-211 div input[type=radio] {
width: auto;
float: left;
margin-top: 3px;
margin-right: 10px;
}
/* =============================================================================
Tables
========================================================================== */
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ===========================================================================
ZSWD definitons.
========================================================================== */
/*pgpg*/
#container {
width:100%;
margin:40px auto 0 auto;
padding:0;
-background-color: FloralWhite;
}
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container p,
#container a,
#container li {
font-weight: normal;
vertical-align: baseline;
margin-top: 0;
margin-bottom: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-padding-before: 0;
-webkit-padding-after: 0;
}
#container h1 {
font-size:24pt;
line-height:28.8pt;
-padding-top:42px;
padding-top:7px;
padding-bottom:14px;
margin:0; /*aaaa*/
}
#container h2,
#container .p-h2 p {
font-size:20pt;
line-height:24pt;
-padding-top:28px;
padding-top:7px;
padding-bottom:14px;
}
#container h3,
#container .p-h3 p{
font-size:16pt;
line-height:28pt;
-padding-top:14px;
padding-top:7px;
padding-bottom:5px;
}
#container p,
/*#container a,*/
#container li {
font-size:14pt;
font-size:1rem;
line-height:18pt;
}
#container p {
padding-bottom:14px;
}
#container a {
text-decoration:none;
}
#container a:hover {
-color:rgba(207,0,58,1) !important;
transition-property: color;
transition-duration:.35s;
/*transition-delay:.15s;*/
}
#container li {
line-height:24pt;
}
#container a:visited {
}
#container img {
display: block;
max-width:100% !important;
height:auto;
-margin:0 auto;
left:0;
padding:0;
-padding:1rem 0;
}
/* #container .ccm-search-block-form {
width:auto !important;
padding:0;
}
#container .ccm-search-block-text {
display:block;
width:100%;
margin:0 auto 0 auto;
margin-top:5px;
padding-left:5px;
padding-right:5px;
background:red;
}
#container .ccm-next-previous-previouslink a,
#container .ccm-next-previous-nextlink a {
font-size:.9rem;
margin:0;
padding:.2rem 0 .2rem 0;
} */
/* SUPER-SEARCH ss */
#container .ss #submit {
width:auto ;
display:block;
float:left;
-background-color:#eee;
border:1px solid #042854;
margin:20px auto 50px auto;
padding:5px 20px 5px 20px ;
text-decoration:none;
background:white;
}
#container .ss #submit:hover {
background:#e5f2ff;
-webkit-transition-property: background;
-webkit-transition-duration: .3s;
-webkit-transition-delay: .05s;
transition-property:background;
transition-duration:.3s;
transition-delay:.05s;
}
#container .ss input.submit p {
font-weight:normal;
color:#333;
}
#container .ss .ccm-input-text {
background-color:#eee;
margin:0;
padding:auto 5px;
}
#container .ss input.submit,
#container .ss .ccm-search-block-submit {
width:auto ;
display:block;
border:1px solid #042854;
border-radius: 0;
margin: 30px auto 50px auto !important;
padding: 5px 20px 3px 20px ;
text-decoration:none;
background:white;
}
#container .ss input.submit:hover,
#container .ss .ccm-search-block-submit:hover {
background:#e5f2ff;
-webkit-transition-property: background;
-webkit-transition-duration: .3s;
-webkit-transition-delay: .05s;
transition-property:background;
transition-duration:.3s;
transition-delay:.05s;
}
#container .ss input.submit p,
#container .ss .ccm-search-block-submit p {
font-weight:normal;
color:#333;
}
#container .ss .success {
margin-top: 30px;
color: green;
}
#container .ss .ccm-search-block-form {
width:auto !important;
padding:0;
}
#container .ss .ccm-search-block-form h3 {
}
#container .ss .ccm-search-block-text {
display:block;
width:100%;
margin:0 auto 0 auto;
margin-top: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
background: lightgrey;
}
#container .ss .ccm-pagination {
margin-top: 50px !important;
}
/*start cookieBanner*/
.cookieBanner{
background-color: #fff;
position: relative;
z-index: 9998;
-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.6);
box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.6);
}
.cookieBanner__content{
width: 90%;
padding: 50px 0;
margin: 0 auto;
}
.cookieBanner__button{
text-decoration: none;
margin-top: 30px;
padding: 4px 10px 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: rgba(207,0,58,1);
color: #fff;
display: inline-block;
}
.cookieBanner__button:hover{
background-color: rgba(207,0,58,1);
color: #fff;
}
.cookieBanner__content {
margin-top: 75px;
}
@media only screen and (min-width: 750px) {
.cookieBanner__content{
margin-top: 0px;
width: 50%;
}
}
/*end cookieBanner*/
.p-claim p{
font-size: 14pt;
line-height:32.69pt;
text-align:left;
margin:0;
padding:0;
}
.mob {
}
.dsk {
display:none;
}
.spacer-20 {
height:40px;
}
.spacer-30 {
height:40px;
}
.spacer-40 {
height:40px;
}
.spacer-60 {
height:60px;
}
.spacer-80 {
height:80px;
}
.spalten2 {
column-count: 2;
column-width: 50%;
column-gap: 30px;
}
.spalten3 {
column-count: 3;
column-width: 33%;
column-gap: 30px;
}
.spalten4 {
column-count: 4;
column-width: 25%;
column-gap: 30px;
}
.blink_text {
-webkit-animation-name: blinker;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 3s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite; color: red;
}
#ccm-toolbar{
position: fixed;
z-index: 9999 !important;
}
#icon-wrapper {
position: fixed;
z-index: 9998;
background-color:white;
top: 0;
width: 100%;
height: 75px;
box-shadow: 0 0 5px 2px rgba(117,117,117,1);
margin-left:-8px;
padding-left:10px;
}
.burger {
display: block;
position: absolute;
overflow: hidden;
margin: 0 auto;
padding: 0;
width: 20px;
height: 20px;
font-size: 0;
text-indent: -9999px;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
-ms-transition: background 0.3s;
transition: background 0.3s;
top: 27px;
left: 35px;
background-color: transparent;
-background-color:rgba(46,37,29,1);
}
.burger:focus {
outline: none;
}
.burger span {
display: block;
position: absolute;
top: 10px;
left: 0;
right: 0;
height: 3px;
background-color:rgba(206,0,56,1);
}
.burger span:before, .burger span:after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color:rgba(206,0,56,1);
content: "";
}
.burger span:before {
top: -7px;
}
.burger span:after {
bottom: -7px;
}
.burgerX span {
-webkit-transition: background 0s 0.3s;
-moz-transition: background 0s 0.3s;
-o-transition: background 0s 0.3s;
-ms-transition: background 0s 0.3s;
transition: background 0s 0.3s;
}
.burgerX span:before, .burgerX span:after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.burgerX span:before {
transition-property: top, transform;
}
.burgerX span:after {
transition-property: bottom, transform;
}
.burgerX.is-active span {
background: none;
}
.burgerX.is-active span:before {
top: 0;
transform: rotate(45deg);
}
.burgerX.is-active span:after {
bottom: 0;
transform: rotate(-45deg);
}
.burgerX.is-active span:before, .burgerX.is-active span:after {
transition-delay: 0s, 0.3s;
}
.hmnav ul {
list-style-type: none;
margin: 0;
padding: 0
}
#sidebar-nav {
display: block !important;
width: 200px;
float: none;
/*position: absolute;*/
position: fixed;
z-index: 9997;
top: 20px;
left: -200px;
height: 100%;
background-color: white;
-webkit-transition: left ease-in-out .6s;
-moz-transition: left ease-in-out .6s;
-o-transition: left ease-in-out .6s;
-ms-transition: left ease-in-out .6s;
transition: left ease-in-out .6s
}
#sidebar-nav.is-active {
left: 0
}
#sidebar-logo {
position: absolute;
width:70%;
right: 25px;
left: auto;
/* top: 15px; ohne 60 Jahre Jubiläum */
top: 2px;;
}
#sidebar-logo a {
display: block;
width: 100%;
font-size:10px;
text-align:right;
text-decoration:none;
line-height:40px;
overflow: hidden;
color:rgba(206,0,56,1);
}
#sidebar-logo img {
max-width: 100%;
max-height: 100%;
/* padding-top: 6px; ohne 60 Jahre Jubiläum*/
padding-top: 0;
-float:left;
float:right;
margin: auto;
/* margin-top: 5px; ohne 60 Jahre Jubiläum*/
margin-top: 0;
vertical-align: right;
display: inline-block;
}
.hmnav {
width: 100%;
position: relative;
-margin-top:54px;
margin-top:65px;
}
.hmnav li {
-height: 35px;
-webkit-transition: background-color ease-in-out 0.3s;
-moz-transition: background-color ease-in-out 0.3s;
-o-transition: background-color ease-in-out 0.3s;
-ms-transition: background-color ease-in-out 0.3s;
transition: background-color ease-in-out 0.3s;
}
/*.hmnav li:first-child {
padding-top: 15px;
}*/
.hmnav li a {
display: block;
text-decoration: none;
font-size: 1rem;
padding: 10px 10px 10px 10px;
text-align: left;
}
.hmnav li:hover {
-height: 53px;
background-color:rgba(227,227,227,1);
-webkit-transition: background-color ease-in-out 0.3s;
-moz-transition: background-color ease-in-out 0.3s;
-o-transition: background-color ease-in-out 0.3s;
-ms-transition: background-color ease-in-out 0.3s;
transition: background-color ease-in-out 0.3s;
}
.hmnav li:hover a {
color:rgba(207,0,58,1);
}
#container {
margin-left: 0;
transition: margin-left 600ms ease-in-out;
}
#container.is-active {
margin-left: 200px;
transition: margin-left 600ms ease-in-out;
}
#container:after {
content: "";
opacity: 0;
transition: opacity 100ms ease-in-out;
}
#container.is-active:after {
width: 100%;
height: 100%;
position: fixed;
content: "";
top: 0;
left: 200px;
z-index: 50;
background-color: #777;
opacity: 0.4;
transition: opacity 300ms 500ms ease-in-out;
}
/*pgpg*/
#header-wrapper-01,
#header-inner-wrapper-03,
#central-wrapper-00,
#central-wrapper-000,
#central-wrapper-001,
#central-wrapper-002,
#central-wrapper-003,
#central-wrapper-004,
#central-wrapper-101,
#central-wrapper-111,
#central-wrapper-112,
#central-wrapper-113,
#central-wrapper-114,
#central-wrapper-201,
#central-wrapper-202,
#central-wrapper-203,
#central-wrapper-203,
#central-wrapper-204,
#central-wrapper-205,
#central-wrapper-206,
#central-wrapper-207,
#central-wrapper-208,
#central-wrapper-209,
#central-wrapper-210,
#central-wrapper-2011,
#central-wrapper-2012,
#central-wrapper-2013,
#central-wrapper-2014,
#central-wrapper-2015,
#central-wrapper-2016,
#central-wrapper-2017,
#central-wrapper-2018,
#central-wrapper-2019,
#central-wrapper-2020,
#central-wrapper-2021,
#central-wrapper-2022,
#central-wrapper-2023,
#central-wrapper-2024,
#central-wrapper-2025,
#central-wrapper-2026,
#central-wrapper-2027,
#central-wrapper-2028,
#central-wrapper-2029,
#central-wrapper-2030,
#central-wrapper-2031,
#central-wrapper-2032,
#central-wrapper-2033,
#central-wrapper-2034,
#central-wrapper-2035,
#central-wrapper-2036,
#central-wrapper-2037,
#central-wrapper-2038,
#central-wrapper-2039,
#central-wrapper-2040,
#central-wrapper-2041,
#central-wrapper-211-logo,
#central-wrapper-212-logo,
#central-wrapper-211,
#central-wrapper-212,
#central-wrapper-213,
#central-wrapper-214,
#central-wrapper-215,
#central-wrapper-216,
#central-wrapper-217,
#central-wrapper-218,
#central-wrapper-219,
#central-wrapper-220,
#central-wrapper-221,
#central-wrapper-222,
#central-wrapper-223,
#central-wrapper-224,
#central-wrapper-225,
#central-wrapper-226,
#central-wrapper-227,
#central-wrapper-228,
#central-wrapper-229,
#central-wrapper-230,
#central-wrapper-231,
#central-wrapper-232,
#central-wrapper-233,
#central-wrapper-234,
#central-wrapper-235,
#central-wrapper-236,
#central-wrapper-237,
#central-wrapper-238,
#central-wrapper-239,
#central-wrapper-240,
#central-wrapper-241,
#central-wrapper-242,
#central-wrapper-243,
#central-wrapper-244,
#central-wrapper-245,
#central-wrapper-246,
#central-wrapper-247,
#central-wrapper-248,
#central-wrapper-249,
#central-wrapper-250,
#central-wrapper-251,
#central-wrapper-252,
#central-wrapper-253,
#central-wrapper-254,
#central-wrapper-255,
#central-wrapper-256,
#central-wrapper-257,
#central-wrapper-258,
#central-wrapper-259,
#central-wrapper-260,
#central-wrapper-261,
#central-wrapper-262,
#central-wrapper-263,
#central-wrapper-264,
#central-wrapper-265,
#central-wrapper-266,
#central-wrapper-267,
#central-wrapper-268,
#central-wrapper-269,
#central-wrapper-270,
#central-wrapper-271,
#central-wrapper-272,
#central-wrapper-273,
#central-wrapper-274,
#central-wrapper-275,
#central-wrapper-276,
#central-wrapper-277,
#central-wrapper-278,
#central-wrapper-279,
#central-wrapper-280,
#central-wrapper-281,
#central-wrapper-282,
#central-wrapper-283,
#central-wrapper-284,
#central-wrapper-285,
#central-wrapper-286,
#central-wrapper-287,
#central-wrapper-288,
#central-wrapper-289,
#central-wrapper-201-rsb,
#central-wrapper-211-rsb,
#central-wrapper-212-rsb,
#central-wrapper-213-rsb,
#central-wrapper-201-lsb,
#central-wrapper-211-lsb,
#central-wrapper-212-lsb,
#central-wrapper-213-lsb,
#central-wrapper-301,
#central-wrapper-311,
#central-wrapper-312,
#central-wrapper-313,
#central-wrapper-314,
#central-wrapper-401,
#central-wrapper-411,
#central-wrapper-412,
#central-wrapper-413,
#central-wrapper-601,
#central-wrapper-611,
#footer-wrapper-01 {
width:93%;
margin:0 auto;
}
#header-inner-wrapper-03{
width:94.75%;
}
#central-wrapper-611 {
width:94%;
}
/*pgpg header*/
header {
margin:0;
padding:0;
}
#header-wrapper-01{
overflow:hidden;
padding:25px 0 40px 0;
background-color: white;
}
#header-logo-wrapper{
width:100%;
float:left;
overflow:hidden;
}
#header-logo-pic{
overflow: hidden;
float:none;
}
#header-logo-pic img{
float:left;
}
#header-logo-txt{
overflow: hidden;
-float:none;
-margin-left: 75px;
}
#header-logo-txt .p-claim p{
font-size: 27.24pt;
}
#header-info-wrapper{
width:100%;
float:right;
float:left;
overflow:hidden;
}
#header-info-wrapper p{
font-size:12pt;
font-size:1rem;
text-transform: uppercase;
text-align:right;
margin:0;
padding:0;
}
#header-info-wrapper a{
font-size:12pt;
font-size:1rem;
font-size:.9rem;
text-transform: uppercase;
text-decoration: none;
margin:0;
padding:0;
}
#header-opening,
#header-service {
float: left;
width: 100%;
-margin-left: 0px;
}
#header-service {
margin-right: 30px !important;
}
#header-opening p,
#header-service p {
font-size: 12pt;
font-size:1rem;
font-size:.9rem;
line-height:28pt;
text-align: left;
}
#header-service p{
}
#header-wrapper-02{
-background-color: lightblue;
background-color:rgba(227,227,227,1);
position: relative;
margin:0;
padding:0;
/*height:200px;*/
}
#header-slider-wrapper{
position: relative;
top: 0;
width: 100%;
}
#header-inner-wrapper-02{
}
#header-slider{
overflow: hidden;
-overflow-y: scroll;
}
#header-slider .ccm-SlideshowBlock-display {
opacity: .99;
}
#header-slider .slideImgWrap a div,
#header-slider .img{
width: 100%;
height: 25%;
/*height:200px !important;*/
background-size: cover !important;
}
#header-nav hr {
display: none;
border: none;
height: 1px;
width: 100%;
position: absolute;
top: 50px;
left: 0px;
background-color: #333;
}
#header-wrapper-03{
width:100%;
overflow:hidden;
}
/*pgpg*/
#central-01 {
overflow:hidden;
width:100%;
margin:0;
padding:0;
}
.centered{
text-align:center;
}
.button p{
float: none !important;
margin-top: 15px !important;
text-align: center;
border: solid #005EAC 2px;
border-radius: 6px;
background-color: #005EAC;
width: 99%;
}
.button a{
color: #fff !important;
line-height: 2rem;
text-decoration: none !important;
}
.button p:hover{
background-color: transparent;
}
.button:hover a{
color: #005EAC !important;
}
/********************* Filmstrip Gallery Styling ********************/
.flexslider {
margin: 0 0 0 0px;
border: none;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 35px;
height: 35px;
margin: -20px 0 0;
position: absolute;
top: 45%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "fontawesome";
font-size: 30px;
display: inline-block;
content: '';
background-color: white;
color:rgba(206,0,56,1);
width: 100%;
text-align: left;
text-indent: 11px;
line-height: 35px;
}
.flex-direction-nav a.flex-next:before {
content: '';
text-indent: 14px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
color:rgba(206,0,56,1);
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
color:rgba(206,0,56,1);
}
.filmstrip li {
padding-right: 15px !important;
}
/*pgpg footer*/
footer{
background-color:rgba(227,227,227,1);
}
#footer-wrapper-01 {
overflow:hidden;
padding-top: 45px;
padding-bottom: 40px;
}
#footer-logo-wrapper{
width:100%;
float:left;
overflow:hidden;
}
#footer-logo-pic{
overflow: hidden;
}
#footer-logo-pic img{
float:left;
}
#footer-logo-txt{
margin-left: 75px;
padding-bottom:50px;
}
#footer-info-wrapper{
-margin-left:75px;
}
#footer-info-wrapper p{
font-size:12pt;
font-size:1rem;
margin:0;
padding:0;
}
#footer-info-wrapper a{
font-size:12pt;
font-size:1rem;
text-decoration: none;
margin:0;
padding:0;
}
#footer-info-wrapper {
}
#footer-column-01,
#footer-column-02,
#footer-column-03,
#footer-column-04 {
float: left;
width:100%;
}
#footer-column-01,
#footer-column-02{
padding-bottom: 30px;
}
#footer-content-01 {
}
#footer-column-01 {
}
#footer-content-01 {
}
/********************** Quad-Nav imghov-nav Navigation Styling **********************************/
#imghov-nav p{
padding-bottom: 0px;
}
#hover-wrapper{
overflow: hidden;
width: 100%;
position: relative;
height: auto;
}
#hover-wrapper img {
position: relative;
z-index: 1;
width: 100%;
}
#text-wrapper{
position: absolute;
-height: 80px;
height: 48px;
bottom: 0;
width: 100%;
}
#main-text, #hover-text{
position: relative;
/*background-color: rgba(255,255,255,0.7);*/
z-index: 3;
width: 100%;
-height: 80px;
height: 48px;
}
#text-wrapper a{
position: absolute;
top: 0;
width:100%;
}
#main-text{
z-index: 2;
background-color: rgba(255,255,255,0.7);
}
#hover-text {
display: none;
z-index: 2;
background-color: rgba(206,0,56,1)
}
#main-text p, #hover-text p{
color:black !important;
-padding: 15px;
padding-left: 15px;
padding-right: 15px;
margin: 0;
text-transform: uppercase;
}
#main-text p{
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14pt;
font-weight: 600;
line-height: 15pt;
color: rgba(206,0,56,1) !important;
padding-top: 2px;
}
@media only screen and (min-width: 1460px) {
#main-text p{
font-size: 15pt;
}
}
@media only screen and (min-width: 1650px) {
#main-text p{
font-size: 16pt;
}
}
#hover-text p{
font-size: 14pt;
font-size: 1rem;
line-height: 14pt;
padding-top: 7px;
color:white !important;
}
#hover-bottom{
display: inline;
}
.is-hovered{
display: block !important;
}
.disappear{
display: none !important;
}
/*ausgeschnitten und in style-hover-nav.php gespeichert*/
/********************* KontaktForm Block Styling ***************************/
#container #kontakt-form{
width: 100%;
background-color:rgba(238,238,238,1);
overflow: hidden;
-margin-top:35px;
}
#container #titel{
height: 50px;
max-width: 100%;
-background-color:rgba(117,117,117,1); /*bbbb*/
background-color:rgba(194,194,194,1);
margin-bottom: 20px;
}
#container #titel h2 {
font-size:16pt;
font-size:1rem;
font-weight:19.2pt;
text-transform: uppercase;
color:white !important;
line-height: 50px;
margin-top:auto;
margin-bottom:auto;
padding-left: 20px;
padding-top:0px;
}
#container #kf-body{
max-width: 100%;
overflow: hidden;
margin: 0 20px 0px 20px;
padding-bottom: 20px;
}
#container #kf-bild{
width: 10%;
float: left;
overflow: hidden;
}
#container #kf-bild img{
width:100%;
height: auto;
}
#container #kf-text-wrapper{
width: 90%;
float: left;
}
#container #kf-text{
overflow: hidden;
padding-top:2px;
padding-left:20px;
}
#container #kf-text-msb{
display: none;
}
#container #kf-text-rsb,
#container #kf-text-lsb{
width: 100%;
}
#container #kf-text p{
font-size:14pt;
font-size:1rem;
font-weight:20pt;
color:#7e7e7e;
padding: 0;
margin: 0;
}
#container #kf-name p {
font-size:14pt;
font-size:1rem;
font-weight:20pt;
-text-transform: uppercase;
color:black !important;
}
#container #kf-mail, #kf-tel {
float:none;
-float:left;
}
#container #kf-mail a, #kf-mail p, #kf-tel p {
font-size:14pt;
font-size:1rem;
font-weight:20pt;
color:rgba(206,0,56,1) !important;
}
@media only screen and (min-width: 550px) {
#container #kf-text-rsb{
padding-top:18pt;
width: 40%;
float: left;
}
#container #kf-text-lsb{
width: 45%;
float:left;
}
#container #kf-text-msb{
padding-top:18pt;
display: inline;
width: 15%;
float:left;
}
}
@media only screen and (min-width: 750px) {
#container #kf-text-msb{
display: none;
}
#container #kf-text-rsb,
#container #kf-text-lsb{
width: 100%;
}
}
@media only screen and (min-width: 1100px) {
#container #kf-text-rsb{
width: 40%;
float: left;
}
#container #kf-text-lsb{
width: 45%;
float:left;
}
#container #kf-text-msb{
display: inline;
width: 15%;
float:left;
}
#container #kf-mail, #kf-tel {
float:right;
float:left;
-padding-right:40px;
}
}
/* font zswd*/
.fontawesome p,
.fontawesome a {
font-family: fontawesome;
font-size: 2rem !important;
color: #999 !important;
float:right;
line-height: 2rem;
text-decoration: none !important;
transition: color 500ms ease-in-out;
}
.fontawesome p {
margin-left: 20px !important;
padding-left: 0.3rem !important;
}
.fontawesome p:hover,
.fontawesome a:hover{
font-family: fontawesome;
font-size: 2rem !important;
color: #005eac!important;
transition: color 500ms ease-in-out;
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir {
display: block;
border: 0;
text-indent: -999rem;
overflow: hidden;
background-color:transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.ir br {
display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
display: none !important;
visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
visibility: hidden;
}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 400px) {
#sidebar-logo {
width:60%;
}
}
@media only screen and (min-width: 500px) {
#sidebar-logo {
width:50%;
}
}
@media only screen and (min-width: 600px) {
#sidebar-logo {
width:40%;
}
}
@media only screen and (min-width: 600px) {
#footer-info-wrapper{
-margin-left:60px;
}
#footer-column-01,
#footer-column-02,
#footer-column-03,
#footer-column-04 {
width:50%;
}
}
/*pgpg 750*/
/* 750 */
@media only screen and (min-width: 750px) {
body .ccm-add-block {
color:orange;
}
#header-nav hr {
display: block;
}
#container {
margin-top:0;
}
#container .mob {
display:none;
}
#container .dsk {
display:inline;
}
/*pgpg hmnav*/
.hmnav,
#icon-wrapper {
display: none;
}
#header-wrapper-01{
/* padding: 50px 0 30px 0; ohne 60 Jahre Jubiläum*/
padding: 17px 0 30px 0;
}
#header-logo-wrapper,
#footer-logo-pic {
width:47%;
}
#header-info-wrapper {
margin-top:40px;
width: 100%;
}
#header-logo-txt{
-float:none;
margin-left: 75px;
}
#footer-logo-txt .p-claim p{
font-size: 27.24pt;
}
/*pgpg nav*/
#header-nav-wrapper{
position: absolute;
bottom: 0px;
width: 100%;
height:100px;
background-color: rgba(255,255,255,.8);
}
#header-inner-wrapper-03{
-width: 75%;
}
#header-nav {
}
#header-nav ul {
display: table-cell;
width: auto;
float:left;
padding: 0;
margin: 0;
}
#header-nav ul ul {
z-index:4;
}
#header-nav ul li {
float:left;
list-style:none;
-padding:15px 7.5px 4.99px 7.5px; /*erny*/
padding:15px 3px 10.5px 3px;
line-height: 18pt;
}
#header-nav ul li a {
width:100%;
display:inline-block ;
-font-size: 14.5pt !important; /*erny*/
font-size: 11.6pt !important; /*erny*/
font-size: .95rem !important;
line-height:17.4pt;
text-decoration: none ;
color:black;
text-transform: uppercase;
padding-left: 5px;
padding-right: 5px;
margin-bottom:0;
}
#header-nav ul li:hover {
color:rgba(207,0,58,1) !important;
background-color: rgba(255,255,255,.85);
}
#header-nav ul li:hover > ul {
visibility: visible ;
}
#header-nav ul li:first-child a{
}
#header-nav ul li:first-child {
}
#header-nav ul.menu li ul.sub-menu {
min-width: 100%;
white-space: nowrap;
}
#header-nav ul li ul{
width:100%;
visibility: hidden ;
position: absolute ;
padding-top: 11.1px;
left:0;
}
#header-nav ul li ul li{
float:none;
margin:auto 20px;
padding:auto 30px;
padding:0px 0px 4.99px 0px;
margin:0;
background:rgba(255,255,255,.85);
}
#header-nav ul li ul li:first-child {
line-height:0;
padding-bottom:8px;
}
#header-nav ul li ul li a {
display:inline-block ;
text-decoration:none;
line-height:17.4pt; /*erny*/
line-height:12pt;
color:black;
-padding-left: 12.5px;
padding-left: 8px;
}
#header-nav ul li ul li a:hover,
#header-nav ul li.nav-selected ul li:hover a,
#header-nav ul li.nav-path-selected ul li:hover a {
color:rgba(207,0,58,1) !important;
background-color: none;
}
#header-nav ul li.nav-selected ul li a,
#header-nav ul li.nav-path-selected ul li a {
color: #000 !important;
}
#header-nav ul li.nav-selected a,
#header-nav ul li.nav-path-selected a {
color:rgba(207,0,58,1) !important;
}
#header-nav ul li.nav-path-selected ul li.nav-selected a {
color:rgba(207,0,58,1) !important;
}
#header-nav li a:hover, #header-nav li.active a {
text-decoration: none ;
display: inline-block ;
color:rgba(207,0,58,1) !important;
}
#header-nav ul li,
#header-nav ul li a,
#header-nav ul li a:hover {
font-size: 14.2px;
font-size:1rem;
position: relative;
}
}
@media only screen and (min-width: 960px) {
body .ccm-add-block {
color:blue;
}
#header-wrapper-01,
#header-inner-wrapper-03,
#central-wrapper-00,
#central-wrapper-000,
#central-wrapper-001,
#central-wrapper-002,
#central-wrapper-003,
#central-wrapper-004,
#central-wrapper-101,
#central-wrapper-111,
#central-wrapper-112,
#central-wrapper-113,
#central-wrapper-114,
#central-wrapper-201,
#central-wrapper-202,
#central-wrapper-203,
#central-wrapper-203,
#central-wrapper-204,
#central-wrapper-205,
#central-wrapper-206,
#central-wrapper-207,
#central-wrapper-208,
#central-wrapper-209,
#central-wrapper-210,
#central-wrapper-2011,
#central-wrapper-2012,
#central-wrapper-2013,
#central-wrapper-2014,
#central-wrapper-2015,
#central-wrapper-2016,
#central-wrapper-2017,
#central-wrapper-2018,
#central-wrapper-2019,
#central-wrapper-2020,
#central-wrapper-2021,
#central-wrapper-2022,
#central-wrapper-2023,
#central-wrapper-2024,
#central-wrapper-2025,
#central-wrapper-2026,
#central-wrapper-2027,
#central-wrapper-2028,
#central-wrapper-2029,
#central-wrapper-2030,
#central-wrapper-2031,
#central-wrapper-2032,
#central-wrapper-2033,
#central-wrapper-2034,
#central-wrapper-2035,
#central-wrapper-2036,
#central-wrapper-2037,
#central-wrapper-2038,
#central-wrapper-2039,
#central-wrapper-2040,
#central-wrapper-2041,
#central-wrapper-211-logo,
#central-wrapper-212-logo,
#central-wrapper-211,
#central-wrapper-212,
#central-wrapper-213,
#central-wrapper-214,
#central-wrapper-215,
#central-wrapper-216,
#central-wrapper-217,
#central-wrapper-218,
#central-wrapper-219,
#central-wrapper-220,
#central-wrapper-221,
#central-wrapper-222,
#central-wrapper-223,
#central-wrapper-224,
#central-wrapper-225,
#central-wrapper-226,
#central-wrapper-227,
#central-wrapper-228,
#central-wrapper-229,
#central-wrapper-230,
#central-wrapper-231,
#central-wrapper-232,
#central-wrapper-233,
#central-wrapper-234,
#central-wrapper-235,
#central-wrapper-236,
#central-wrapper-237,
#central-wrapper-238,
#central-wrapper-239,
#central-wrapper-240,
#central-wrapper-241,
#central-wrapper-242,
#central-wrapper-243,
#central-wrapper-244,
#central-wrapper-245,
#central-wrapper-246,
#central-wrapper-247,
#central-wrapper-248,
#central-wrapper-249,
#central-wrapper-250,
#central-wrapper-251,
#central-wrapper-252,
#central-wrapper-253,
#central-wrapper-254,
#central-wrapper-255,
#central-wrapper-256,
#central-wrapper-257,
#central-wrapper-258,
#central-wrapper-259,
#central-wrapper-260,
#central-wrapper-261,
#central-wrapper-262,
#central-wrapper-263,
#central-wrapper-264,
#central-wrapper-265,
#central-wrapper-266,
#central-wrapper-267,
#central-wrapper-268,
#central-wrapper-269,
#central-wrapper-270,
#central-wrapper-271,
#central-wrapper-272,
#central-wrapper-273,
#central-wrapper-274,
#central-wrapper-275,
#central-wrapper-276,
#central-wrapper-277,
#central-wrapper-278,
#central-wrapper-279,
#central-wrapper-280,
#central-wrapper-281,
#central-wrapper-282,
#central-wrapper-283,
#central-wrapper-284,
#central-wrapper-285,
#central-wrapper-286,
#central-wrapper-287,
#central-wrapper-288,
#central-wrapper-289,
#central-wrapper-201-rsb,
#central-wrapper-211-rsb,
#central-wrapper-212-rsb,
#central-wrapper-213-rsb,
#central-wrapper-201-lsb,
#central-wrapper-211-lsb,
#central-wrapper-212-lsb,
#central-wrapper-213-lsb,
#central-wrapper-301,
#central-wrapper-311,
#central-wrapper-312,
#central-wrapper-313,
#central-wrapper-314,
#central-wrapper-401,
#central-wrapper-411,
#central-wrapper-412,
#central-wrapper-413,
#central-wrapper-601,
#central-wrapper-611,
#footer-wrapper-01 {
width:85%;
}
#header-inner-wrapper-03{
width:86%; /*aaaa*/
}
#header-wrapper-02{
height:480px;
}
#header-slider .img,
#header-slider .slideImgWrap a div{
height:480px !important;
}
#header-slider .ccm-SlideshowBlock-display .slideImgWrap div {
background-size: cover !important;
padding-top: 0px;
position: initial;
}
#central-wrapper-611 {
width:86%;
}
}
@media only screen and (min-width: 1300px) {
#header-opening,
#header-service {
float: left;
width: auto;
}
#header-service {
float: right;
margin-left: 30px !important;
margin-right: 0px !important;
}
}
@media only screen and (min-width: 1280px) {
body .ccm-add-block {
color:blue;
}
#header-wrapper-01,
#header-inner-wrapper-03,
#central-wrapper-00,
#central-wrapper-000,
#central-wrapper-001,
#central-wrapper-002,
#central-wrapper-003,
#central-wrapper-004,
#central-wrapper-101,
#central-wrapper-111,
#central-wrapper-112,
#central-wrapper-113,
#central-wrapper-114,
#central-wrapper-201,
#central-wrapper-202,
#central-wrapper-203,
#central-wrapper-203,
#central-wrapper-204,
#central-wrapper-205,
#central-wrapper-206,
#central-wrapper-207,
#central-wrapper-208,
#central-wrapper-209,
#central-wrapper-210,
#central-wrapper-2011,
#central-wrapper-2012,
#central-wrapper-2013,
#central-wrapper-2014,
#central-wrapper-2015,
#central-wrapper-2016,
#central-wrapper-2017,
#central-wrapper-2018,
#central-wrapper-2019,
#central-wrapper-2020,
#central-wrapper-2021,
#central-wrapper-2022,
#central-wrapper-2023,
#central-wrapper-2024,
#central-wrapper-2025,
#central-wrapper-2026,
#central-wrapper-2027,
#central-wrapper-2028,
#central-wrapper-2029,
#central-wrapper-2030,
#central-wrapper-2031,
#central-wrapper-2032,
#central-wrapper-2033,
#central-wrapper-2034,
#central-wrapper-2035,
#central-wrapper-2036,
#central-wrapper-2037,
#central-wrapper-2038,
#central-wrapper-2039,
#central-wrapper-2040,
#central-wrapper-2041,
#central-wrapper-211-logo,
#central-wrapper-212-logo,
#central-wrapper-211,
#central-wrapper-212,
#central-wrapper-213,
#central-wrapper-214,
#central-wrapper-215,
#central-wrapper-216,
#central-wrapper-217,
#central-wrapper-218,
#central-wrapper-219,
#central-wrapper-220,
#central-wrapper-221,
#central-wrapper-222,
#central-wrapper-223,
#central-wrapper-224,
#central-wrapper-225,
#central-wrapper-226,
#central-wrapper-227,
#central-wrapper-228,
#central-wrapper-229,
#central-wrapper-230,
#central-wrapper-231,
#central-wrapper-232,
#central-wrapper-233,
#central-wrapper-234,
#central-wrapper-235,
#central-wrapper-236,
#central-wrapper-237,
#central-wrapper-238,
#central-wrapper-239,
#central-wrapper-240,
#central-wrapper-241,
#central-wrapper-242,
#central-wrapper-243,
#central-wrapper-244,
#central-wrapper-245,
#central-wrapper-246,
#central-wrapper-247,
#central-wrapper-248,
#central-wrapper-249,
#central-wrapper-250,
#central-wrapper-251,
#central-wrapper-252,
#central-wrapper-253,
#central-wrapper-254,
#central-wrapper-255,
#central-wrapper-256,
#central-wrapper-257,
#central-wrapper-258,
#central-wrapper-259,
#central-wrapper-260,
#central-wrapper-261,
#central-wrapper-262,
#central-wrapper-263,
#central-wrapper-264,
#central-wrapper-265,
#central-wrapper-266,
#central-wrapper-267,
#central-wrapper-268,
#central-wrapper-269,
#central-wrapper-270,
#central-wrapper-271,
#central-wrapper-272,
#central-wrapper-273,
#central-wrapper-274,
#central-wrapper-275,
#central-wrapper-276,
#central-wrapper-277,
#central-wrapper-278,
#central-wrapper-279,
#central-wrapper-280,
#central-wrapper-281,
#central-wrapper-282,
#central-wrapper-283,
#central-wrapper-284,
#central-wrapper-285,
#central-wrapper-286,
#central-wrapper-287,
#central-wrapper-288,
#central-wrapper-289,
#central-wrapper-201-rsb,
#central-wrapper-211-rsb,
#central-wrapper-212-rsb,
#central-wrapper-213-rsb,
#central-wrapper-201-lsb,
#central-wrapper-211-lsb,
#central-wrapper-212-lsb,
#central-wrapper-213-lsb,
#central-wrapper-301,
#central-wrapper-311,
#central-wrapper-312,
#central-wrapper-313,
#central-wrapper-314,
#central-wrapper-401,
#central-wrapper-411,
#central-wrapper-412,
#central-wrapper-413,
#central-wrapper-601,
#central-wrapper-611,
#footer-wrapper-01 {
width: 80%;
}
#header-inner-wrapper-03{
width:81.2%;
}
#header-logo-txt .p-claim p{
font-size: 20pt;
}
#central-wrapper-611{
width: 81%;
}
#footer-column-01,
#footer-column-02,
#footer-column-03,
#footer-column-04 {
width:25%;
}
#footer-column-04{
-width:10%;
}
#footer-column-02 p,
#footer-column-03 p,
#footer-column-04 p {
padding:0 0 0 20px;
}
}
@media only screen and (min-width: 1400px) {
body .ccm-add-block {
color:green;
}
#header-wrapper-01,
#header-inner-wrapper-03,
#central-wrapper-00,
#central-wrapper-000,
#central-wrapper-001,
#central-wrapper-002,
#central-wrapper-003,
#central-wrapper-004,
#central-wrapper-101,
#central-wrapper-111,
#central-wrapper-112,
#central-wrapper-113,
#central-wrapper-114,
#central-wrapper-201,
#central-wrapper-202,
#central-wrapper-203,
#central-wrapper-203,
#central-wrapper-204,
#central-wrapper-205,
#central-wrapper-206,
#central-wrapper-207,
#central-wrapper-208,
#central-wrapper-209,
#central-wrapper-210,
#central-wrapper-2011,
#central-wrapper-2012,
#central-wrapper-2013,
#central-wrapper-2014,
#central-wrapper-2015,
#central-wrapper-2016,
#central-wrapper-2017,
#central-wrapper-2018,
#central-wrapper-2019,
#central-wrapper-2020,
#central-wrapper-2021,
#central-wrapper-2022,
#central-wrapper-2023,
#central-wrapper-2024,
#central-wrapper-2025,
#central-wrapper-2026,
#central-wrapper-2027,
#central-wrapper-2028,
#central-wrapper-2029,
#central-wrapper-2030,
#central-wrapper-2031,
#central-wrapper-2032,
#central-wrapper-2033,
#central-wrapper-2034,
#central-wrapper-2035,
#central-wrapper-2036,
#central-wrapper-2037,
#central-wrapper-2038,
#central-wrapper-2039,
#central-wrapper-2040,
#central-wrapper-2041,
#central-wrapper-211-logo,
#central-wrapper-212-logo,
#central-wrapper-211,
#central-wrapper-212,
#central-wrapper-213,
#central-wrapper-214,
#central-wrapper-215,
#central-wrapper-216,
#central-wrapper-217,
#central-wrapper-218,
#central-wrapper-219,
#central-wrapper-220,
#central-wrapper-221,
#central-wrapper-222,
#central-wrapper-223,
#central-wrapper-224,
#central-wrapper-225,
#central-wrapper-226,
#central-wrapper-227,
#central-wrapper-228,
#central-wrapper-229,
#central-wrapper-230,
#central-wrapper-231,
#central-wrapper-232,
#central-wrapper-233,
#central-wrapper-234,
#central-wrapper-235,
#central-wrapper-236,
#central-wrapper-237,
#central-wrapper-238,
#central-wrapper-239,
#central-wrapper-240,
#central-wrapper-241,
#central-wrapper-242,
#central-wrapper-243,
#central-wrapper-244,
#central-wrapper-245,
#central-wrapper-246,
#central-wrapper-247,
#central-wrapper-248,
#central-wrapper-249,
#central-wrapper-250,
#central-wrapper-251,
#central-wrapper-252,
#central-wrapper-253,
#central-wrapper-254,
#central-wrapper-255,
#central-wrapper-256,
#central-wrapper-257,
#central-wrapper-258,
#central-wrapper-259,
#central-wrapper-260,
#central-wrapper-261,
#central-wrapper-262,
#central-wrapper-263,
#central-wrapper-264,
#central-wrapper-265,
#central-wrapper-266,
#central-wrapper-267,
#central-wrapper-268,
#central-wrapper-269,
#central-wrapper-270,
#central-wrapper-271,
#central-wrapper-272,
#central-wrapper-273,
#central-wrapper-274,
#central-wrapper-275,
#central-wrapper-276,
#central-wrapper-277,
#central-wrapper-278,
#central-wrapper-279,
#central-wrapper-280,
#central-wrapper-281,
#central-wrapper-282,
#central-wrapper-283,
#central-wrapper-284,
#central-wrapper-285,
#central-wrapper-286,
#central-wrapper-287,
#central-wrapper-288,
#central-wrapper-289,
#central-wrapper-201-rsb,
#central-wrapper-211-rsb,
#central-wrapper-212-rsb,
#central-wrapper-213-rsb,
#central-wrapper-201-lsb,
#central-wrapper-211-lsb,
#central-wrapper-212-lsb,
#central-wrapper-213-lsb,
#central-wrapper-301,
#central-wrapper-311,
#central-wrapper-312,
#central-wrapper-313,
#central-wrapper-314,
#central-wrapper-401,
#central-wrapper-411,
#central-wrapper-412,
#central-wrapper-413,
#central-wrapper-601,
#central-wrapper-611,
#central-wrapper-612,
#central-wrapper-613,
#central-wrapper-613,
#central-wrapper-613,
#central-wrapper-613,
#footer-wrapper-01 {
width: 75%;
}
#header-inner-wrapper-03{
width:75.95%;
}
#central-wrapper-611{
width: 76%;
}
}
@media only screen and (min-width: 1600px) {
body .ccm-add-block {
color:grey;
}
#header-wrapper-01,
#header-inner-wrapper-03,
#central-wrapper-00,
#central-wrapper-000,
#central-wrapper-001,
#central-wrapper-002,
#central-wrapper-003,
#central-wrapper-004,
#central-wrapper-101,
#central-wrapper-111,
#central-wrapper-112,
#central-wrapper-113,
#central-wrapper-114,
#central-wrapper-201,
#central-wrapper-202,
#central-wrapper-203,
#central-wrapper-203,
#central-wrapper-204,
#central-wrapper-205,
#central-wrapper-206,
#central-wrapper-207,
#central-wrapper-208,
#central-wrapper-209,
#central-wrapper-210,
#central-wrapper-2011,
#central-wrapper-2012,
#central-wrapper-2013,
#central-wrapper-2014,
#central-wrapper-2015,
#central-wrapper-2016,
#central-wrapper-2017,
#central-wrapper-2018,
#central-wrapper-2019,
#central-wrapper-2020,
#central-wrapper-2021,
#central-wrapper-2022,
#central-wrapper-2023,
#central-wrapper-2024,
#central-wrapper-2025,
#central-wrapper-2026,
#central-wrapper-2027,
#central-wrapper-2028,
#central-wrapper-2029,
#central-wrapper-2030,
#central-wrapper-2031,
#central-wrapper-2032,
#central-wrapper-2033,
#central-wrapper-2034,
#central-wrapper-2035,
#central-wrapper-2036,
#central-wrapper-2037,
#central-wrapper-2038,
#central-wrapper-2039,
#central-wrapper-2040,
#central-wrapper-2041,
#central-wrapper-211-logo,
#central-wrapper-212-logo,
#central-wrapper-211,
#central-wrapper-212,
#central-wrapper-213,
#central-wrapper-214,
#central-wrapper-215,
#central-wrapper-216,
#central-wrapper-217,
#central-wrapper-218,
#central-wrapper-219,
#central-wrapper-220,
#central-wrapper-221,
#central-wrapper-222,
#central-wrapper-223,
#central-wrapper-224,
#central-wrapper-225,
#central-wrapper-226,
#central-wrapper-227,
#central-wrapper-228,
#central-wrapper-229,
#central-wrapper-230,
#central-wrapper-231,
#central-wrapper-232,
#central-wrapper-233,
#central-wrapper-234,
#central-wrapper-235,
#central-wrapper-236,
#central-wrapper-237,
#central-wrapper-238,
#central-wrapper-239,
#central-wrapper-240,
#central-wrapper-241,
#central-wrapper-242,
#central-wrapper-243,
#central-wrapper-244,
#central-wrapper-245,
#central-wrapper-246,
#central-wrapper-247,
#central-wrapper-248,
#central-wrapper-249,
#central-wrapper-250,
#central-wrapper-251,
#central-wrapper-252,
#central-wrapper-253,
#central-wrapper-254,
#central-wrapper-255,
#central-wrapper-256,
#central-wrapper-257,
#central-wrapper-258,
#central-wrapper-259,
#central-wrapper-260,
#central-wrapper-261,
#central-wrapper-262,
#central-wrapper-263,
#central-wrapper-264,
#central-wrapper-265,
#central-wrapper-266,
#central-wrapper-267,
#central-wrapper-268,
#central-wrapper-269,
#central-wrapper-270,
#central-wrapper-271,
#central-wrapper-272,
#central-wrapper-273,
#central-wrapper-274,
#central-wrapper-275,
#central-wrapper-276,
#central-wrapper-277,
#central-wrapper-278,
#central-wrapper-279,
#central-wrapper-280,
#central-wrapper-281,
#central-wrapper-282,
#central-wrapper-283,
#central-wrapper-284,
#central-wrapper-285,
#central-wrapper-286,
#central-wrapper-287,
#central-wrapper-288,
#central-wrapper-289,
#central-wrapper-201-rsb,
#central-wrapper-211-rsb,
#central-wrapper-212-rsb,
#central-wrapper-213-rsb,
#central-wrapper-201-lsb,
#central-wrapper-211-lsb,
#central-wrapper-212-lsb,
#central-wrapper-213-lsb,
#central-wrapper-301,
#central-wrapper-311,
#central-wrapper-312,
#central-wrapper-313,
#central-wrapper-314,
#central-wrapper-401,
#central-wrapper-411,
#central-wrapper-412,
#central-wrapper-413,
#central-wrapper-601,
#central-wrapper-611,
#footer-wrapper-01 {
width:70%;
}
#header-logo-txt .p-claim p{
font-size: 27.24pt;
}
#header-info-wrapper {
float: right;
width: 50%;
}
#header-opening,
#header-service {
float: right;
width: 100%;
}
#header-opening p,
#header-service p {
text-align: right;
}
#header-service {
margin-left: 0px;
}
#header-inner-wrapper-03{
width:70.8%;
}
#central-wrapper-611{
width: 70.8%;
}
}
@media only screen and (min-width: 1830px) {
#header-nav-wrapper {
top: 430px;
height: 50px;
/*aaaa*/
}
#header-nav hr {
display:none;
}
}
/*pgpg*/
/* ==|== main styles =========================================================
Main 0 Coloumn
========================================================================== */
#main-wrapper-00,
#main-wrapper-000,
#main-wrapper-001,
#main-wrapper-002,
#main-wrapper-003,
#main-wrapper-004 {
overflow: hidden;
margin:0;
padding: 0;
/* 4 EDIT PAGE TITEL */
/*margin-top:100px; */
}
#main-wrapper-001 .home-h1{
padding-top: 0px;
}
#main-wrapper-00,
#main-column-000,
#main-column-001,
#main-column-002,
#main-column-003,
#main-column-004 {
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main-wrapper-00 .gohome,
#main-content-000 .gohome{
line-height: 0;
margin:0;
padding:10px 0 30px 0;
/* 19 38 */
}
#main-wrapper-00 .gohome p{
font-size: 10pt;
line-height: 24pt;
color:rgba(117,117,117,1);
text-transform: uppercase;
margin:0;
padding:0;
}
#main-content-000 .gohome p,
#main-content-000 .gohome a{
font-size: 10pt;
line-height: 24pt;
color:rgba(206,0,56,1);
text-transform: uppercase;
margin:0;
padding:0;
}
#main-content-000 span {
font-size: 10pt;
color:rgba(117,117,117,1);
}
#main-content-000 strong {
font-size: 10pt;
font-weight: 400;
text-transform: uppercase;
}
/*#main-content-001 a {
font-size:20pt;
line-height:24pt;
padding-top:7px;
padding-bottom:14px;
}*/
@media only screen and (min-width: 750px) {
#main-wrapper-001 .home-h1{
padding-top: 0px;
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== main styles =========================================================
Main 1 Coloumn
========================================================================== */
#main-wrapper-101,
#main-wrapper-111,
#main-wrapper-112,
#main-wrapper-113 {
overflow:hidden;
}
#main-column-111 {
position: relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media only screen and (min-width: 750px) {
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== main styles =========================================================
Main 2 Coloumns
========================================================================== */
#main-wrapper-201,
#main-wrapper-202,
#main-wrapper-203,
#main-wrapper-203,
#main-wrapper-204,
#main-wrapper-205,
#main-wrapper-206,
#main-wrapper-207,
#main-wrapper-208,
#main-wrapper-209,
#main-wrapper-210,
#main-wrapper-2011,
#main-wrapper-2012,
#main-wrapper-2013,
#main-wrapper-2014,
#main-wrapper-2015,
#main-wrapper-2016,
#main-wrapper-2017,
#main-wrapper-2018,
#main-wrapper-2019,
#main-wrapper-2020,
#main-wrapper-211-logo,
#main-wrapper-212-logo,
#main-wrapper-211,
#main-wrapper-212,
#main-wrapper-213,
#main-wrapper-214,
#main-wrapper-215,
#main-wrapper-216,
#main-wrapper-217,
#main-wrapper-218,
#main-wrapper-219,
#main-wrapper-220,
#main-wrapper-221,
#main-wrapper-222,
#main-wrapper-223,
#main-wrapper-224,
#main-wrapper-225,
#main-wrapper-226,
#main-wrapper-227,
#main-wrapper-228,
#main-wrapper-229,
#main-wrapper-230,
#main-wrapper-231,
#main-wrapper-232,
#main-wrapper-233,
#main-wrapper-234,
#main-wrapper-235,
#main-wrapper-236,
#main-wrapper-237,
#main-wrapper-238,
#main-wrapper-239,
#main-wrapper-240,
#main-wrapper-241,
#main-wrapper-242,
#main-wrapper-243,
#main-wrapper-244,
#main-wrapper-245,
#main-wrapper-246,
#main-wrapper-247,
#main-wrapper-248,
#main-wrapper-249,
#main-wrapper-250,
#main-wrapper-251,
#main-wrapper-252,
#main-wrapper-253,
#main-wrapper-254,
#main-wrapper-255,
#main-wrapper-256,
#main-wrapper-257,
#main-wrapper-258,
#main-wrapper-259,
#main-wrapper-260,
#main-wrapper-261,
#main-wrapper-262,
#main-wrapper-263,
#main-wrapper-264,
#main-wrapper-265,
#main-wrapper-266,
#main-wrapper-267,
#main-wrapper-268,
#main-wrapper-269,
#main-wrapper-270,
#main-wrapper-271,
#main-wrapper-272,
#main-wrapper-273,
#main-wrapper-274,
#main-wrapper-275,
#main-wrapper-276,
#main-wrapper-277,
#main-wrapper-278,
#main-wrapper-279,
#main-wrapper-280,
#main-wrapper-281,
#main-wrapper-282,
#main-wrapper-283,
#main-wrapper-284,
#main-wrapper-285,
#main-wrapper-286,
#main-wrapper-287,
#main-wrapper-288,
#main-wrapper-289,
#main-wrapper-290 {
overflow: hidden;
}
#main-column-211,
#main-column-212 {
position: relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* #main-column-211,
#main-column-212 */
#main-content-289,
#main-content-290 {
margin-bottom: 40px;
}
#main-column-211 a:hover,
#main-column-212 a {
color:rgba(206,0,56,1) !important;
}
#main-column-212 img {
padding-top:5px;
padding-top:0px;
}
#main-wrapper-211,
#main-wrapper-212 {
margin-top: 10px;
}
#main-content-216 img,
#main-content-220 img,
#main-content-224 img {
margin-top:12px;
margin-bottom: 40px;
-border: solid red 2px;
}
#main-content-224{
/*aaaa*/
}
.rote_aufz ul{
margin-top:20px;
margin-bottom: 0;
padding-left:14px;
}
.rote_aufz li {
font-size:14pt;
line-height:18pt;
margin-left:0;
padding:7px 0 7px 0;
list-style: none;
}
.rote_aufz li:first-child{
padding-top: 0;
}
.rote_aufz li:last-child {
padding-bottom: 0;
}
.rote_aufz li:before {
position: absolute;
content: "• ";
color:rgba(206,0,56,1);
font-size:20pt;
left: 0;
font-family: Arial, sans-serif;
}
.google-maps {
padding-right: 1px;
}
#main-content-287 .button-01,
#main-content-288 .button-01 {
width:100%;
display: inline-block;
margin-bottom: 5px;
background-color:rgba(207,0,58,1);
color:white;
}
#main-content-287 .button-02,
#main-content-288 .button-02{
width:100%;
display: inline-block;
-margin-bottom: 5px;
background-color:rgba(194,194,194,1);
color:white;
}
#main-content-287 .action-titel-02,
#main-content-288 .action-titel-02{
}
#main-content-287 .action-bild-01,
#main-content-288 .action-bild-01{
}
#main-content-287 .action-bild-02,
#main-content-288 .action-bild-02{
}
#main-content-287 .action-titel-01 h2,
#main-content-288 .action-titel-01 h2,
#main-content-287 .action-titel-02 h2,
#main-content-288 .action-titel-02 h2{
font-size: 16pt;
font-size:1rem;
line-height: 19.2pt;
padding:12.5px 20px 12.5px 15px;
text-transform: uppercase;
}
#main-content-287 .action-bild-02.
#main-content-288 .action-bild-02{
}
#main-content-287 .action-text-01,
#main-content-288 .action-text-01{
background-color: rgba(207,0,58,1);
padding:0;
}
#main-content-287 .action-text-01 p,
#main-content-287 .action-text-01 h3,
#main-content-287 .action-text-02 p,
#main-content-287 .action-text-02 h3,
#main-content-287 .action-weiter-01 p,
#main-content-287 .action-weiter-02 p,
#main-content-288 .action-text-01 p,
#main-content-288 .action-text-01 h3,
#main-content-288 .action-text-02 p,
#main-content-288 .action-text-02 h3,
#main-content-288 .action-weiter-01 p,
#main-content-288 .action-weiter-02 p{
font-size:14pt;
font-size:1rem;
line-height:18pt;
margin:0 0 5px 0;
padding: 0px 15px 15px 15px;
color:white;
}
#main-content-287 .action-text-02,
#main-content-288 .action-text-02,
#main-content-287 .action-weiter-02,
#main-content-288 .action-weiter-02{
background-color:rgba(238,238,238,1);
}
#main-content-287 .action-text-01 h3,
#main-content-288 .action-text-01 h3,
#main-content-287 .action-text-02 h3,
#main-content-288 .action-text-02 h3{
text-transform: uppercase;
padding: 15px 15px 0px 15px;
}
#main-content-287 .action-text-01 a,
#main-content-288 .action-text-01 a {
font-weight: 600;
color:white !important;
}
#main-content-287 .action-text-02 h3,
#main-content-288 .action-text-02 h3{
color:black;
}
#main-content-287 .action-text-02 p,
#main-content-288 .action-text-02 p {
color:black;
}
#main-content-287 .action-text-02 a,
#main-content-288 .action-text-02 a {
font-weight: 600;
color:rgba(207,0,58,1);
}
#main-content-287 .action-weiter-01,
#main-content-288 .action-weiter-01{
background-color:rgba(207,0,58,1);
padding:0;
}
#main-content-287 .action-weiter-01,
#main-content-288 .action-weiter-01,
#main-content-287 .action-weiter-02,
#main-content-288 .action-weiter-02{
margin-bottom: 30px;
}
#main-content-287 .action-weiter-01 p,
#main-content-288 .action-weiter-01 p,
#main-content-287 .action-weiter-02 p,
#main-content-288 .action-weiter-02 p{
font-size: 14pt;
line-height: 20pt;
text-align:right;
padding: 15px 15px 15px 10px;
padding:12.5px 20px 12.5px 15px;
}
#main-content-287 .action-weiter-01 a,
#main-content-288 .action-weiter-01 a,
#main-content-287 .action-weiter-02 a,
#main-content-288 .action-weiter-02 a {
font-size: 14pt;
font-size:1rem;
line-height: 20pt;
font-weight: 600;
color:white !important;
}
#main-content-287 .action-weiter-02 a,
#main-content-288 .action-weiter-02 a {
color:rgba(207,0,58,1);
}
#main-content-211 .flex-viewport,
#main-content-217 .flex-viewport,
#main-content-221 .flex-viewport,
#main-content-225 .flex-viewport,
#main-content-229 .flex-viewport,
#main-content-233 .flex-viewport,
#main-content-237 .flex-viewport,
#main-content-241 .flex-viewport,
#main-content-245 .flex-viewport,
#main-content-249 .flex-viewport,
#main-content-253 .flex-viewport,
#main-content-257 .flex-viewport,
#main-content-261 .flex-viewport,
#main-content-265 .flex-viewport,
#main-content-269 .flex-viewport,
#main-content-273 .flex-viewport,
#main-content-277 .flex-viewport,
#main-content-281 .flex-viewport,
#main-content-285 .flex-viewport {
margin-top: 30px;
}
#main-content-211 .flexslider .slides,
#main-content-217 .flexslider .slides,
#main-content-221 .flexslider .slides,
#main-content-225 .flexslider .slides,
#main-content-229 .flexslider .slides,
#main-content-233 .flexslider .slides,
#main-content-237 .flexslider .slides,
#main-content-241 .flexslider .slides,
#main-content-245 .flexslider .slides,
#main-content-249 .flexslider .slides,
#main-content-253 .flexslider .slides,
#main-content-257 .flexslider .slides,
#main-content-261 .flexslider .slides,
#main-content-265 .flexslider .slides,
#main-content-269 .flexslider .slides,
#main-content-273 .flexslider .slides,
#main-content-277 .flexslider .slides,
#main-content-281 .flexslider .slides,
#main-content-285 .flexslider .slides {
margin-bottom: 30px;
}
#main-content-212-logo,
#main-content-216 ,
#main-content-220 ,
#main-content-224 ,
#main-content-228 ,
#main-content-232 ,
#main-content-236 ,
#main-content-240 ,
#main-content-244 ,
#main-content-248 ,
#main-content-252 ,
#main-content-256 ,
#main-content-260 ,
#main-content-264 ,
#main-content-268 ,
#main-content-272 ,
#main-content-276 ,
#main-content-280 ,
#main-content-284 {
display: none;
}
#main-content-211-logo img,
#main-content-212-logo img,
#main-content-216 img,
#main-content-220 img,
#main-content-224 img,
#main-content-228 img,
#main-content-232 img,
#main-content-236 img,
#main-content-240 img,
#main-content-244 img,
#main-content-248 img,
#main-content-252 img,
#main-content-256 img,
#main-content-260 img,
#main-content-264 img,
#main-content-268 img,
#main-content-272 img,
#main-content-276 img,
#main-content-280 img,
#main-content-284 img {
float:left;
width:auto;
-height:100px;
height:60px;
/*margin-left:4px;*/
margin-bottom: 40px;
-border: solid red .1px;
}
@media only screen and (min-width: 750px) {
#main-column-211,
#main-column-212 {
width:50%;
}
#main-column-211 {
float:left;
padding:0 12px 0 0;
}
#main-column-212 {
float:right;
padding:0 0 0 12px;
}
#main-content-211 .flex-viewport,
#main-content-217 .flex-viewport,
#main-content-221 .flex-viewport,
#main-content-225 .flex-viewport,
#main-content-229 .flex-viewport,
#main-content-233 .flex-viewport,
#main-content-237 .flex-viewport,
#main-content-241 .flex-viewport,
#main-content-245 .flex-viewport,
#main-content-249 .flex-viewport,
#main-content-253 .flex-viewport,
#main-content-257 .flex-viewport,
#main-content-261 .flex-viewport,
#main-content-265 .flex-viewport,
#main-content-269 .flex-viewport,
#main-content-273 .flex-viewport,
#main-content-277 .flex-viewport,
#main-content-281 .flex-viewport,
#main-content-285 .flex-viewport {
margin-top: 0px;
}
#main-content-212 img,
#main-content-212 .flex-viewport,
#main-content-218 .flex-viewport,
#main-content-222 .flex-viewport,
#main-content-226 .flex-viewport,
#main-content-230 .flex-viewport,
#main-content-234 .flex-viewport,
#main-content-238 .flex-viewport,
#main-content-242 .flex-viewport,
#main-content-246 .flex-viewport,
#main-content-250 .flex-viewport,
#main-content-254 .flex-viewport,
#main-content-258 .flex-viewport,
#main-content-262 .flex-viewport,
#main-content-266 .flex-viewport,
#main-content-270 .flex-viewport,
#main-content-274 .flex-viewport,
#main-content-278 .flex-viewport,
#main-content-282 .flex-viewport,
#main-content-286 .flex-viewport {
margin-top: 2.5px;
}
#main-content-212-logo,
#main-content-216 ,
#main-content-220 ,
#main-content-224 ,
#main-content-228 ,
#main-content-232 ,
#main-content-236 ,
#main-content-240 ,
#main-content-244 ,
#main-content-248 ,
#main-content-252 ,
#main-content-256 ,
#main-content-260 ,
#main-content-264 ,
#main-content-268 ,
#main-content-272 ,
#main-content-276 ,
#main-content-280 ,
#main-content-284 {
display: block;
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== main styles =========================================================
#main-content-224 RSB
========================================================================== */
#central-wrapper-201-rsb,
#central-wrapper-211-rsb,
#central-wrapper-212-rsb,
#central-wrapper-213-rsb {
overflow: hidden;
}
#main-column-201-rsb,
#main-column-211-rsb,
#main-column-212-rsb {
position: relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main-content-212-rsb {
margin-top:80px;
margin-bottom:40px;
}
@media only screen and (min-width: 750px) {
#main-column-211-rsb {
float:left;
width:62%;
-padding:0 15px 0 0;
}
#main-column-212-rsb {
float:right;
width:38%;
-padding:0 0 0 15px;
}
#main-column-211-rsb {
float:left;
padding:0 30px 0 0;
}
#main-content-211-rsb img {
margin-left:0px !important;
padding-left:0px !important;
}
#main-column-212-rsb {
float:right;
padding:0 0 0 30px;
}
#main-content-201-rsb {
margin-top:40px;
}
#main-content-211-rsb {
margin-top:14px;
margin-bottom:80px;
}
#main-content-212-rsb {
margin-top:20px;
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== main styles =========================================================
Main 2 LSB
========================================================================== */
#central-wrapper-201-lsb,
#central-wrapper-211-lsb,
#central-wrapper-212-lsb,
#central-wrapper-213-lsb {
overflow: hidden;
}
#main-column-201-lsb,
#main-column-211-lsb,
#main-column-212-lsb {
position: relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main-column-211-lsb {
padding-bottom:20px;
}
#main-content-213-lsb-foto img,
#main-content-214-lsb-foto img,
#main-content-215-lsb-foto img,
#main-content-216-lsb-foto img,
#main-content-217-lsb-foto img,
#main-content-218-lsb-foto img,
#main-content-219-lsb-foto img {
padding-top:0 !important;
-webkit-animation: fadein 5s linear 1 normal forwards;
/* background:#fcefdc;
-webkit-transition-property: background;
-webkit-transition-duration: .3s;
-webkit-transition-delay: .05s;
transition-property:background;
transition-duration:.3s;
transition-delay:.05s;
*/
}
#main-content-219-lsb-text,
#main-content-219-lsb-foto {
margin-bottom:50px;
}
#main-content-212-lsb {
margin-bottom:60px;
}
#main-content-212-lsb h3 {
text-transform: none;
}
@media only screen and (min-width: 750px) {
#main-column-211-lsb {
float:left;
width:38%;
-padding:0 15px 0 0;
}
#main-column-212-lsb {
float:right;
width:62%;
-padding:0 0 0 15px;
}
#main-column-211-lsb {
float:left;
padding:0 30px 0 0;
}
#main-content-211-lsb img {
margin-left:0px !important;
padding-left:0px !important;
}
#main-column-212-lsb {
float:right;
padding:0 0 0 30px;
}
#main-content-212-lsb {
margin-top:14px;
}
#main-content-212-lsb {
padding-top:0px;
}
#main-content-213-lsb-wrapper,
#main-content-214-lsb-wrapper,
#main-content-215-lsb-wrapper,
#main-content-216-lsb-wrapper,
#main-content-217-lsb-wrapper,
#main-content-218-lsb-wrapper,
#main-content-219-lsb-wrapper {
overflow:hidden;
width:100%;
}
#main-content-213-lsb-text,
#main-content-214-lsb-text,
#main-content-215-lsb-text,
#main-content-216-lsb-text,
#main-content-217-lsb-text,
#main-content-218-lsb-text,
#main-content-219-lsb-text {
float:left;
width:70%;
margin-top:0;
}
#main-content-213-lsb-text h3,
#main-content-214-lsb-text h3,
#main-content-215-lsb-text h3,
#main-content-216-lsb-text h3,
#main-content-217-lsb-text h3,
#main-content-218-lsb-text h3,
#main-content-219-lsb-text h3 {
margin-top:0;
}
#main-content-213-lsb-foto,
#main-content-214-lsb-foto,
#main-content-215-lsb-foto,
#main-content-216-lsb-foto,
#main-content-217-lsb-foto,
#main-content-218-lsb-foto,
#main-content-219-lsb-foto {
float:right;
width:21%;
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== main styles =========================================================
Main 3 Coloumns
========================================================================== */
#central-wrapper-301,
#central-wrapper-311,
#central-wrapper-312,
#central-wrapper-313{
overflow:hidden;
}
#main-wrapper-311,
#main-wrapper-312,
#main-wrapper-313{
}
#main-column-311,
#main-column-312,
#main-column-313 {
-position: relative;
width: 100%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main-content-311,
#main-content-312,
#main-content-313,
#main-content-314,
#main-content-315,
#main-content-316 {
}
#main-content-316{
padding-bottom: 18px;
}
#main-content-311 .trinav-titel-01 p,
#main-content-312 .trinav-titel-01 p,
#main-content-313 .trinav-titel-01 p{
padding:25px 0 30px 0;
}
#main-content-314 .trinav-titel-01 p,
#main-content-315 .trinav-titel-01 p,
#main-content-316 .trinav-titel-01 p {
padding:25px 0 20px 0;
}
#main-content-311 a,
#main-content-312 a,
#main-content-313 a,
#main-content-314 a,
#main-content-315 a,
#main-content-316 a {
font-weight: 600;
color:rgba(207,0,58,1) !important;
}
#central-wrapper-311 .navi-text-01 p,
#central-wrapper-311 .navi-text-01 a,
#central-wrapper-312 .navi-text-01 p,
#central-wrapper-312 .navi-text-01 a {
font-size:14pt;
line-height:21pt;
padding: 15px 0px 0px 0px;
}
#central-wrapper-311 .navi-text-01 a,
#central-wrapper-312 .navi-text-01 a{
color:white;
}
#central-wrapper-313 .button-01 {
width:100%;
display: inline-block;
margin-bottom: 5px;
background-color:rgba(207,0,58,1);
color:white;
}
#central-wrapper-313 .button-02 {
width:100%;
display: inline-block;
margin-bottom: 5px;
background-color:rgba(117,117,117,1);
color:white;
}
#central-wrapper-313 .action-titel-02{
}
#central-wrapper-313 .action-bild-01{
}
#central-wrapper-313 .action-bild-02{
}
#central-wrapper-313 .action-titel-01 h2,
#central-wrapper-313 .action-titel-02 h2{
font-size: 16pt;
line-height: 19.2pt;
padding:20px 20px 20px 15px;
text-transform: uppercase;
}
#central-wrapper-313 .action-bild-02{
}
#central-wrapper-313 .action-text-01{
background-color: rgba(207,0,58,1);
padding:0;
}
#central-wrapper-313 .action-text-01 p,
#central-wrapper-313 .action-text-01 h3,
#central-wrapper-313 .action-text-02 p,
#central-wrapper-313 .action-text-02 h3,
#central-wrapper-313 .action-weiter-01 p,
#central-wrapper-313 .action-weiter-02 p{
font-size:14pt;
font-size:1rem;
line-height:18pt;
margin:0 0 5px 0;
padding: 0px 15px 15px 15px;
color:white;
}
#central-wrapper-313 .action-text-02,
#central-wrapper-313 .action-weiter-02{
background-color:rgba(238,238,238,1);
}
#central-wrapper-313 .action-text-01 h3,
#central-wrapper-313 .action-text-02 h3{
text-transform: uppercase;
padding: 15px 15px 0px 15px;
}
#central-wrapper-313 .action-text-01 a {
font-weight: 600;
color:white;
}
#central-wrapper-313 .action-text-02 h3{
color:black;
}
#central-wrapper-313 .action-text-02 p {
color:black;
}
#central-wrapper-313 .action-text-02 a {
font-weight: 600;
color:rgba(207,0,58,1);
}
#central-wrapper-313 .action-weiter-01{
background-color:rgba(207,0,58,1);
padding:0;
}
#central-wrapper-313 .action-weiter-01,
#central-wrapper-313 .action-weiter-02{
margin-bottom: 30px;
}
#central-wrapper-313 .action-weiter-01 p,
#central-wrapper-313 .action-weiter-02 p{
font-size: 14pt;
font-size:1rem;
line-height: 20pt;
text-align:right;
padding: 15px 15px 15px 10px;
}
#central-wrapper-313 .action-weiter-01 a,
#central-wrapper-313 .action-weiter-02 a {
font-size: 14pt;
font-size:1rem;
line-height: 20pt;
font-weight: 600;
color:white;
}
#central-wrapper-313 .action-weiter-02 a {
color:rgba(207,0,58,1);
}
@media only screen and (min-width: 550px) {
}
@media only screen and (min-width: 750px) {
#main-column-311,
#main-column-312,
#main-column-313 {
width: 33.33%;
padding-bottom:20px;
}
#main-column-311{
padding-right: 16px;
}
#main-column-312{
padding-left: 8px;
padding-right: 8px;
}
#main-column-313{
padding-left: 16px;
}
#main-content-316{
padding-bottom: 0px;
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1100px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== main styles =========================================================
Main 4 Coloumns
========================================================================== */
#main-wrapper-401,
#main-wrapper-411,
#main-wrapper-412,
#main-wrapper-413 {
overflow: hidden;
}
#main-column-411,
#main-column-412,
#main-column-413,
#main-column-414 {
position: relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media only screen and (min-width: 750px) {
#main-column-411,
#main-column-412,
#main-column-413,
#main-column-414 {
width:50%;
float:left;
}
#main-column-411,
#main-column-413 {
padding:0 30px 0 0;
}
#main-column-412,
#main-column-414 {
padding:0 0 0 30px;
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1280px) {
#main-column-411,
#main-column-412,
#main-column-413,
#main-column-414 {
width:25%;
float:left;
}
#main-column-411 {
padding:0 30px 0 0;
}
#main-column-412 {
padding:0 20px 0 10px;
}
#main-column-413 {
padding:0 10px 0 20px;
}
#main-column-414 {
padding:0 0 0 30px;
}
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== main styles =========================================================
Main 6 Coloumns
========================================================================== */
#main-wrapper-601,
#main-wrapper-611 {
overflow: hidden;
}
#main-column-611,
#main-column-612,
#main-column-613,
#main-column-614,
#main-column-615,
#main-column-616 {
position: relative;
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main-column-611,
#main-column-612,
#main-column-613,
#main-column-614,
#main-column-615,
#main-column-616 {
/*width: 100%;*/
float:left;
width:50%;
padding:0 .5%;
margin-bottom: 40px;
}
@media only screen and (min-width: 750px) {
}
@media only screen and (min-width: 960px) {
#main-column-611,
#main-column-612,
#main-column-613,
#main-column-614,
#main-column-615,
#main-column-616 {
width:33.33%;
}
}
@media only screen and (min-width: 1280px) {
#main-column-611,
#main-column-612,
#main-column-613,
#main-column-614,
#main-column-615,
#main-column-616 {
width:16.66%;
}
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color:black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
/* Black prints faster: h5bp.com/s */
a, a:visited {
-text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
/* h5bp.com/t */
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
c5
========================================================================== */
/*body.mceContentBody {
background:#f0f0f0;
color:black;
-letter-spacing:1px;
}
body {
color:black;
-letter-spacing:1px;
}
.ccm-add-block {
color:orange;
-letter-spacing:1px;
} */
/*
#main-content-318 img {
width:20%;
height:auto;
border: 2px solid magenta;
}