/* FONTS */ /* Icons */@font-face { font-family: 'Icons'; src:url('../fonts/Icons.eot'); src:url('../fonts/Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Icons.woff') format('woff'), url('../fonts/Icons.ttf') format('truetype'), url('../fonts/Icons.svg#Icons') format('svg'); font-weight: normal; font-style: normal; } /* FontAwesome */@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /* raleway-300 - latin-ext */@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url('../fonts/raleway-v22-latin-ext-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v22-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v22-latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v22-latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v22-latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v22-latin-ext-300.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-regular - latin-ext */@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../fonts/raleway-v22-latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v22-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v22-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v22-latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v22-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v22-latin-ext-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-500 - latin-ext */@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url('../fonts/raleway-v22-latin-ext-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v22-latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v22-latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v22-latin-ext-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v22-latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v22-latin-ext-500.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-700 - latin-ext */@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('../fonts/raleway-v22-latin-ext-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v22-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v22-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v22-latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v22-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v22-latin-ext-700.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-600 - latin-ext */@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url('../fonts/raleway-v22-latin-ext-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v22-latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v22-latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v22-latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v22-latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v22-latin-ext-600.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-800 - latin-ext */@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 800; src: url('../fonts/raleway-v22-latin-ext-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v22-latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v22-latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v22-latin-ext-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v22-latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v22-latin-ext-800.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-900 - latin-ext */@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 900; src: url('../fonts/raleway-v22-latin-ext-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/raleway-v22-latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v22-latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v22-latin-ext-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v22-latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v22-latin-ext-900.svg#Raleway') format('svg'); /* Legacy iOS */ } /* oswald-200 - latin */@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url('../fonts/oswald-v49-latin-200.eot'); /* IE9 Compat Modes */ src: url('../fonts/oswald-v49-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/oswald-v49-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/oswald-v49-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/oswald-v49-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/oswald-v49-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-regular - latin */@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */ } /* oswald-500 - latin */@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; src: url('../fonts/oswald-v49-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/oswald-v49-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/oswald-v49-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/oswald-v49-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/oswald-v49-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */ } /* COOKIES*/@media (min-width: 1px){ /* Hintergrund gesamter Info-Bereich*/ #redim-cookiehint {background-color:#e1e1e1;} /* Textfarbe des Hinweistextes*/ #redim-cookiehint, #redim-cookiehint a {color:#616161;} /* Textfarbe der Buttons*/ #redim-cookiehint .cookiebuttons .btn {color:#ffffff!important;} /* Textfarbe der Buttons beim Hovern*/ #redim-cookiehint .cookiebuttons .btn:hover {color:#ffffff!important;} /* Hintergrundfarbe der Buttons*/ #redim-cookiehint .cookiebuttons .btn {background-color:#616161!important;} /* Hintergrundfarbe der Buttons beim Hovern*/ #redim-cookiehint .cookiebuttons .btn:hover {background-color:#ef7f00!important;} /* Rahmenfarbe der Buttons*/ #redim-cookiehint .cookiebuttons .btn {border:#4e4e4e 0px solid!important;} } @media (min-width: 886px){ #redim-cookiehint, #redim-cookiehint a, #redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons .btn:hover {font-family:Arial;} #redim-cookiehint {padding:7px 5%; box-sizing:border-box; font-size:14px;} #redim-cookiehint .cookiebuttons .btn {border-radius:3px; font-weight:300; padding:5px 8px!important; font-size:14px; line-height:2.5em; margin-top:2px; margin-bottom:2px; cursor:pointer;} #redim-cookiehint-modal {background-color:rgba(0,0,0,0.75); padding:15%;} #cookiehintinfo {margin-right:12px;} #redim-cookiehint .cookiecontent {font-size:14px!important; line-height:18px; padding-top:6px!important; padding-bottom:12px!important; text-align:center;} #redim-cookiehint .cookiehead {font-size:1.45em; padding:4px 2px 12px 2px;} #redim-cookiehint .cookiebuttons {display:block!important; margin:0 auto; width:345px; float:none!important;} #redim-cookiehint .clr {clear:both;} #redim-cookiehint .cookiebuttons a.btn {text-decoration:none!important; background-image:none!important;} #redim-cookiehint.hidden {display:none; visibility:hidden;} #cookiehintinfo {margin-top:4px; height:18px; padding:6px 8px 2px 8px; font-size:14px; line-height:100%; margin-right:12px; display:block; float:left; border-radius:3px; font-weight:300; margin-bottom:2px; cursor:pointer; border:#616161 1px solid; } } @media (min-width: 370px)and (max-width: 885px){ #redim-cookiehint, #redim-cookiehint a, #redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons .btn:hover {font-family:Arial;} #redim-cookiehint {padding:7px 5%; box-sizing:border-box; font-size:13px;} #redim-cookiehint .cookiebuttons .btn {border-radius:3px; font-weight:300; padding:5px 8px!important; font-size:13px; line-height:2.5em; margin-top:2px; margin-bottom:2px; cursor:pointer;} #redim-cookiehint-modal {background-color:rgba(0,0,0,0.75); padding:15%;} #cookiehintinfo {margin-right:12px;} #redim-cookiehint .cookiecontent {font-size:13px; line-height:18px; padding-top:6px; padding-bottom:12px; text-align:center;} #redim-cookiehint .cookiehead {font-size:1.45em; padding:4px 2px 12px 2px;} #redim-cookiehint .cookiebuttons {display:block!important; margin:0 auto; width:345px; float:none!important;} #redim-cookiehint .clr {clear:both;} #redim-cookiehint .cookiebuttons a.btn {text-decoration:none!important; background-image:none!important;} #redim-cookiehint.hidden {display:none; visibility:hidden;} #cookiehintinfo {margin-top:4px; height:18px; padding:6px 8px 2px 8px; font-size:13px; line-height:100%; margin-right:12px; display:block; float:left; border-radius:3px; font-weight:300; margin-bottom:2px; cursor:pointer; border:#616161 1px solid; } } @media (min-width: 1px)and (max-width: 369px){ #redim-cookiehint, #redim-cookiehint a, #redim-cookiehint .cookiebuttons .btn, #redim-cookiehint .cookiebuttons .btn:hover {font-family:Arial;} #redim-cookiehint {padding:7px 3%; box-sizing:border-box; font-size:13px; text-align:center;} #redim-cookiehint .cookiebuttons .btn {border-radius:3px; font-weight:300; padding:5px 8px!important; font-size:13px; line-height:2.5em; margin-top:2px; margin-bottom:2px; cursor:pointer;} #redim-cookiehint-modal {background-color:rgba(0,0,0,0.75); padding:15%;} #cookiehintinfo {margin-right:12px;} #redim-cookiehint .cookiecontent {font-size:13px; line-height:18px; padding-top:6px; padding-bottom:12px; text-align:center;} #redim-cookiehint .cookiehead {font-size:1.45em; padding:4px 2px 12px 2px;} #redim-cookiehint .cookiebuttons {width:100%; display:block!important; margin:0 auto; float:none!important;} #redim-cookiehint .clr {clear:both;} #redim-cookiehint .cookiebuttons a.btn {text-decoration:none!important; background-image:none!important;} #redim-cookiehint.hidden {display:none; visibility:hidden;} #cookiehintinfo {height:13px; padding:6px 8px 6px 8px; font-size:13px; line-height:100%; display:block; border-radius:3px; font-weight:300; cursor:pointer; border:#616161 1px solid; margin:8px auto; } } /* GRUNDDEFINITIONEN */@media (min-width: 1px){ html {height:101%; margin-bottom: 0px;} form {margin:0; padding:0;} p {margin:0px; padding: 0px;} td {font-family:'Raleway'; font-size:13px; color:#514c4c; margin:0px 0px 0px 0px; text-align:left;} * {margin:0px; padding:0px;} /* LINKS */ a:link {text-decoration:none; color:#ef7f00; outline: 0;} a:visited {text-decoration:none; color:#ef7f00; outline: 0;} a:active {text-decoration:none; color:#ef7f00; outline: 0;} a:hover {text-decoration:none; color:#ef7f00; outline: 0;} a:focus {color:#ef7f00; outline:0;} /* GOTOTOP */ #gototop {width:55px; height:55px; margin:0px 0px 35px 0px; padding:0px; background:url('../images/toppage.png') no-repeat; color:#ffffff;} #gototop:hover {background: url('../images/toppage_hover.png') no-repeat; color:#ffffff;} /* MICROSOFT MOBILE PHONES */ @-ms-viewport {width: device-width;} /* JOOMLA4 ONLY */ .navbar-toggler-right {display:none!important;} .leistungen-container a {color:#455258; text-decoration:none; outline: 0;} .leistungen-container a:hover {color:#455258; text-decoration:none; outline: 0;} .leistungen-box-title a {color:#455258!important; text-decoration:none; outline: 0;} .leistungen-box-title a:hover {color:#455258!important; text-decoration:none; outline: 0;} } /* A L L R E S O L U T I O N S */ .headerbold {color:#455258; margin:14px 0px 0px 0px; font-family:'Raleway'; line-height:14px; font-weight:800; font-style:normal; text-align:left;} .float-end {display:none!important;} /*Classic Menue*/@media (min-width: 1px){ #topmenu {float:right; margin:0px 0px 0px 0px;} #topmenu ul {text-align:left; list-style-type:none; z-index:100;} #topmenu ul li {text-transform:uppercase; margin:0px 0px 0px 0px; float:left; position:relative; z-index:101; } #topmenu li ul {display:block; opacity:0; transition:.5s ease; visibility:hidden; position:absolute; top:0; z-index: 104;} #topmenu li ul li {float:none; padding: 0px; z-index: 105;} #topmenu ul li ul li {text-transform:none!important;} #topmenu li ul li ul {display:none; position:absolute; top:0; z-index:104;} #topmenu li>ul {top:0; left:0; z-index:108;} #topmenu li:hover ul, #topmenu li ul li:hover ul {display:block; transition:.5s ease; opacity:1; visibility:visible;} #topmenu ul li:hover ul ul {display:none; transition:.5s ease; opacity:1;} #topmenu ul li a {transition:.5s ease; opacity:1; display:block; z-index:102;} #topmenu ul li a:hover {transition:.5s ease; opacity:1;} #topmenu ul li#current a {transition:.5s ease; opacity:1;} #topmenu ul li.active a {transition:.5s ease; opacity:1;} #topmenu ul li ul li a {border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #topmenu ul li ul li a:hover {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important; display:block;} #topmenu ul li ul li#current a {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #topmenu ul li ul li.active a {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #topmenu li ul li#current a {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #topmenu ul li a {color:#373737; background:none!important;} #topmenu ul li a:hover {color:#ef7f00; background:none!important;} #topmenu ul li#current a {color:#ef7f00; background:none!important;} #topmenu ul li.active a {color:#ef7f00; background:none!important;} #topmenu ul li ul li a {color:#373737!important; background:#ededdc!important; /*grau*/} #topmenu ul li ul li a:hover {color:#ededdc!important; background:#838d03!important; /*rot*/} #topmenu ul li ul li.active a {color:#ededdc!important; background:#838d03!important; /*knallgrün*/} } /*EU Menue*/@media (min-width: 1px){ #eu_menue {float:left; margin:0px 0px 0px 0px;} #eu_menue ul {text-align:right; list-style-type:none; z-index:100;} #eu_menue ul li {text-transform:uppercase; margin:0px 0px 0px 0px; float:left; position:relative; z-index:101; } #eu_menue li ul {display:block; opacity:0; transition:.5s ease; visibility:hidden; position:absolute; top:0; z-index: 104;} #eu_menue li ul li {float:none; padding: 0px; z-index: 105;} #eu_menue ul li ul li {text-transform:none!important;} #eu_menue li ul li ul {display:none; position:absolute; top:0; z-index:104;} #eu_menue li>ul {top:0; left:0; z-index:108;} #eu_menue li:hover ul, #eu_menue li ul li:hover ul {display:block; transition:.5s ease; opacity:1; visibility:visible;} #eu_menue ul li:hover ul ul {display:none; transition:.5s ease; opacity:1;} #eu_menue ul li a {transition:.5s ease; opacity:1; display:block; z-index:102;} #eu_menue ul li a:hover {transition:.5s ease; opacity:1;} #eu_menue ul li#current a {transition:.5s ease; opacity:1;} #eu_menue ul li.active a {transition:.5s ease; opacity:1;} #eu_menue ul li ul li a {border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #eu_menue ul li ul li a:hover {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important; display:block;} #eu_menue ul li ul li#current a {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #eu_menue ul li ul li.active a {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #eu_menue li ul li#current a {z-index:9999; border-top:#ef7f00 1px solid!important; border-left:#ef7f00 1px solid!important; border-right:#ef7f00 1px solid!important; border-bottom:none!important;} #eu_menue ul li a {color:#373737; background:none!important;} #eu_menue ul li a:hover {color:#ef7f00; background:none!important;} #eu_menue ul li#current a {color:#ef7f00; background:none!important;} #eu_menue ul li.active a {color:#ef7f00; background:none!important;} #eu_menue ul li ul li a {color:#373737!important; background:#ededdc!important; /*grau*/} #eu_menue ul li ul li a:hover {color:#ededdc!important; background:#838d03!important; /*rot*/} #eu_menue ul li ul li.active a {color:#ededdc!important; background:#838d03!important; /*knallgrün*/} } /*Styles */@media (min-width: 1px){ body {color:#455258; font-family:'Raleway'; font-weight:400; font-style:normal; text-align:left; background:#f9f9f9;} .elementor-heading-title {color:#ef7f00; margin:0px 0px 0px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase; } h1 {color:#ef7f00; padding:0px 0px 0px 0px; font-family:'Raleway'; font-style:normal; font-weight:400;} h2 {color:#ef7f00; padding:0px 0px 0px 0px; font-family:'Raleway'; font-style:normal; font-weight:400;} .contentheading1 {color:#3f4141; padding:0px 0px 0px 0px; font-family:'Raleway'; font-style:normal; font-weight:500;} .contentheading2 {color:#3f4141; padding:0px 0px 0px 0px; font-family:'Raleway'; font-style:normal; font-weight:500;} h3 {color:#ef7f00; padding:0px 0px 0px 0px; text-transform:uppercase; font-family:'Raleway'; font-style:normal; font-weight:500;} .moduletable h3 {color:#ef7f00; padding:0px 0px 0px 0px; text-transform:uppercase; font-family:'Raleway'; font-style:normal; font-weight:500;} h4 {color:#ef7f00; text-align:left; font-weight:normal;} .toptitle,.headtitle, .toptitlecolor,.headtitlecolor {color:#ffffff;} #footer01 a, #footer02 a, #footer03 a, #footer04 a {color:#ffffff; text-decoration:none; } #footer01 a:hover, #footer02 a:hover, #footer03 a:hover, #footer04 a:hover {color:#ffffff; text-decoration:underline; } /* easy accordion content */ .jeAcc-title, .jeAcc-title.active, .jeAcc-title:hover{ margin:0px!important; font-size:14px!important; border-radius:3px!important; text-decoration:none!important; padding:3px 8px 3px 28px!important; text-align:left!important; color:#ffffff!important; font-family:'Raleway'!important; font-weight:400!important; font-style:normal!important; border-bottom: 0px solid #3f4f62!important; display:table-cell!important; } .jeAcc-title{ background:#ef7f00 url('../../../images/images-content/design/goicon.png') no-repeat left 8px!important; } .jeAcc-title.active, .jeAcc-title:hover{ background:#cd8008 url('../../../images/images-content/design/goicon.png') no-repeat left 8px!important; } .jeAccordion {border:0px!important;border-radius:0px!important; box-shadow: 0 1px 0px rgba(0,0,0,.0)!important; -webkit-box-shadow: 0 1px 0x rgba(0,0,0,.0)!important; -moz-box-shadow: 0 1px 0px rgba(0,0,0,.0)!important; -o-box-shadow: 0 1px 0x rgba(0,0,0,.0)!important;} .jeAcc-content {padding:0px 0px 0px 0px!important;;} .jeAccordion {color:#455258!important; background:none!important;} .jeAccordion {line-height:1.85714285714286;} /* button */ .buttongetmore a{color:#ffffff!important; } .buttongetmore, .buttongetmore.active, .buttongetmore:hover{ margin:0px!important; font-size:14px!important; border-radius:3px!important; text-decoration:none!important; padding:3px 8px 3px 28px!important; text-align:left!important; color:#ffffff!important; font-family:'Raleway'!important; font-weight:400!important; font-style:normal!important; border-bottom: 0px solid #3f4f62!important; display:table-cell!important; } .buttongetmore{ background:#ef7f00 url('../../../images/images-content/design/goicon.png') no-repeat left 8px!important; } .buttongetmore.active, .buttongetmore:hover{ background:#cd8008 url('../../../images/images-content/design/goicon.png') no-repeat left 8px!important; } } /*COLORS*/@media (min-width: 1px){ /*TEMPLATE HAUPTFARBE orange*/ a.sidr-class-toggle-sidr-close::before, .sidr-menue ul li a:hover, .sidr-menue ul li.current a, .sidr-menue ul li.current a :hover, .sidr-menue ul li.current > a, .sidr-menue ul li.selected > a, .sidr-menue ul li.selected > a:hover, .sidr-menue ul li ul li a:hover, .sidr-menue ul li ul li.active a, .sidr-menue ul li ul li.current a, .sidr-menue ul li ul li.current > a, .elementor-heading-title, .phoneheading, a:link,a:visited,a:active,a:hover {color: #ef7f00;} .dual-container-heading-title {color: #7b7b7b;} #navigation-toggle span.nav-line, .toppage-button,.textmainbox-container1, .textmainbox-container2,.dual-container-cotent-divider {background: #ef7f00;} div.mod-languages img, #navigation-toggle, a.sidr-class-toggle-sidr-close::before {border: #ef7f00 1px solid!important;} #topmenu li ul li:last-child {border-bottom: #ef7f00 1px solid!important;} .textmainbox-colorcontainer2 {background:#ef7f00;} #dark-service-box , #service-box {background:#ef7f00 url("../../../images/images-content/design/calendar-symbol.png");} .toptitle {border-bottom:#ef7f00 2px solid;} .buttoncontent a, .buttoncontent-left a, .buttoncontent-right a {color:#ffffff; background-color:rgba(239, 127, 0, 1.0);} /*Formular*/ .form_description {color:#ef7f00;} .form_description_error, .message_error {color:#ff0000;} .input_box, .input_message_field {color:#000000; background:#ebebec; border:#ebebec 1px solid;} .input_box_error, .input_message_field_error {color:#ff0000; background:#ffcaca; border:#ff0000 1px solid;} .buttonsend {color:#6e6e6e; background:#ebebec; border:#ebebec 1px solid ;} :hover.buttonsend {color:#ffffff; background:#ef7f00; border:#ef7f00 1px solid ;} .send_to, .notice {color:#6e6e6e;} @media (min-width: 636px){ .headline-content-divider::before {border-top: #ef7f00 1px solid;} } @media (max-width: 636px){ .headline-content-divider {border-top: #ef7f00 1px solid;} } /*TEMPLATE HAUPTFARBE orange (dunkel)*/ #team-container a:hover {background:#cd8008;} /*buttons in rgba*/ /*buttons in rgba*/ .buttoncontent a:hover, .buttoncontent-left a:hover, .buttoncontent-right a:hover {color:#ffffff; background-color:rgba(205, 128, 8, 1.0);} /*schwarz*/ #info-frame, #info-frame-dark {background-color:rgba(0,0,0,0);} .leistungen-videobox, .leistungen-imagebox, .leistungen-imagebox2 {background:#ffffff;} /*weiss*/ #navigation-toggle,#navigation,#primarybanner, #banner-mobilbox,#banner-mobil,#image-box,#dark-image-box {background:#ffffff;} .team-box-title,.team-box-subtitle {color:#ffffff;} #box_footer, .sidr-menue ul li {border-bottom:#ffffff 1px solid;} /*hellgrau*/ .footertxt1,.footertitle,.footertxt2 {color:#f9f9f9;} .sidr-menue ul li , .sidr-top {background:#ececec;} #box_container_inner {background:#f9f9f9;} .dual-container-grey-left, .dual-container-grey-left-h, .dual-container-grey-right-hs {background:#ececec;} /*grau2*/ #navigation {border-bottom:#eaeaea 6px solid;} /*grau*/ .contactstypo, #contacts a, #contacts a:hover {color:#9c9e9e!important;} /*dunkelgrau*/ .statustxt,.headline-content-divider-text, .sidr-menue ul li ul li a,.sidr-menue ul li ul li span {color:#7b7b7b;} /*dunkelblaugrau*/ #box_status, #box_footer, .team-imgbox,.team-txtbox {background:#253a47;} .kategorie-segmentbox-title,.kategorie-segmentbox-subtitle, #sidr:target,.sidr-menue ul li a,.sidr-menue ul li span, .sidr-menue ul li.active a {color:#253a47;} /*mittelblaugrau*/ .bodycenter,.bodyleft,.content-listing,.bodyleistungen, .leistungen-box-title,.leistungen-box-subtitle, .bodyright {color:#455258;} } /* color-image */@media (min-width: 1px){ #image-box {position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#ffffff;} #dark-image-box {position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#ffffff;} #info-frame {width:100%; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px;} #info-frame-dark {width:100%; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} /* TEXTMAIN-BOX */ .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #dark-mainimgtxtbox, #mainimgtxtbox, #mainimgcolortxtbox {position:absolute;} .textmaincolorbox {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtcolorbox1 {width:50%;} .innertxtcolorbox1 {width:96%; padding:2%; float:left;} .header-lefttxtcolorbox {width:100%;text-align:right; } .toptitlecolor {hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif; font-weight:700; text-transform:uppercase; } .headtitlecolor {font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .splittxtcolorbox2 {width:50%;} .innertxtcolorbox2 {width:96%; padding:2%; float:left;} .textmainbox-colorcontainer2 {float:left;} .textmainbox-colordivider2 {padding:0px; text-align:left; float:left;} /* SERVICE BOX */ #dark-service-box , #service-box {padding:0px; background-repeat:no-repeat; float:left;} #service-box a {color:#ffffff; text-decoration:none; margin:0px; padding:0px; font-weight:normal;} #service-box a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;} .serviceboxtitle {font-family:"Raleway", Sans-serif; font-weight:300;} } /* R E S P O N S I V */ /*NAVIGATION (LOGO + MENUELEISTE + RESPONSIVE MENUE)*/ @media (min-width: 1719px){ /*responsive menue*/ #sidr {display:none;} #navigation-toggle {display:none;} #box_toggletop {display:none;} #frametoggletop {display:none;} #banner_mobil {display:none;} #logo_mobil {display:none;} #secondarybanner {display:none!important;} /*classic menue*/ #navigation {width:100%; padding:0px; position:fixed; top:0; right:0; left:0; z-index:130; transition: all 0.3s ease 0s;} #primarybanner {width:1250px; padding:0px 20px 0px 20px; margin:0px auto; -webkit-transition: height 0.3s; transition: height 0.3s;} #headerabove1 {width:1250px; height:42px; float:left; transition: all 0.3s ease 0s;} #socials {width:59px; height:28px; margin:7px 10px 7px 0px; float:left;} .imgscalesocialicon {width:18px; height:18px; margin:6px 11px 0px 0px;} #contacts {width:412px; height:28px; margin:7px 11px 7px 0px; float:left;} .contactstypo {font-size:15px; font-weight:300; margin:3px 0px 0px 0px;} #contacts a {} #contacts a:hover {text-decoration:underline!important;} #eu_menue {height:18px; margin:8px 0px 0px 0px; float:right;} #eu_menue ul {font-size:13px; font-family:'Raleway'; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:1px; line-height:13px;} #eu_menue ul li a {padding:0px 0px 0px 0px; margin:1px 0px 0px 27px;} #eu_menue li ul {margin:0px 0px 0px 0px;} #eu_menue li ul li {margin:0px 0px 0px 50px;} .rt-logo-block1 {top:42px; width:411px; height:97px;position:absolute; transition:top 0.3s ease 0s;} .rt-logo-block2 {display:none!important;} a#rt-logo1 {width:411px; height:79px; display:block; margin:0 auto; margin:8px 0px 10px 0px; background: url("../../../images/images-content/design/Logo.jpg") no-repeat scroll!important; transition: all 0.3s ease 0s;} a#rt-logo2 {display:none!important;} #primarymenuebox {width:769px; height:97px; margin:0px 0px 0px 20px; transition: all 0.3s ease 0s; float:right;} #topmenu {margin:0px 0px 0px 0px; float:right;} #topmenu ul {font-size:15px; font-family:'Raleway'; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:2px; line-height:70px;} #topmenu ul li a {padding:0px 0px 0px 0px; margin:0px 0px 0px 33px; text-align:center;} #topmenu li ul {margin:0px 0px 0px 0px;} #topmenu li ul li a {font-size:14px; width:155px; padding:6px 6px 6px 6px; line-height:125%;text-align:center;} #topmenu ul li ul li a {margin:0px 0px 0px 0px; text-align:center;} #topmenu li ul li {margin:0px 0px 0px 50px;} #topmenu ul li ul li:first-child {padding-top:30px;} #topmenu li ul li:last-child {} } @media (min-width: 1420px) and (max-width: 1719px){ /*responsive menue*/ #sidr {display:none;} #navigation-toggle {display:none;} #box_toggletop {display:none;} #frametoggletop {display:none;} #banner_mobil {display:none;} #logo_mobil {display:none;} #secondarybanner {display:none!important;} /*classic menue*/ #navigation {width:100%; padding:0px; position:fixed; top:0; right:0; left:0; z-index:130; transition: all 0.3s ease 0s;} #primarybanner {width:1250px; padding:0px 20px 0px 20px; margin:0px auto; -webkit-transition: height 0.3s; transition: height 0.3s;} #headerabove1 {width:1250px; height:42px; float:left; transition: all 0.3s ease 0s;} #socials {width:59px; height:28px; margin:7px 10px 7px 0px; float:left;} .imgscalesocialicon {width:18px; height:18px; margin:6px 11px 0px 0px;} #contacts {width:412px; height:28px; margin:7px 11px 7px 0px; float:left;} .contactstypo {font-size:15px; font-weight:300; margin:3px 0px 0px 0px;} #contacts a {} #contacts a:hover {text-decoration:underline!important;} #eu_menue {height:18px; margin:8px 0px 0px 0px; float:right;} #eu_menue ul {font-size:13px; font-family:'Raleway'; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:1px; line-height:13px;} #eu_menue ul li a {padding:0px 0px 0px 0px; margin:1px 0px 0px 27px;} #eu_menue li ul {margin:0px 0px 0px 0px;} #eu_menue li ul li {margin:0px 0px 0px 50px;} .rt-logo-block1 {top:42px; width:411px; height:97px;position:absolute; transition:top 0.3s ease 0s;} .rt-logo-block2 {display:none!important;} a#rt-logo1 {width:411px; height:79px; display:block; margin:0 auto; margin:8px 0px 10px 0px; background: url("../../../images/images-content/design/Logo.jpg") no-repeat scroll!important; transition: all 0.3s ease 0s;} a#rt-logo2 {display:none!important;} #primarymenuebox {width:769px; height:97px; margin:0px 0px 0px 20px; transition: all 0.3s ease 0s; float:right;} #topmenu {margin:0px 0px 0px 0px; float:right;} #topmenu ul {font-size:15px; font-family:'Raleway'; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:2px; line-height:70px;} #topmenu ul li a {padding:0px 0px 0px 0px; margin:0px 0px 0px 33px; text-align:center;} #topmenu li ul {margin:0px 0px 0px 0px;} #topmenu li ul li a {font-size:14px; width:155px; padding:6px 6px 6px 6px; line-height:125%;text-align:center;} #topmenu ul li ul li a {margin:0px 0px 0px 0px; text-align:center;} #topmenu li ul li {margin:0px 0px 0px 50px;} #topmenu ul li ul li:first-child {padding-top:30px;} #topmenu li ul li:last-child {} } @media (min-width: 1024px) and (max-width: 1420px){ /*responsive menue*/ #sidr {display:none;} #navigation-toggle {display:none;} #box_toggletop {display:none;} #frametoggletop {display:none;} #banner_mobil {display:none;} #logo_mobil {display:none;} /*classic menue*/ #navigation {width:100%; padding:0px; position:fixed; top:0; right:0; left:0; z-index:130; transition: all 0.3s ease 0s;} #secondarybanner {width:987px; margin:0px auto 13px auto; -webkit-transition:height 0.3s; transition:height 0.3s;} #primarybanner {display:none!important;} #headerabove1 {display:none!important;} #headerabove2 {width:987px; height:42px; float:left; transition: all 0.3s ease 0s;} #socials {width:59px; height:28px; margin:7px 10px 7px 0px; float:left;} .imgscalesocialicon {width:18px; height:18px; margin:6px 11px 0px 0px;} #contacts {width:337px; height:28px; margin:7px 11px 7px 0px; float:left;} .contactstypo {font-size:13px; font-weight:300; margin:5px 0px 0px 0px;} #contacts a {} #contacts a:hover {text-decoration:underline!important;} #eu_menue {height:18px; margin:8px 0px 0px 0px; float:right;} #eu_menue ul {font-size:13px; font-family:'Raleway'; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:0px; line-height:13px;} #eu_menue ul li a {padding:0px 0px 0px 0px; margin:1px 0px 0px 27px;} #eu_menue li ul {margin:0px 0px 0px 0px;} #eu_menue li ul li {margin:0px 0px 0px 50px;} .rt-logo-block1 {display:none!important;} .rt-logo-block2 {top:26px; position:absolute; transition:top 0.3s ease 0s; width:313px; height:100px;} a#rt-logo1 {display:none!important;} a#rt-logo2 {width:313px; height:60px; display:block; margin:0 auto; margin-top:35px; margin-left:0px; margin-right:0px; background:url("../../../images/images-content/design/Logo.jpg") no-repeat scroll!important; background-size: 100% !important; transition: all 0.3s ease 0s;} #secondarymenuebox {width:676px; height:97px; margin:0px 0px 0px 20px; transition: all 0.3s ease 0s; float:right;} #topmenu {margin:0px 0px 0px 0px; float:right;} #topmenu ul {font-size:15px; font-family:'Raleway'; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:2px; line-height:70px;} #topmenu ul li a {padding:0px 0px 0px 0px; margin:0px 0px 0px 33px; text-align:center;} #topmenu li ul {margin:0px 0px 0px 0px;} #topmenu li ul li a {font-size:14px; width:155px; padding:6px 6px 6px 6px; line-height:125%;text-align:center;} #topmenu ul li ul li a {margin:0px 0px 0px 0px; text-align:center;} #topmenu li ul li {margin:0px 0px 0px 50px;} #topmenu ul li ul li:first-child {padding-top:30px;} #topmenu li ul li:last-child {} } @media (min-width: 800px) and (max-width: 1024px){ /* ResponsiveMenue*/ /*MENU*/ /* Rollover-Menü */ /* menue header */ .sidr-top {width:280px; height:70px; opacity:1.0; margin:0px;} /* position: schließen-schaltfläche */ a.sidr-class-toggle-sidr-close {font-family:'Arial'; padding:23px 20px; text-decoration:none; display:block; text-align:right;} a.sidr-class-toggle-sidr-close:hover {text-decoration:none!important;} /* schließen-schaltfläche */ a.sidr-class-toggle-sidr-close::before {font-size:18px; font-weight:bold; padding:3px 8px 6px 10px; margin:0; text-decoration:none; content:"x"; } a.sidr-class-toggle-sidr-close::before:hover {text-decoration:none!important;} /* menue field */ #sidr:target {font-family:'Raleway'; letter-spacing:0px; font-size:18px; width:280px; height:100%; margin:0px; display:block; position:fixed; top:0; z-index:9999; overflow-x:hidden; overflow-y:auto; } /* menue ebene 1 */ .sidr-menue ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } /* menue ebene 1 - Menüpunkte */ .sidr-menue ul li {font-family:'Raleway'; letter-spacing:0px; opacity:1.0; font-size:20px; line-height:48px; margin:0px 0px 0px 0px; padding:0px 0px 0px 12px; display:block;} .sidr-menue ul li a, .sidr-menue ul li span {display:block; text-decoration:none; padding:0px 0px 0px 0px;} .sidr-menue ul li a:hover {padding:0px 0px 0px 0px;} .sidr-menue ul li.active a {padding:0px 0px 0px 0px;} .sidr-menue ul li.current a {padding:0px 0px 0px 0px;} .sidr-menue ul li.current a :hover {} .sidr-menue ul li.current > a {} .sidr-menue ul li.selected > a {} .sidr-menue ul li.selected > a:hover {} /* menue ebene 2 */ .sidr-menue ul li ul {margin:0px; border-bottom:none; display:block;} .sidr-menue ul li ul li {font-family:'Raleway'; letter-spacing:0px; font-size:16px; line-height:40px;} .sidr-menue ul li ul li a, .sidr-menue ul li ul li span {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li a:hover {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.active a {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.current a {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.current > a {} .sidr-menue ul li ul li:last-child {border-bottom: none;} /* menue funktionen */ .sidr-menue li ul {display:block;} .sidr-menue li ul li {float:none; padding:0px 0px 0px 12px; z-index:105;} .sidr-menue li:hover ul, li.over ul {display:block;} /*NAVIGATION (LOGO + MENUELEISTE)*/ #navigation {display:none!important;} #primarybanner {display:none!important;} #secondarybanner {display:none!important;} #headerabove1 {display:none!important;} #socials {display:none!important;} #contacts {display:none!important;} #eu_menue {display:none!important;} .rt-logo-block1 {display:none!important;} .rt-logo-block2 {display:none!important;} a#rt-logo1 {display:none!important;} a#rt-logo2 {display:none!important;} #primarymenuebox {display:none!important;} #secondarymenuebox {display:none!important;} #topmenu {display:none!important;} /*BANNER MOBIL*/ #sidr {display:none;} #banner-mobilbox {width:100%; float:left;} #banner-mobil {width:743px; height:90px; margin:0 auto;} #logo-mobil {width:360px; height:70px; margin:11px 49px 3px 0px; background:url("../../../images/images-content/design/Logo.jpg") no-repeat scroll!important; background-size:100%!important; transition: all 0.3s ease 0s; float:left;} /* toggle */ #box_toggletop {width:48px; height:49px; margin:0px 0px 0px 347px; top:22px; padding:0px; position:absolute; z-index:1; left:50%; transform:translate(-50%, 0%); float:left; } #frametoggletop {width:48px; height:49px; margin:0px 0px 0px 0px; float:left;} #navigation-toggle {font-size:24px; margin:0px 0px 0px 0px; z-index:999; display:block; width:26px; position:relative; padding:12px 10px 7px 10px; border-radius:5px; transition:color linear 0.15s; text-decoration:none !important;} #navigation-toggle span.nav-line {height:3px; width:26px; margin-bottom:5px;display:block;} /*LANGUAGE SELECT*/ #languageselectbox {width:146px; height:49px; margin:17px 0px 0px 297px; float:left;} div.mod-languages a {text-decoration:none; font-size:12px; line-height:12px; height:12px; display:inline-block; width:18px;} div.mod-languages img {padding:15px 14px 16px 14px !important; border-radius:5px;} div.mod-languages li {padding:0px 0px 0px 0px!important; font-size:0px!important; margin:0px 55px 0px 0px!important;} } @media (min-width: 636px) and (max-width: 800px){ /* ResponsiveMenue*/ /*MENU*/ /* Rollover-Menü */ /* menue header */ .sidr-top {width:280px; height:70px; opacity:1.0; margin:0px;} /* position: schließen-schaltfläche */ a.sidr-class-toggle-sidr-close {font-family:'Arial'; padding:23px 20px; text-decoration:none; display:block; text-align:right;} a.sidr-class-toggle-sidr-close:hover {text-decoration:none!important;} /* schließen-schaltfläche */ a.sidr-class-toggle-sidr-close::before {font-size:18px; font-weight:bold; padding:3px 8px 6px 10px; margin:0; text-decoration:none; content:"x"; } a.sidr-class-toggle-sidr-close::before:hover {text-decoration:none!important;} /* menue field */ #sidr:target {font-family:'Raleway'; letter-spacing:0px; font-size:18px; width:280px; height:100%; margin:0px; display:block; position:fixed; top:0; z-index:9999; overflow-x:hidden; overflow-y:auto; } /* menue ebene 1 */ .sidr-menue ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } /* menue ebene 1 - Menüpunkte */ .sidr-menue ul li {font-family:'Raleway'; letter-spacing:0px; opacity:1.0; font-size:20px; line-height:48px; margin:0px 0px 0px 0px; padding:0px 0px 0px 12px; display:block;} .sidr-menue ul li a, .sidr-menue ul li span {display:block; text-decoration:none; padding:0px 0px 0px 0px;} .sidr-menue ul li a:hover {padding:0px 0px 0px 0px;} .sidr-menue ul li.active a {padding:0px 0px 0px 0px;} .sidr-menue ul li.current a {padding:0px 0px 0px 0px;} .sidr-menue ul li.current a :hover {} .sidr-menue ul li.current > a {} .sidr-menue ul li.selected > a {} .sidr-menue ul li.selected > a:hover {} /* menue ebene 2 */ .sidr-menue ul li ul {margin:0px; border-bottom:none; display:block;} .sidr-menue ul li ul li {font-family:'Raleway'; letter-spacing:0px; font-size:16px; line-height:40px;} .sidr-menue ul li ul li a, .sidr-menue ul li ul li span {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li a:hover {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.active a {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.current a {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.current > a {} .sidr-menue ul li ul li:last-child {border-bottom: none;} /* menue funktionen */ .sidr-menue li ul {display:block;} .sidr-menue li ul li {float:none; padding:0px 0px 0px 12px; z-index:105;} .sidr-menue li:hover ul, li.over ul {display:block;} /*NAVIGATION (LOGO + MENUELEISTE)*/ #navigation {display:none!important;} #primarybanner {display:none!important;} #secondarybanner {display:none!important;} #headerabove1 {display:none!important;} #socials {display:none!important;} #contacts {display:none!important;} #eu_menue {display:none!important;} .rt-logo-block1 {display:none!important;} .rt-logo-block2 {display:none!important;} a#rt-logo1 {display:none!important;} a#rt-logo2 {display:none!important;} #primarymenuebox {display:none!important;} #secondarymenuebox {display:none!important;} #topmenu {display:none!important;} /*BANNER MOBIL*/ #sidr {display:none;} #banner-mobilbox {width:100%; float:left;} #banner-mobil {width:589px; height:80px; margin:0 auto;} #logo-mobil {width:309px; height:60px; margin:10px 0px 10px 0px; background:url("../../../images/images-content/design/Logo.jpg") no-repeat scroll!important; background-size:100%!important; transition: all 0.3s ease 0s; float:left;} /* toggle */ #box_toggletop {width:48px; height:49px; top:18px; margin:0px 0px 0px 266px; padding:0px; position:absolute; z-index:1; left:50%; transform:translate(-50%, 0%); float:left;} #frametoggletop {width:48px; height:49px; margin:0px 0px 0px 0px; float:left;} #navigation-toggle {font-size:24px; margin:0px 0px 0px 0px; z-index:999; display:block; width:26px; position:relative; padding:12px 10px 7px 10px; border-radius:5px; transition:color linear 0.15s; text-decoration:none !important;} #navigation-toggle span.nav-line {height:3px; width:26px; margin-bottom:5px;display:block;} /*LANGUAGE SELECT*/ #languageselectbox {width:146px; height:49px; margin:15px 0px 0px 226px; float:left;} div.mod-languages a {text-decoration:none; font-size:12px; line-height:12px; height:12px; display:inline-block; width:18px;} div.mod-languages img {padding:15px 14px 16px 14px !important; border-radius:5px;} div.mod-languages li {padding:0px 0px 0px 0px!important; font-size:0px!important; margin:0px 55px 0px 0px!important;} } @media (max-width: 636px){ /* ResponsiveMenue*/ /*MENU*/ /* Rollover-Menü */ /* menue header */ .sidr-top {width:280px; height:70px; opacity:1.0; margin:0px;} /* position: schließen-schaltfläche */ a.sidr-class-toggle-sidr-close {font-family:'Arial'; padding:23px 20px; text-decoration:none; display:block; text-align:right;} a.sidr-class-toggle-sidr-close:hover {text-decoration:none!important;} /* schließen-schaltfläche */ a.sidr-class-toggle-sidr-close::before {font-size:18px; font-weight:bold; padding:3px 8px 6px 10px; margin:0; text-decoration:none; content:"x"; } a.sidr-class-toggle-sidr-close::before:hover {text-decoration:none!important;} /* menue field */ #sidr:target {font-family:'Raleway'; letter-spacing:0px; font-size:18px; width:280px; height:100%; margin:0px; display:block; position:fixed; top:0; z-index:9999; overflow-x:hidden; overflow-y:auto; } /* menue ebene 1 */ .sidr-menue ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; } /* menue ebene 1 - Menüpunkte */ .sidr-menue ul li {font-family:'Raleway'; letter-spacing:0px; opacity:1.0; font-size:20px; line-height:48px; margin:0px 0px 0px 0px; padding:0px 0px 0px 12px; display:block;} .sidr-menue ul li a, .sidr-menue ul li span {display:block; text-decoration:none; padding:0px 0px 0px 0px;} .sidr-menue ul li a:hover {padding:0px 0px 0px 0px;} .sidr-menue ul li.active a {padding:0px 0px 0px 0px;} .sidr-menue ul li.current a {padding:0px 0px 0px 0px;} .sidr-menue ul li.current a :hover {} .sidr-menue ul li.current > a {} .sidr-menue ul li.selected > a {} .sidr-menue ul li.selected > a:hover {} /* menue ebene 2 */ .sidr-menue ul li ul {margin:0px; border-bottom:none; display:block;} .sidr-menue ul li ul li {font-family:'Raleway'; letter-spacing:0px; font-size:16px; line-height:40px;} .sidr-menue ul li ul li a, .sidr-menue ul li ul li span {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li a:hover {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.active a {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.current a {padding:0px 0px 0px 0px;} .sidr-menue ul li ul li.current > a {} .sidr-menue ul li ul li:last-child {border-bottom: none;} /* menue funktionen */ .sidr-menue li ul {display:block;} .sidr-menue li ul li {float:none; padding:0px 0px 0px 12px; z-index:105;} .sidr-menue li:hover ul, li.over ul {display:block;} /*NAVIGATION (LOGO + MENUELEISTE)*/ #navigation {display:none!important;} #primarybanner {display:none!important;} #secondarybanner {display:none!important;} #headerabove1 {display:none!important;} #socials {display:none!important;} #contacts {display:none!important;} #eu_menue {display:none!important;} .rt-logo-block1 {display:none!important;} .rt-logo-block2 {display:none!important;} a#rt-logo1 {display:none!important;} a#rt-logo2 {display:none!important;} #primarymenuebox {display:none!important;} #secondarymenuebox {display:none!important;} #topmenu {display:none!important;} /*BANNER MOBIL*/ #sidr {display:none;} #banner-mobilbox {width:100%; float:left;} #banner-mobil {width:100%; height:70px; margin:0 auto;} #logo-mobil {width:240px; height:45px; margin:12px 0px 6px 10px; background:url("../../../images/images-content/design/Logo.jpg") no-repeat scroll!important; background-size:100%!important; transition: all 0.3s ease 0s; float:left;} /*TOGGLE*/ #box_toggletop {width:37px; height:36px; top:16px; right:10px; padding:0px; position:absolute; z-index:1; float:left; margin:0px 0px 0px 0px;} #frametoggletop {width:37px; height:36px; margin:0px 0px 0px 0px; float:left;} #navigation-toggle {width:18px; padding:12px 9px 9px 9px; border-radius:10px; font-size:24px; margin:0px 0px 0px 0px; z-index:999; display:block; position:relative; transition:color linear 0.15s; text-decoration:none!important;} #navigation-toggle span.nav-line {height:2px; width:18px; margin-bottom:3px;display:block;} /*LANGUAGE SELECT*/ #languageselectbox {width:146px; height:49px; margin:16px 0px 0px 39px; float:left;} div.mod-languages li {padding:0px 0px 0px 0px!important; margin:0px 35px 0px 0px!important; font-size:0px!important;} div.mod-languages img {padding:12px 9px 12px 10px !important; border-radius:10px;} div.mod-languages a {text-decoration:none; font-size:12px; line-height:12px; height:12px; display:inline-block; width:18px;} } /* COLOR-IMAGE */ @media (min-width: 1921px){ #image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} #dark-image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} /* Image-Box */ #main-image {height:60vh; min-height:639px; max-height:639px;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:-65px;} .mainimagecenter {width:100%; height:100%; margin-top:-277px;} .mainimagebottom {width:100%; height:100%; margin-top:-150px;} /* Text-Box */ #info-frame-dark {width:100%; height:60vh; min-height:639px; max-height:639px; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} #dark-mainimgtxtbox {width:1578px; position:absolute; top:20%; left:50%; margin-left:-789px;} #dark-mainimgtxtboxleft {width:526px; float:left;} #dark-mainimgtxtboxcentre {width:526px; float:left; margin-left:526px;} #dark-mainimgtxtboxright {width:526px; float:left; margin-left:1052px;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; min-height:235px; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 0px 40px 0px; text-align:right; float:right;} .toptitle {font-size:13px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:40px; width:100%; text-align:right;} .headtitle {font-size:60px; line-height:65px; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:right; text-align:right;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:13px; line-height:100%; letter-spacing:4px; padding:18px 24px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } @media (min-width: 1719px) and (max-width: 1921px){ #image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} #dark-image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} /* Image-Box */ #main-image {height:60vh; min-height:539px; max-height:639px;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:-65px;} .mainimagecenter {width:100%; height:100%; margin-top:-195px;} .mainimagebottom {width:100%; height:100%; margin-top:-150px;} /* Text-Box */ #info-frame-dark {width:100%; height:60vh; min-height:539px; max-height:639px; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} #dark-mainimgtxtbox {width:1578px; position:absolute; top:20%; left:50%; margin-left:-789px;} #dark-mainimgtxtboxleft {width:526px; float:left;} #dark-mainimgtxtboxcentre {width:526px; float:left; margin-left:526px;} #dark-mainimgtxtboxright {width:526px; float:left; margin-left:1052px;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; min-height:235px; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 0px 40px 0px; text-align:right; float:right;} .toptitle {font-size:13px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:40px; width:100%; text-align:right;} .headtitle {font-size:60px; line-height:65px; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:right; text-align:right;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:13px; line-height:100%; letter-spacing:4px; padding:18px 24px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } @media (min-width: 1420px) and (max-width: 1719px){ #image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} #dark-image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} /* Image-Box */ #main-image {height:55vh; min-height:439px; max-height:639px;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:-65px;} .mainimagecenter {width:100%; height:100%; margin-top:-180px;} .mainimagebottom {width:100%; height:100%; margin-top:-150px;} /* Text-Box */ #info-frame-dark {width:100%; height:55vh; min-height:439px; max-height:639px;position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} #dark-mainimgtxtbox {width:1278px; position:absolute; top:14%; left:50%; margin-left:-639px;} #dark-mainimgtxtboxleft {width:426px; float:left;} #dark-mainimgtxtboxcentre {width:426px; float:left; margin-left:426px;} #dark-mainimgtxtboxright {width:426px; float:left; margin-left:852px;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; min-height:235px; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 0px 40px 0px; text-align:right; float:right;} .toptitle {font-size:13px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:40px; width:100%; text-align:right;} .headtitle {font-size:60px; line-height:65px; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:right; text-align:right;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:13px; line-height:100%; letter-spacing:4px; padding:18px 24px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } @media (min-width: 1205px) and (max-width: 1420px){ #image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} #dark-image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} /* Image-Box */ #main-image {height:50vh; min-height:405px; max-height:505px;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:-65px;} .mainimagecenter {width:100%; height:100%; margin-top:-115px;} .mainimagebottom {width:100%; height:100%; margin-top:-150px;} /* Text-Box */ #info-frame-dark {width:100%; height:50vh; min-height:405px; max-height:505px; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} #dark-mainimgtxtbox {width:1005px; position:absolute; top:17%; left:50%; margin-left:-502px;} #dark-mainimgtxtboxleft {width:335px; float:left;} #dark-mainimgtxtboxcentre {width:335px; float:left; margin-left:335px;} #dark-mainimgtxtboxright {width:335px; float:left; margin-left:670px;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 0px 40px 0px; text-align:right; float:right;} .toptitle {font-size:13px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:40px; width:100%; text-align:right;} .headtitle {font-size:45px; line-height:50px; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:right; text-align:right;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:13px; line-height:100%; letter-spacing:4px; padding:18px 24px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } @media (min-width: 1024px) and (max-width: 1205px){ #image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} #dark-image-box {margin:138px 0px 0px 0px; position:relative; z-index:1; width:100%; padding:0px; overflow:hidden; float:left; background:#646680;} /* Image-Box */ #main-image {height:50vh; min-height:405px; max-height:505px;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:-65px;} .mainimagecenter {width:100%; height:100%; margin-top:-45px;} .mainimagebottom {width:100%; height:100%; margin-top:-150px;} /* Text-Box */ #info-frame-dark {width:100%; height:50vh; min-height:405px; max-height:505px;position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} #dark-mainimgtxtbox {width:978px; position:absolute; top:18%; left:50%; margin-left:-489px;} #dark-mainimgtxtboxleft {width:326px; float:left;} #dark-mainimgtxtboxcentre {width:326px; float:left; margin-left:326px;} #dark-mainimgtxtboxright {width:326px; float:left; margin-left:652px;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 0px 40px 0px; text-align:right; float:right;} .toptitle {font-size:13px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:40px; width:100%; text-align:right;} .headtitle {font-size:37px; line-height:46px; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:right; text-align:right;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:13px; line-height:100%; letter-spacing:4px; padding:18px 24px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } @media (min-width: 800px) and (max-width: 1024px){ #image-box {margin:0px 0px 0px 0px; float:left;} #dark-image-box {margin:0px 0px 0px 0px; float:left;} /* Image-Box */ #main-image {height:45vh; min-height:406px; max-height:456px;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:-65px;} .mainimagecenter {width:100%; height:100%; margin-top:-35px;} .mainimagebottom {width:100%; height:100%; margin-top:-150px;} /* Text-Box */ #info-frame {width:100%; height:45vh; min-height:406px; max-height:456px; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px;} #mainimgtxtbox {position:absolute; bottom:0%; width:1250px; left:50%; margin-left:-625px;} #mainimgcolortxtbox {position:absolute;} #info-frame-dark {width:100%; height:45vh; min-height:406px; max-height:456px; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} #dark-mainimgtxtbox {width:700px; position:absolute; top:18%; left:50%; margin-left:-350px;} #dark-mainimgtxtboxleft {width:245px; float:left;} #dark-mainimgtxtboxcentre {width:245px; float:left; margin-left:245px;} #dark-mainimgtxtboxright {width:245px; float:left; margin-left:490px;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 0px 40px 0px; text-align:right; float:right;} .toptitle {font-size:11px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:40px; width:100%; text-align:right;} .headtitle {font-size:33px; line-height:42px; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:right; text-align:right;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:12px; line-height:100%; letter-spacing:3px; padding:12px 14px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } @media (min-width: 636px) and (max-width: 800px){ #image-box {margin:0px 0px 0px 0px; float:left;} #dark-image-box {margin:0px 0px 0px 0px; float:left;} /* Image-Box */ #main-image, #info-frame, #info-frame-dark {height:33vh; min-height:360px; max-height:456px;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:-65px;} .mainimagecenter {width:100%; height:100%; margin-top:0px;} .mainimagebottom {width:100%; height:100%; margin-top:-150px;} /* Text-Box */ #info-frame {width:100%; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px;} #mainimgtxtbox {position:absolute; bottom:0%; width:1250px; left:50%; margin-left:-625px;} #mainimgcolortxtbox {position:absolute;} #info-frame-dark {width:100%; position:absolute; z-index:100; top:0%; left:0px; margin:0px; padding:0px; background-color: rgba(0, 0, 0, 0.4);} #dark-mainimgtxtbox {width:600px; position:absolute; bottom:12%; left:50%; margin-left:-300px;} #dark-mainimgtxtboxleft {width:400px; float:left; margin:0px 100px;} #dark-mainimgtxtboxcentre {width:400px; float:left; margin:0px 100px;} #dark-mainimgtxtboxright {width:400px; float:left; margin:0px 100px;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 10% 10px 10%; text-align:center;} .toptitle {font-size:11px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:10px; width:100%; text-align:right;} .headtitle {font-size:30px; line-height:30px; text-align:center; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:left; text-align:center;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:12px; line-height:100%; letter-spacing:3px; padding:12px 14px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } @media (max-width: 636px){ #image-box {margin:0px 0px 0px 0px; float:left;} #dark-image-box {margin:0px 0px 0px 0px; float:left;} /* Image-Box */ #main-image {float:left;} .mainimagenone {width:100%; height:100%; margin-top:0px;} .mainimagetop {width:100%; height:100%; margin-top:0px;} .mainimagecenter {width:100%; height:100%; margin-top:0px;} .mainimagebottom {width:100%; height:100%; margin-top:0px;} /* Text-Box */ #info-frame {display:none;} #mainimgtxtbox {display:none;} #mainimgcolortxtbox {display:none;} #info-frame-dark {display:none;} #dark-mainimgtxtbox {display:none;} #dark-mainimgtxtboxleft {display:none;} #dark-mainimgtxtboxcentre {display:none;} #dark-mainimgtxtboxright {display:none;} .textmainbox {width:100%; margin:0px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .splittxtbox {width:100%; margin-top:0px;} .innertxtbox {width:96%; padding:2%; float:left;} .header-txtbox {margin:0px; text-align:left; float:left; width:100%;} .header-lefttxtboxtop {margin:0px 10% 10px 10%; text-align:center;} .toptitle {font-size:11px; font-weight:700; text-transform:uppercase; line-height:1.8em; letter-spacing:2.8px;hyphens:manual; word-wrap:break-word; font-family:"Raleway", Sans-serif;} .header-lefttxtbox {margin-bottom:10px; width:100%; text-align:right;} .headtitle {font-size:30px; line-height:30px; text-align:center; font-family:"Raleway", Sans-serif; font-weight:500; text-transform:uppercase;} .buttonbox {width:96%; padding:2%; min-height:55px; float:left; text-align:center;} .toppage-button {background:none;} .buttoncontent {margin:10px 0px 0px 0px;} .buttoncontent a {font-size:12px; line-height:100%; letter-spacing:3px; padding:12px 14px; font-family:'Raleway'; font-weight:700; text-align:center; text-transform:uppercase; display:inline; margin:0px 0px 0px 0px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle; outline: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; } .iconsn-data::before {content:"\f08e"; padding-top:1px; padding-right:4px;} .iconsn-arrow::before {content:"\f08b"; padding-top:1px; padding-right:4px;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} } /*MAP*/ @media (min-width: 1719px){ #imagecontainerfull {width:100%; margin:138px 0px 0px 0px; float:left;} .googlemap {width:585px; height:436px;} } @media (min-width: 1420px) and (max-width: 1719px){ #imagecontainerfull {width:100%; margin:138px 0px 0px 0px; float:left;} .googlemap {width:585px; height:436px;} } @media (min-width: 1024px) and (max-width: 1420px){ #imagecontainerfull {width:100%; margin:138px 0px 0px 0px; float:left;} .googlemap {width:481px; height:358px;} } @media (min-width: 800px) and (max-width: 1024px){ #imagecontainerfull {width:100%; margin:0px 0px 0px 0px; float:left;} .googlemap {width:361px; height:361px;} } @media (min-width: 636px) and (max-width: 800px){ #imagecontainerfull {width:100%; margin:0px 0px 0px 0px; float:left;} .googlemap {width:100%; height:321px;} } @media (max-width: 636px){ #imagecontainerfull {width:100%; margin:0px 0px 0px 0px; float:left;} .googlemap {width:100%; height:321px;} } /*VITA-TABELLE*/ @media (min-width: 1719px){ .vitamainbox {width:1052px; margin:0px 74px 0px 74px; float:left;} .vitalinebox {width:1052px; padding:0px 0px 10px 0px; float:left;} .vitadatebox {width:130px; float:left;} .vitadatetxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfobox {width:922px; float:left;} .vitainfotxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfotxt-c {font-family:"Raleway", Sans-serif; font-size:14px; text-align:center; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .bnamenum {line-height:20px; font-size:14px; font-weight:300; text-indent:-25px; margin:0px 0px 15px 20px;} body {counter-reset: ebene1;} .bnamenum:before {content: counter(ebene1) ".)"; counter-increment:ebene1; padding:0px 11px 0px 0px;} } @media (min-width: 1420px) and (max-width: 1719px){ .vitamainbox {width:1052px; margin:0px 74px 0px 74px; float:left;} .vitalinebox {width:1052px; padding:0px 0px 10px 0px; float:left;} .vitadatebox {width:130px; float:left;} .vitadatetxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfobox {width:922px; float:left;} .vitainfotxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfotxt-c {font-family:"Raleway", Sans-serif; font-size:14px; text-align:center; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .bnamenum {line-height:20px; font-size:14px; font-weight:300; text-indent:-25px; margin:0px 0px 15px 20px;} body {counter-reset: ebene1;} .bnamenum:before {content: counter(ebene1) ".)"; counter-increment:ebene1; padding:0px 11px 0px 0px;} } @media (min-width: 1024px) and (max-width: 1420px){ .vitamainbox {width:907px; margin:0px 40px 0px 40px; float:left;} .vitalinebox {width:907px; padding:0px 0px 10px 0px; float:left;} .vitadatebox {width:130px; float:left;} .vitadatetxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfobox {width:777px; float:left;} .vitainfotxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfotxt-c {font-family:"Raleway", Sans-serif; font-size:14px; text-align:center; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .bnamenum {line-height:20px; font-size:14px; font-weight:300; text-indent:-25px; margin:0px 0px 15px 20px;} body {counter-reset: ebene1;} .bnamenum:before {content: counter(ebene1) ".)"; counter-increment:ebene1; padding:0px 11px 0px 0px;} } @media (min-width: 800px) and (max-width: 1024px){ .vitamainbox {width:703px; margin:0px 20px 0px 20px; float:left;} .vitalinebox {width:703px; padding:0px 0px 10px 0px; float:left;} .vitadatebox {width:130px; float:left;} .vitadatetxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfobox {width:573px; float:left;} .vitainfotxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfotxt-c {font-family:"Raleway", Sans-serif; font-size:14px; text-align:center; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .bnamenum {line-height:20px; font-size:14px; font-weight:300; text-indent:-25px; margin:0px 0px 15px 20px;} body {counter-reset: ebene1;} .bnamenum:before {content: counter(ebene1) ".)"; counter-increment:ebene1; padding:0px 11px 0px 0px;} } @media (min-width: 636px) and (max-width: 800px){ .vitamainbox {width:569px; margin:0px 10px 0px 10px; float:left;} .vitalinebox {width:569px; padding:0px 0px 10px 0px; float:left;} .vitadatebox {width:130px; float:left;} .vitadatetxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfobox {width:439px; float:left;} .vitainfotxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfotxt-c {font-family:"Raleway", Sans-serif; font-size:14px; text-align:center; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .bnamenum {line-height:20px; font-size:14px; font-weight:300; text-indent:-25px; margin:0px 0px 15px 20px;} body {counter-reset: ebene1;} .bnamenum:before {content: counter(ebene1) ".)"; counter-increment:ebene1; padding:0px 11px 0px 0px;} } @media (max-width: 636px){ .vitamainbox {width:96%; margin:0px 2% 0px 2%; float:left;} .vitalinebox {width:100%; padding:0px 0px 10px 0px; float:left;} .vitadatebox {width:33.33333%; float:left;} .vitadatetxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfobox {width:66.66666%; float:left;} .vitainfotxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .vitainfotxt-c {font-family:"Raleway", Sans-serif; font-size:14px; text-align:center; font-weight:300; line-height:20px; margin:0px 0px 0px 0px;} .bnamenum {line-height:20px; font-size:14px; font-weight:300; text-indent:-25px; margin:0px 0px 15px 20px;} body {counter-reset: ebene1;} .bnamenum:before {content: counter(ebene1) ".)"; counter-increment:ebene1; padding:0px 11px 0px 0px;} } @media (max-width: 293px){ .vitadatebox {width:85px; float:left;} .vitadatetxt {font-family:"Raleway", Sans-serif; font-size:14px; font-weight:700; line-height:20px; margin:0px 0px 0px 0px;} .elementor-heading-title {font-size:17px!important; line-height:1.0!important;} } /*MAIN-CONTENT-BEREICH*/ @media (min-width: 1719px){ #box_container {width:100%; padding:0px; margin:0px; float:left; } #box_container_inner {width:100%; padding:0px; margin:0px 0px 0px 0px; float:left; } #framecontainer {width:1230px; margin:0 auto; } #content-box {width:1230px; margin:30px 0px 30px 0px; padding:0px 0px 0px 0px; float:left; } #main-content {width:1230px;} } @media (min-width: 1420px) and (max-width: 1719px){ #box_container {width:100%; padding:0px; margin:0px; float:left; } #box_container_inner {width:100%; padding:0px; margin:0px 0px 0px 0px; float:left; } #framecontainer {width:1230px; margin:0 auto; } #content-box {width:1230px; margin:30px 0px 30px 0px; padding:0px 0px 0px 0px; float:left; } #main-content {width:1230px;} } @media (min-width: 1024px) and (max-width: 1420px){ #box_container {width:100%; padding:0px; margin:0px; float:left; } #box_container_inner {width:100%; padding:0px; margin:0px 0px 0px 0px; float:left; } #framecontainer {width:987px; margin:0 auto; } #content-box {width:987px; margin:25px 0px 25px 0px; padding:0px 0px 0px 0px; float:left; } #main-content {width:987px;} } @media (min-width: 800px) and (max-width: 1024px){ #box_container {width:100%; padding:0px; margin:0px; float:left; } #box_container_inner {width:100%; padding:0px; margin:0px 0px 0px 0px; float:left; } #framecontainer {width:743px; margin:0 auto; } #content-box {width:743px; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; float:left; } #main-content {width:743px;} } @media (min-width: 636px) and (max-width: 800px){ #box_container {width:100%; padding:0px; margin:0px; float:left; } #box_container_inner {width:100%; padding:0px; margin:0px 0px 0px 0px; float:left; } #framecontainer {width:589px; margin:0 auto; } #content-box {width:589px; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; float:left; } #main-content {width:589px;} } @media (max-width: 636px){ #box_container {width:100%; padding:0px; margin:0px; float:left; } #box_container_inner {width:100%; padding:0px; margin:0px 0px 0px 0px; float:left; } #framecontainer {width:96%; margin:0% 2% 0% 2%; float:left; } #content-box {width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #main-content {width:100%; float:left;} } /*HEADER CONTENT*/ @media (min-width: 1719px){ .single-content-container {width:1200px; margin:30px 15px 30px 15px; float:left;} .headline-content-container {margin:27px 0px 20px 0px;} .headline-content {padding-top:2px; padding-bottom:2px; text-align:center; } .headline-content-divider {width:346px; margin:0 auto; -webkit-box-align: center; -ms-flex-align:center; align-items:center; margin-center:0; display:-webkit-box; display:-ms-flexbox; display:flex;} .headline-content-divider::before {display:block; content:""; border-bottom:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;} .headline-content-divider-text {font-size:12px; letter-spacing:2px; line-height:1; padding-left:10px; text-transform:uppercase; text-align:center;} .topheadline-heading-container {margin:0px 0px 20px 0px; width:100%; float:left;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; margin:0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .content-center-container {margin:0px 5% 20px 5%; width:90%; float:left;} .bodycenter {font-size:14px; line-height:1.85714285714286; text-align:center; font-family:'Raleway'; font-weight:400; font-style:normal;} body {font-size:14px; line-height:1.85714285714286;} .bodyaccordeon {font-size:14px; line-height:1.85714285714286; margin:0px 0px 12px 0px!important;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; } h1 {font-size:22px; margin:0px 0px 7px 0px;} h2 {font-size:20px; margin:0px 0px 7px 0px;} .contentheading1 {font-size:18px; line-height:23px; margin:18px 0px 1px 0px;} .contentheading2 {font-size:14px; margin:16px 0px 7px 0px; font-weight:700;} h3 {font-size:24px; margin:0px 0px 20px 0px;} .moduletable h3 {font-size:28px; margin:0px 0px 20px 0px;} h4 {font-size:22px; margin:0px 0px 0px 0px;} } @media (min-width: 1420px) and (max-width: 1719px){ .single-content-container {width:1200px; margin:30px 15px 30px 15px; float:left;} .headline-content-container {margin:27px 0px 20px 0px;} .headline-content {padding-top:2px; padding-bottom:2px; text-align:center; } .headline-content-divider {width:346px; margin:0 auto; -webkit-box-align: center; -ms-flex-align:center; align-items:center; margin-center:0; display:-webkit-box; display:-ms-flexbox; display:flex;} .headline-content-divider::before {display:block; content:""; border-bottom:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;} .headline-content-divider-text {font-size:12px; letter-spacing:2px; line-height:1; padding-left:10px; text-transform:uppercase; text-align:center;} .topheadline-heading-container {margin:0px 0px 20px 0px; width:100%; float:left;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; margin:0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .content-center-container {margin:0px 5% 20px 5%; width:90%; float:left;} .bodycenter {font-size:14px; line-height:1.85714285714286; text-align:center; font-family:'Raleway'; font-weight:400; font-style:normal;} body {font-size:14px; line-height:1.85714285714286; margin:0px 0px 7px 0px!important;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; } h1 {font-size:22px; margin:0px 0px 7px 0px;} h2 {font-size:20px; margin:0px 0px 7px 0px;} .contentheading1 {font-size:18px; line-height:23px; margin:18px 0px 1px 0px;} .contentheading2 {font-size:18px; margin:16px 0px 7px 0px;} h3 {font-size:24px; margin:0px 0px 20px 0px;} .moduletable h3 {font-size:28px; margin:0px 0px 20px 0px;} h4 {font-size:22px; margin:0px 0px 0px 0px;} } @media (min-width: 1024px) and (max-width: 1420px){ .single-content-container {width:987px; margin:25px 0px 25px 0px; float:left;} .headline-content-container {margin:22px 0px 18px 0px;} .headline-content {padding-top:2px; padding-bottom:2px; text-align:center; } .headline-content-divider {width:346px; margin:0 auto; -webkit-box-align: center; -ms-flex-align:center; align-items:center; margin-center:0; display:-webkit-box; display:-ms-flexbox; display:flex;} .headline-content-divider::before {display:block; content:""; border-bottom:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;} .headline-content-divider-text {font-size:12px; letter-spacing:2px; line-height:1; padding-left:10px; text-transform:uppercase; text-align:center;} .topheadline-heading-container {margin:0px 0px 20px 0px; width:100%; float:left;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; margin:0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .content-center-container {margin:0px 5% 20px 5%; width:90%; float:left;} .bodycenter {font-size:14px; line-height:1.85714285714286; text-align:center; font-family:'Raleway'; font-weight:400; font-style:normal;} body {font-size:14px; line-height:1.85714285714286; margin:0px 0px 7px 0px!important;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; } h1 {font-size:22px; margin:0px 0px 7px 0px;} h2 {font-size:20px; margin:0px 0px 7px 0px;} .contentheading1 {font-size:18px; line-height:23px; margin:18px 0px 1px 0px;} .contentheading2 {font-size:14px; margin:14px 0px 1px 0px; font-weight:700;} h3 {font-size:24px; margin:0px 0px 20px 0px;} .moduletable h3 {font-size:28px; margin:0px 0px 20px 0px;} h4 {font-size:22px; margin:0px 0px 0px 0px;} } @media (min-width: 800px) and (max-width: 1024px){ .single-content-container {width:743px; margin:20px 0px 20px 0px; float:left;} .headline-content-container {margin:22px 0px 18px 0px;} .headline-content {padding-top:2px; padding-bottom:2px; text-align:center; } .headline-content-divider {width:346px; margin:0 auto; -webkit-box-align: center; -ms-flex-align:center; align-items:center; margin-center:0; display:-webkit-box; display:-ms-flexbox; display:flex;} .headline-content-divider::before {display:block; content:""; border-bottom:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;} .headline-content-divider-text {font-size:12px; letter-spacing:2px; line-height:1; padding-left:10px; text-transform:uppercase; text-align:center;} .topheadline-heading-container {margin:0px 0px 20px 0px; width:100%; float:left;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; margin:0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .content-center-container {margin:0px 5% 20px 5%; width:90%; float:left;} .bodycenter {font-size:14px; line-height:1.65; text-align:center; font-family:'Raleway'; font-weight:400; font-style:normal;} body {font-size:14px; line-height:1.65; margin:0px 0px 7px 0px!important;} .elementor-heading-title {font-size:2.5rem; line-height:1.1; } h1 {font-size:22px; margin:0px 0px 7px 0px;} h2 {font-size:20px; margin:0px 0px 7px 0px;} .contentheading1 {font-size:20px; line-height:24px; margin:18px 0px 1px 0px;} .contentheading2 {font-size:18px; margin:16px 0px 7px 0px;} h3 {font-size:24px; margin:0px 0px 20px 0px;} .moduletable h3 {font-size:28px; margin:0px 0px 20px 0px;} h4 {font-size:22px; margin:0px 0px 0px 0px;} } @media (min-width: 636px) and (max-width: 800px){ .single-content-container {width:589px; margin:20px 0px 20px 0px; float:left;} .headline-content-container {margin:24px 0px 18px 0px;} .headline-content {padding-top:2px; padding-bottom:2px; text-align:center; } .headline-content-divider {width:306px; margin:0 auto; -webkit-box-align: center; -ms-flex-align:center; align-items:center; margin-center:0; display:-webkit-box; display:-ms-flexbox; display:flex;} .headline-content-divider::before {display:block; content:""; border-bottom:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;} .headline-content-divider-text {font-size:12px; letter-spacing:2px; line-height:1; padding-left:10px; text-transform:uppercase; text-align:center;} .topheadline-heading-container {margin:0px 0px 20px 0px; width:100%; float:left;} .elementor-heading-title {font-size:2.0rem; line-height:1.1; margin:0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .content-center-container {margin:0px 30px 20px 30px; width:529px; float:left;} .bodycenter {font-size:14px; line-height:1.65; text-align:center; font-family:'Raleway'; font-weight:400; font-style:normal;} body {font-size:14px; line-height:1.65; margin:0px 0px 7px 0px!important;} .elementor-heading-title {font-size:2.0rem; line-height:1.1; } h1 {font-size:20px; margin:0px 0px 7px 0px;} h2 {font-size:18px; margin:0px 0px 7px 0px;} .contentheading1 {font-size:18px; line-height:23px; margin:18px 0px 1px 0px;} .contentheading2 {font-size:14px; margin:14px 0px 7px 0px; font-weight:700;} h3 {font-size:22px; margin:0px 0px 18px 0px;} .moduletable h3 {font-size:24px; margin:0px 0px 18px 0px;} h4 {font-size:20px; margin:0px 0px 0px 0px;} } @media (max-width: 636px){ .single-content-container {width:96%; margin:20px 2% 20px 2%; float:left;} .headline-content-container {margin:20px 0px 16px 0px;} .headline-content {padding-top:2px; padding-bottom:2px; text-align:center; } .headline-content-divider {width:47%; margin:0 auto; padding-top:6px;} .headline-content-divider::before {} .headline-content-divider-text {font-size:13px; letter-spacing:2px; line-height:1; padding-left:0px; text-transform:uppercase; text-align:center;} .topheadline-heading-container {width:100%; margin:0px 0px 20px 0px; float:left;} .elementor-heading-title {margin:0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .content-center-container {width:100%; margin:0px 0px 20px 0px; float:left;} .bodycenter {font-size:16px; line-height:1.65; text-align:center; font-family:'Raleway'; font-weight:400; font-style:normal;} body {font-size:16px; line-height:1.65; margin:0px 0px 7px 0px!important;} .elementor-heading-title {font-size:29px; line-height:1.1; } h1 {font-size:20px; margin:0px 0px 7px 0px;} h2 {font-size:18px; margin:0px 0px 7px 0px;} .contentheading1 {font-size:18px; line-height:23px; margin:18px 0px 1px 0px;} .contentheading2 {font-size:14px; margin:14px 0px 7px 0px; font-weight:700;} h3 {font-size:22px; margin:0px 0px 18px 0px;} .moduletable h3 {font-size:24px; margin:0px 0px 18px 0px;} h4 {font-size:20px; margin:0px 0px 0px 0px;} } @media (max-width: 443px){ .headline-content-divider {width:77%; margin:0 auto; padding-top:6px;} } /*DOPPEL-INHALT (Text & Bild)*/ @media (min-width: 1719px){ /*height 530px*/ .dual-content-container {width:1200px; margin:30px 15px 30px 15px; float:left;} .dual-container-grey-left {width:466px; height:530px; padding:0px 83px 0px 51px; float:left;} .dual-container-contentbox {height:530px; display:table-cell; vertical-align:middle;} .dual-container-heading-title {font-size:23px; line-height:30px; margin:0px 0px 15px 0px; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .bodyleft {font-size:14px; line-height:1.85714285714286; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .dual-container-cotent-divider {width:133px; margin:16px 333px 15px 0px; height:1px; } .content-listing {line-height:18px; margin:2px 0px 2px 0px; padding:2px 0px 12px 20px; text-align:left; background:url('../../../images/images-content/design/kreisinpoint.png') no-repeat left 3px;} .mailheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingmail.png') no-repeat left 3px;} .phoneheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingphone.png') no-repeat left 3px;} .dual-container-right {width:530px; height:530px; margin:0px 0px 0px 70px; float:left;} .dual-container-imagebox {height:530px; display:table-cell; vertical-align:middle;} .imagebox-imagescale {width:530px; height:530px;} /*height 436px*/ .dual-content-container-h {width:1200px; height:436px; margin:15px 15px 15px 15px; float:left;} .dual-container-grey-left-h {width:525px; height:436px; padding:0px 30px 0px 30px; margin:0px 15px 0px 0px; float:left;} .dual-container-contentbox-h {height:436px; display:table-cell; vertical-align:middle;} .dual-container-right-h {width:585px; height:436px; margin:0px 0px 0px 15px; float:left;} .dual-container-imagebox-h {height:436px; display:table-cell; vertical-align:middle;} .imagebox-imagescale-h {width:585px; height:436px;} /*height 436px - Spiegel*/ .dual-container-left-hs {width:585px; height:436px; margin:0px 15px 0px 0px; float:left;} .dual-container-grey-right-hs {width:525px; height:436px; padding:0px 30px 0px 30px; margin:0px 0px 0px 15px; float:right;} } @media (min-width: 1420px) and (max-width: 1719px){ /*height 530px*/ .dual-content-container {width:1200px; margin:30px 15px 30px 15px; float:left;} .dual-container-grey-left {width:466px; height:530px; padding:0px 83px 0px 51px; float:left;} .dual-container-contentbox {height:530px; display:table-cell; vertical-align:middle;} .dual-container-heading-title {font-size:23px; line-height:30px; margin:0px 0px 15px 0px; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .bodyleft {font-size:14px; line-height:1.85714285714286; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .dual-container-cotent-divider {width:133px; margin:20px 333px 20px 0px; height:1px; } .content-listing {line-height:18px; margin:2px 0px 2px 0px; padding:2px 0px 12px 20px; text-align:left; background:url('../../../images/images-content/design/kreisinpoint.png') no-repeat left 3px;} .mailheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingmail.png') no-repeat left 3px;} .phoneheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingphone.png') no-repeat left 3px;} .dual-container-right {width:530px; height:530px; margin:0px 0px 0px 70px; float:left;} .dual-container-imagebox {height:530px; display:table-cell; vertical-align:middle;} .imagebox-imagescale {width:530px; height:530px;} /*height 436px*/ .dual-content-container-h {width:1200px; height:436px; margin:15px 15px 15px 15px; float:left;} .dual-container-grey-left-h {width:525px; height:436px; padding:0px 30px 0px 30px; margin:0px 15px 0px 0px; float:left;} .dual-container-contentbox-h {height:436px; display:table-cell; vertical-align:middle;} .dual-container-right-h {width:585px; height:436px; margin:0px 0px 0px 15px; float:left;} .dual-container-imagebox-h {height:436px; display:table-cell; vertical-align:middle;} .imagebox-imagescale-h {width:585px; height:436px;} /*height 436px - Spiegel*/ .dual-container-left-hs {width:585px; height:436px; margin:0px 15px 0px 0px; float:left;} .dual-container-grey-right-hs {width:525px; height:436px; padding:0px 30px 0px 30px; margin:0px 0px 0px 15px; float:right;} } @media (min-width: 1024px) and (max-width: 1420px){ /*height 530px*/ .dual-content-container {width:987px; margin:25px 0px 25px 0px; float:left;} .dual-container-grey-left {width:368px; height:530px; padding:0px 50px 0px 50px; float:left;} .dual-container-contentbox {height:530px; display:table-cell; vertical-align:middle;} .dual-container-heading-title {font-size:23px; line-height:30px; margin:0px 0px 15px 0px; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .bodyleft {font-size:14px; line-height:1.65; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .dual-container-cotent-divider {width:130px; margin:17px 0px 17px 0px; height:1px; } .content-listing {line-height:18px; margin:2px 0px 2px 0px; padding:2px 0px 8px 20px; text-align:left; background:url('../../../images/images-content/design/kreisinpoint.png') no-repeat left 3px; } .mailheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingmail.png') no-repeat left 3px;} .phoneheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingphone.png') no-repeat left 3px;} .dual-container-right {width:458px; height:530px; margin:0px 0px 0px 50px; float:left;} .dual-container-imagebox {height:530px; display:table-cell; vertical-align:middle; overflow:hidden;} .imagebox-imagescale {width:530px; height:530px; margin-left: -62px;} /*height 358px*/ .dual-content-container-h {width:987px; height:358px; margin:15px 0px 15px 0px; float:left;} .dual-container-grey-left-h {width:431px; height:358px; padding:0px 25px 0px 25px; margin:0px 13px 0px 0px; float:left;} .dual-container-contentbox-h {height:358px; display:table-cell; vertical-align:middle;} .dual-container-right-h {width:481px; height:358px; margin:0px 0px 0px 12px; float:left;} .dual-container-imagebox-h {height:358px; display:table-cell; vertical-align:middle;} .imagebox-imagescale-h {width:481px; height:358px;} /*height 358px - Spiegel*/ .dual-container-left-hs {width:481px; height:358px; margin:0px 13px 0px 0px; float:left;} .dual-container-grey-right-hs {width:431px; height:358px; padding:0px 25px 0px 25px; margin:0px 0px 0px 12px; float:right;} } @media (min-width: 800px) and (max-width: 1024px){ /*height 530px*/ .dual-content-container {width:743px; margin:20px 0px 20px 0px; float:left;} .dual-container-grey-left {width:306px; height:500px; padding:0px 20px 0px 20px; margin-right:25px; float:left;} .dual-container-contentbox {height:500px; display:table-cell; vertical-align:middle;} .dual-container-heading-title {font-size:21px; line-height:27px; margin:0px 0px 10px 0px; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .bodyleft {font-size:14px; line-height:1.65; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .dual-container-cotent-divider {width:120px; margin:5px 186px 5px 0px; height:0px; } .content-listing {line-height:18px; margin:2px 0px 2px 0px; padding:2px 0px 8px 20px; text-align:left; background:url('../../../images/images-content/design/kreisinpoint.png') no-repeat left 3px; } .mailheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingmail.png') no-repeat left 3px;} .phoneheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingphone.png') no-repeat left 3px;} .dual-container-right {width:346px; height:500px; margin:0px 0px 0px 25px; float:left;} .dual-container-imagebox {height:500px; display:table-cell; vertical-align:middle; overflow:hidden;} .imagebox-imagescale {width:500px; height:500px; margin-left:-77px;} /*height 270px*/ .dual-content-container-h {width:743px; margin:7px 0px 8px 0px; float:left;} .dual-container-grey-left-h {width:324px; height:321px; padding:20px 20px 20px 19px; margin:0px 7px 0px 0px; float:left;} .dual-container-contentbox-h {height:321px; display:table-cell; vertical-align:middle;} .dual-container-right-h {width:363px; height:361px; margin:0px 0px 0px 8px; overflow:hidden; float:left;} .dual-container-imagebox-h {height:321px; display:table-cell; vertical-align:middle;} .imagebox-imagescale-h {width:485px; height:100%; margin-left:-65px;} /*height 270px - Spiegel*/ .dual-container-left-hs {width:363px; height:361px; margin:0px 0px 0px 0px; overflow: hidden; float:left;} .dual-container-grey-right-hs {width:324px; height:321px; padding:20px 19px 20px 20px; margin:0px 2px 0px 0px; float:right;} } @media (min-width: 636px) and (max-width: 800px){ /*height 530px*/ .dual-content-container {width:529px; margin:20px 30px 20px 30px; float:left;} .dual-container-grey-left {width:449px; height:529px; padding:0px 40px 0px 40px; margin:0px; float:left;} .dual-container-contentbox {height:529px; display:table-cell; vertical-align:middle;} .dual-container-heading-title {font-size:23px; line-height:30px; margin:0px 0px 15px 0px; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .bodyleft {font-size:14px; line-height:1.85714285714286; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .dual-container-cotent-divider {width:133px; margin:5px 296px 5px 0px; height:0px;} .content-listing {line-height:18px; margin:2px 0px 2px 0px; padding:2px 0px 12px 20px; text-align:left; background:url('../../../images/images-content/design/kreisinpoint.png') no-repeat left 3px;} .mailheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingmail.png') no-repeat left 3px;} .phoneheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingphone.png') no-repeat left 3px;} .dual-container-right {width:529px; height:529px; margin:20px 0px 0px 0px; float:left;} .dual-container-imagebox {height:529px; display:table-cell; vertical-align:middle;} .imagebox-imagescale {width:529px; height:529px;} /*height 436px*/ .dual-content-container-h {width:529px; margin:15px 30px 15px 30px; float:left;} .dual-container-grey-left-h {width:469px; padding:20px 30px 20px 30px; margin:0px 0px 30px 0px; float:left;} .dual-container-contentbox-h {display:table-cell; vertical-align:middle;} .dual-container-right-h {width:529px; margin:0px 0px 0px 0px; float:left;} .dual-container-imagebox-h {vertical-align:middle;} .imagebox-imagescale-h {width:529px; height:100%;} /*height 436px - Spiegel*/ .dual-container-left-hs {width:529px; margin:0px 0px 30px 0px; float:left;} .dual-container-grey-right-hs {width:469px; padding:20px 30px 20px 30px; margin:0px 0px 30px 0px; float:right;} } @media (max-width: 636px){ /*height 530px*/ .dual-content-container {width:96%; margin:0px 2% 0px 2%; float:left;} .dual-container-grey-left {width:90%; padding:0px 5% 0px 5%; margin:0px; float:left;} .dual-container-contentbox {padding: 20px 0px 20px 0px; display:table-cell; vertical-align:middle;} .dual-container-heading-title {font-size:23px; line-height:30px; margin:0px 0px 15px 0px; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .bodyleft {font-size:14px; line-height:1.85714285714286; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .dual-container-cotent-divider {width:50%; margin:5px 0px; height:0px;} .content-listing {font-size:14px; line-height:22px; margin:2px 0px 2px 0px; padding:2px 0px 12px 20px; text-align:left; background:url('../../../images/images-content/design/kreisinpoint.png') no-repeat left 3px;} .mailheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingmail.png') no-repeat left 3px;} .phoneheading {font-size:21px; line-height:31px; margin:12px 0px 2px 0px; padding:2px 0px 19px 45px; text-align:left; background:url('../../../images/images-content/design/iconheadingphone.png') no-repeat left 3px;} .dual-container-right {width:100%; margin:20px 0px 0px 0px; float:left;} .dual-container-imagebox {height:100%; display:table-cell; vertical-align:middle;} .imagebox-imagescale {width:100%; height:100%;} /*height 436px*/ .dual-content-container-h {width:96%; margin:15px 2% 15px 2%; float:left;} .dual-container-grey-left-h {width:90%; padding:20px 5% 20px 5%; margin:0px 0px 30px 0px; float:left;} .dual-container-contentbox-h {padding: 20px 0px 20px 0px; display:table-cell; vertical-align:middle;} .dual-container-right-h {width:100%; margin:0px 0px 0px 0px; float:left;} .dual-container-imagebox-h {height:100%; vertical-align:middle;} .imagebox-imagescale-h {width:100%; height:100%;} /*height 436px - Spiegel*/ .dual-container-left-hs {width:100%; margin:0px 0px 0px 0px; float:left;} .dual-container-grey-right-hs {width:90%; padding:20px 5% 20px 5%; margin:0px 0px 30px 0px; float:right;} } /*LEISTUNGEN*/ @media (min-width: 1719px){ .leistungen-container {width:1200px; margin:30px 15px 30px 15px; float:left;} .leistungen-txtbox {width:570px; margin:0px 30px 0px 0px; float:left;} .leistungen-titelbox1 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box1-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox2 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box2-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox3 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box3-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox4 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box4-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox5 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box5-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox6 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box6-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-box-title {font-size:28px; margin:3px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:700; text-transform:uppercase; } .leistungen-box-subtitle {font-size:28px; margin:0px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase; } .zitat1 {font-size:14px; line-height:20px; margin:10px 0px 10px 0px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:600;} .zitat2 {font-size:14px; line-height:20px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:400;} .bodyleistungen {font-size:14px; line-height:23.5px; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .leistungen-contentbox {width:570px; margin:10px 0px 0px 0px; float:left;} .leistungen-imagebox {width:570px; height:325px; margin:0px 0px 0px 30px; float:right;} .leistungen-videobox {width:570px; height:325px; margin:0px 0px 0px 30px; float:right;} .leistungen-imagescale {width:570px; height:325px;} /*LEISTUNGEN - SPIEGEL*/ .leistungen-txtbox2 {width:570px; margin:0px 0px 0px 30px; float:right;} .leistungen-imagebox2 {width:570px; height:325px; margin:0px 30px 0px 0px; float:left;} } @media (min-width: 1420px) and (max-width: 1719px){ .leistungen-container {width:1200px; margin:30px 15px 30px 15px; float:left;} .leistungen-txtbox {width:570px; margin:0px 30px 0px 0px; float:left;} .leistungen-titelbox1 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box1-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox2 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box2-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox3 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box3-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox4 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box4-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox5 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box5-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox6 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box6-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-box-title {font-size:28px; margin:3px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:700; text-transform:uppercase; } .leistungen-box-subtitle {font-size:28px; margin:0px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase; } .zitat1 {font-size:14px; line-height:20px; margin:10px 0px 10px 0px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:600;} .zitat2 {font-size:14px; line-height:20px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:400;} .bodyleistungen {font-size:14px; line-height:22px; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .leistungen-contentbox {width:570px; margin:10px 0px 0px 0px; float:left;} .leistungen-imagebox {width:570px; height:325px; margin:0px 0px 0px 30px; float:right;} .leistungen-videobox {width:570px; height:325px; margin:0px 0px 0px 30px; float:right;} .leistungen-imagescale {width:570px; height:325px;} /*LEISTUNGEN - SPIEGEL*/ .leistungen-txtbox2 {width:570px; margin:0px 0px 0px 30px; float:right;} .leistungen-imagebox2 {width:570px; height:325px; margin:0px 30px 0px 0px; float:left;} } @media (min-width: 1024px) and (max-width: 1420px){ .leistungen-container {width:987px; margin:20px 0px 20px 0px; float:left;} .leistungen-txtbox {width:478px; margin:0px 8px 0px 0px; float:left;} .leistungen-titelbox1 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box1-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox2 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box2-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox3 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box3-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox4 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box4-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox5 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box5-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox6 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box6-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-box-title {font-size:24px; margin:8px 0px 2px 75px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:700; text-transform:uppercase; } .leistungen-box-subtitle {font-size:24px; margin:0px 0px 2px 75px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase; } .zitat1 {font-size:13px; line-height:18px; margin:0px 0px 8px 0px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:600;} .zitat2 {font-size:13px; line-height:18px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:400;} .bodyleistungen {font-size:13px; line-height:18px; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .leistungen-contentbox {width:478px; margin:8px 0px 0px 0px; float:left;} .leistungen-imagebox {width:478px; height:273px; margin:0px 0px 0px 7px; float:right;} .leistungen-videobox {width:478px; height:273px; margin:0px 0px 0px 7px; float:right;} .leistungen-imagescale {width:478px; height:273px;} /*LEISTUNGEN - SPIEGEL*/ .leistungen-txtbox2 {width:478px; margin:0px 0px 0px 7px; float:right;} .leistungen-imagebox2 {width:478px; height:273px; margin:0px 8px 0px 0px; float:left;} } @media (min-width: 800px) and (max-width: 1024px){ .leistungen-container {width:743px; margin:10px 0px 30px 0px; float:left;} .leistungen-txtbox {width:743px; margin:0px 0px 10px 0px; float:left;} .leistungen-titelbox1 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box1-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox2 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box2-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox3 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box3-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox4 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box4-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox5 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box5-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox6 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box6-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-box-title {font-size:28px; margin:3px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:700; text-transform:uppercase; } .leistungen-box-subtitle {font-size:28px; margin:0px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase; } .zitat1 {font-size:14px; line-height:20px; margin:10px 0px 10px 0px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:600;} .zitat2 {font-size:14px; line-height:20px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:400;} .bodyleistungen {font-size:14px; line-height:23.5px; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .leistungen-contentbox {width:743px; margin:10px 0px 0px 0px; float:left;} .leistungen-imagebox {width:743px; height:424px; margin:5px 0px 30px 0px; float:right;} .leistungen-videobox {width:743px; height:424px; margin:5px 0px 30px 0px; float:right;} .leistungen-imagescale {width:743px; height:424px;} /*LEISTUNGEN - SPIEGEL*/ .leistungen-txtbox2 {width:743px; margin:0px 0px 10px 0px; float:left;} .leistungen-imagebox2 {width:743px; height:424px; margin:5px 0px 30px 0px; float:right;} } @media (min-width: 636px) and (max-width: 800px){ .leistungen-container {width:589px; margin:10px 0px 30px 0px; float:left;} .leistungen-txtbox {width:589px; margin:0px 0px 10px 0px; float:left;} .leistungen-titelbox1 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box1-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox2 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box2-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox3 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box3-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox4 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box4-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox5 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box5-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox6 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box6-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-box-title {font-size:26px; margin:4px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:700; text-transform:uppercase; } .leistungen-box-subtitle {font-size:26px; margin:0px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase; } .zitat1 {font-size:14px; line-height:20px; margin:10px 0px 10px 0px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:600;} .zitat2 {font-size:14px; line-height:20px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:400;} .bodyleistungen {font-size:14px; line-height:23.5px; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .leistungen-contentbox {width:589px; margin:5px 0px 0px 0px; float:left;} .leistungen-imagebox {width:589px; height:336px; margin:5px 0px 30px 0px; float:right;} .leistungen-videobox {width:589px; height:336px; margin:5px 0px 30px 0px; float:right;} .leistungen-imagescale {width:589px; height:336px;} /*LEISTUNGEN - SPIEGEL*/ .leistungen-txtbox2 {width:589px; margin:0px 0px 10px 0px; float:left;} .leistungen-imagebox2 {width:589px; height:336px; margin:5px 0px 30px 0px; float:right;} } @media (max-width: 636px){ .leistungen-container {width:100%; margin:10px 0px 30px 0px; float:left;} .leistungen-txtbox {width:100%; margin:0px 0px 10px 0px; float:left;} .leistungen-titelbox1 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box1-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox2 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box2-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox3 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box3-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox4 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box4-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox5 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box5-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-titelbox6 {width:322px; height:64px; background: url(../../../images/images-content/design/icon-box6-big.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .leistungen-box-title {font-size:26px; margin:4px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:700; text-transform:uppercase; } .leistungen-box-subtitle {font-size:26px; margin:0px 0px 2px 80px; line-height:1.0; text-align:left; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase; } .zitat1 {font-size:15px; line-height:20px; margin:10px 0px 10px 0px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:600;} .zitat2 {font-size:15px; line-height:20px; text-align:left; font-style: italic; font-family:'Raleway'; font-weight:400;} .bodyleistungen {font-size:16px; line-height:1.85714285714286; text-align:left; font-family:'Raleway'; font-weight:400; font-style:normal;} .leistungen-contentbox {width:100%; margin:5px 0px 0px 0px; float:left;} .leistungen-imagebox {width:100%; height:100%; margin:5px 0px 30px 0px; float:right;} .leistungen-videobox {width:100%; height:100%; margin:5px 0px 30px 0px; float:right;} .leistungen-imagescale {width:100%; height:100%; margin-bottom: -4px !important;} /*LEISTUNGEN - SPIEGEL*/ .leistungen-txtbox2 {width:100%; margin:0px 0px 10px 0px; float:left;} .leistungen-imagebox2 {width:100%; height:100%; margin:5px 0px 30px 0px; float:right;} } /*TEAM*/ @media (min-width: 1719px){ /* container */ #team-container {margin-bottom:30px; float:left;} .team-box {width:593px; margin:0px 11px 0px 11px; float:left;} .team-imgbox {width:593px; height:275px; margin:0px 0px 0px 0px; float:left;} .imgteamscale {width:593px; height:275px;} .team-txtbox {width:563px; padding:15px 15px 15px 15px; border-radius: 0px 0px 25px 25px;margin:0px 0px 0px 0px; float:left;} .teamboxinfo {position:absolute; z-index:1; width:282px; height:64px; margin:274px 0px 0px 155px; display:block;} .team-box-title {font-size:14px; line-height:14px; margin:9px 0px 5px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .team-box-subtitle {font-size:13px; line-height:15px; margin:0px 0px 0px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:300;} .vitatxtbox {background:#ffffff; border-radius:15px; margin:25px 0px 0px 0px; padding:15px;} .vita-text {font-size:14px; line-height:1.85714285714286; margin:0px 0px 12px 0px!important;} /* column */ .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:3; -moz-column-count:3; column-count:3;} .blog-items.masonry-4 {-webkit-column-count:4;-moz-column-count:4;column-count:4;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px;} .blog-items {width:100%; padding:0;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {display:inline-flex; margin-bottom:0px!important; break-inside:avoid;} .blog-items .blog-item {float:left} .blog-item {flex-direction:column; overflow:hidden;} /* leading */ .item-content {margin:0px 0px 0px 0px;} } @media (min-width: 1420px) and (max-width: 1719px){ /* container */ #team-container {margin-bottom:30px; float:left;} .team-box {width:593px; margin:0px 11px 0px 11px; float:left;} .team-imgbox {width:593px; height:275px; margin:0px 0px 0px 0px; float:left;} .imgteamscale {width:593px; height:275px;} .team-txtbox {width:563px; padding:15px 15px 15px 15px; border-radius: 0px 0px 25px 25px;margin:0px 0px 0px 0px; float:left;} .teamboxinfo {position:absolute; z-index:1; width:282px; height:64px; margin:274px 0px 0px 155px; display:block;} .team-box-title {font-size:14px; line-height:14px; margin:9px 0px 5px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .team-box-subtitle {font-size:13px; line-height:15px; margin:0px 0px 0px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:300;} .vitatxtbox {background:#ffffff; border-radius:15px; margin:25px 0px 0px 0px; padding:15px;} .vita-text {font-size:14px; line-height:1.85714285714286; margin:0px 0px 12px 0px!important;} /* column */ .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:3; -moz-column-count:3; column-count:3;} .blog-items.masonry-4 {-webkit-column-count:4;-moz-column-count:4;column-count:4;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px;} .blog-items {width:100%; padding:0;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {display:inline-flex; margin-bottom:0px!important; break-inside:avoid;} .blog-items .blog-item {float:left} .blog-item {flex-direction:column; overflow:hidden;} /* leading */ .item-content {margin:0px 0px 0px 0px;} } @media (min-width: 1024px) and (max-width: 1420px){ /* container */ #team-container {margin-bottom:30px; float:left;} .team-box {width:476px; margin:0px 8px 0px 9px; float:left;} .team-imgbox {width:476px; height:221px; margin:0px 0px 0px 0px; float:left;} .imgteamscale {width:476px; height:221px;} .team-txtbox {width:446px; padding:15px 15px 15px 15px; border-radius: 0px 0px 25px 25px;margin:0px 0px 0px 0px; float:left;} .teamboxinfo {position:absolute; z-index:1; width:212px; height:64px; margin:220px 0px 0px 133px; display:block;} .team-box-title {font-size:14px; line-height:14px; margin:9px 0px 5px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .team-box-subtitle {font-size:13px; line-height:15px; margin:0px 0px 0px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:300;} .vitatxtbox {background:#ffffff; border-radius:15px; margin:25px 0px 0px 0px; padding:15px;} .vita-text {font-size:14px; line-height:1.85714285714286; margin:0px 0px 12px 0px!important;} /* column */ .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:3; -moz-column-count:3; column-count:3;} .blog-items.masonry-4 {-webkit-column-count:4;-moz-column-count:4;column-count:4;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px;} .blog-items {width:100%; padding:0;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {display:inline-flex; margin-bottom:0px!important; break-inside:avoid;} .blog-items .blog-item {float:left} .blog-item {flex-direction:column; overflow:hidden;} /* leading */ .item-content {margin:0px 0px 0px 0px;} } @media (min-width: 800px) and (max-width: 1024px){ /* container */ #team-container {margin-bottom:30px; float:left;} .team-box {width:358px; margin:0px 6px 0px 7px; float:left;} .team-imgbox {width:358px; height:278px; margin:0px 0px 0px 0px; float:left; overflow:hidden;} .imgteamscale {width:600px; height:278px; margin:0px 0px 0px -109px} .team-txtbox {width:328px; padding:15px 15px 15px 15px; border-radius: 0px 0px 20px 20px;margin:0px 0px 0px 0px; float:left;} .teamboxinfo {position:absolute; z-index:1; width:212px; height:50px; margin:283px 0px 0px 114px; display:block;} .team-box-title {font-size:13px; line-height:13px; margin:2px 0px 4px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .team-box-subtitle {font-size:12px; line-height:14px; margin:0px 0px 0px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:300;} .vitatxtbox {background:#ffffff; border-radius:12px; margin:25px 0px 0px 0px; padding:15px;} .vita-text {font-size:14px; line-height:1.85714285714286; margin:0px 0px 12px 0px!important;} /* column */ .blog-items.masonry-2 {-webkit-column-count:2; -moz-column-count:2; column-count:2;} .blog-items.masonry-3 {-webkit-column-count:3; -moz-column-count:3; column-count:3;} .blog-items.masonry-4 {-webkit-column-count:4;-moz-column-count:4;column-count:4;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px;} .blog-items {width:100%; padding:0;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {display:inline-flex; margin-bottom:0px!important; break-inside:avoid;} .blog-items .blog-item {float:left} .blog-item {flex-direction:column; overflow:hidden;} .jeAcc-title, .jeAcc-title.active, .jeAcc-title:hover{ padding:1px 5px 1px 28px!important; } /* leading */ .item-content {margin:0px 0px 0px 0px;} } @media (min-width: 636px) and (max-width: 800px){ #team-container {margin-bottom:30px; float:left;} .team-box {width:589px; margin:0px 0px 0px 0px; float:left;} .team-imgbox {width:589px; height:281px; margin:0px 0px 0px 0px; float:left;} .imgteamscale {width:589px; height:281px;} .team-txtbox {width:559px; padding:15px 15px 15px 15px; border-radius: 0px 0px 25px 25px;margin:0px 0px 0px 0px; float:left;} .teamboxinfo {position:absolute; z-index:1; width:282px; height:64px; margin:281px 0px 0px 153px; display:block;} .team-box-title {font-size:14px; line-height:14px; margin:9px 0px 5px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .team-box-subtitle {font-size:13px; line-height:15px; margin:0px 0px 0px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:300;} .vitatxtbox {background:#ffffff; border-radius:15px; margin:25px 0px 0px 0px; padding:15px;} .vita-text {font-size:14px; line-height:1.85714285714286; margin:0px 0px 12px 0px!important;} /* column */ .blog-items.masonry-2 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-3 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-4 {-webkit-column-count:1;-moz-column-count:1;column-count:1;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px;} .blog-items {width:100%; padding:0;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {display:inline-flex; margin-bottom:0px!important; break-inside:avoid;} .blog-items .blog-item {float:left} .blog-item {flex-direction:column; overflow:hidden;} /* leading */ .item-content {margin:0px 0px 0px 0px;} } @media (max-width: 636px){ /* container */ #team-container {margin-bottom:30px; float:left;} .team-box {width:100%; margin:0px 0% 0px 0%; float:left;} .team-imgbox {width:100%; margin:0px 0px 0px 0px; float:left;} .imgteamscale {width:100%; height:100%;} .team-txtbox {width:90%; padding:15px 5% 15px 5%; border-radius:0px 0px 25px 25px; margin:0px 0px 0px 0px; float:left;} .teamboxinfo {width:100%; margin:0px 0px 0px 0px; display:block; background:#253a47;} .team-box-title {font-size:14px; line-height:14px; margin:9px 0px 5px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:500; text-transform:uppercase;} .team-box-subtitle {font-size:13px; line-height:15px; margin:0px 0px 0px 0px; text-align:center; font-family:'Raleway'; font-style:normal; font-weight:300;} .vitatxtbox {background:#ffffff; border-radius:15px; margin:25px 0px 0px 0px; padding:15px;} .vita-text {font-size:14px; line-height:1.85714285714286; margin:0px 0px 12px 0px!important;} .jeAcc-title, .jeAcc-title.active, .jeAcc-title:hover{width:100px!important; display:block!important; margin:0 auto!important; text-align:center!important;} /* column */ .blog-items.masonry-2 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-3 {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .blog-items.masonry-4 {-webkit-column-count:1;-moz-column-count:1;column-count:1;} .blog-items[class*=" masonry-"], .blog-items[class^="masonry-"] {display:block; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px;} .blog-items {width:100%; padding:0;} .blog-items[class*=" masonry-"] .blog-item, .blog-items[class^="masonry-"] .blog-item {display:inline-flex; margin-bottom:0px!important; break-inside:avoid;} .blog-items .blog-item {width:100%; float:left} .blog-item {flex-direction:column; overflow:hidden;} /* leading */ .item-content {margin:0px 0px 0px 0px;} } /* SPRECHZEITEN */ @media (min-width: 1719px){ .opening-container {width:525px; margin:0px 0px 0px 0px; float:left;} .opening-space {width:525px; height:20px; float:left;} .opening-rowbox {width:175px; margin:0px 0px 0px 0px; float:left;} .opening-rowbox-end {width:175px; margin:0px 0px 0px 0px; float:left;} .opening-rowboxdual {width:350px; margin:0px 0px 0px 0px; float:left;} .bodyright {font-size:14px; line-height:1.85714285714286; text-align:right; font-family:'Raleway'; font-weight:400; font-style:normal;} } @media (min-width: 1420px) and (max-width: 1719px){ .opening-container {width:525px; margin:0px 0px 0px 0px; float:left;} .opening-space {width:525px; height:20px; float:left;} .opening-rowbox {width:175px; margin:0px 0px 0px 0px; float:left;} .opening-rowbox-end {width:175px; margin:0px 0px 0px 0px; float:left;} .opening-rowboxdual {width:350px; margin:0px 0px 0px 0px; float:left;} .bodyright {font-size:14px; line-height:1.85714285714286; text-align:right; font-family:'Raleway'; font-weight:400; font-style:normal;} } @media (min-width: 1024px) and (max-width: 1420px){ .opening-container {width:431px; margin:0px 0px 0px 0px; float:left;} .opening-space {width:431px; height:20px; float:left;} .opening-rowbox {width:143px; margin:0px 0px 0px 0px; float:left;} .opening-rowbox-end {width:143px; margin:0px 0px 0px 0px; float:left;} .opening-rowboxdual {width:288px; margin:0px 0px 0px 0px; float:left;} .bodyright {font-size:14px; line-height:1.65; text-align:right; font-family:'Raleway'; font-weight:400; font-style:normal;} } @media (min-width: 800px) and (max-width: 1024px){ .opening-container {width:324px; margin:0px 0px 0px 0px; float:left;} .opening-space {width:324px; height:20px; float:left;} .opening-rowbox {width:143px; margin:0px 0px 0px 0px; float:left;} .opening-rowbox-end {width:143px; margin:0px 0px 20px 128px; float:left;} .opening-rowboxdual {width:181px; margin:0px 0px 0px 0px; float:left;} .bodyright {font-size:14px; line-height:1.65; text-align:right; font-family:'Raleway'; font-weight:400; font-style:normal;} } @media (min-width: 636px) and (max-width: 800px){ .opening-container {width:431px; margin:0px 0px 0px 0px; float:left;} .opening-space {width:431px; height:20px; float:left;} .opening-rowbox {width:143px; margin:0px 0px 0px 0px; float:left;} .opening-rowbox-end {width:143px; margin:0px 0px 0px 0px; float:left;} .opening-rowboxdual {width:288px; margin:0px 0px 0px 0px; float:left;} .bodyright {font-size:14px; line-height:1.65; text-align:right; font-family:'Raleway'; font-weight:400; font-style:normal;} } @media (max-width: 636px){ .opening-container {width:100%; margin:0px 0px 0px 0px; float:left;} .opening-space {width:100%; height:20px; float:left;} .opening-rowbox {width:33.333333%; margin:0px 0px 0px 0px; float:left;} .opening-rowbox-end {width:33.333333%; margin:0px 0px 0px 0px; float:left;} .opening-rowboxdual {width:66.666666%; margin:0px 0px 0px 0px; float:left;} .bodyright {font-size:14px; line-height:1.65; text-align:right; font-family:'Raleway'; font-weight:400; font-style:normal;} } /*SLIDER & ICON-CONTAINER*/ .kategorie-segmentbox1, .kategorie-segmentbox1 a {background: url(../../../images/images-content/design/icon-box1.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox1 a:hover {background: url(../../../images/images-content/design/icon-box1h.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox2, .kategorie-segmentbox2 a {background: url(../../../images/images-content/design/icon-box2.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox2 a:hover {background: url(../../../images/images-content/design/icon-box2h.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox3, .kategorie-segmentbox3 a {background: url(../../../images/images-content/design/icon-box3.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox3 a:hover {background: url(../../../images/images-content/design/icon-box3h.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox4, .kategorie-segmentbox4 a {background: url(../../../images/images-content/design/icon-box4.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox4 a:hover {background: url(../../../images/images-content/design/icon-box4h.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox5, .kategorie-segmentbox5 a {background: url(../../../images/images-content/design/icon-box5.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox5 a:hover {background: url(../../../images/images-content/design/icon-box5h.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox6, .kategorie-segmentbox6 a {background: url(../../../images/images-content/design/icon-box6.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox6 a:hover {background: url(../../../images/images-content/design/icon-box6h.png) no-repeat; background-size:100%!important; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox1, .kategorie-segmentbox2, .kategorie-segmentbox3, .kategorie-segmentbox4, .kategorie-segmentbox5, .kategorie-segmentbox6 {line-height: 15px !important;} .mod-wrapper {border:none!important;} @media (min-width: 1719px){ /*slidercontainer*/ #slidercontainer {width:1200px; margin:-30px 15px 0px 15px; margin-bottom:90px; float:left;} #formularcontainer {width:674px; margin:-60px 278px 0px 278px; margin-bottom:90px; float:left;} /*iconcontainer kategorie 6er-klein*/ #iconcontainer {margin-bottom:90px; float:left;} .kategorie-container {width:1200px; margin:0px 15px 0px 15px; float:left;} .kategorie-segmentbox1, .kategorie-segmentbox2, .kategorie-segmentbox3, .kategorie-segmentbox4, .kategorie-segmentbox5, .kategorie-segmentbox6 {width:200px; height:52px;} .kategorie-segmentbox1 a, .kategorie-segmentbox1 a:hover, .kategorie-segmentbox2 a, .kategorie-segmentbox2 a:hover, .kategorie-segmentbox3 a, .kategorie-segmentbox3 a:hover, .kategorie-segmentbox4 a, .kategorie-segmentbox4 a:hover, .kategorie-segmentbox5 a, .kategorie-segmentbox5 a:hover, .kategorie-segmentbox6 a, .kategorie-segmentbox6 a:hover {width:200px; height:42px; padding:8px 0px 0px 0px;} .kategorie-segmentbox-title {font-size:15px; line-height:1.3; margin:0px 0px 0px 60px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:500; text-transform:uppercase;} .kategorie-segmentbox-subtitle {font-size:15px; line-height:1.0; margin:0px 0px 0px 60px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:200; text-transform:uppercase;} } @media (min-width: 1420px) and (max-width: 1719px){ /*slidercontainer*/ #slidercontainer {width:1200px; margin:-30px 15px 0px 15px; margin-bottom:90px; float:left;} #formularcontainer {width:674px; margin:-60px 278px 0px 278px; margin-bottom:90px; float:left;} /*iconcontainer kategorie 6er-klein*/ #iconcontainer {margin-bottom:90px; float:left;} .kategorie-container {width:1200px; margin:0px 15px 0px 15px; float:left;} .kategorie-segmentbox1, .kategorie-segmentbox2, .kategorie-segmentbox3, .kategorie-segmentbox4, .kategorie-segmentbox5, .kategorie-segmentbox6 {width:200px; height:52px;} .kategorie-segmentbox1 a, .kategorie-segmentbox1 a:hover, .kategorie-segmentbox2 a, .kategorie-segmentbox2 a:hover, .kategorie-segmentbox3 a, .kategorie-segmentbox3 a:hover, .kategorie-segmentbox4 a, .kategorie-segmentbox4 a:hover, .kategorie-segmentbox5 a, .kategorie-segmentbox5 a:hover, .kategorie-segmentbox6 a, .kategorie-segmentbox6 a:hover {width:200px; height:42px; padding:8px 0px 0px 0px;} .kategorie-segmentbox-title {font-size:15px; line-height:1.3; margin:0px 0px 0px 60px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:500; text-transform:uppercase;} .kategorie-segmentbox-subtitle {font-size:15px; line-height:1.0; margin:0px 0px 0px 60px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:200; text-transform:uppercase;} } @media (min-width: 1024px) and (max-width: 1420px){ /*slidercontainer*/ #slidercontainer {width:987px; margin:-20px 0px 0px 0px; margin-bottom:90px; float:left;} #formularcontainer {width:674px; margin:-40px 156px 0px 157px; margin-bottom:90px; float:left;} /*iconcontainer kategorie 6er-klein*/ #iconcontainer {margin-bottom:90px; float:left;} .kategorie-container {width:987px; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox1, .kategorie-segmentbox2, .kategorie-segmentbox3, .kategorie-segmentbox4, .kategorie-segmentbox5, .kategorie-segmentbox6 {width:239px; height:62px; margin:20px 45px 20px 45px;} .kategorie-segmentbox1 a, .kategorie-segmentbox1 a:hover, .kategorie-segmentbox2 a, .kategorie-segmentbox2 a:hover, .kategorie-segmentbox3 a, .kategorie-segmentbox3 a:hover, .kategorie-segmentbox4 a, .kategorie-segmentbox4 a:hover, .kategorie-segmentbox5 a, .kategorie-segmentbox5 a:hover, .kategorie-segmentbox6 a, .kategorie-segmentbox6 a:hover {width:239px; height:62px; padding:8px 0px 0px 0px;} .kategorie-segmentbox-title {font-size:18px; line-height:1.3; margin:0px 0px 0px 75px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:500; text-transform:uppercase;} .kategorie-segmentbox-subtitle {font-size:18px; line-height:1.0; margin:0px 0px 0px 75px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:200; text-transform:uppercase;} } @media (min-width: 800px) and (max-width: 1024px){ /*slidercontainer*/ #slidercontainer {width:743px; margin:-20px 0px 0px 0px; margin-bottom:90px; float:left;} #formularcontainer {width:674px; margin:-40px 34px 0px 35px; margin-bottom:90px; float:left;} /*iconcontainer kategorie 6er-klein*/ #iconcontainer {margin-bottom:90px; float:left;} .kategorie-container {width:743px; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox1, .kategorie-segmentbox2, .kategorie-segmentbox3, .kategorie-segmentbox4, .kategorie-segmentbox5, .kategorie-segmentbox6 {width:177px; height:46px; margin:20px 35px 20px 35px; } .kategorie-segmentbox1 a, .kategorie-segmentbox1 a:hover, .kategorie-segmentbox2 a, .kategorie-segmentbox2 a:hover, .kategorie-segmentbox3 a, .kategorie-segmentbox3 a:hover, .kategorie-segmentbox4 a, .kategorie-segmentbox4 a:hover, .kategorie-segmentbox5 a, .kategorie-segmentbox5 a:hover, .kategorie-segmentbox6 a, .kategorie-segmentbox6 a:hover {width:177px; height:36px; padding:6px 0px 0px 0px;} .kategorie-segmentbox-title {font-size:16px; line-height:1.1; margin:0px 0px 0px 56px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:500; text-transform:uppercase;} .kategorie-segmentbox-subtitle {font-size:16px; line-height:1.0; margin:0px 0px 0px 56px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:200; text-transform:uppercase;} } @media (min-width: 636px) and (max-width: 800px){ /*slidercontainer*/ #slidercontainer {width:589px; margin:-20px 0px 0px 0px; margin-bottom:90px; float:left;} #formularcontainer {width:589px; margin:-40px 0px 0px 0px; margin-bottom:90px; float:left;} /*iconcontainer kategorie 6er-klein*/ #iconcontainer {margin-bottom:90px; float:left;} .kategorie-container {width:589px; margin:0px 0px 0px 0px; float:left;} .kategorie-segmentbox1, .kategorie-segmentbox2, .kategorie-segmentbox3, .kategorie-segmentbox4, .kategorie-segmentbox5, .kategorie-segmentbox6 {width:259px; height:67px; margin:35px 10px 35px 10px; } .kategorie-segmentbox1 a, .kategorie-segmentbox1 a:hover, .kategorie-segmentbox2 a, .kategorie-segmentbox2 a:hover, .kategorie-segmentbox3 a, .kategorie-segmentbox3 a:hover, .kategorie-segmentbox4 a, .kategorie-segmentbox4 a:hover, .kategorie-segmentbox5 a, .kategorie-segmentbox5 a:hover, .kategorie-segmentbox6 a, .kategorie-segmentbox6 a:hover {width:259px; height:67px; padding:5px 0px 0px 0px;} .kategorie-segmentbox-title {font-size:21px; line-height:1.4; margin:0px 0px 2px 80px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:500; text-transform:uppercase;} .kategorie-segmentbox-subtitle {font-size:21px; line-height:1.0; margin:0px 0px 2px 80px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:200; text-transform:uppercase;} } @media (max-width: 636px){ /*slidercontainer*/ #slidercontainer {width:96%; margin:-20px 2% 0px 2%; margin-bottom:90px; float:left;} #formularcontainer {width:96%; margin:-40px 2% 0px 2%; margin-bottom:90px; float:left;} /*iconcontainer kategorie 6er-klein*/ #iconcontainer {margin-bottom:90px; float:left;} .kategorie-container {width:96%; margin:0px 2% 0px 2%; float:left;} .kategorie-segmentbox1, .kategorie-segmentbox2, .kategorie-segmentbox3, .kategorie-segmentbox4, .kategorie-segmentbox5, .kategorie-segmentbox6 {width:300px; height:78px; margin:20px 10% 20px 10%; } .kategorie-segmentbox1 a, .kategorie-segmentbox1 a:hover, .kategorie-segmentbox2 a, .kategorie-segmentbox2 a:hover, .kategorie-segmentbox3 a, .kategorie-segmentbox3 a:hover, .kategorie-segmentbox4 a, .kategorie-segmentbox4 a:hover, .kategorie-segmentbox5 a, .kategorie-segmentbox5 a:hover, .kategorie-segmentbox6 a, .kategorie-segmentbox6 a:hover {width:300px; height:64px; padding:11px 0px 0px 0px; margin:0px 0px 0px 0px;} .kategorie-segmentbox-title {font-size:22px; line-height:1.3; margin:0px 0px 0px 91px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:500; text-transform:uppercase;} .kategorie-segmentbox-subtitle {font-size:22px; line-height:1.0; margin:0px 0px 0px 91px; text-align:left; font-family:'Oswald'; font-style:normal; font-weight:200; text-transform:uppercase;} } /*FOOTER*/ .scrollToTop { width: 20px!important; height: 20px!important; } @media (min-width: 1719px){ /*Fußzeile*/ #box_footer {width:100%; height:309px; border-bottom:#ffffff 1px solid; margin:0px auto 0px auto; background:#253a47; padding:0px 0px 0px 0px; float:left;} #framefooter {width:1200px; height:309px; background:url('../../../images/images-content/design/wasserzeichen.png'); margin:0 auto; background-position:center center; background-repeat:no-repeat; transition:background 0.3s, border-radius 0.3s, opacity 0.3s;} #footerinfo {width:1200px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01 {width:400px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01a {width:260px; height:41px; margin:44px 70px 44px 70px; padding:0px 0px 0px 0px; float:left;} .footer01ascale {width:260px; height:41px;} #footer01b {width:400px; height:170px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertxt1 {font-size:16px; line-height:26px; font-family:'Raleway'; text-align:center; margin:0px 0px 0px 0px; color:#dedede; padding:0px;} #footer02 {width:400px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertitle {font-size:22px; margin:57px 0px 63px 0px; line-height:22px; font-family:'Raleway'; font-weight:500; color:#dedede; text-align:center; text-transform:uppercase;} .footertxt2 {font-size:16px; margin:7px 0px 0px 0px; line-height:20px; font-family:'Raleway'; text-align:center; text-transform:uppercase; color:#dedede; padding:0px;} .buttonbox-color {width:162px; display:block; margin:30px auto;} .buttonbox-transparent {width:189px; display:block; margin:30px auto;} #footer03 {width:400px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} .iconsn-mobilephone::before {content:"\f10b"; padding-top:1px; padding-left:2px; padding-right:11px;} .iconsn-phone::before {content:"\f095"; padding-top:2px; padding-right:5px;} /*Statuszeile*/ #box_status {width:100%; height:79px; background:#253a47; margin:0px auto 0px auto; padding:0px 0px 0px 0px; float:left;} #framestatus {width:1163px; height:79px; margin:0 auto;} #statusinfo {width:1163px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #statustxtbox {width:1163px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .statustxt {font-size:14px; text-align:center; line-height:14px; margin:32px 0px 0px 0px; padding:0px; color:#7a7a7a; font-family:'Raleway';} } @media (min-width: 1420px) and (max-width: 1719px){ /*Fußzeile*/ #box_footer {width:100%; height:309px; border-bottom:#ffffff 1px solid; margin:0px auto 0px auto; background:#253a47; padding:0px 0px 0px 0px; float:left;} #framefooter {width:1200px; height:309px; background:url('../../../images/images-content/design/wasserzeichen.png'); margin:0 auto; background-position:center center; background-repeat:no-repeat; transition:background 0.3s, border-radius 0.3s, opacity 0.3s;} #footerinfo {width:1200px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01 {width:400px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01a {width:260px; height:41px; margin:44px 70px 44px 70px; padding:0px 0px 0px 0px; float:left;} .footer01ascale {width:260px; height:41px;} #footer01b {width:400px; height:170px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertxt1 {font-size:16px; line-height:26px; font-family:'Raleway'; text-align:center; margin:0px 0px 0px 0px; color:#dedede; padding:0px;} #footer02 {width:400px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertitle {font-size:22px; margin:57px 0px 63px 0px; line-height:22px; font-family:'Raleway'; font-weight:500; color:#dedede; text-align:center; text-transform:uppercase;} .footertxt2 {font-size:16px; margin:7px 0px 0px 0px; line-height:20px; font-family:'Raleway'; text-align:center; text-transform:uppercase; color:#dedede; padding:0px;} .buttonbox-color {width:162px; display:block; margin:30px auto;} .buttonbox-transparent {width:189px; display:block; margin:30px auto;} #footer03 {width:400px; height:309px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} .iconsn-mobilephone::before {content:"\f10b"; padding-top:1px; padding-left:2px; padding-right:11px;} .iconsn-phone::before {content:"\f095"; padding-top:2px; padding-right:5px;} /*Statuszeile*/ #box_status {width:100%; height:79px; background:#253a47; margin:0px auto 0px auto; padding:0px 0px 0px 0px; float:left;} #framestatus {width:1163px; height:79px; margin:0 auto;} #statusinfo {width:1163px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #statustxtbox {width:1163px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .statustxt {font-size:14px; text-align:center; line-height:14px; margin:32px 0px 0px 0px; padding:0px; color:#7a7a7a; font-family:'Raleway';} } @media (min-width: 1024px) and (max-width: 1420px){ /*Fußzeile*/ #box_footer {width:100%; border-bottom:#ffffff 1px solid; margin:0px auto 0px auto; background:#253a47; padding:0px 0px 0px 0px; float:left;} #framefooter {width:987px; height:260px; background:url('../../../images/images-content/design/wasserzeichen.png'); background-size:100%!important; margin:0 auto; background-position:center 30pxr; background-repeat:no-repeat; transition:background 0.3s, border-radius 0.3s, opacity 0.3s;} #footerinfo {width:987px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01 {width:329px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01a {width:210px; height:33px; margin:44px 59px 44px 60px; padding:0px 0px 0px 0px; float:left;} .footer01ascale {width:210px; height:33px;} #footer01b {width:329px; height:170px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertxt1 {font-size:14px; line-height:26px; font-family:'Raleway'; text-align:center; margin:0px 0px 0px 0px; color:#dedede; padding:0px;} #footer02 {width:329px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertitle {font-size:20px; margin:57px 0px 52px 0px; line-height:22px; font-family:'Raleway'; font-weight:500; color:#dedede; text-align:center; text-transform:uppercase;} .footertxt2 {font-size:14px; margin:7px 0px 0px 0px; line-height:16px; font-family:'Raleway'; text-align:center; text-transform:uppercase; color:#dedede; padding:0px;} .buttonbox-color {width:162px; display:block; margin:30px auto;} .buttonbox-transparent {width:189px; display:block; margin:30px auto;} #footer03 {width:329px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} .iconsn-mobilephone::before {content:"\f10b"; padding-top:1px; padding-left:2px; padding-right:11px;} .iconsn-phone::before {content:"\f095"; padding-top:2px; padding-right:5px;} /*Statuszeile*/ #box_status {width:100%; height:79px; background:#253a47; margin:0px auto 0px auto; padding:0px 0px 0px 0px; float:left;} #framestatus {width:987px; height:79px; margin:0 auto;} #statusinfo {width:987px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #statustxtbox {width:987px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .statustxt {font-size:14px; line-height:14px; margin:32px 0px 0px 0px; padding:0px; color:#7a7a7a; font-family:'Raleway';} } @media (min-width: 800px) and (max-width: 1024px){ /*Fußzeile*/ #box_footer {width:100%; border-bottom:#ffffff 1px solid; margin:0px auto 0px auto; background:#253a47; padding:0px 0px 0px 0px; float:left;} #framefooter {width:743px; height:240px; background:url('../../../images/images-content/design/wasserzeichen.png'); margin:0 auto; background-position:center center; background-repeat:no-repeat; transition:background 0.3s, border-radius 0.3s, opacity 0.3s;} #footerinfo {width:743px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01 {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01a {width:180px; height:28px; margin:40px 33px 21px 34px; padding:0px 0px 0px 0px; float:left;} .footer01ascale {width:100%; height:100%;} #footer01b {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertxt1 {font-size:14px; line-height:25px; font-family:'Raleway'; text-align:center; margin:0px 0px 0px 0px; color:#dedede; padding:0px;} #footer02 {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertitle {font-size:18px; margin:36px 0px 43px 0px; line-height:22px; font-family:'Raleway'; font-weight:500; color:#dedede; text-align:center; text-transform:uppercase;} .footertxt2 {font-size:14px; margin:7px 0px 0px 0px; line-height:18px; font-family:'Raleway'; text-align:center; text-transform:uppercase; color:#dedede; padding:0px;} .buttonbox-color {width:162px; display:block; margin:30px auto;} .buttonbox-transparent {width:189px; display:block; margin:30px auto;} #footer03 {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} .iconsn-mobilephone::before {content:"\f10b"; padding-top:1px; padding-left:2px; padding-right:11px;} .iconsn-phone::before {content:"\f095"; padding-top:2px; padding-right:5px;} /*Statuszeile*/ #box_status {width:100%; height:79px; background:#253a47; margin:0px auto 0px auto; padding:0px 0px 0px 0px; float:left;} #framestatus {width:743px; height:79px; margin:0 auto;} #statusinfo {width:743px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #statustxtbox {width:743px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .statustxt {font-size:14px; line-height:14px; text-align:center; margin:32px 0px 0px 0px; padding:0px; color:#7a7a7a; font-family:'Raleway';} } @media (min-width: 636px) and (max-width: 800px){ /*Fußzeile*/ #box_footer {width:100%; border-bottom:#ffffff 1px solid; margin:0px auto 0px auto; background:#253a47; padding:0px 0px 0px 0px; float:left;} #framefooter {width:589px; margin: 0 auto; transition:background 0.3s, border-radius 0.3s, opacity 0.3s;} #footerinfo {width:589px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01 {width:196px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01a {width:160px; height:25px; margin:40px 18px 21px 18px; padding:0px 0px 0px 0px; float:left;} .footer01ascale {width:160px; height:25px;} #footer01b {width:173px; margin:0px 10px 0px 10px; padding:0px 0px 0px 0px; float:left;} .footertxt1 {font-size:12px; line-height:22px; font-family:'Raleway'; text-align:center; margin:0px 0px 0px 0px; color:#dedede; padding:0px;} #footer02 {width:196px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertitle {font-size:13px; margin:36px 0px 36px 0px; line-height:22px; font-family:'Raleway'; font-weight:500; color:#dedede; text-align:center; text-transform:uppercase;} .footertxt2 {font-size:12px; margin:7px 0px 0px 0px; line-height:12px; font-family:'Raleway'; text-align:center; text-transform:uppercase; color:#dedede; padding:0px;} .buttonbox-color {width:110px; display:block; margin:30px auto;} .buttonbox-transparent {width:138px; display:block; margin:30px auto;} #footer03 {width:196px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} .iconsn-mobilephone::before {content:"\f10b"; padding-top:1px; padding-left:2px; padding-right:11px;} .iconsn-phone::before {content:"\f095"; padding-top:2px; padding-right:5px;} /*Statuszeile*/ #box_status {width:100%; height:79px; background:#253a47; margin:0px auto 0px auto; padding:0px 0px 0px 0px; float:left;} #framestatus {width:589px; height:79px; margin:0 auto;} #statusinfo {width:589px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #statustxtbox {width:589px; height:79px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .statustxt {font-size:14px; line-height:14px; text-align:center; margin:32px 0px 0px 0px; padding:0px; color:#7a7a7a; font-family:'Raleway';} } @media (max-width: 636px){ /*Fußzeile*/ #box_footer {width:100%; border-bottom:#ffffff 1px solid; margin:0px auto 0px auto; background:#253a47; padding:0px 0px 0px 0px; float:left;} #framefooter {width:247px; margin:0 auto; transition:background 0.3s, border-radius 0.3s, opacity 0.3s;} #footerinfo {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01 {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer01a {width:180px; height:28px; margin:40px 33px 21px 34px; padding:0px 0px 0px 0px; float:left;} .footer01ascale {width:180px; height:28px;} #footer01b {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertxt1 {font-size:14px; line-height:25px; font-family:'Raleway'; text-align:center; margin:0px 0px 0px 0px; color:#dedede; padding:0px;} #footer02 {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .footertitle {font-size:18px; margin:36px 0px 43px 0px; line-height:22px; font-family:'Raleway'; font-weight:500; color:#dedede; text-align:center; text-transform:uppercase;} .footertxt2 {font-size:14px; margin:7px 0px 0px 0px; line-height:18px; font-family:'Raleway'; text-align:center; text-transform:uppercase; color:#dedede; padding:0px;} .buttonbox-color {width:116px; display:block; margin:30px auto;} .buttonbox-transparent {width:144px; display:block; margin:30px auto;} #footer03 {width:247px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} [class^="iconsn-"]::before, [class*=" iconsn-"]::before {font-family:'FontAwesome'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased;} .iconsn-mobilephone::before {content:"\f10b"; padding-top:1px; padding-left:2px; padding-right:11px;} .iconsn-phone::before {content:"\f095"; padding-top:2px; padding-right:5px;} /*Statuszeile*/ #box_status {width:100%; height:107px; background:#253a47; margin:0px auto 0px auto; padding:0px 0px 0px 0px; float:left;} #framestatus {width:247px; height:107px; margin:0 auto;} #statusinfo {width:247px; height:107px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #statustxtbox {width:247px; height:107px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} .statustxt {font-size:14px; text-align:center; line-height:14px; margin:32px 0px 0px 0px; padding:0px; color:#7a7a7a; font-family:'Raleway';} } /* RESPONSIVE STYLES FORMULAR*/ .form_description, .form_description_error, .input_box, .input_box_error, .input_message_field, .input_message_field_error, .message_error, .send_to, .notice {font-family:'Oswald'; font-style:normal; font-weight:400;} @media (min-width: 674px){ .formtable {width:674px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formboxnoticearea {width:545px; float:left; margin:0px 0px 10px 129px; padding:0px 0px 0px 0px;} .formtable-col-1 {width:129px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-descbox {width:129px; height:40px;} .form_description {font-size:17px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px; text-align:left;} .form_description_error {font-size:17px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px; text-align:left;} .formtable-col-2 {width:545px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-inputbox {width:545px; height:40px;} .input_box {font-size:15px; width:100%; height:32px; margin:4px 0px 4px 0px; padding:2px 4px 2px 4px;} .input_box_error {font-size:15px; width:100%; height:32px; margin:4px 0px 4px 0px; padding:2px 4px 2px 4px;} .formboxtxtarea {width:674px; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-col-4 {width:545px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-txtarea {width:545px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .input_message_field {font-size:15px; width:100%; height:125px; resize: none; padding:2px 4px 2px 4px;} .input_message_field_error {font-size:15px; width:100%; height:125px; resize: none; padding:2px 4px 2px 4px;} .formboxsendarea {width:545px; float:left; margin:20px 0px 0px 129px; padding:0px 0px 0px 0px;} .buttonsend {text-align:center; font-size:15px; height:33px; padding:2px 4px 2px 4px;} :hover.buttonsend {cursor:pointer;} .message_error {font-size:11px; line-height:125%; margin:0px; padding:0px;} .send_to {font-size:16px; line-height:125%; margin-left:0px; margin-right:0px; text-align:center;} .notice {font-size:10px; line-height:125%; margin-left:0px; margin-right:0px; } } @media (min-width: 555px) and (max-width: 674px){ .formtable {width:555px; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;} .formboxnoticearea {width:449px; float:left; margin:0px 0px 10px 106px; padding:0px 0px 0px 0px;} .formtable-col-1 {width:106px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-descbox {width:106px; height:40px;} .form_description {font-size:15px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px; text-align:left;} .form_description_error {font-size:15px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px; text-align:left;} .formtable-col-2 {width:449px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-inputbox {width:449px; height:40px;} .input_box {font-size:14px; width:100%; height:32px; margin:4px 0px 4px 0px; padding:2px 4px 2px 4px;} .input_box_error {font-size:14px; width:100%; height:32px; margin:4px 0px 4px 0px; padding:2px 4px 2px 4px;} .formboxtxtarea {width:555px; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-col-4 {width:449px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-txtarea {width:449px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .input_message_field {font-size:14px; width:100%; height:125px; resize: none; padding:2px 4px 2px 4px;} .input_message_field_error {font-size:14px; width:100%; height:125px; resize: none; padding:2px 4px 2px 4px;} .formboxsendarea {width:449px; float:left; margin:20px 0px 0px 106px; padding:0px 0px 0px 0px;} .buttonsend {text-align:center; font-size:14px; height:33px; padding:2px 4px 2px 4px;} :hover.buttonsend {cursor:pointer;} .message_error {font-size:11px; line-height:125%; margin:0px; padding:0px;} .send_to {font-size:15px; line-height:125%; margin-left:0px; margin-right:0px; text-align:center;} .notice {font-size:10px; line-height:125%; margin-left:0px; margin-right:0px;} } @media (max-width: 555px){ .formtable {width:100%; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;} .formboxnoticearea {width:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-col-1 {width:20%; float:left; margin:0px 1% 0px 1%; padding:0px 0px 0px 0px;} .formtable-descbox {width:100%; height:40px;} .form_description {font-size:15px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px; text-align:left;} .form_description_error {font-size:15px; margin:0px 0px 0px 0px; padding:6px 0px 6px 0px; text-align:left;} .formtable-col-2 {width:78%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-inputbox {width:100%; height:40px;} .input_box {font-size:14px; width:100%; height:25px; margin:4px 0px 4px 0px; padding:2px 4px 2px 4px;} .input_box_error {font-size:14px; width:100%; height:25px; margin:4px 0px 4px 0px; padding:2px 4px 2px 4px;} .formboxtxtarea {width:100%; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-col-4 {width:78%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .formtable-txtarea {width:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .input_message_field {font-size:14px; width:100%; height:75px; resize: none; padding:2px 4px 2px 4px;} .input_message_field_error {font-size:14px; width:100%; height:75px; resize: none; padding:2px 4px 2px 4px;} .formboxsendarea {width:78%; float:left; margin:20px 0% 0px 22%; padding:0px 0px 0px 0px;} .buttonsend {text-align:center; font-size:14px; height:33px; padding:2px 4px 2px 4px;} :hover.buttonsend {cursor:pointer;} .message_error {font-size:11px; line-height:125%; margin:0px; padding:0px;} .send_to {font-size:15px; line-height:125%; margin-left:0px; margin-right:0px; text-align:center;} .notice {font-size:10px; line-height:125%; margin-left:0px; margin-right:0px;} }