From 13ffde2d3c6ab22f577c87f6fe514247b615a8c3 Mon Sep 17 00:00:00 2001 From: David Kessler Date: Fri, 28 Aug 2020 16:24:27 +0200 Subject: [PATCH] production build 1 --- dist/blocks.build.js | 576 +- dist/blocks.editor.build.css | 14509 +-------------------------------- dist/blocks.style.build.css | 14240 +------------------------------- 3 files changed, 33 insertions(+), 29292 deletions(-) diff --git a/dist/blocks.build.js b/dist/blocks.build.js index 8e73446..a558d4c 100755 --- a/dist/blocks.build.js +++ b/dist/blocks.build.js @@ -1,575 +1 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { -/******/ configurable: false, -/******/ enumerable: true, -/******/ get: getter -/******/ }); -/******/ } -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = 0); -/******/ }) -/************************************************************************/ -/******/ ([ -/* 0 */ -/*!***********************!*\ - !*** ./src/blocks.js ***! - \***********************/ -/*! no exports provided */ -/*! all exports used */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("Object.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__pages_start_page__ = __webpack_require__(/*! ./pages/start-page */ 1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__pages_content_page__ = __webpack_require__(/*! ./pages/content-page */ 4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__pages_area_page__ = __webpack_require__(/*! ./pages/area-page */ 7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__blocks_content_block__ = __webpack_require__(/*! ./blocks/content-block */ 10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__blocks_title_text_block__ = __webpack_require__(/*! ./blocks/title-text-block */ 13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__blocks_area_lr_block__ = __webpack_require__(/*! ./blocks/area-lr-block */ 16);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__blocks_area_rl_block__ = __webpack_require__(/*! ./blocks/area-rl-block */ 19);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__blocks_area_banner_block__ = __webpack_require__(/*! ./blocks/area-banner-block */ 22);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__blocks_employee_block__ = __webpack_require__(/*! ./blocks/employee-block */ 25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__blocks_philosophy_block__ = __webpack_require__(/*! ./blocks/philosophy-block */ 28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__blocks_recent_projects_block__ = __webpack_require__(/*! ./blocks/recent-projects-block */ 31);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__blocks_all_projects_block__ = __webpack_require__(/*! ./blocks/all-projects-block */ 34);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__blocks_all_pages_block__ = __webpack_require__(/*! ./blocks/all-pages-block */ 37);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__elements_button_element__ = __webpack_require__(/*! ./elements/button-element */ 40);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__elements_list_element__ = __webpack_require__(/*! ./elements/list-element */ 43);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__elements_button_back_element__ = __webpack_require__(/*! ./elements/button-back-element */ 46);\n/**\n * Gutenberg Blocks\n *\n * All blocks related JavaScript files should be imported here.\n * You can create a new block folder in this dir and include code\n * for that block here as well.\n *\n * All blocks should be included here since this is the file that\n * Webpack is compiling as the input file.\n */\n\n/** PAGES --> Category Name: 'swo-pages' */\n\n\n\n\n\n/** BLOCKS --> Category Name: 'swo-blocks' */\n\n\n\n\n\n\n\n\n\n\n\n\n/** ELEMENTS --> Category Name: 'swo-elements' */\n\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9ibG9ja3MuanM/N2I1YiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEd1dGVuYmVyZyBCbG9ja3NcbiAqXG4gKiBBbGwgYmxvY2tzIHJlbGF0ZWQgSmF2YVNjcmlwdCBmaWxlcyBzaG91bGQgYmUgaW1wb3J0ZWQgaGVyZS5cbiAqIFlvdSBjYW4gY3JlYXRlIGEgbmV3IGJsb2NrIGZvbGRlciBpbiB0aGlzIGRpciBhbmQgaW5jbHVkZSBjb2RlXG4gKiBmb3IgdGhhdCBibG9jayBoZXJlIGFzIHdlbGwuXG4gKlxuICogQWxsIGJsb2NrcyBzaG91bGQgYmUgaW5jbHVkZWQgaGVyZSBzaW5jZSB0aGlzIGlzIHRoZSBmaWxlIHRoYXRcbiAqIFdlYnBhY2sgaXMgY29tcGlsaW5nIGFzIHRoZSBpbnB1dCBmaWxlLlxuICovXG5cbi8qKiBQQUdFUyAtLT4gQ2F0ZWdvcnkgTmFtZTogJ3N3by1wYWdlcycgKi9cblxuaW1wb3J0ICcuL3BhZ2VzL3N0YXJ0LXBhZ2UnO1xuaW1wb3J0ICcuL3BhZ2VzL2NvbnRlbnQtcGFnZSc7XG5pbXBvcnQgJy4vcGFnZXMvYXJlYS1wYWdlJztcblxuLyoqIEJMT0NLUyAtLT4gQ2F0ZWdvcnkgTmFtZTogJ3N3by1ibG9ja3MnICovXG5cbmltcG9ydCAnLi9ibG9ja3MvY29udGVudC1ibG9jayc7XG5pbXBvcnQgJy4vYmxvY2tzL3RpdGxlLXRleHQtYmxvY2snO1xuaW1wb3J0ICcuL2Jsb2Nrcy9hcmVhLWxyLWJsb2NrJztcbmltcG9ydCAnLi9ibG9ja3MvYXJlYS1ybC1ibG9jayc7XG5pbXBvcnQgJy4vYmxvY2tzL2FyZWEtYmFubmVyLWJsb2NrJztcbmltcG9ydCAnLi9ibG9ja3MvZW1wbG95ZWUtYmxvY2snO1xuaW1wb3J0ICcuL2Jsb2Nrcy9waGlsb3NvcGh5LWJsb2NrJztcbmltcG9ydCAnLi9ibG9ja3MvcmVjZW50LXByb2plY3RzLWJsb2NrJztcbmltcG9ydCAnLi9ibG9ja3MvYWxsLXByb2plY3RzLWJsb2NrJztcbmltcG9ydCAnLi9ibG9ja3MvYWxsLXBhZ2VzLWJsb2NrJztcblxuLyoqIEVMRU1FTlRTIC0tPiBDYXRlZ29yeSBOYW1lOiAnc3dvLWVsZW1lbnRzJyAqL1xuXG5pbXBvcnQgJy4vZWxlbWVudHMvYnV0dG9uLWVsZW1lbnQnO1xuaW1wb3J0ICcuL2VsZW1lbnRzL2xpc3QtZWxlbWVudCc7XG5pbXBvcnQgJy4vZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudCc7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzLmpzXG4vLyBtb2R1bGUgaWQgPSAwXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///0\n"); - -/***/ }), -/* 1 */ -/*!***************************************!*\ - !*** ./src/pages/start-page/index.js ***! - \***************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar registerBlockType = wp.blocks.registerBlockType;\nvar InnerBlocks = wp.blockEditor.InnerBlocks;\n\n\nregisterBlockType('swo-pages/start-page', {\n\ttitle: 'Startseite',\n\tdescription: 'Dies ist die Startseite.',\n\ticon: 'media-default',\n\tcategory: 'swo-pages',\n\tkeywords: ['Startseite', 'Slider', 'SWO'],\n\n\tedit: function edit() {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'p',\n\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t'Wenn noch keine Slideshow vorhanden ist, f\\xFCgen Sie den Block \"Smart Slider 3\" mit dem \"+\" ',\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'strong',\n\t\t\t\t\tnull,\n\t\t\t\t\t'ganz unten, ausserhalb der \"Startseite\"-Page'\n\t\t\t\t),\n\t\t\t\t' ein und w\\xE4hlen Sie den Startseiten-Slider'\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ 'class': 'limit-content-width' },\n\t\t\t\twp.element.createElement(InnerBlocks, { allowedBlocks: ['nextend/smartslider3', 'swo-blocks/title-text-block', 'swo-blocks/philosophy-block', 'swo-blocks/recent-projects-block'] }),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t'Klicken Sie auf das \"+\" um Bl\\xF6cke hinzuzuf\\xFCgen. (Klicken Sie ',\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'hier'\n\t\t\t\t\t),\n\t\t\t\t\t', wenn kein \"+\" angezeigt wird)'\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save() {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ 'class': 'limit-content-width' },\n\t\t\t\twp.element.createElement(InnerBlocks.Content, null)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMS5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9zdGFydC1wYWdlL2luZGV4LmpzP2U2N2MiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICcuL2VkaXRvci5zY3NzJztcbmltcG9ydCAnLi9zdHlsZS5zY3NzJztcblxudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIElubmVyQmxvY2tzID0gd3AuYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG5cblxucmVnaXN0ZXJCbG9ja1R5cGUoJ3N3by1wYWdlcy9zdGFydC1wYWdlJywge1xuXHR0aXRsZTogJ1N0YXJ0c2VpdGUnLFxuXHRkZXNjcmlwdGlvbjogJ0RpZXMgaXN0IGRpZSBTdGFydHNlaXRlLicsXG5cdGljb246ICdtZWRpYS1kZWZhdWx0Jyxcblx0Y2F0ZWdvcnk6ICdzd28tcGFnZXMnLFxuXHRrZXl3b3JkczogWydTdGFydHNlaXRlJywgJ1NsaWRlcicsICdTV08nXSxcblxuXHRlZGl0OiBmdW5jdGlvbiBlZGl0KCkge1xuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0bnVsbCxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J3AnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2VkaXRvck9ubHknIH0sXG5cdFx0XHRcdCdXZW5uIG5vY2gga2VpbmUgU2xpZGVzaG93IHZvcmhhbmRlbiBpc3QsIGZcXHhGQ2dlbiBTaWUgZGVuIEJsb2NrIFwiU21hcnQgU2xpZGVyIDNcIiBtaXQgZGVtIFwiK1wiICcsXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnc3Ryb25nJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdCdnYW56IHVudGVuLCBhdXNzZXJoYWxiIGRlciBcIlN0YXJ0c2VpdGVcIi1QYWdlJ1xuXHRcdFx0XHQpLFxuXHRcdFx0XHQnIGVpbiB1bmQgd1xceEU0aGxlbiBTaWUgZGVuIFN0YXJ0c2VpdGVuLVNsaWRlcidcblx0XHRcdCksXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7ICdjbGFzcyc6ICdsaW1pdC1jb250ZW50LXdpZHRoJyB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoSW5uZXJCbG9ja3MsIHsgYWxsb3dlZEJsb2NrczogWyduZXh0ZW5kL3NtYXJ0c2xpZGVyMycsICdzd28tYmxvY2tzL3RpdGxlLXRleHQtYmxvY2snLCAnc3dvLWJsb2Nrcy9waGlsb3NvcGh5LWJsb2NrJywgJ3N3by1ibG9ja3MvcmVjZW50LXByb2plY3RzLWJsb2NrJ10gfSksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlZGl0b3JPbmx5JyB9LFxuXHRcdFx0XHRcdCdLbGlja2VuIFNpZSBhdWYgZGFzIFwiK1wiIHVtIEJsXFx4RjZja2UgaGluenV6dWZcXHhGQ2dlbi4gKEtsaWNrZW4gU2llICcsXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J3N0cm9uZycsXG5cdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0J2hpZXInXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHQnLCB3ZW5uIGtlaW4gXCIrXCIgYW5nZXplaWd0IHdpcmQpJ1xuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fSxcblxuXHRzYXZlOiBmdW5jdGlvbiBzYXZlKCkge1xuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0bnVsbCxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdHsgJ2NsYXNzJzogJ2xpbWl0LWNvbnRlbnQtd2lkdGgnIH0sXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChJbm5lckJsb2Nrcy5Db250ZW50LCBudWxsKVxuXHRcdFx0KVxuXHRcdCk7XG5cdH1cbn0pO1xuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL3BhZ2VzL3N0YXJ0LXBhZ2UvaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDFcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///1\n"); - -/***/ }), -/* 2 */ -/*!******************************************!*\ - !*** ./src/pages/start-page/editor.scss ***! - \******************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMi5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9zdGFydC1wYWdlL2VkaXRvci5zY3NzPzM2YTAiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9wYWdlcy9zdGFydC1wYWdlL2VkaXRvci5zY3NzXG4vLyBtb2R1bGUgaWQgPSAyXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///2\n"); - -/***/ }), -/* 3 */ -/*!*****************************************!*\ - !*** ./src/pages/start-page/style.scss ***! - \*****************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMy5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9zdGFydC1wYWdlL3N0eWxlLnNjc3M/MzJjNCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL3BhZ2VzL3N0YXJ0LXBhZ2Uvc3R5bGUuc2Nzc1xuLy8gbW9kdWxlIGlkID0gM1xuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///3\n"); - -/***/ }), -/* 4 */ -/*!*****************************************!*\ - !*** ./src/pages/content-page/index.js ***! - \*****************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 6);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$data = wp.data,\n withSelect = _wp$data.withSelect,\n select = _wp$data.select;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar _wp$components = wp.components,\n SelectControl = _wp$components.SelectControl,\n Button = _wp$components.Button;\n\n\nregisterBlockType('swo-pages/content-page', {\n\ttitle: 'Inhaltsseite',\n\tdescription: 'Dies ist eine Seite um alle anderen Inhalte anzuzeigen. (Projekt, Angestellte, Übersichtsseite, Menuseite, AGBs, usw...)',\n\ticon: 'media-default',\n\tcategory: 'swo-pages',\n\tkeywords: ['Inhalt', 'Inhalt', 'SWO'],\n\tattributes: {\n\t\ttypeOfPost: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'meta',\n\t\t\tmeta: 'typeOfPost'\n\t\t},\n\t\tpostDescription: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'meta',\n\t\t\tmeta: 'postDescription'\n\t\t},\n\t\tsignatureImage: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'meta',\n\t\t\tmeta: 'signatureImage'\n\t\t},\n\t\timgURL: {\n\t\t\ttype: 'string'\n\t\t},\n\t\timgID: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgAlt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'alt',\n\t\t\tselector: 'img'\n\t\t},\n\t\ttitleString: {\n\t\t\ttype: 'string',\n\t\t\tselector: '.entry-title'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar onFileSelect = function onFileSelect(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: img.url,\n\t\t\t\tsignatureImage: img.url,\n\t\t\t\timgID: img.id,\n\t\t\t\timgAlt: img.alt\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg = function onRemoveImg() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: null,\n\t\t\t\timgID: null,\n\t\t\t\timgAlt: null\n\t\t\t});\n\t\t};\n\n\t\tvar onChangeTitle = function onChangeTitle(newTitle) {\n\t\t\tprops.setAttributes({\n\t\t\t\ttitleString: newTitle\n\t\t\t});\n\t\t};\n\n\t\tvar onSelectDropdown = function onSelectDropdown(newValue) {\n\t\t\tprops.setAttributes({\n\t\t\t\ttypeOfPost: newValue\n\t\t\t});\n\t\t};\n\n\t\tvar onChangeDescription = function onChangeDescription(newValue) {\n\t\t\tprops.setAttributes({\n\t\t\t\tpostDescription: newValue\n\t\t\t});\n\t\t};\n\n\t\tvar GetTitle = function GetTitle(props) {\n\t\t\tvar title = select(\"core/editor\").getEditedPostAttribute('title');\n\t\t\tonChangeTitle(title);\n\t\t\treturn wp.element.createElement(\n\t\t\t\t'h1',\n\t\t\t\t{ className: 'entry-title' },\n\t\t\t\tprops.title\n\t\t\t);\n\t\t};\n\n\t\tvar selectTitle = withSelect(function (select) {\n\t\t\treturn {\n\t\t\t\ttitle: select(\"core/editor\").getEditedPostAttribute('title')\n\t\t\t};\n\t\t});\n\t\tvar PostTitle = selectTitle(GetTitle);\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'Soll diese Seite in einer \\xDCbersicht angezeigt werden?'\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(SelectControl, {\n\t\t\t\t\t\tvalue: props.attributes.typeOfPost,\n\t\t\t\t\t\tonChange: onSelectDropdown,\n\t\t\t\t\t\toptions: [{ value: 'type_common', label: 'Nein' }, { value: 'type_project', label: 'Projektübersicht' }, { value: 'type_page', label: 'Seitenübersicht' }]\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'Beschreibung / Zusammenfassung / Kurzer Ausschnitt (Keine Zeilenumbr\\xFCche!):'\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: onChangeDescription,\n\t\t\t\t\t\tvalue: props.attributes.postDescription,\n\t\t\t\t\t\tplaceholder: 'Diese Beschreibung wird auf K\\xE4rtchen angezeigt..',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\tnull,\n\t\t\t\tprops.attributes.imgURL ? wp.element.createElement(\n\t\t\t\t\t'header',\n\t\t\t\t\t{ className: 'entry-header has-text-align-center header-footer-group',\n\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL + ')' } },\n\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\tButton,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tonClick: onRemoveImg,\n\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'Bild aus Kopfzeile l\\xF6schen'\n\t\t\t\t\t) : null,\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\t{ className: 'entry-header-inner section-inner medium' },\n\t\t\t\t\t\twp.element.createElement(PostTitle, null)\n\t\t\t\t\t)\n\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\tonSelect: onFileSelect,\n\t\t\t\t\tvalue: props.attributes.imgID,\n\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\trender: function render(_ref) {\n\t\t\t\t\t\tvar open = _ref.open;\n\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'Bild f\\xFCr Kopfzeile w\\xE4hlen'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'limit-content-width' },\n\t\t\t\twp.element.createElement(InnerBlocks, { allowedBlocks: ['swo-blocks/content-block', 'swo-blocks/employee-block', 'core/columns', 'swo-blocks/title-text-block', 'core/heading', 'core/paragraph', 'swo-blocks/recent-projects-block', 'swo-blocks/all-projects-block', 'swo-blocks/all-pages-block'] }),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t'Klicken Sie auf das \"+\" um Bl\\xF6cke hinzuzuf\\xFCgen. (Klicken Sie ',\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'hier'\n\t\t\t\t\t),\n\t\t\t\t\t', wenn kein \"+\" angezeigt wird)'\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'header',\n\t\t\t\t{ className: 'entry-header has-text-align-center header-footer-group',\n\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL + ')' } },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ 'class': 'entry-header-inner section-inner medium' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'h1',\n\t\t\t\t\t\t{ 'class': 'entry-title' },\n\t\t\t\t\t\tprops.attributes.titleString\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ 'class': 'limit-content-width' },\n\t\t\t\twp.element.createElement(InnerBlocks.Content, null)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9jb250ZW50LXBhZ2UvaW5kZXguanM/MTM2MiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIF93cCRkYXRhID0gd3AuZGF0YSxcbiAgICB3aXRoU2VsZWN0ID0gX3dwJGRhdGEud2l0aFNlbGVjdCxcbiAgICBzZWxlY3QgPSBfd3AkZGF0YS5zZWxlY3Q7XG52YXIgX3dwJGJsb2NrRWRpdG9yID0gd3AuYmxvY2tFZGl0b3IsXG4gICAgUmljaFRleHQgPSBfd3AkYmxvY2tFZGl0b3IuUmljaFRleHQsXG4gICAgTWVkaWFVcGxvYWQgPSBfd3AkYmxvY2tFZGl0b3IuTWVkaWFVcGxvYWQsXG4gICAgSW5uZXJCbG9ja3MgPSBfd3AkYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG52YXIgX3dwJGNvbXBvbmVudHMgPSB3cC5jb21wb25lbnRzLFxuICAgIFNlbGVjdENvbnRyb2wgPSBfd3AkY29tcG9uZW50cy5TZWxlY3RDb250cm9sLFxuICAgIEJ1dHRvbiA9IF93cCRjb21wb25lbnRzLkJ1dHRvbjtcblxuXG5yZWdpc3RlckJsb2NrVHlwZSgnc3dvLXBhZ2VzL2NvbnRlbnQtcGFnZScsIHtcblx0dGl0bGU6ICdJbmhhbHRzc2VpdGUnLFxuXHRkZXNjcmlwdGlvbjogJ0RpZXMgaXN0IGVpbmUgU2VpdGUgdW0gYWxsZSBhbmRlcmVuIEluaGFsdGUgYW56dXplaWdlbi4gKFByb2pla3QsIEFuZ2VzdGVsbHRlLCDDnGJlcnNpY2h0c3NlaXRlLCBNZW51c2VpdGUsIEFHQnMsIHVzdy4uLiknLFxuXHRpY29uOiAnbWVkaWEtZGVmYXVsdCcsXG5cdGNhdGVnb3J5OiAnc3dvLXBhZ2VzJyxcblx0a2V5d29yZHM6IFsnSW5oYWx0JywgJ0luaGFsdCcsICdTV08nXSxcblx0YXR0cmlidXRlczoge1xuXHRcdHR5cGVPZlBvc3Q6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnbWV0YScsXG5cdFx0XHRtZXRhOiAndHlwZU9mUG9zdCdcblx0XHR9LFxuXHRcdHBvc3REZXNjcmlwdGlvbjoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdtZXRhJyxcblx0XHRcdG1ldGE6ICdwb3N0RGVzY3JpcHRpb24nXG5cdFx0fSxcblx0XHRzaWduYXR1cmVJbWFnZToge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdtZXRhJyxcblx0XHRcdG1ldGE6ICdzaWduYXR1cmVJbWFnZSdcblx0XHR9LFxuXHRcdGltZ1VSTDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZydcblx0XHR9LFxuXHRcdGltZ0lEOiB7XG5cdFx0XHR0eXBlOiAnbnVtYmVyJ1xuXHRcdH0sXG5cdFx0aW1nQWx0OiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdhbHQnLFxuXHRcdFx0c2VsZWN0b3I6ICdpbWcnXG5cdFx0fSxcblx0XHR0aXRsZVN0cmluZzoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzZWxlY3RvcjogJy5lbnRyeS10aXRsZSdcblx0XHR9XG5cdH0sXG5cblx0ZWRpdDogZnVuY3Rpb24gZWRpdChwcm9wcykge1xuXG5cdFx0dmFyIG9uRmlsZVNlbGVjdCA9IGZ1bmN0aW9uIG9uRmlsZVNlbGVjdChpbWcpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkw6IGltZy51cmwsXG5cdFx0XHRcdHNpZ25hdHVyZUltYWdlOiBpbWcudXJsLFxuXHRcdFx0XHRpbWdJRDogaW1nLmlkLFxuXHRcdFx0XHRpbWdBbHQ6IGltZy5hbHRcblx0XHRcdH0pO1xuXHRcdH07XG5cdFx0dmFyIG9uUmVtb3ZlSW1nID0gZnVuY3Rpb24gb25SZW1vdmVJbWcoKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0aW1nVVJMOiBudWxsLFxuXHRcdFx0XHRpbWdJRDogbnVsbCxcblx0XHRcdFx0aW1nQWx0OiBudWxsXG5cdFx0XHR9KTtcblx0XHR9O1xuXG5cdFx0dmFyIG9uQ2hhbmdlVGl0bGUgPSBmdW5jdGlvbiBvbkNoYW5nZVRpdGxlKG5ld1RpdGxlKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0dGl0bGVTdHJpbmc6IG5ld1RpdGxlXG5cdFx0XHR9KTtcblx0XHR9O1xuXG5cdFx0dmFyIG9uU2VsZWN0RHJvcGRvd24gPSBmdW5jdGlvbiBvblNlbGVjdERyb3Bkb3duKG5ld1ZhbHVlKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0dHlwZU9mUG9zdDogbmV3VmFsdWVcblx0XHRcdH0pO1xuXHRcdH07XG5cblx0XHR2YXIgb25DaGFuZ2VEZXNjcmlwdGlvbiA9IGZ1bmN0aW9uIG9uQ2hhbmdlRGVzY3JpcHRpb24obmV3VmFsdWUpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRwb3N0RGVzY3JpcHRpb246IG5ld1ZhbHVlXG5cdFx0XHR9KTtcblx0XHR9O1xuXG5cdFx0dmFyIEdldFRpdGxlID0gZnVuY3Rpb24gR2V0VGl0bGUocHJvcHMpIHtcblx0XHRcdHZhciB0aXRsZSA9IHNlbGVjdChcImNvcmUvZWRpdG9yXCIpLmdldEVkaXRlZFBvc3RBdHRyaWJ1dGUoJ3RpdGxlJyk7XG5cdFx0XHRvbkNoYW5nZVRpdGxlKHRpdGxlKTtcblx0XHRcdHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdoMScsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnZW50cnktdGl0bGUnIH0sXG5cdFx0XHRcdHByb3BzLnRpdGxlXG5cdFx0XHQpO1xuXHRcdH07XG5cblx0XHR2YXIgc2VsZWN0VGl0bGUgPSB3aXRoU2VsZWN0KGZ1bmN0aW9uIChzZWxlY3QpIHtcblx0XHRcdHJldHVybiB7XG5cdFx0XHRcdHRpdGxlOiBzZWxlY3QoXCJjb3JlL2VkaXRvclwiKS5nZXRFZGl0ZWRQb3N0QXR0cmlidXRlKCd0aXRsZScpXG5cdFx0XHR9O1xuXHRcdH0pO1xuXHRcdHZhciBQb3N0VGl0bGUgPSBzZWxlY3RUaXRsZShHZXRUaXRsZSk7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHRudWxsLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdlZGl0b3JPbmx5JyB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0J1NvbGwgZGllc2UgU2VpdGUgaW4gZWluZXIgXFx4RENiZXJzaWNodCBhbmdlemVpZ3Qgd2VyZGVuPydcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChTZWxlY3RDb250cm9sLCB7XG5cdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy50eXBlT2ZQb3N0LFxuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IG9uU2VsZWN0RHJvcGRvd24sXG5cdFx0XHRcdFx0XHRvcHRpb25zOiBbeyB2YWx1ZTogJ3R5cGVfY29tbW9uJywgbGFiZWw6ICdOZWluJyB9LCB7IHZhbHVlOiAndHlwZV9wcm9qZWN0JywgbGFiZWw6ICdQcm9qZWt0w7xiZXJzaWNodCcgfSwgeyB2YWx1ZTogJ3R5cGVfcGFnZScsIGxhYmVsOiAnU2VpdGVuw7xiZXJzaWNodCcgfV1cblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0J0Jlc2NocmVpYnVuZyAvIFp1c2FtbWVuZmFzc3VuZyAvIEt1cnplciBBdXNzY2huaXR0IChLZWluZSBaZWlsZW51bWJyXFx4RkNjaGUhKTonXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBvbkNoYW5nZURlc2NyaXB0aW9uLFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMucG9zdERlc2NyaXB0aW9uLFxuXHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdEaWVzZSBCZXNjaHJlaWJ1bmcgd2lyZCBhdWYgS1xceEU0cnRjaGVuIGFuZ2V6ZWlndC4uJyxcblx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KVxuXHRcdFx0KSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdG51bGwsXG5cdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoZWFkZXInLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnZW50cnktaGVhZGVyIGhhcy10ZXh0LWFsaWduLWNlbnRlciBoZWFkZXItZm9vdGVyLWdyb3VwJyxcblx0XHRcdFx0XHRcdHN0eWxlOiB7IGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgcHJvcHMuYXR0cmlidXRlcy5pbWdVUkwgKyAnKScgfSB9LFxuXHRcdFx0XHRcdHByb3BzLmlzU2VsZWN0ZWQgPyB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHRcdG9uQ2xpY2s6IG9uUmVtb3ZlSW1nLFxuXHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdidXR0b24gYnV0dG9uLXNlbGVjdGltZydcblx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHQnQmlsZCBhdXMgS29wZnplaWxlIGxcXHhGNnNjaGVuJ1xuXHRcdFx0XHRcdCkgOiBudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlbnRyeS1oZWFkZXItaW5uZXIgc2VjdGlvbi1pbm5lciBtZWRpdW0nIH0sXG5cdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUG9zdFRpdGxlLCBudWxsKVxuXHRcdFx0XHRcdClcblx0XHRcdFx0KSA6IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChNZWRpYVVwbG9hZCwge1xuXHRcdFx0XHRcdG9uU2VsZWN0OiBvbkZpbGVTZWxlY3QsXG5cdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuaW1nSUQsXG5cdFx0XHRcdFx0YWxsb3dlZFR5cGVzOiBbJ2ltYWdlJ10sXG5cdFx0XHRcdFx0cmVuZGVyOiBmdW5jdGlvbiByZW5kZXIoX3JlZikge1xuXHRcdFx0XHRcdFx0dmFyIG9wZW4gPSBfcmVmLm9wZW47XG5cdFx0XHRcdFx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0XHRvbkNsaWNrOiBvcGVuLFxuXHRcdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ2J1dHRvbiBidXR0b24tc2VsZWN0aW1nJ1xuXHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHQnQmlsZCBmXFx4RkNyIEtvcGZ6ZWlsZSB3XFx4RTRobGVuJ1xuXHRcdFx0XHRcdFx0KTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH0pXG5cdFx0XHQpLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdsaW1pdC1jb250ZW50LXdpZHRoJyB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoSW5uZXJCbG9ja3MsIHsgYWxsb3dlZEJsb2NrczogWydzd28tYmxvY2tzL2NvbnRlbnQtYmxvY2snLCAnc3dvLWJsb2Nrcy9lbXBsb3llZS1ibG9jaycsICdjb3JlL2NvbHVtbnMnLCAnc3dvLWJsb2Nrcy90aXRsZS10ZXh0LWJsb2NrJywgJ2NvcmUvaGVhZGluZycsICdjb3JlL3BhcmFncmFwaCcsICdzd28tYmxvY2tzL3JlY2VudC1wcm9qZWN0cy1ibG9jaycsICdzd28tYmxvY2tzL2FsbC1wcm9qZWN0cy1ibG9jaycsICdzd28tYmxvY2tzL2FsbC1wYWdlcy1ibG9jayddIH0pLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnZWRpdG9yT25seScgfSxcblx0XHRcdFx0XHQnS2xpY2tlbiBTaWUgYXVmIGRhcyBcIitcIiB1bSBCbFxceEY2Y2tlIGhpbnp1enVmXFx4RkNnZW4uIChLbGlja2VuIFNpZSAnLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdCdoaWVyJ1xuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0Jywgd2VubiBrZWluIFwiK1wiIGFuZ2V6ZWlndCB3aXJkKSdcblx0XHRcdFx0KVxuXHRcdFx0KVxuXHRcdCk7XG5cdH0sXG5cblx0c2F2ZTogZnVuY3Rpb24gc2F2ZShwcm9wcykge1xuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0bnVsbCxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2hlYWRlcicsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnZW50cnktaGVhZGVyIGhhcy10ZXh0LWFsaWduLWNlbnRlciBoZWFkZXItZm9vdGVyLWdyb3VwJyxcblx0XHRcdFx0XHRzdHlsZTogeyBiYWNrZ3JvdW5kSW1hZ2U6ICd1cmwoJyArIHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMICsgJyknIH0gfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdHsgJ2NsYXNzJzogJ2VudHJ5LWhlYWRlci1pbm5lciBzZWN0aW9uLWlubmVyIG1lZGl1bScgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnaDEnLFxuXHRcdFx0XHRcdFx0eyAnY2xhc3MnOiAnZW50cnktdGl0bGUnIH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLnRpdGxlU3RyaW5nXG5cdFx0XHRcdFx0KVxuXHRcdFx0XHQpXG5cdFx0XHQpLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyAnY2xhc3MnOiAnbGltaXQtY29udGVudC13aWR0aCcgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KElubmVyQmxvY2tzLkNvbnRlbnQsIG51bGwpXG5cdFx0XHQpXG5cdFx0KTtcblx0fVxufSk7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvcGFnZXMvY29udGVudC1wYWdlL2luZGV4LmpzXG4vLyBtb2R1bGUgaWQgPSA0XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///4\n"); - -/***/ }), -/* 5 */ -/*!********************************************!*\ - !*** ./src/pages/content-page/editor.scss ***! - \********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNS5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9jb250ZW50LXBhZ2UvZWRpdG9yLnNjc3M/ODE1YSJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL3BhZ2VzL2NvbnRlbnQtcGFnZS9lZGl0b3Iuc2Nzc1xuLy8gbW9kdWxlIGlkID0gNVxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///5\n"); - -/***/ }), -/* 6 */ -/*!*******************************************!*\ - !*** ./src/pages/content-page/style.scss ***! - \*******************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNi5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9jb250ZW50LXBhZ2Uvc3R5bGUuc2Nzcz85ZmEzIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvcGFnZXMvY29udGVudC1wYWdlL3N0eWxlLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDZcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///6\n"); - -/***/ }), -/* 7 */ -/*!**************************************!*\ - !*** ./src/pages/area-page/index.js ***! - \**************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 9);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$data = wp.data,\n withSelect = _wp$data.withSelect,\n select = _wp$data.select;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar _wp$components = wp.components,\n SelectControl = _wp$components.SelectControl,\n Button = _wp$components.Button;\n\n\nregisterBlockType('swo-pages/area-page', {\n\ttitle: 'Bereichsseite',\n\tdescription: 'Dies ist eine Seite um Inhalte von Bereichen anzuzeigen.',\n\ticon: 'media-default',\n\tcategory: 'swo-pages',\n\tkeywords: ['Inhalt', 'Inhalt', 'SWO'],\n\tattributes: {\n\t\ttypeOfPost: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'meta',\n\t\t\tmeta: 'typeOfPost'\n\t\t},\n\t\tpostDescription: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'meta',\n\t\t\tmeta: 'postDescription'\n\t\t},\n\t\tsignatureImage: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'meta',\n\t\t\tmeta: 'signatureImage'\n\t\t},\n\t\tareaColor: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'meta',\n\t\t\tmeta: 'areaColor'\n\t\t},\n\t\tareaColorSave: {\n\t\t\ttype: 'string'\n\t\t},\n\t\timgURL: {\n\t\t\ttype: 'string'\n\t\t},\n\t\timgID: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgAlt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'alt',\n\t\t\tselector: 'img'\n\t\t},\n\t\ttitleString: {\n\t\t\ttype: 'string',\n\t\t\tselector: '.bereich-title h1'\n\t\t},\n\t\tsubTitle: {\n\t\t\ttype: 'string',\n\t\t\tselector: '.bereich-title h4'\n\t\t},\n\t\tboxContent: {\n\t\t\ttype: 'string',\n\t\t\tselector: '.bereich-title p'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar onFileSelect = function onFileSelect(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: img.url,\n\t\t\t\tsignatureImage: img.url,\n\t\t\t\timgID: img.id,\n\t\t\t\timgAlt: img.alt\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg = function onRemoveImg() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: null,\n\t\t\t\timgID: null,\n\t\t\t\timgAlt: null\n\t\t\t});\n\t\t};\n\n\t\tvar onChangeTitle = function onChangeTitle(newTitle) {\n\t\t\tprops.setAttributes({\n\t\t\t\ttitleString: newTitle\n\t\t\t});\n\t\t};\n\n\t\tvar GetTitle = function GetTitle(props) {\n\t\t\tvar title = select(\"core/editor\").getEditedPostAttribute('title');\n\t\t\tonChangeTitle(title);\n\t\t\treturn wp.element.createElement(\n\t\t\t\t'h1',\n\t\t\t\tnull,\n\t\t\t\tprops.title\n\t\t\t);\n\t\t};\n\n\t\tvar selectTitle = withSelect(function (select) {\n\t\t\treturn {\n\t\t\t\ttitle: select(\"core/editor\").getEditedPostAttribute('title')\n\t\t\t};\n\t\t});\n\t\tvar PostTitle = selectTitle(GetTitle);\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: props.attributes.areaColorSave },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t'Soll diese Seite in einer \\xDCbersicht angezeigt werden?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(SelectControl, {\n\t\t\t\t\t\t\tvalue: props.attributes.typeOfPost,\n\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\tprops.setAttributes({ typeOfPost: newContent });\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\toptions: [{ value: 'type_common', label: 'Nein' }, { value: 'type_project', label: 'Projektübersicht' }, { value: 'type_page', label: 'Seitenübersicht' }]\n\t\t\t\t\t\t})\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t'Beschreibung / Zusammenfassung / Kurzer Ausschnitt (Keine Zeilenumbr\\xFCche!):'\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\tprops.setAttributes({ postDescription: newContent });\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tvalue: props.attributes.postDescription,\n\t\t\t\t\t\t\tplaceholder: 'Diese Beschreibung wird auf K\\xE4rtchen angezeigt..',\n\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t\t}),\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t'Bereichsfarbe aus SWO Farben ausw\\xE4hlen:'\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(SelectControl, {\n\t\t\t\t\t\t\tvalue: props.attributes.areaColor,\n\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\tprops.setAttributes({ areaColor: newContent, areaColorSave: newContent });\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\toptions: [{ value: 'master-blue', label: 'SWO-Hauptfarbe: Blau' }, { value: 'master-yellow', label: 'SWO-Gelb' }, { value: 'master-orange', label: 'SWO-Orange' }, { value: 'master-green', label: 'SWO-Grün' }, { value: 'master-brown', label: 'Zivi-Braun' }]\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\tnull,\n\t\t\t\t\tprops.attributes.imgURL ? wp.element.createElement(\n\t\t\t\t\t\t'header',\n\t\t\t\t\t\t{ className: 'has-text-align-center bereich-header',\n\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL + ')' } },\n\t\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tonClick: onRemoveImg,\n\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'Bild aus Kopfzeile l\\xF6schen'\n\t\t\t\t\t\t) : null,\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ className: 'entry-header-inner section-inner medium' },\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ className: 'bereich-title classic-text' },\n\t\t\t\t\t\t\t\twp.element.createElement(PostTitle, null),\n\t\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t\t'h4',\n\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ subTitle: newContent });\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tvalue: props.attributes.subTitle,\n\t\t\t\t\t\t\t\t\t\tplaceholder: 'Untertitel... (Leerlassen, falls nicht ben\\xF6tigt)',\n\t\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ boxContent: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.boxContent,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Einf\\xFChrung / Zusammenfassung / Beschreibung zu dieser Seite...',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\t\tonSelect: onFileSelect,\n\t\t\t\t\t\tvalue: props.attributes.imgID,\n\t\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\t\trender: function render(_ref) {\n\t\t\t\t\t\t\tvar open = _ref.open;\n\t\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t'Bild f\\xFCr Kopfzeile w\\xE4hlen'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ 'class': 'limit-content-width bereich-container' },\n\t\t\t\t\twp.element.createElement(InnerBlocks, { allowedBlocks: ['swo-elements/button-element', 'swo-elements/button-back-element', 'swo-blocks/title-text-block', 'swo-blocks/area-lr-block', 'swo-blocks/area-rl-block', 'swo-blocks/area-banner-block'] }),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t\t'Klicken Sie auf das \"+\" um Bl\\xF6cke hinzuzuf\\xFCgen. (Klicken Sie ',\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'strong',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t'hier'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t', wenn kein \"+\" angezeigt wird)'\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: props.attributes.areaColorSave },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'header',\n\t\t\t\t\t{ className: 'has-text-align-center bereich-header',\n\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL + ')' } },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\t{ className: 'entry-header-inner section-inner medium' },\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ className: 'bereich-title classic-text' },\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'h1',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\tprops.attributes.titleString\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'h5',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\tprops.attributes.subTitle\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\t\t\t\t\tvalue: props.attributes.boxContent,\n\t\t\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ 'class': 'limit-content-width bereich-container' },\n\t\t\t\t\twp.element.createElement(InnerBlocks.Content, null)\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNy5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9hcmVhLXBhZ2UvaW5kZXguanM/OTBkYSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIF93cCRkYXRhID0gd3AuZGF0YSxcbiAgICB3aXRoU2VsZWN0ID0gX3dwJGRhdGEud2l0aFNlbGVjdCxcbiAgICBzZWxlY3QgPSBfd3AkZGF0YS5zZWxlY3Q7XG52YXIgX3dwJGJsb2NrRWRpdG9yID0gd3AuYmxvY2tFZGl0b3IsXG4gICAgUmljaFRleHQgPSBfd3AkYmxvY2tFZGl0b3IuUmljaFRleHQsXG4gICAgTWVkaWFVcGxvYWQgPSBfd3AkYmxvY2tFZGl0b3IuTWVkaWFVcGxvYWQsXG4gICAgSW5uZXJCbG9ja3MgPSBfd3AkYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG52YXIgX3dwJGNvbXBvbmVudHMgPSB3cC5jb21wb25lbnRzLFxuICAgIFNlbGVjdENvbnRyb2wgPSBfd3AkY29tcG9uZW50cy5TZWxlY3RDb250cm9sLFxuICAgIEJ1dHRvbiA9IF93cCRjb21wb25lbnRzLkJ1dHRvbjtcblxuXG5yZWdpc3RlckJsb2NrVHlwZSgnc3dvLXBhZ2VzL2FyZWEtcGFnZScsIHtcblx0dGl0bGU6ICdCZXJlaWNoc3NlaXRlJyxcblx0ZGVzY3JpcHRpb246ICdEaWVzIGlzdCBlaW5lIFNlaXRlIHVtIEluaGFsdGUgdm9uIEJlcmVpY2hlbiBhbnp1emVpZ2VuLicsXG5cdGljb246ICdtZWRpYS1kZWZhdWx0Jyxcblx0Y2F0ZWdvcnk6ICdzd28tcGFnZXMnLFxuXHRrZXl3b3JkczogWydJbmhhbHQnLCAnSW5oYWx0JywgJ1NXTyddLFxuXHRhdHRyaWJ1dGVzOiB7XG5cdFx0dHlwZU9mUG9zdDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdtZXRhJyxcblx0XHRcdG1ldGE6ICd0eXBlT2ZQb3N0J1xuXHRcdH0sXG5cdFx0cG9zdERlc2NyaXB0aW9uOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ21ldGEnLFxuXHRcdFx0bWV0YTogJ3Bvc3REZXNjcmlwdGlvbidcblx0XHR9LFxuXHRcdHNpZ25hdHVyZUltYWdlOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ21ldGEnLFxuXHRcdFx0bWV0YTogJ3NpZ25hdHVyZUltYWdlJ1xuXHRcdH0sXG5cdFx0YXJlYUNvbG9yOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ21ldGEnLFxuXHRcdFx0bWV0YTogJ2FyZWFDb2xvcidcblx0XHR9LFxuXHRcdGFyZWFDb2xvclNhdmU6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnXG5cdFx0fSxcblx0XHRpbWdVUkw6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnXG5cdFx0fSxcblx0XHRpbWdJRDoge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGltZ0FsdDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdhdHRyaWJ1dGUnLFxuXHRcdFx0YXR0cmlidXRlOiAnYWx0Jyxcblx0XHRcdHNlbGVjdG9yOiAnaW1nJ1xuXHRcdH0sXG5cdFx0dGl0bGVTdHJpbmc6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c2VsZWN0b3I6ICcuYmVyZWljaC10aXRsZSBoMSdcblx0XHR9LFxuXHRcdHN1YlRpdGxlOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNlbGVjdG9yOiAnLmJlcmVpY2gtdGl0bGUgaDQnXG5cdFx0fSxcblx0XHRib3hDb250ZW50OiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNlbGVjdG9yOiAnLmJlcmVpY2gtdGl0bGUgcCdcblx0XHR9XG5cdH0sXG5cblx0ZWRpdDogZnVuY3Rpb24gZWRpdChwcm9wcykge1xuXG5cdFx0dmFyIG9uRmlsZVNlbGVjdCA9IGZ1bmN0aW9uIG9uRmlsZVNlbGVjdChpbWcpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkw6IGltZy51cmwsXG5cdFx0XHRcdHNpZ25hdHVyZUltYWdlOiBpbWcudXJsLFxuXHRcdFx0XHRpbWdJRDogaW1nLmlkLFxuXHRcdFx0XHRpbWdBbHQ6IGltZy5hbHRcblx0XHRcdH0pO1xuXHRcdH07XG5cdFx0dmFyIG9uUmVtb3ZlSW1nID0gZnVuY3Rpb24gb25SZW1vdmVJbWcoKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0aW1nVVJMOiBudWxsLFxuXHRcdFx0XHRpbWdJRDogbnVsbCxcblx0XHRcdFx0aW1nQWx0OiBudWxsXG5cdFx0XHR9KTtcblx0XHR9O1xuXG5cdFx0dmFyIG9uQ2hhbmdlVGl0bGUgPSBmdW5jdGlvbiBvbkNoYW5nZVRpdGxlKG5ld1RpdGxlKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0dGl0bGVTdHJpbmc6IG5ld1RpdGxlXG5cdFx0XHR9KTtcblx0XHR9O1xuXG5cdFx0dmFyIEdldFRpdGxlID0gZnVuY3Rpb24gR2V0VGl0bGUocHJvcHMpIHtcblx0XHRcdHZhciB0aXRsZSA9IHNlbGVjdChcImNvcmUvZWRpdG9yXCIpLmdldEVkaXRlZFBvc3RBdHRyaWJ1dGUoJ3RpdGxlJyk7XG5cdFx0XHRvbkNoYW5nZVRpdGxlKHRpdGxlKTtcblx0XHRcdHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdoMScsXG5cdFx0XHRcdG51bGwsXG5cdFx0XHRcdHByb3BzLnRpdGxlXG5cdFx0XHQpO1xuXHRcdH07XG5cblx0XHR2YXIgc2VsZWN0VGl0bGUgPSB3aXRoU2VsZWN0KGZ1bmN0aW9uIChzZWxlY3QpIHtcblx0XHRcdHJldHVybiB7XG5cdFx0XHRcdHRpdGxlOiBzZWxlY3QoXCJjb3JlL2VkaXRvclwiKS5nZXRFZGl0ZWRQb3N0QXR0cmlidXRlKCd0aXRsZScpXG5cdFx0XHR9O1xuXHRcdH0pO1xuXHRcdHZhciBQb3N0VGl0bGUgPSBzZWxlY3RUaXRsZShHZXRUaXRsZSk7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHRudWxsLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6IHByb3BzLmF0dHJpYnV0ZXMuYXJlYUNvbG9yU2F2ZSB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlZGl0b3JPbmx5JyB9LFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0XHQnU29sbCBkaWVzZSBTZWl0ZSBpbiBlaW5lciBcXHhEQ2JlcnNpY2h0IGFuZ2V6ZWlndCB3ZXJkZW4/J1xuXHRcdFx0XHRcdFx0KSxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChTZWxlY3RDb250cm9sLCB7XG5cdFx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnR5cGVPZlBvc3QsXG5cdFx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IHR5cGVPZlBvc3Q6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdG9wdGlvbnM6IFt7IHZhbHVlOiAndHlwZV9jb21tb24nLCBsYWJlbDogJ05laW4nIH0sIHsgdmFsdWU6ICd0eXBlX3Byb2plY3QnLCBsYWJlbDogJ1Byb2pla3TDvGJlcnNpY2h0JyB9LCB7IHZhbHVlOiAndHlwZV9wYWdlJywgbGFiZWw6ICdTZWl0ZW7DvGJlcnNpY2h0JyB9XVxuXHRcdFx0XHRcdFx0fSlcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0XHQnQmVzY2hyZWlidW5nIC8gWnVzYW1tZW5mYXNzdW5nIC8gS3VyemVyIEF1c3NjaG5pdHQgKEtlaW5lIFplaWxlbnVtYnJcXHhGQ2NoZSEpOidcblx0XHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgcG9zdERlc2NyaXB0aW9uOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5wb3N0RGVzY3JpcHRpb24sXG5cdFx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnRGllc2UgQmVzY2hyZWlidW5nIHdpcmQgYXVmIEtcXHhFNHJ0Y2hlbiBhbmdlemVpZ3QuLicsXG5cdFx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0XHRcdHRhZ05hbWU6ICdwJ1xuXHRcdFx0XHRcdFx0fSksXG5cdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdCdwJyxcblx0XHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdFx0J0JlcmVpY2hzZmFyYmUgYXVzIFNXTyBGYXJiZW4gYXVzd1xceEU0aGxlbjonXG5cdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFNlbGVjdENvbnRyb2wsIHtcblx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYXJlYUNvbG9yLFxuXHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBhcmVhQ29sb3I6IG5ld0NvbnRlbnQsIGFyZWFDb2xvclNhdmU6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdG9wdGlvbnM6IFt7IHZhbHVlOiAnbWFzdGVyLWJsdWUnLCBsYWJlbDogJ1NXTy1IYXVwdGZhcmJlOiBCbGF1JyB9LCB7IHZhbHVlOiAnbWFzdGVyLXllbGxvdycsIGxhYmVsOiAnU1dPLUdlbGInIH0sIHsgdmFsdWU6ICdtYXN0ZXItb3JhbmdlJywgbGFiZWw6ICdTV08tT3JhbmdlJyB9LCB7IHZhbHVlOiAnbWFzdGVyLWdyZWVuJywgbGFiZWw6ICdTV08tR3LDvG4nIH0sIHsgdmFsdWU6ICdtYXN0ZXItYnJvd24nLCBsYWJlbDogJ1ppdmktQnJhdW4nIH1dXG5cdFx0XHRcdFx0XHR9KVxuXHRcdFx0XHRcdClcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5pbWdVUkwgPyB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnaGVhZGVyJyxcblx0XHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnaGFzLXRleHQtYWxpZ24tY2VudGVyIGJlcmVpY2gtaGVhZGVyJyxcblx0XHRcdFx0XHRcdFx0c3R5bGU6IHsgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTCArICcpJyB9IH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5pc1NlbGVjdGVkID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0XHRvbkNsaWNrOiBvblJlbW92ZUltZyxcblx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdidXR0b24gYnV0dG9uLXNlbGVjdGltZydcblx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0J0JpbGQgYXVzIEtvcGZ6ZWlsZSBsXFx4RjZzY2hlbidcblx0XHRcdFx0XHRcdCkgOiBudWxsLFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlbnRyeS1oZWFkZXItaW5uZXIgc2VjdGlvbi1pbm5lciBtZWRpdW0nIH0sXG5cdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ2JlcmVpY2gtdGl0bGUgY2xhc3NpYy10ZXh0JyB9LFxuXHRcdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChQb3N0VGl0bGUsIG51bGwpLFxuXHRcdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHRcdCdoNCcsXG5cdFx0XHRcdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IHN1YlRpdGxlOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5zdWJUaXRsZSxcblx0XHRcdFx0XHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdVbnRlcnRpdGVsLi4uIChMZWVybGFzc2VuLCBmYWxscyBuaWNodCBiZW5cXHhGNnRpZ3QpJyxcblx0XHRcdFx0XHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZVxuXHRcdFx0XHRcdFx0XHRcdFx0fSlcblx0XHRcdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGJveENvbnRlbnQ6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYm94Q29udGVudCxcblx0XHRcdFx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnRWluZlxceEZDaHJ1bmcgLyBadXNhbW1lbmZhc3N1bmcgLyBCZXNjaHJlaWJ1bmcgenUgZGllc2VyIFNlaXRlLi4uJyxcblx0XHRcdFx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRcdFx0XHR0YWdOYW1lOiAncCdcblx0XHRcdFx0XHRcdFx0XHR9KVxuXHRcdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0KSA6IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChNZWRpYVVwbG9hZCwge1xuXHRcdFx0XHRcdFx0b25TZWxlY3Q6IG9uRmlsZVNlbGVjdCxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ0lELFxuXHRcdFx0XHRcdFx0YWxsb3dlZFR5cGVzOiBbJ2ltYWdlJ10sXG5cdFx0XHRcdFx0XHRyZW5kZXI6IGZ1bmN0aW9uIHJlbmRlcihfcmVmKSB7XG5cdFx0XHRcdFx0XHRcdHZhciBvcGVuID0gX3JlZi5vcGVuO1xuXHRcdFx0XHRcdFx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdEJ1dHRvbixcblx0XHRcdFx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHRcdFx0XHRvbkNsaWNrOiBvcGVuLFxuXHRcdFx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnYnV0dG9uIGJ1dHRvbi1zZWxlY3RpbWcnXG5cdFx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0XHQnQmlsZCBmXFx4RkNyIEtvcGZ6ZWlsZSB3XFx4RTRobGVuJ1xuXHRcdFx0XHRcdFx0XHQpO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH0pXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHR7ICdjbGFzcyc6ICdsaW1pdC1jb250ZW50LXdpZHRoIGJlcmVpY2gtY29udGFpbmVyJyB9LFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChJbm5lckJsb2NrcywgeyBhbGxvd2VkQmxvY2tzOiBbJ3N3by1lbGVtZW50cy9idXR0b24tZWxlbWVudCcsICdzd28tZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudCcsICdzd28tYmxvY2tzL3RpdGxlLXRleHQtYmxvY2snLCAnc3dvLWJsb2Nrcy9hcmVhLWxyLWJsb2NrJywgJ3N3by1ibG9ja3MvYXJlYS1ybC1ibG9jaycsICdzd28tYmxvY2tzL2FyZWEtYmFubmVyLWJsb2NrJ10gfSksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlZGl0b3JPbmx5JyB9LFxuXHRcdFx0XHRcdFx0J0tsaWNrZW4gU2llIGF1ZiBkYXMgXCIrXCIgdW0gQmxcXHhGNmNrZSBoaW56dXp1ZlxceEZDZ2VuLiAoS2xpY2tlbiBTaWUgJyxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0J3N0cm9uZycsXG5cdFx0XHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0XHRcdCdoaWVyJ1xuXHRcdFx0XHRcdFx0KSxcblx0XHRcdFx0XHRcdCcsIHdlbm4ga2VpbiBcIitcIiBhbmdlemVpZ3Qgd2lyZCknXG5cdFx0XHRcdFx0KVxuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fSxcblxuXHRzYXZlOiBmdW5jdGlvbiBzYXZlKHByb3BzKSB7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHRudWxsLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6IHByb3BzLmF0dHJpYnV0ZXMuYXJlYUNvbG9yU2F2ZSB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2hlYWRlcicsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdoYXMtdGV4dC1hbGlnbi1jZW50ZXIgYmVyZWljaC1oZWFkZXInLFxuXHRcdFx0XHRcdFx0c3R5bGU6IHsgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTCArICcpJyB9IH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ2VudHJ5LWhlYWRlci1pbm5lciBzZWN0aW9uLWlubmVyIG1lZGl1bScgfSxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnYmVyZWljaC10aXRsZSBjbGFzc2ljLXRleHQnIH0sXG5cdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHQnaDEnLFxuXHRcdFx0XHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy50aXRsZVN0cmluZ1xuXHRcdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdFx0J2g1Jyxcblx0XHRcdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuc3ViVGl0bGVcblx0XHRcdFx0XHRcdFx0KSxcblx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LkNvbnRlbnQsIHtcblx0XHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5ib3hDb250ZW50LFxuXHRcdFx0XHRcdFx0XHRcdHRhZ05hbWU6ICdwJ1xuXHRcdFx0XHRcdFx0XHR9KVxuXHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdClcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdHsgJ2NsYXNzJzogJ2xpbWl0LWNvbnRlbnQtd2lkdGggYmVyZWljaC1jb250YWluZXInIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KElubmVyQmxvY2tzLkNvbnRlbnQsIG51bGwpXG5cdFx0XHRcdClcblx0XHRcdClcblx0XHQpO1xuXHR9XG59KTtcblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9wYWdlcy9hcmVhLXBhZ2UvaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDdcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///7\n"); - -/***/ }), -/* 8 */ -/*!*****************************************!*\ - !*** ./src/pages/area-page/editor.scss ***! - \*****************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiOC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9hcmVhLXBhZ2UvZWRpdG9yLnNjc3M/ODdmMSJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL3BhZ2VzL2FyZWEtcGFnZS9lZGl0b3Iuc2Nzc1xuLy8gbW9kdWxlIGlkID0gOFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///8\n"); - -/***/ }), -/* 9 */ -/*!****************************************!*\ - !*** ./src/pages/area-page/style.scss ***! - \****************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiOS5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9wYWdlcy9hcmVhLXBhZ2Uvc3R5bGUuc2Nzcz82M2QwIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvcGFnZXMvYXJlYS1wYWdlL3N0eWxlLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDlcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///9\n"); - -/***/ }), -/* 10 */ -/*!*******************************************!*\ - !*** ./src/blocks/content-block/index.js ***! - \*******************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n PlainText = _wp$blockEditor.PlainText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar Button = wp.components.Button;\n\n\nregisterBlockType('swo-blocks/content-block', {\n\ttitle: 'Projekt Inhalt',\n\tdescription: 'Hiermit kann der Projekt-Inhalt mit einem Bild und Inhalten erstellt werden.',\n\ticon: 'media-spreadsheet',\n\tcategory: 'swo-blocks',\n\tkeywords: ['Projekt', 'Inhaltsseite', 'SWO'],\n\tattributes: {\n\t\timgURL: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'src',\n\t\t\tselector: 'img'\n\t\t},\n\t\timgID: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgAlt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'alt',\n\t\t\tselector: 'img'\n\t\t},\n\t\tprojInhalt1: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '#inh1'\n\t\t},\n\t\tprojTitel1: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '#tit1'\n\t\t},\n\t\tprojInhalt2: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '#inh2'\n\t\t},\n\t\tprojTitel2: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '#tit2'\n\t\t},\n\t\tprojInhalt3: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '#inh3'\n\t\t},\n\t\tprojTitel3: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '#tit3'\n\t\t},\n\t\tprojHeading1: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'h4'\n\t\t},\n\t\tprojContent1: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.main-content-p'\n\t\t},\n\t\tprojHashtags: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.hashtags'\n\t\t},\n\t\tprojContact: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.side-contact'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar onFileSelect = function onFileSelect(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: img.url,\n\t\t\t\timgID: img.id,\n\t\t\t\timgAlt: img.alt\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg = function onRemoveImg() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: null,\n\t\t\t\timgID: null,\n\t\t\t\timgAlt: null\n\t\t\t});\n\t\t};\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'wrap-project wp-block-columns alignfull' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'wp-block-column main-info' },\n\t\t\t\tprops.attributes.imgURL ? wp.element.createElement(\n\t\t\t\t\t'figure',\n\t\t\t\t\t{ className: 'wp-block-image size-large' },\n\t\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t\t}),\n\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\tButton,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tonClick: onRemoveImg,\n\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t) : null\n\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\tonSelect: onFileSelect,\n\t\t\t\t\tvalue: props.attributes.imgID,\n\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\trender: function render(_ref) {\n\t\t\t\t\t\tvar open = _ref.open;\n\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h4',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ projHeading1: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.projHeading1,\n\t\t\t\t\t\tplaceholder: '\\xDCberschrift...',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\tprops.setAttributes({ projContent1: newContent });\n\t\t\t\t\t},\n\t\t\t\t\tvalue: props.attributes.projContent1,\n\t\t\t\t\tplaceholder: 'Inhalt zu diesem Projekt... (Hier kann auch Text formatiert werden, zum Beispiel Fett, kursiv, unterstrichen',\n\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\tclassName: 'main-content-p'\n\t\t\t\t}),\n\t\t\t\twp.element.createElement(InnerBlocks, { allowedBlocks: ['core/image', 'core/paragraph', 'core/heading', 'swo-elements/button-element', 'swo-elements/button-back-element', 'swo-elements/list-element'] }),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t'Klicken Sie auf das \"+\" um ein Element hinzuzuf\\xFCgen. (Klicken Sie ',\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'hier'\n\t\t\t\t\t),\n\t\t\t\t\t', wenn kein \"+\" angezeigt wird)'\n\t\t\t\t)\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'wp-block-column side-info' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h6',\n\t\t\t\t\t{ id: 'inh1' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ projInhalt1: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.projInhalt1,\n\t\t\t\t\t\tplaceholder: 'Inhalt...',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ id: 'tit1', className: 'side-content-p' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ projTitel1: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.projTitel1,\n\t\t\t\t\t\tplaceholder: 'Titel...',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h6',\n\t\t\t\t\t{ id: 'inh2' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ projInhalt2: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.projInhalt2,\n\t\t\t\t\t\tplaceholder: 'Inhalt... (Leerlassen, falls nicht ben\\xF6tigt)',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ id: 'tit2', className: 'side-content-p' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ projTitel2: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.projTitel2,\n\t\t\t\t\t\tplaceholder: 'Titel... (Leerlassen, falls nicht ben\\xF6tigt)',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h6',\n\t\t\t\t\t{ id: 'inh3' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ projInhalt3: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.projInhalt3,\n\t\t\t\t\t\tplaceholder: 'Inhalt... (Leerlassen, falls nicht ben\\xF6tigt)',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ id: 'tit3', className: 'side-content-p' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ projTitel3: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.projTitel3,\n\t\t\t\t\t\tplaceholder: 'Titel... (Leerlassen, falls nicht ben\\xF6tigt)',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\tprops.setAttributes({ projHashtags: newContent });\n\t\t\t\t\t},\n\t\t\t\t\tvalue: props.attributes.projHashtags,\n\t\t\t\t\tplaceholder: '#Hashtag... (Um mehrere Hashtags zu erstellen, dr\\xFCcken Sie \"Enter\")',\n\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\ttagName: 'div',\n\t\t\t\t\tmultiline: 'p'\n\t\t\t\t}),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h6',\n\t\t\t\t\tnull,\n\t\t\t\t\t'Kontakt'\n\t\t\t\t),\n\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\tprops.setAttributes({ projContact: newContent });\n\t\t\t\t\t},\n\t\t\t\t\tvalue: props.attributes.projContact,\n\t\t\t\t\tplaceholder: 'Ihre Kontaktangaben... (Hier k\\xF6nnen Zeilenumbr\\xFCche genutzt werden)',\n\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\tclassName: 'side-contact'\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'wrap-project wp-block-columns alignfull' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'wp-block-column left-column' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'main-info' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'figure',\n\t\t\t\t\t\t{ className: 'wp-block-image size-large' },\n\t\t\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t\t\t})\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'h4',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\tprops.attributes.projHeading1\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\t\t\tclassName: 'main-content-p',\n\t\t\t\t\t\ttagName: 'p',\n\t\t\t\t\t\tvalue: props.attributes.projContent1\n\t\t\t\t\t}),\n\t\t\t\t\twp.element.createElement(InnerBlocks.Content, null)\n\t\t\t\t)\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'wp-block-column right-column' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'side-info' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'h6',\n\t\t\t\t\t\t{ id: 'inh1' },\n\t\t\t\t\t\tprops.attributes.projInhalt1\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ id: 'tit1', className: 'side-content-p' },\n\t\t\t\t\t\tprops.attributes.projTitel1\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'h6',\n\t\t\t\t\t\t{ id: 'inh2' },\n\t\t\t\t\t\tprops.attributes.projInhalt2\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ id: 'tit2', className: 'side-content-p' },\n\t\t\t\t\t\tprops.attributes.projTitel2\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'h6',\n\t\t\t\t\t\t{ id: 'inh3' },\n\t\t\t\t\t\tprops.attributes.projInhalt3\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ id: 'tit3', className: 'side-content-p' },\n\t\t\t\t\t\tprops.attributes.projTitel3\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\t\t\tclassName: 'hashtags',\n\t\t\t\t\t\ttagName: 'div',\n\t\t\t\t\t\tmultiline: 'p',\n\t\t\t\t\t\tvalue: props.attributes.projHashtags\n\t\t\t\t\t}),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'h6',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'Kontakt'\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\t\t\tclassName: 'side-contact',\n\t\t\t\t\t\ttagName: 'p',\n\t\t\t\t\t\tvalue: props.attributes.projContact\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2NvbnRlbnQtYmxvY2svaW5kZXguanM/MmM1MCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIF93cCRibG9ja0VkaXRvciA9IHdwLmJsb2NrRWRpdG9yLFxuICAgIFJpY2hUZXh0ID0gX3dwJGJsb2NrRWRpdG9yLlJpY2hUZXh0LFxuICAgIFBsYWluVGV4dCA9IF93cCRibG9ja0VkaXRvci5QbGFpblRleHQsXG4gICAgTWVkaWFVcGxvYWQgPSBfd3AkYmxvY2tFZGl0b3IuTWVkaWFVcGxvYWQsXG4gICAgSW5uZXJCbG9ja3MgPSBfd3AkYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG52YXIgQnV0dG9uID0gd3AuY29tcG9uZW50cy5CdXR0b247XG5cblxucmVnaXN0ZXJCbG9ja1R5cGUoJ3N3by1ibG9ja3MvY29udGVudC1ibG9jaycsIHtcblx0dGl0bGU6ICdQcm9qZWt0IEluaGFsdCcsXG5cdGRlc2NyaXB0aW9uOiAnSGllcm1pdCBrYW5uIGRlciBQcm9qZWt0LUluaGFsdCBtaXQgZWluZW0gQmlsZCB1bmQgSW5oYWx0ZW4gZXJzdGVsbHQgd2VyZGVuLicsXG5cdGljb246ICdtZWRpYS1zcHJlYWRzaGVldCcsXG5cdGNhdGVnb3J5OiAnc3dvLWJsb2NrcycsXG5cdGtleXdvcmRzOiBbJ1Byb2pla3QnLCAnSW5oYWx0c3NlaXRlJywgJ1NXTyddLFxuXHRhdHRyaWJ1dGVzOiB7XG5cdFx0aW1nVVJMOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdzcmMnLFxuXHRcdFx0c2VsZWN0b3I6ICdpbWcnXG5cdFx0fSxcblx0XHRpbWdJRDoge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGltZ0FsdDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdhdHRyaWJ1dGUnLFxuXHRcdFx0YXR0cmlidXRlOiAnYWx0Jyxcblx0XHRcdHNlbGVjdG9yOiAnaW1nJ1xuXHRcdH0sXG5cdFx0cHJvakluaGFsdDE6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJyNpbmgxJ1xuXHRcdH0sXG5cdFx0cHJvalRpdGVsMToge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnI3RpdDEnXG5cdFx0fSxcblx0XHRwcm9qSW5oYWx0Mjoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnI2luaDInXG5cdFx0fSxcblx0XHRwcm9qVGl0ZWwyOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcjdGl0Midcblx0XHR9LFxuXHRcdHByb2pJbmhhbHQzOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcjaW5oMydcblx0XHR9LFxuXHRcdHByb2pUaXRlbDM6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJyN0aXQzJ1xuXHRcdH0sXG5cdFx0cHJvakhlYWRpbmcxOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICdoNCdcblx0XHR9LFxuXHRcdHByb2pDb250ZW50MToge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnLm1haW4tY29udGVudC1wJ1xuXHRcdH0sXG5cdFx0cHJvakhhc2h0YWdzOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuaGFzaHRhZ3MnXG5cdFx0fSxcblx0XHRwcm9qQ29udGFjdDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnLnNpZGUtY29udGFjdCdcblx0XHR9XG5cdH0sXG5cblx0ZWRpdDogZnVuY3Rpb24gZWRpdChwcm9wcykge1xuXG5cdFx0dmFyIG9uRmlsZVNlbGVjdCA9IGZ1bmN0aW9uIG9uRmlsZVNlbGVjdChpbWcpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkw6IGltZy51cmwsXG5cdFx0XHRcdGltZ0lEOiBpbWcuaWQsXG5cdFx0XHRcdGltZ0FsdDogaW1nLmFsdFxuXHRcdFx0fSk7XG5cdFx0fTtcblx0XHR2YXIgb25SZW1vdmVJbWcgPSBmdW5jdGlvbiBvblJlbW92ZUltZygpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkw6IG51bGwsXG5cdFx0XHRcdGltZ0lEOiBudWxsLFxuXHRcdFx0XHRpbWdBbHQ6IG51bGxcblx0XHRcdH0pO1xuXHRcdH07XG5cblx0XHR2YXIgYmxvY2tIYXNQYXJlbnQgPSBmdW5jdGlvbiBibG9ja0hhc1BhcmVudChjbGllbnRJZCkge1xuXHRcdFx0cmV0dXJuIGNsaWVudElkICE9PSB3cC5kYXRhLnNlbGVjdCgnY29yZS9lZGl0b3InKS5nZXRCbG9ja0hpZXJhcmNoeVJvb3RDbGllbnRJZChjbGllbnRJZCk7XG5cdFx0fTtcblxuXHRcdGlmICghYmxvY2tIYXNQYXJlbnQocHJvcHMuY2xpZW50SWQpKSB7XG5cdFx0XHRhbGVydCgnQUNIVFVORy4gQml0dGUgZWluZW4gSW5oYWx0IEJsb2NrIG51ciBpbiBlaW5lciBJbmhhbHRzc2VpdGUgYmVudXR6ZW4uJyk7XG5cdFx0XHR0aHJvdyBuZXcgRXJyb3IoXCJBQ0hUVU5HLiBCaXR0ZSBlaW5lbiBJbmhhbHQgQmxvY2sgbnVyIGluIGVpbmVyIEluaGFsdHNzZWl0ZSBiZW51dHplbi5cIik7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0eyBjbGFzc05hbWU6ICd3cmFwLXByb2plY3Qgd3AtYmxvY2stY29sdW1ucyBhbGlnbmZ1bGwnIH0sXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ3dwLWJsb2NrLWNvbHVtbiBtYWluLWluZm8nIH0sXG5cdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdmaWd1cmUnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnd3AtYmxvY2staW1hZ2Ugc2l6ZS1sYXJnZScgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoJ2ltZycsIHtcblx0XHRcdFx0XHRcdHNyYzogcHJvcHMuYXR0cmlidXRlcy5pbWdVUkwsXG5cdFx0XHRcdFx0XHRhbHQ6IHByb3BzLmF0dHJpYnV0ZXMuaW1nQWx0XG5cdFx0XHRcdFx0fSksXG5cdFx0XHRcdFx0cHJvcHMuaXNTZWxlY3RlZCA/IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdEJ1dHRvbixcblx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0b25DbGljazogb25SZW1vdmVJbWcsXG5cdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ2J1dHRvbiBidXR0b24tc2VsZWN0aW1nJ1xuXHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdCdCaWxkIGxcXHhGNnNjaGVuJ1xuXHRcdFx0XHRcdCkgOiBudWxsXG5cdFx0XHRcdCkgOiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoTWVkaWFVcGxvYWQsIHtcblx0XHRcdFx0XHRvblNlbGVjdDogb25GaWxlU2VsZWN0LFxuXHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ0lELFxuXHRcdFx0XHRcdGFsbG93ZWRUeXBlczogWydpbWFnZSddLFxuXHRcdFx0XHRcdHJlbmRlcjogZnVuY3Rpb24gcmVuZGVyKF9yZWYpIHtcblx0XHRcdFx0XHRcdHZhciBvcGVuID0gX3JlZi5vcGVuO1xuXHRcdFx0XHRcdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0QnV0dG9uLFxuXHRcdFx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHRcdFx0b25DbGljazogb3Blbixcblx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdidXR0b24gYnV0dG9uLXNlbGVjdGltZydcblx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0J0JpbGQgd1xceEU0aGxlbidcblx0XHRcdFx0XHRcdCk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoNCcsXG5cdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBwcm9qSGVhZGluZzE6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMucHJvakhlYWRpbmcxLFxuXHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdcXHhEQ2JlcnNjaHJpZnQuLi4nLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZSdcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IHByb2pDb250ZW50MTogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnByb2pDb250ZW50MSxcblx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0luaGFsdCB6dSBkaWVzZW0gUHJvamVrdC4uLiAoSGllciBrYW5uIGF1Y2ggVGV4dCBmb3JtYXRpZXJ0IHdlcmRlbiwgenVtIEJlaXNwaWVsIEZldHQsIGt1cnNpdiwgdW50ZXJzdHJpY2hlbicsXG5cdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRjbGFzc05hbWU6ICdtYWluLWNvbnRlbnQtcCdcblx0XHRcdFx0fSksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChJbm5lckJsb2NrcywgeyBhbGxvd2VkQmxvY2tzOiBbJ2NvcmUvaW1hZ2UnLCAnY29yZS9wYXJhZ3JhcGgnLCAnY29yZS9oZWFkaW5nJywgJ3N3by1lbGVtZW50cy9idXR0b24tZWxlbWVudCcsICdzd28tZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudCcsICdzd28tZWxlbWVudHMvbGlzdC1lbGVtZW50J10gfSksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlZGl0b3JPbmx5JyB9LFxuXHRcdFx0XHRcdCdLbGlja2VuIFNpZSBhdWYgZGFzIFwiK1wiIHVtIGVpbiBFbGVtZW50IGhpbnp1enVmXFx4RkNnZW4uIChLbGlja2VuIFNpZSAnLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdCdoaWVyJ1xuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0Jywgd2VubiBrZWluIFwiK1wiIGFuZ2V6ZWlndCB3aXJkKSdcblx0XHRcdFx0KVxuXHRcdFx0KSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnd3AtYmxvY2stY29sdW1uIHNpZGUtaW5mbycgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoNicsXG5cdFx0XHRcdFx0eyBpZDogJ2luaDEnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgcHJvakluaGFsdDE6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMucHJvakluaGFsdDEsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0luaGFsdC4uLicsXG5cdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJ1xuXHRcdFx0XHRcdH0pXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0eyBpZDogJ3RpdDEnLCBjbGFzc05hbWU6ICdzaWRlLWNvbnRlbnQtcCcgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBwcm9qVGl0ZWwxOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnByb2pUaXRlbDEsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ1RpdGVsLi4uJyxcblx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoNicsXG5cdFx0XHRcdFx0eyBpZDogJ2luaDInIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgcHJvakluaGFsdDI6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMucHJvakluaGFsdDIsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0luaGFsdC4uLiAoTGVlcmxhc3NlbiwgZmFsbHMgbmljaHQgYmVuXFx4RjZ0aWd0KScsXG5cdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJ1xuXHRcdFx0XHRcdH0pXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0eyBpZDogJ3RpdDInLCBjbGFzc05hbWU6ICdzaWRlLWNvbnRlbnQtcCcgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBwcm9qVGl0ZWwyOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnByb2pUaXRlbDIsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ1RpdGVsLi4uIChMZWVybGFzc2VuLCBmYWxscyBuaWNodCBiZW5cXHhGNnRpZ3QpJyxcblx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoNicsXG5cdFx0XHRcdFx0eyBpZDogJ2luaDMnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgcHJvakluaGFsdDM6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMucHJvakluaGFsdDMsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0luaGFsdC4uLiAoTGVlcmxhc3NlbiwgZmFsbHMgbmljaHQgYmVuXFx4RjZ0aWd0KScsXG5cdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJ1xuXHRcdFx0XHRcdH0pXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0eyBpZDogJ3RpdDMnLCBjbGFzc05hbWU6ICdzaWRlLWNvbnRlbnQtcCcgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBwcm9qVGl0ZWwzOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnByb2pUaXRlbDMsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ1RpdGVsLi4uIChMZWVybGFzc2VuLCBmYWxscyBuaWNodCBiZW5cXHhGNnRpZ3QpJyxcblx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBwcm9qSGFzaHRhZ3M6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5wcm9qSGFzaHRhZ3MsXG5cdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICcjSGFzaHRhZy4uLiAoVW0gbWVocmVyZSBIYXNodGFncyB6dSBlcnN0ZWxsZW4sIGRyXFx4RkNja2VuIFNpZSBcIkVudGVyXCIpJyxcblx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0dGFnTmFtZTogJ2RpdicsXG5cdFx0XHRcdFx0bXVsdGlsaW5lOiAncCdcblx0XHRcdFx0fSksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnaDYnLFxuXHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0J0tvbnRha3QnXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgcHJvakNvbnRhY3Q6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5wcm9qQ29udGFjdCxcblx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0locmUgS29udGFrdGFuZ2FiZW4uLi4gKEhpZXIga1xceEY2bm5lbiBaZWlsZW51bWJyXFx4RkNjaGUgZ2VudXR6dCB3ZXJkZW4pJyxcblx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0Y2xhc3NOYW1lOiAnc2lkZS1jb250YWN0J1xuXHRcdFx0XHR9KVxuXHRcdFx0KVxuXHRcdCk7XG5cdH0sXG5cblx0c2F2ZTogZnVuY3Rpb24gc2F2ZShwcm9wcykge1xuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0eyBjbGFzc05hbWU6ICd3cmFwLXByb2plY3Qgd3AtYmxvY2stY29sdW1ucyBhbGlnbmZ1bGwnIH0sXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ3dwLWJsb2NrLWNvbHVtbiBsZWZ0LWNvbHVtbicgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnbWFpbi1pbmZvJyB9LFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdmaWd1cmUnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICd3cC1ibG9jay1pbWFnZSBzaXplLWxhcmdlJyB9LFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KCdpbWcnLCB7XG5cdFx0XHRcdFx0XHRcdHNyYzogcHJvcHMuYXR0cmlidXRlcy5pbWdVUkwsXG5cdFx0XHRcdFx0XHRcdGFsdDogcHJvcHMuYXR0cmlidXRlcy5pbWdBbHRcblx0XHRcdFx0XHRcdH0pXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnaDQnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMucHJvakhlYWRpbmcxXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQuQ29udGVudCwge1xuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnbWFpbi1jb250ZW50LXAnLFxuXHRcdFx0XHRcdFx0dGFnTmFtZTogJ3AnLFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMucHJvakNvbnRlbnQxXG5cdFx0XHRcdFx0fSksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KElubmVyQmxvY2tzLkNvbnRlbnQsIG51bGwpXG5cdFx0XHRcdClcblx0XHRcdCksXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ3dwLWJsb2NrLWNvbHVtbiByaWdodC1jb2x1bW4nIH0sXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ3NpZGUtaW5mbycgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnaDYnLFxuXHRcdFx0XHRcdFx0eyBpZDogJ2luaDEnIH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLnByb2pJbmhhbHQxXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHR7IGlkOiAndGl0MScsIGNsYXNzTmFtZTogJ3NpZGUtY29udGVudC1wJyB9LFxuXHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5wcm9qVGl0ZWwxXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnaDYnLFxuXHRcdFx0XHRcdFx0eyBpZDogJ2luaDInIH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLnByb2pJbmhhbHQyXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHR7IGlkOiAndGl0MicsIGNsYXNzTmFtZTogJ3NpZGUtY29udGVudC1wJyB9LFxuXHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5wcm9qVGl0ZWwyXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnaDYnLFxuXHRcdFx0XHRcdFx0eyBpZDogJ2luaDMnIH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLnByb2pJbmhhbHQzXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHR7IGlkOiAndGl0MycsIGNsYXNzTmFtZTogJ3NpZGUtY29udGVudC1wJyB9LFxuXHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5wcm9qVGl0ZWwzXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQuQ29udGVudCwge1xuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnaGFzaHRhZ3MnLFxuXHRcdFx0XHRcdFx0dGFnTmFtZTogJ2RpdicsXG5cdFx0XHRcdFx0XHRtdWx0aWxpbmU6ICdwJyxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnByb2pIYXNodGFnc1xuXHRcdFx0XHRcdH0pLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdoNicsXG5cdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0J0tvbnRha3QnXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQuQ29udGVudCwge1xuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnc2lkZS1jb250YWN0Jyxcblx0XHRcdFx0XHRcdHRhZ05hbWU6ICdwJyxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnByb2pDb250YWN0XG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KVxuXHRcdFx0KVxuXHRcdCk7XG5cdH1cbn0pO1xuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9jb250ZW50LWJsb2NrL2luZGV4LmpzXG4vLyBtb2R1bGUgaWQgPSAxMFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///10\n"); - -/***/ }), -/* 11 */ -/*!**********************************************!*\ - !*** ./src/blocks/content-block/editor.scss ***! - \**********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2NvbnRlbnQtYmxvY2svZWRpdG9yLnNjc3M/MDBhNyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9jb250ZW50LWJsb2NrL2VkaXRvci5zY3NzXG4vLyBtb2R1bGUgaWQgPSAxMVxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///11\n"); - -/***/ }), -/* 12 */ -/*!*********************************************!*\ - !*** ./src/blocks/content-block/style.scss ***! - \*********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2NvbnRlbnQtYmxvY2svc3R5bGUuc2Nzcz83MzhkIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2NvbnRlbnQtYmxvY2svc3R5bGUuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMTJcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///12\n"); - -/***/ }), -/* 13 */ -/*!**********************************************!*\ - !*** ./src/blocks/title-text-block/index.js ***! - \**********************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 14);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 15);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n PlainText = _wp$blockEditor.PlainText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar Button = wp.components.Button;\n\n\nregisterBlockType('swo-blocks/title-text-block', {\n\ttitle: 'Titel und Text',\n\tdescription: 'Hiermit kann ein Titel und der dazugehörende Text erstellt werden.',\n\ticon: 'format-quote',\n\tcategory: 'swo-blocks',\n\tkeywords: ['Titel', 'Text', 'SWO'],\n\tattributes: {\n\t\ttitle: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.front-page-title-text h1'\n\t\t},\n\t\ttext: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.front-page-title-text p'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte einen Titel und Text Block nur in einer anderen Seite benutzen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte einen Titel und Text Block nur in einer anderen Seite benutzen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'front-page-title-text classic-text' },\n\t\t\twp.element.createElement(RichText, {\n\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\tprops.setAttributes({ title: newContent });\n\t\t\t\t},\n\t\t\t\tvalue: props.attributes.title,\n\t\t\t\tplaceholder: 'Titel',\n\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\tallowedFormats: 'none',\n\t\t\t\ttagName: 'h1'\n\t\t\t}),\n\t\t\twp.element.createElement(RichText, {\n\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\tprops.setAttributes({ text: newContent });\n\t\t\t\t},\n\t\t\t\tvalue: props.attributes.text,\n\t\t\t\tplaceholder: 'Text (Kann auch leer gelassen werden, um nur den Titel anzuzeigen)',\n\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\tallowedFormats: 'none',\n\t\t\t\ttagName: 'p'\n\t\t\t})\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'front-page-title-text classic-text' },\n\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\tvalue: props.attributes.title,\n\t\t\t\ttagName: 'h1'\n\t\t\t}),\n\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\tvalue: props.attributes.text,\n\t\t\t\ttagName: 'p'\n\t\t\t})\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3RpdGxlLXRleHQtYmxvY2svaW5kZXguanM/ZDM2OCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIF93cCRibG9ja0VkaXRvciA9IHdwLmJsb2NrRWRpdG9yLFxuICAgIFJpY2hUZXh0ID0gX3dwJGJsb2NrRWRpdG9yLlJpY2hUZXh0LFxuICAgIFBsYWluVGV4dCA9IF93cCRibG9ja0VkaXRvci5QbGFpblRleHQsXG4gICAgTWVkaWFVcGxvYWQgPSBfd3AkYmxvY2tFZGl0b3IuTWVkaWFVcGxvYWQsXG4gICAgSW5uZXJCbG9ja3MgPSBfd3AkYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG52YXIgQnV0dG9uID0gd3AuY29tcG9uZW50cy5CdXR0b247XG5cblxucmVnaXN0ZXJCbG9ja1R5cGUoJ3N3by1ibG9ja3MvdGl0bGUtdGV4dC1ibG9jaycsIHtcblx0dGl0bGU6ICdUaXRlbCB1bmQgVGV4dCcsXG5cdGRlc2NyaXB0aW9uOiAnSGllcm1pdCBrYW5uIGVpbiBUaXRlbCB1bmQgZGVyIGRhenVnZWjDtnJlbmRlIFRleHQgZXJzdGVsbHQgd2VyZGVuLicsXG5cdGljb246ICdmb3JtYXQtcXVvdGUnLFxuXHRjYXRlZ29yeTogJ3N3by1ibG9ja3MnLFxuXHRrZXl3b3JkczogWydUaXRlbCcsICdUZXh0JywgJ1NXTyddLFxuXHRhdHRyaWJ1dGVzOiB7XG5cdFx0dGl0bGU6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5mcm9udC1wYWdlLXRpdGxlLXRleHQgaDEnXG5cdFx0fSxcblx0XHR0ZXh0OiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuZnJvbnQtcGFnZS10aXRsZS10ZXh0IHAnXG5cdFx0fVxuXHR9LFxuXG5cdGVkaXQ6IGZ1bmN0aW9uIGVkaXQocHJvcHMpIHtcblxuXHRcdHZhciBibG9ja0hhc1BhcmVudCA9IGZ1bmN0aW9uIGJsb2NrSGFzUGFyZW50KGNsaWVudElkKSB7XG5cdFx0XHRyZXR1cm4gY2xpZW50SWQgIT09IHdwLmRhdGEuc2VsZWN0KCdjb3JlL2VkaXRvcicpLmdldEJsb2NrSGllcmFyY2h5Um9vdENsaWVudElkKGNsaWVudElkKTtcblx0XHR9O1xuXG5cdFx0aWYgKCFibG9ja0hhc1BhcmVudChwcm9wcy5jbGllbnRJZCkpIHtcblx0XHRcdGFsZXJ0KCdBQ0hUVU5HLiBCaXR0ZSBlaW5lbiBUaXRlbCB1bmQgVGV4dCBCbG9jayBudXIgaW4gZWluZXIgYW5kZXJlbiBTZWl0ZSBiZW51dHplbi4nKTtcblx0XHRcdHRocm93IG5ldyBFcnJvcihcIkFDSFRVTkcuIEJpdHRlIGVpbmVuIFRpdGVsIHVuZCBUZXh0IEJsb2NrIG51ciBpbiBlaW5lciBhbmRlcmVuIFNlaXRlIGJlbnV0emVuLlwiKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHR7IGNsYXNzTmFtZTogJ2Zyb250LXBhZ2UtdGl0bGUtdGV4dCBjbGFzc2ljLXRleHQnIH0sXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgdGl0bGU6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdH0sXG5cdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLnRpdGxlLFxuXHRcdFx0XHRwbGFjZWhvbGRlcjogJ1RpdGVsJyxcblx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJyxcblx0XHRcdFx0dGFnTmFtZTogJ2gxJ1xuXHRcdFx0fSksXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgdGV4dDogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0fSxcblx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMudGV4dCxcblx0XHRcdFx0cGxhY2Vob2xkZXI6ICdUZXh0IChLYW5uIGF1Y2ggbGVlciBnZWxhc3NlbiB3ZXJkZW4sIHVtIG51ciBkZW4gVGl0ZWwgYW56dXplaWdlbiknLFxuXHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnLFxuXHRcdFx0XHR0YWdOYW1lOiAncCdcblx0XHRcdH0pXG5cdFx0KTtcblx0fSxcblxuXHRzYXZlOiBmdW5jdGlvbiBzYXZlKHByb3BzKSB7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHR7IGNsYXNzTmFtZTogJ2Zyb250LXBhZ2UtdGl0bGUtdGV4dCBjbGFzc2ljLXRleHQnIH0sXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQuQ29udGVudCwge1xuXHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy50aXRsZSxcblx0XHRcdFx0dGFnTmFtZTogJ2gxJ1xuXHRcdFx0fSksXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQuQ29udGVudCwge1xuXHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy50ZXh0LFxuXHRcdFx0XHR0YWdOYW1lOiAncCdcblx0XHRcdH0pXG5cdFx0KTtcblx0fVxufSk7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL3RpdGxlLXRleHQtYmxvY2svaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDEzXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///13\n"); - -/***/ }), -/* 14 */ -/*!*************************************************!*\ - !*** ./src/blocks/title-text-block/editor.scss ***! - \*************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTQuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3RpdGxlLXRleHQtYmxvY2svZWRpdG9yLnNjc3M/ZDE3NCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy90aXRsZS10ZXh0LWJsb2NrL2VkaXRvci5zY3NzXG4vLyBtb2R1bGUgaWQgPSAxNFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///14\n"); - -/***/ }), -/* 15 */ -/*!************************************************!*\ - !*** ./src/blocks/title-text-block/style.scss ***! - \************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3RpdGxlLXRleHQtYmxvY2svc3R5bGUuc2Nzcz8zNTYwIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL3RpdGxlLXRleHQtYmxvY2svc3R5bGUuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMTVcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///15\n"); - -/***/ }), -/* 16 */ -/*!*******************************************!*\ - !*** ./src/blocks/area-lr-block/index.js ***! - \*******************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 17);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 18);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n PlainText = _wp$blockEditor.PlainText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar Button = wp.components.Button;\n\n\nregisterBlockType('swo-blocks/area-lr-block', {\n\ttitle: 'Bereich Inhalt (Bild links)',\n\tdescription: 'Dies ist ein Baustein für die Bereichsseiten mit einem Bild links und Inhalt rechts.',\n\ticon: 'image-flip-horizontal',\n\tcategory: 'swo-blocks',\n\tkeywords: ['Bereiche', 'Inhalt', 'SWO'],\n\tattributes: {\n\t\timgURL: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'src',\n\t\t\tselector: 'img'\n\t\t},\n\t\timgID: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgAlt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'alt',\n\t\t\tselector: 'img'\n\t\t},\n\t\tareaSubtit: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.bereich-text h5'\n\t\t},\n\t\tareaSubtxt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.bereich-text p'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar onFileSelect = function onFileSelect(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: img.url,\n\t\t\t\timgID: img.id,\n\t\t\t\timgAlt: img.alt\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg = function onRemoveImg() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: null,\n\t\t\t\timgID: null,\n\t\t\t\timgAlt: null\n\t\t\t});\n\t\t};\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'left-right' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-image' },\n\t\t\t\tprops.attributes.imgURL ? wp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t\t}),\n\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\tButton,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tonClick: onRemoveImg,\n\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t) : null\n\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\tonSelect: onFileSelect,\n\t\t\t\t\tvalue: props.attributes.imgID,\n\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\trender: function render(_ref) {\n\t\t\t\t\t\tvar open = _ref.open;\n\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-text classic-text' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h5',\n\t\t\t\t\t{ className: 'no-serif-heading' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ areaSubtit: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.areaSubtit,\n\t\t\t\t\t\tplaceholder: 'Untertitel',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ areaSubtxt: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.areaSubtxt,\n\t\t\t\t\t\tplaceholder: 'Text zu diesem Untertitel',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(InnerBlocks, { allowedBlocks: ['swo-elements/button-element', 'swo-elements/button-back-element', 'swo-elements/list-element'] }),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t'Klicken Sie auf das \"+\" um ein Element hinzuzuf\\xFCgen. (Klicken Sie ',\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'hier'\n\t\t\t\t\t),\n\t\t\t\t\t', wenn kein \"+\" angezeigt wird)'\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'left-right' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-image' },\n\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t})\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-text classic-text' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h5',\n\t\t\t\t\t{ className: 'no-serif-heading' },\n\t\t\t\t\tprops.attributes.areaSubtit\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\tnull,\n\t\t\t\t\tprops.attributes.areaSubtxt\n\t\t\t\t),\n\t\t\t\twp.element.createElement(InnerBlocks.Content, null)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTYuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtbHItYmxvY2svaW5kZXguanM/NmQwZSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIF93cCRibG9ja0VkaXRvciA9IHdwLmJsb2NrRWRpdG9yLFxuICAgIFJpY2hUZXh0ID0gX3dwJGJsb2NrRWRpdG9yLlJpY2hUZXh0LFxuICAgIFBsYWluVGV4dCA9IF93cCRibG9ja0VkaXRvci5QbGFpblRleHQsXG4gICAgTWVkaWFVcGxvYWQgPSBfd3AkYmxvY2tFZGl0b3IuTWVkaWFVcGxvYWQsXG4gICAgSW5uZXJCbG9ja3MgPSBfd3AkYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG52YXIgQnV0dG9uID0gd3AuY29tcG9uZW50cy5CdXR0b247XG5cblxucmVnaXN0ZXJCbG9ja1R5cGUoJ3N3by1ibG9ja3MvYXJlYS1sci1ibG9jaycsIHtcblx0dGl0bGU6ICdCZXJlaWNoIEluaGFsdCAoQmlsZCBsaW5rcyknLFxuXHRkZXNjcmlwdGlvbjogJ0RpZXMgaXN0IGVpbiBCYXVzdGVpbiBmw7xyIGRpZSBCZXJlaWNoc3NlaXRlbiBtaXQgZWluZW0gQmlsZCBsaW5rcyB1bmQgSW5oYWx0IHJlY2h0cy4nLFxuXHRpY29uOiAnaW1hZ2UtZmxpcC1ob3Jpem9udGFsJyxcblx0Y2F0ZWdvcnk6ICdzd28tYmxvY2tzJyxcblx0a2V5d29yZHM6IFsnQmVyZWljaGUnLCAnSW5oYWx0JywgJ1NXTyddLFxuXHRhdHRyaWJ1dGVzOiB7XG5cdFx0aW1nVVJMOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdzcmMnLFxuXHRcdFx0c2VsZWN0b3I6ICdpbWcnXG5cdFx0fSxcblx0XHRpbWdJRDoge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGltZ0FsdDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdhdHRyaWJ1dGUnLFxuXHRcdFx0YXR0cmlidXRlOiAnYWx0Jyxcblx0XHRcdHNlbGVjdG9yOiAnaW1nJ1xuXHRcdH0sXG5cdFx0YXJlYVN1YnRpdDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnLmJlcmVpY2gtdGV4dCBoNSdcblx0XHR9LFxuXHRcdGFyZWFTdWJ0eHQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5iZXJlaWNoLXRleHQgcCdcblx0XHR9XG5cdH0sXG5cblx0ZWRpdDogZnVuY3Rpb24gZWRpdChwcm9wcykge1xuXG5cdFx0dmFyIG9uRmlsZVNlbGVjdCA9IGZ1bmN0aW9uIG9uRmlsZVNlbGVjdChpbWcpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkw6IGltZy51cmwsXG5cdFx0XHRcdGltZ0lEOiBpbWcuaWQsXG5cdFx0XHRcdGltZ0FsdDogaW1nLmFsdFxuXHRcdFx0fSk7XG5cdFx0fTtcblx0XHR2YXIgb25SZW1vdmVJbWcgPSBmdW5jdGlvbiBvblJlbW92ZUltZygpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkw6IG51bGwsXG5cdFx0XHRcdGltZ0lEOiBudWxsLFxuXHRcdFx0XHRpbWdBbHQ6IG51bGxcblx0XHRcdH0pO1xuXHRcdH07XG5cblx0XHR2YXIgYmxvY2tIYXNQYXJlbnQgPSBmdW5jdGlvbiBibG9ja0hhc1BhcmVudChjbGllbnRJZCkge1xuXHRcdFx0cmV0dXJuIGNsaWVudElkICE9PSB3cC5kYXRhLnNlbGVjdCgnY29yZS9lZGl0b3InKS5nZXRCbG9ja0hpZXJhcmNoeVJvb3RDbGllbnRJZChjbGllbnRJZCk7XG5cdFx0fTtcblxuXHRcdGlmICghYmxvY2tIYXNQYXJlbnQocHJvcHMuY2xpZW50SWQpKSB7XG5cdFx0XHRhbGVydCgnQUNIVFVORy4gQml0dGUgZWluZW4gSW5oYWx0IEJsb2NrIG51ciBpbiBlaW5lciBJbmhhbHRzc2VpdGUgYmVudXR6ZW4uJyk7XG5cdFx0XHR0aHJvdyBuZXcgRXJyb3IoXCJBQ0hUVU5HLiBCaXR0ZSBlaW5lbiBJbmhhbHQgQmxvY2sgbnVyIGluIGVpbmVyIEluaGFsdHNzZWl0ZSBiZW51dHplbi5cIik7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0eyBjbGFzc05hbWU6ICdsZWZ0LXJpZ2h0JyB9LFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdiZXJlaWNoLWltYWdlJyB9LFxuXHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTCA/IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudCgnaW1nJywge1xuXHRcdFx0XHRcdFx0c3JjOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTCxcblx0XHRcdFx0XHRcdGFsdDogcHJvcHMuYXR0cmlidXRlcy5pbWdBbHRcblx0XHRcdFx0XHR9KSxcblx0XHRcdFx0XHRwcm9wcy5pc1NlbGVjdGVkID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0QnV0dG9uLFxuXHRcdFx0XHRcdFx0e1xuXHRcdFx0XHRcdFx0XHRvbkNsaWNrOiBvblJlbW92ZUltZyxcblx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnYnV0dG9uIGJ1dHRvbi1zZWxlY3RpbWcnXG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0J0JpbGQgbFxceEY2c2NoZW4nXG5cdFx0XHRcdFx0KSA6IG51bGxcblx0XHRcdFx0KSA6IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChNZWRpYVVwbG9hZCwge1xuXHRcdFx0XHRcdG9uU2VsZWN0OiBvbkZpbGVTZWxlY3QsXG5cdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuaW1nSUQsXG5cdFx0XHRcdFx0YWxsb3dlZFR5cGVzOiBbJ2ltYWdlJ10sXG5cdFx0XHRcdFx0cmVuZGVyOiBmdW5jdGlvbiByZW5kZXIoX3JlZikge1xuXHRcdFx0XHRcdFx0dmFyIG9wZW4gPSBfcmVmLm9wZW47XG5cdFx0XHRcdFx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0XHRvbkNsaWNrOiBvcGVuLFxuXHRcdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ2J1dHRvbiBidXR0b24tc2VsZWN0aW1nJ1xuXHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHQnQmlsZCB3XFx4RTRobGVuJ1xuXHRcdFx0XHRcdFx0KTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH0pXG5cdFx0XHQpLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdiZXJlaWNoLXRleHQgY2xhc3NpYy10ZXh0JyB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2g1Jyxcblx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ25vLXNlcmlmLWhlYWRpbmcnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgYXJlYVN1YnRpdDogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5hcmVhU3VidGl0LFxuXHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdVbnRlcnRpdGVsJyxcblx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdwJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGFyZWFTdWJ0eHQ6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYXJlYVN1YnR4dCxcblx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnVGV4dCB6dSBkaWVzZW0gVW50ZXJ0aXRlbCcsXG5cdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJ1xuXHRcdFx0XHRcdH0pXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChJbm5lckJsb2NrcywgeyBhbGxvd2VkQmxvY2tzOiBbJ3N3by1lbGVtZW50cy9idXR0b24tZWxlbWVudCcsICdzd28tZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudCcsICdzd28tZWxlbWVudHMvbGlzdC1lbGVtZW50J10gfSksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlZGl0b3JPbmx5JyB9LFxuXHRcdFx0XHRcdCdLbGlja2VuIFNpZSBhdWYgZGFzIFwiK1wiIHVtIGVpbiBFbGVtZW50IGhpbnp1enVmXFx4RkNnZW4uIChLbGlja2VuIFNpZSAnLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdCdoaWVyJ1xuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0Jywgd2VubiBrZWluIFwiK1wiIGFuZ2V6ZWlndCB3aXJkKSdcblx0XHRcdFx0KVxuXHRcdFx0KVxuXHRcdCk7XG5cdH0sXG5cblx0c2F2ZTogZnVuY3Rpb24gc2F2ZShwcm9wcykge1xuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0eyBjbGFzc05hbWU6ICdsZWZ0LXJpZ2h0JyB9LFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdiZXJlaWNoLWltYWdlJyB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoJ2ltZycsIHtcblx0XHRcdFx0XHRzcmM6IHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMLFxuXHRcdFx0XHRcdGFsdDogcHJvcHMuYXR0cmlidXRlcy5pbWdBbHRcblx0XHRcdFx0fSlcblx0XHRcdCksXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2JlcmVpY2gtdGV4dCBjbGFzc2ljLXRleHQnIH0sXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnaDUnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnbm8tc2VyaWYtaGVhZGluZycgfSxcblx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLmFyZWFTdWJ0aXRcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdwJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuYXJlYVN1YnR4dFxuXHRcdFx0XHQpLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoSW5uZXJCbG9ja3MuQ29udGVudCwgbnVsbClcblx0XHRcdClcblx0XHQpO1xuXHR9XG59KTtcblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9ibG9ja3MvYXJlYS1sci1ibG9jay9pbmRleC5qc1xuLy8gbW9kdWxlIGlkID0gMTZcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///16\n"); - -/***/ }), -/* 17 */ -/*!**********************************************!*\ - !*** ./src/blocks/area-lr-block/editor.scss ***! - \**********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTcuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtbHItYmxvY2svZWRpdG9yLnNjc3M/MGZkYyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9hcmVhLWxyLWJsb2NrL2VkaXRvci5zY3NzXG4vLyBtb2R1bGUgaWQgPSAxN1xuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///17\n"); - -/***/ }), -/* 18 */ -/*!*********************************************!*\ - !*** ./src/blocks/area-lr-block/style.scss ***! - \*********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTguanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtbHItYmxvY2svc3R5bGUuc2Nzcz84ZjJlIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2FyZWEtbHItYmxvY2svc3R5bGUuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMThcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///18\n"); - -/***/ }), -/* 19 */ -/*!*******************************************!*\ - !*** ./src/blocks/area-rl-block/index.js ***! - \*******************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 20);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n PlainText = _wp$blockEditor.PlainText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar Button = wp.components.Button;\n\n\nregisterBlockType('swo-blocks/area-rl-block', {\n\ttitle: 'Bereich Inhalt (Bild rechts)',\n\tdescription: 'Dies ist ein Baustein für die Bereichsseiten mit einem Bild rechts und Inhalt links.',\n\ticon: 'image-flip-horizontal',\n\tcategory: 'swo-blocks',\n\tkeywords: ['Bereiche', 'Inhalt', 'SWO'],\n\tattributes: {\n\t\timgURL: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'src',\n\t\t\tselector: 'img'\n\t\t},\n\t\timgID: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgAlt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'alt',\n\t\t\tselector: 'img'\n\t\t},\n\t\tareaSubtit: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.bereich-text h5'\n\t\t},\n\t\tareaSubtxt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.bereich-text p'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar onFileSelect = function onFileSelect(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: img.url,\n\t\t\t\timgID: img.id,\n\t\t\t\timgAlt: img.alt\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg = function onRemoveImg() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: null,\n\t\t\t\timgID: null,\n\t\t\t\timgAlt: null\n\t\t\t});\n\t\t};\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'left-right' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-text classic-text' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h5',\n\t\t\t\t\t{ className: 'no-serif-heading' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ areaSubtit: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.areaSubtit,\n\t\t\t\t\t\tplaceholder: 'Untertitel',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ areaSubtxt: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.areaSubtxt,\n\t\t\t\t\t\tplaceholder: 'Text zu diesem Untertitel',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(InnerBlocks, { allowedBlocks: ['swo-elements/button-element', 'swo-elements/button-back-element', 'swo-elements/list-element'] }),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t'Klicken Sie auf das \"+\" um ein Element hinzuzuf\\xFCgen. (Klicken Sie ',\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'hier'\n\t\t\t\t\t),\n\t\t\t\t\t', wenn kein \"+\" angezeigt wird)'\n\t\t\t\t)\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-image' },\n\t\t\t\tprops.attributes.imgURL ? wp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t\t}),\n\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\tButton,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tonClick: onRemoveImg,\n\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t) : null\n\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\tonSelect: onFileSelect,\n\t\t\t\t\tvalue: props.attributes.imgID,\n\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\trender: function render(_ref) {\n\t\t\t\t\t\tvar open = _ref.open;\n\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'left-right' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-text classic-text' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h5',\n\t\t\t\t\t{ className: 'no-serif-heading' },\n\t\t\t\t\tprops.attributes.areaSubtit\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\tnull,\n\t\t\t\t\tprops.attributes.areaSubtxt\n\t\t\t\t),\n\t\t\t\twp.element.createElement(InnerBlocks.Content, null)\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'bereich-image' },\n\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMTkuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtcmwtYmxvY2svaW5kZXguanM/NzRlYiJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIF93cCRibG9ja0VkaXRvciA9IHdwLmJsb2NrRWRpdG9yLFxuICAgIFJpY2hUZXh0ID0gX3dwJGJsb2NrRWRpdG9yLlJpY2hUZXh0LFxuICAgIFBsYWluVGV4dCA9IF93cCRibG9ja0VkaXRvci5QbGFpblRleHQsXG4gICAgTWVkaWFVcGxvYWQgPSBfd3AkYmxvY2tFZGl0b3IuTWVkaWFVcGxvYWQsXG4gICAgSW5uZXJCbG9ja3MgPSBfd3AkYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG52YXIgQnV0dG9uID0gd3AuY29tcG9uZW50cy5CdXR0b247XG5cblxucmVnaXN0ZXJCbG9ja1R5cGUoJ3N3by1ibG9ja3MvYXJlYS1ybC1ibG9jaycsIHtcblx0dGl0bGU6ICdCZXJlaWNoIEluaGFsdCAoQmlsZCByZWNodHMpJyxcblx0ZGVzY3JpcHRpb246ICdEaWVzIGlzdCBlaW4gQmF1c3RlaW4gZsO8ciBkaWUgQmVyZWljaHNzZWl0ZW4gbWl0IGVpbmVtIEJpbGQgcmVjaHRzIHVuZCBJbmhhbHQgbGlua3MuJyxcblx0aWNvbjogJ2ltYWdlLWZsaXAtaG9yaXpvbnRhbCcsXG5cdGNhdGVnb3J5OiAnc3dvLWJsb2NrcycsXG5cdGtleXdvcmRzOiBbJ0JlcmVpY2hlJywgJ0luaGFsdCcsICdTV08nXSxcblx0YXR0cmlidXRlczoge1xuXHRcdGltZ1VSTDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdhdHRyaWJ1dGUnLFxuXHRcdFx0YXR0cmlidXRlOiAnc3JjJyxcblx0XHRcdHNlbGVjdG9yOiAnaW1nJ1xuXHRcdH0sXG5cdFx0aW1nSUQ6IHtcblx0XHRcdHR5cGU6ICdudW1iZXInXG5cdFx0fSxcblx0XHRpbWdBbHQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnYXR0cmlidXRlJyxcblx0XHRcdGF0dHJpYnV0ZTogJ2FsdCcsXG5cdFx0XHRzZWxlY3RvcjogJ2ltZydcblx0XHR9LFxuXHRcdGFyZWFTdWJ0aXQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5iZXJlaWNoLXRleHQgaDUnXG5cdFx0fSxcblx0XHRhcmVhU3VidHh0OiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuYmVyZWljaC10ZXh0IHAnXG5cdFx0fVxuXHR9LFxuXG5cdGVkaXQ6IGZ1bmN0aW9uIGVkaXQocHJvcHMpIHtcblxuXHRcdHZhciBvbkZpbGVTZWxlY3QgPSBmdW5jdGlvbiBvbkZpbGVTZWxlY3QoaW1nKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0aW1nVVJMOiBpbWcudXJsLFxuXHRcdFx0XHRpbWdJRDogaW1nLmlkLFxuXHRcdFx0XHRpbWdBbHQ6IGltZy5hbHRcblx0XHRcdH0pO1xuXHRcdH07XG5cdFx0dmFyIG9uUmVtb3ZlSW1nID0gZnVuY3Rpb24gb25SZW1vdmVJbWcoKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0aW1nVVJMOiBudWxsLFxuXHRcdFx0XHRpbWdJRDogbnVsbCxcblx0XHRcdFx0aW1nQWx0OiBudWxsXG5cdFx0XHR9KTtcblx0XHR9O1xuXG5cdFx0dmFyIGJsb2NrSGFzUGFyZW50ID0gZnVuY3Rpb24gYmxvY2tIYXNQYXJlbnQoY2xpZW50SWQpIHtcblx0XHRcdHJldHVybiBjbGllbnRJZCAhPT0gd3AuZGF0YS5zZWxlY3QoJ2NvcmUvZWRpdG9yJykuZ2V0QmxvY2tIaWVyYXJjaHlSb290Q2xpZW50SWQoY2xpZW50SWQpO1xuXHRcdH07XG5cblx0XHRpZiAoIWJsb2NrSGFzUGFyZW50KHByb3BzLmNsaWVudElkKSkge1xuXHRcdFx0YWxlcnQoJ0FDSFRVTkcuIEJpdHRlIGVpbmVuIEluaGFsdCBCbG9jayBudXIgaW4gZWluZXIgSW5oYWx0c3NlaXRlIGJlbnV0emVuLicpO1xuXHRcdFx0dGhyb3cgbmV3IEVycm9yKFwiQUNIVFVORy4gQml0dGUgZWluZW4gSW5oYWx0IEJsb2NrIG51ciBpbiBlaW5lciBJbmhhbHRzc2VpdGUgYmVudXR6ZW4uXCIpO1xuXHRcdH1cblxuXHRcdHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHQnZGl2Jyxcblx0XHRcdHsgY2xhc3NOYW1lOiAnbGVmdC1yaWdodCcgfSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnYmVyZWljaC10ZXh0IGNsYXNzaWMtdGV4dCcgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoNScsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICduby1zZXJpZi1oZWFkaW5nJyB9LFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGFyZWFTdWJ0aXQ6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYXJlYVN1YnRpdCxcblx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnVW50ZXJ0aXRlbCcsXG5cdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJ1xuXHRcdFx0XHRcdH0pXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBhcmVhU3VidHh0OiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmFyZWFTdWJ0eHQsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ1RleHQgenUgZGllc2VtIFVudGVydGl0ZWwnLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZSdcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoSW5uZXJCbG9ja3MsIHsgYWxsb3dlZEJsb2NrczogWydzd28tZWxlbWVudHMvYnV0dG9uLWVsZW1lbnQnLCAnc3dvLWVsZW1lbnRzL2J1dHRvbi1iYWNrLWVsZW1lbnQnLCAnc3dvLWVsZW1lbnRzL2xpc3QtZWxlbWVudCddIH0pLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnZWRpdG9yT25seScgfSxcblx0XHRcdFx0XHQnS2xpY2tlbiBTaWUgYXVmIGRhcyBcIitcIiB1bSBlaW4gRWxlbWVudCBoaW56dXp1ZlxceEZDZ2VuLiAoS2xpY2tlbiBTaWUgJyxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnc3Ryb25nJyxcblx0XHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0XHQnaGllcidcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdCcsIHdlbm4ga2VpbiBcIitcIiBhbmdlemVpZ3Qgd2lyZCknXG5cdFx0XHRcdClcblx0XHRcdCksXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2JlcmVpY2gtaW1hZ2UnIH0sXG5cdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KCdpbWcnLCB7XG5cdFx0XHRcdFx0XHRzcmM6IHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMLFxuXHRcdFx0XHRcdFx0YWx0OiBwcm9wcy5hdHRyaWJ1dGVzLmltZ0FsdFxuXHRcdFx0XHRcdH0pLFxuXHRcdFx0XHRcdHByb3BzLmlzU2VsZWN0ZWQgPyB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHRcdG9uQ2xpY2s6IG9uUmVtb3ZlSW1nLFxuXHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdidXR0b24gYnV0dG9uLXNlbGVjdGltZydcblx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHQnQmlsZCBsXFx4RjZzY2hlbidcblx0XHRcdFx0XHQpIDogbnVsbFxuXHRcdFx0XHQpIDogd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KE1lZGlhVXBsb2FkLCB7XG5cdFx0XHRcdFx0b25TZWxlY3Q6IG9uRmlsZVNlbGVjdCxcblx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5pbWdJRCxcblx0XHRcdFx0XHRhbGxvd2VkVHlwZXM6IFsnaW1hZ2UnXSxcblx0XHRcdFx0XHRyZW5kZXI6IGZ1bmN0aW9uIHJlbmRlcihfcmVmKSB7XG5cdFx0XHRcdFx0XHR2YXIgb3BlbiA9IF9yZWYub3Blbjtcblx0XHRcdFx0XHRcdHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdEJ1dHRvbixcblx0XHRcdFx0XHRcdFx0e1xuXHRcdFx0XHRcdFx0XHRcdG9uQ2xpY2s6IG9wZW4sXG5cdFx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnYnV0dG9uIGJ1dHRvbi1zZWxlY3RpbWcnXG5cdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdCdCaWxkIHdcXHhFNGhsZW4nXG5cdFx0XHRcdFx0XHQpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fSlcblx0XHRcdClcblx0XHQpO1xuXHR9LFxuXG5cdHNhdmU6IGZ1bmN0aW9uIHNhdmUocHJvcHMpIHtcblxuXHRcdHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHQnZGl2Jyxcblx0XHRcdHsgY2xhc3NOYW1lOiAnbGVmdC1yaWdodCcgfSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnYmVyZWljaC10ZXh0IGNsYXNzaWMtdGV4dCcgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoNScsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICduby1zZXJpZi1oZWFkaW5nJyB9LFxuXHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuYXJlYVN1YnRpdFxuXHRcdFx0XHQpLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5hcmVhU3VidHh0XG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChJbm5lckJsb2Nrcy5Db250ZW50LCBudWxsKVxuXHRcdFx0KSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnYmVyZWljaC1pbWFnZScgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KCdpbWcnLCB7XG5cdFx0XHRcdFx0c3JjOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTCxcblx0XHRcdFx0XHRhbHQ6IHByb3BzLmF0dHJpYnV0ZXMuaW1nQWx0XG5cdFx0XHRcdH0pXG5cdFx0XHQpXG5cdFx0KTtcblx0fVxufSk7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2FyZWEtcmwtYmxvY2svaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDE5XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///19\n"); - -/***/ }), -/* 20 */ -/*!**********************************************!*\ - !*** ./src/blocks/area-rl-block/editor.scss ***! - \**********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtcmwtYmxvY2svZWRpdG9yLnNjc3M/NDQ0YyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9hcmVhLXJsLWJsb2NrL2VkaXRvci5zY3NzXG4vLyBtb2R1bGUgaWQgPSAyMFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///20\n"); - -/***/ }), -/* 21 */ -/*!*********************************************!*\ - !*** ./src/blocks/area-rl-block/style.scss ***! - \*********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtcmwtYmxvY2svc3R5bGUuc2Nzcz9iYjk4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2FyZWEtcmwtYmxvY2svc3R5bGUuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMjFcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///21\n"); - -/***/ }), -/* 22 */ -/*!***********************************************!*\ - !*** ./src/blocks/area-banner-block/index.js ***! - \***********************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 24);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n PlainText = _wp$blockEditor.PlainText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar Button = wp.components.Button;\n\n\nregisterBlockType('swo-blocks/area-banner-block', {\n\ttitle: 'Bereich Kontakt-Banner mit farbigem Hintergrund',\n\tdescription: 'Dies ist ein Baustein für die Bereichsseiten mit einem farbigen Hintergrund.',\n\ticon: 'money',\n\tcategory: 'swo-blocks',\n\tkeywords: ['Bereiche', 'Inhalt', 'SWO'],\n\tattributes: {\n\t\ttitle: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.selector-area-banner h1'\n\t\t},\n\t\ttext: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.selector-area-banner p'\n\t\t},\n\t\tbuttonContent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.area-banner-button'\n\t\t},\n\t\tbuttonLink: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'href',\n\t\t\tselector: '.area-banner-button'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte einen Bereich Banner Block nur in einer Bereichsseite benutzen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte einen Bereich Banner Block nur in einer Bereichsseite benutzen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'area-banner' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'left-right limit-content-width' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'bereich-image' },\n\t\t\t\t\twp.element.createElement(InnerBlocks, { allowedBlocks: ['swo-blocks/employee-block'] }),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'p',\n\t\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t\t'Klicken Sie auf das \"+\" um ein Mitarbeiter hinzuzuf\\xFCgen. (Klicken Sie ',\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'strong',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t'hier'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t', wenn kein \"+\" angezeigt wird)'\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'bereich-text classic-text' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'h1',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\tprops.setAttributes({ title: newContent });\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tvalue: props.attributes.title,\n\t\t\t\t\t\t\t\tplaceholder: 'Hier den Titel angeben',\n\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\tprops.setAttributes({ text: newContent });\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tvalue: props.attributes.text,\n\t\t\t\t\t\t\t\tplaceholder: 'Hier den Text angeben',\n\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'a',\n\t\t\t\t\t\t\t{ className: 'selector-button swo-button area-banner-button' },\n\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\tprops.setAttributes({ buttonContent: newContent });\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tvalue: props.attributes.buttonContent,\n\t\t\t\t\t\t\t\tplaceholder: 'Hier bearbeiten',\n\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\ttagName: 'a'\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'strong',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t'Link des Buttons (wird nicht angezeigt): '\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'span',\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ buttonLink: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.buttonLink,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Hier bearbeiten. Beispiel \"about/zivildienst\"',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\tclassName: 'selector-button'\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'area-banner' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'left-right limit-content-width' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'bereich-image' },\n\t\t\t\t\twp.element.createElement(InnerBlocks.Content, null)\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'bereich-text classic-text' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'div',\n\t\t\t\t\t\t{ className: 'selector-area-banner' },\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'h1',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\tprops.attributes.title\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\tprops.attributes.text\n\t\t\t\t\t\t),\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'a',\n\t\t\t\t\t\t\t{ href: props.attributes.buttonLink, className: 'selector-button swo-button area-banner-button', style: 'color: #fff !important;' },\n\t\t\t\t\t\t\tprops.attributes.buttonContent\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtYmFubmVyLWJsb2NrL2luZGV4LmpzPzgxMDkiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICcuL2VkaXRvci5zY3NzJztcbmltcG9ydCAnLi9zdHlsZS5zY3NzJztcblxudmFyIF9fID0gd3AuaTE4bi5fXztcbnZhciByZWdpc3RlckJsb2NrVHlwZSA9IHdwLmJsb2Nrcy5yZWdpc3RlckJsb2NrVHlwZTtcbnZhciBfd3AkYmxvY2tFZGl0b3IgPSB3cC5ibG9ja0VkaXRvcixcbiAgICBSaWNoVGV4dCA9IF93cCRibG9ja0VkaXRvci5SaWNoVGV4dCxcbiAgICBQbGFpblRleHQgPSBfd3AkYmxvY2tFZGl0b3IuUGxhaW5UZXh0LFxuICAgIE1lZGlhVXBsb2FkID0gX3dwJGJsb2NrRWRpdG9yLk1lZGlhVXBsb2FkLFxuICAgIElubmVyQmxvY2tzID0gX3dwJGJsb2NrRWRpdG9yLklubmVyQmxvY2tzO1xudmFyIEJ1dHRvbiA9IHdwLmNvbXBvbmVudHMuQnV0dG9uO1xuXG5cbnJlZ2lzdGVyQmxvY2tUeXBlKCdzd28tYmxvY2tzL2FyZWEtYmFubmVyLWJsb2NrJywge1xuXHR0aXRsZTogJ0JlcmVpY2ggS29udGFrdC1CYW5uZXIgbWl0IGZhcmJpZ2VtIEhpbnRlcmdydW5kJyxcblx0ZGVzY3JpcHRpb246ICdEaWVzIGlzdCBlaW4gQmF1c3RlaW4gZsO8ciBkaWUgQmVyZWljaHNzZWl0ZW4gbWl0IGVpbmVtIGZhcmJpZ2VuIEhpbnRlcmdydW5kLicsXG5cdGljb246ICdtb25leScsXG5cdGNhdGVnb3J5OiAnc3dvLWJsb2NrcycsXG5cdGtleXdvcmRzOiBbJ0JlcmVpY2hlJywgJ0luaGFsdCcsICdTV08nXSxcblx0YXR0cmlidXRlczoge1xuXHRcdHRpdGxlOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuc2VsZWN0b3ItYXJlYS1iYW5uZXIgaDEnXG5cdFx0fSxcblx0XHR0ZXh0OiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuc2VsZWN0b3ItYXJlYS1iYW5uZXIgcCdcblx0XHR9LFxuXHRcdGJ1dHRvbkNvbnRlbnQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5hcmVhLWJhbm5lci1idXR0b24nXG5cdFx0fSxcblx0XHRidXR0b25MaW5rOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdocmVmJyxcblx0XHRcdHNlbGVjdG9yOiAnLmFyZWEtYmFubmVyLWJ1dHRvbidcblx0XHR9XG5cdH0sXG5cblx0ZWRpdDogZnVuY3Rpb24gZWRpdChwcm9wcykge1xuXG5cdFx0dmFyIGJsb2NrSGFzUGFyZW50ID0gZnVuY3Rpb24gYmxvY2tIYXNQYXJlbnQoY2xpZW50SWQpIHtcblx0XHRcdHJldHVybiBjbGllbnRJZCAhPT0gd3AuZGF0YS5zZWxlY3QoJ2NvcmUvZWRpdG9yJykuZ2V0QmxvY2tIaWVyYXJjaHlSb290Q2xpZW50SWQoY2xpZW50SWQpO1xuXHRcdH07XG5cblx0XHRpZiAoIWJsb2NrSGFzUGFyZW50KHByb3BzLmNsaWVudElkKSkge1xuXHRcdFx0YWxlcnQoJ0FDSFRVTkcuIEJpdHRlIGVpbmVuIEJlcmVpY2ggQmFubmVyIEJsb2NrIG51ciBpbiBlaW5lciBCZXJlaWNoc3NlaXRlIGJlbnV0emVuLicpO1xuXHRcdFx0dGhyb3cgbmV3IEVycm9yKFwiQUNIVFVORy4gQml0dGUgZWluZW4gQmVyZWljaCBCYW5uZXIgQmxvY2sgbnVyIGluIGVpbmVyIEJlcmVpY2hzc2VpdGUgYmVudXR6ZW4uXCIpO1xuXHRcdH1cblxuXHRcdHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHQnZGl2Jyxcblx0XHRcdHsgY2xhc3NOYW1lOiAnYXJlYS1iYW5uZXInIH0sXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2xlZnQtcmlnaHQgbGltaXQtY29udGVudC13aWR0aCcgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnYmVyZWljaC1pbWFnZScgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoSW5uZXJCbG9ja3MsIHsgYWxsb3dlZEJsb2NrczogWydzd28tYmxvY2tzL2VtcGxveWVlLWJsb2NrJ10gfSksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdlZGl0b3JPbmx5JyB9LFxuXHRcdFx0XHRcdFx0J0tsaWNrZW4gU2llIGF1ZiBkYXMgXCIrXCIgdW0gZWluIE1pdGFyYmVpdGVyIGhpbnp1enVmXFx4RkNnZW4uIChLbGlja2VuIFNpZSAnLFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnc3Ryb25nJyxcblx0XHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdFx0J2hpZXInXG5cdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0Jywgd2VubiBrZWluIFwiK1wiIGFuZ2V6ZWlndCB3aXJkKSdcblx0XHRcdFx0XHQpXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ2JlcmVpY2gtdGV4dCBjbGFzc2ljLXRleHQnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnaDEnLFxuXHRcdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IHRpdGxlOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMudGl0bGUsXG5cdFx0XHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdIaWVyIGRlbiBUaXRlbCBhbmdlYmVuJyxcblx0XHRcdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZSdcblx0XHRcdFx0XHRcdFx0fSlcblx0XHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdCdwJyxcblx0XHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyB0ZXh0OiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMudGV4dCxcblx0XHRcdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0hpZXIgZGVuIFRleHQgYW5nZWJlbicsXG5cdFx0XHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnXG5cdFx0XHRcdFx0XHRcdH0pXG5cdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnYScsXG5cdFx0XHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnc2VsZWN0b3ItYnV0dG9uIHN3by1idXR0b24gYXJlYS1iYW5uZXItYnV0dG9uJyB9LFxuXHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGJ1dHRvbkNvbnRlbnQ6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5idXR0b25Db250ZW50LFxuXHRcdFx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnSGllciBiZWFyYmVpdGVuJyxcblx0XHRcdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0XHRcdFx0dGFnTmFtZTogJ2EnXG5cdFx0XHRcdFx0XHRcdH0pXG5cdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnZWRpdG9yT25seScgfSxcblx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0XHRcdFx0J0xpbmsgZGVzIEJ1dHRvbnMgKHdpcmQgbmljaHQgYW5nZXplaWd0KTogJ1xuXHRcdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdFx0J3NwYW4nLFxuXHRcdFx0XHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgYnV0dG9uTGluazogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5idXR0b25MaW5rLFxuXHRcdFx0XHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdIaWVyIGJlYXJiZWl0ZW4uIEJlaXNwaWVsIFwiYWJvdXQveml2aWxkaWVuc3RcIicsXG5cdFx0XHRcdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJyxcblx0XHRcdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ3NlbGVjdG9yLWJ1dHRvbidcblx0XHRcdFx0XHRcdFx0XHR9KVxuXHRcdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0KVxuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fSxcblxuXHRzYXZlOiBmdW5jdGlvbiBzYXZlKHByb3BzKSB7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHR7IGNsYXNzTmFtZTogJ2FyZWEtYmFubmVyJyB9LFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdsZWZ0LXJpZ2h0IGxpbWl0LWNvbnRlbnQtd2lkdGgnIH0sXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ2JlcmVpY2gtaW1hZ2UnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KElubmVyQmxvY2tzLkNvbnRlbnQsIG51bGwpXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ2JlcmVpY2gtdGV4dCBjbGFzc2ljLXRleHQnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ3NlbGVjdG9yLWFyZWEtYmFubmVyJyB9LFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnaDEnLFxuXHRcdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLnRpdGxlXG5cdFx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMudGV4dFxuXHRcdFx0XHRcdFx0KSxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0J2EnLFxuXHRcdFx0XHRcdFx0XHR7IGhyZWY6IHByb3BzLmF0dHJpYnV0ZXMuYnV0dG9uTGluaywgY2xhc3NOYW1lOiAnc2VsZWN0b3ItYnV0dG9uIHN3by1idXR0b24gYXJlYS1iYW5uZXItYnV0dG9uJywgc3R5bGU6ICdjb2xvcjogI2ZmZiAhaW1wb3J0YW50OycgfSxcblx0XHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5idXR0b25Db250ZW50XG5cdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0KVxuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fVxufSk7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2FyZWEtYmFubmVyLWJsb2NrL2luZGV4LmpzXG4vLyBtb2R1bGUgaWQgPSAyMlxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///22\n"); - -/***/ }), -/* 23 */ -/*!**************************************************!*\ - !*** ./src/blocks/area-banner-block/editor.scss ***! - \**************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtYmFubmVyLWJsb2NrL2VkaXRvci5zY3NzP2FkODgiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9ibG9ja3MvYXJlYS1iYW5uZXItYmxvY2svZWRpdG9yLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDIzXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///23\n"); - -/***/ }), -/* 24 */ -/*!*************************************************!*\ - !*** ./src/blocks/area-banner-block/style.scss ***! - \*************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjQuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FyZWEtYmFubmVyLWJsb2NrL3N0eWxlLnNjc3M/NjllYyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9hcmVhLWJhbm5lci1ibG9jay9zdHlsZS5zY3NzXG4vLyBtb2R1bGUgaWQgPSAyNFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///24\n"); - -/***/ }), -/* 25 */ -/*!********************************************!*\ - !*** ./src/blocks/employee-block/index.js ***! - \********************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 26);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 27);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n PlainText = _wp$blockEditor.PlainText,\n MediaUpload = _wp$blockEditor.MediaUpload;\nvar Button = wp.components.Button;\n\n\nregisterBlockType('swo-blocks/employee-block', {\n\ttitle: 'Angestellte(r)',\n\tdescription: 'Hiermit kann ein(e) Angestellte(r) eingefügt werden.',\n\ticon: 'businessman',\n\tcategory: 'swo-blocks',\n\tkeywords: ['Mitarbeiter', 'Angestellte', 'SWO'],\n\tattributes: {\n\t\timgURL: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'src',\n\t\t\tselector: 'img'\n\t\t},\n\t\timgID: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgAlt: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'alt',\n\t\t\tselector: 'img'\n\t\t},\n\t\temployeeName: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'h1'\n\t\t},\n\t\temployeeFunct: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'h7'\n\t\t},\n\t\temployeeDescr: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'p'\n\t\t},\n\t\temployeeFPhone: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.selectorFPhone'\n\t\t},\n\t\temployeeMPhone: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.selectorMPhone'\n\t\t},\n\t\temployeeMail: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.selectorMail'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar onFileSelect = function onFileSelect(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: img.url,\n\t\t\t\timgID: img.id,\n\t\t\t\timgAlt: img.alt\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg = function onRemoveImg() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL: null,\n\t\t\t\timgID: null,\n\t\t\t\timgAlt: null\n\t\t\t});\n\t\t};\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte einen Angestellten Block nur innerhalb einer Seite einfügen. Bitte zuerst ein Seitenblock einfügen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte einen Angestellten Block nur innerhalb einer Seite einfügen. Bitte zuerst ein Seitenblock einfügen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'wrap-employee' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'imageDiv imageDivteam' },\n\t\t\t\tprops.attributes.imgURL ? wp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'wrapimgselect' },\n\t\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t\t}),\n\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\tButton,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tonClick: onRemoveImg,\n\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t) : null\n\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\tonSelect: onFileSelect,\n\t\t\t\t\tvalue: props.attributes.imgID,\n\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\trender: function render(_ref) {\n\t\t\t\t\t\tvar open = _ref.open;\n\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'imageDiv bottomDiv classic-text bottomDivteam' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h1',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ employeeName: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.employeeName,\n\t\t\t\t\t\tplaceholder: 'Vorname Nachname',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h7',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ employeeFunct: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.employeeFunct,\n\t\t\t\t\t\tplaceholder: 'Funktion',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t),\n\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\tprops.setAttributes({ employeeDescr: newContent });\n\t\t\t\t\t},\n\t\t\t\t\tvalue: props.attributes.employeeDescr,\n\t\t\t\t\tplaceholder: 'Beschreibung',\n\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\ttagName: 'p'\n\t\t\t\t}),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'Telefon Festnetz: '\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ employeeFPhone: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.employeeFPhone,\n\t\t\t\t\t\tplaceholder: '012 345 67 89',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t}),\n\t\t\t\t\t\"\\n\",\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'Telefon Mobil: '\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ employeeMPhone: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.employeeMPhone,\n\t\t\t\t\t\tplaceholder: '012 345 67 89',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t}),\n\t\t\t\t\t\"\\n\",\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'E-Mail: '\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ employeeMail: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.employeeMail,\n\t\t\t\t\t\tplaceholder: 'x@stiftungswo.ch',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none'\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\t{ className: 'wrap-employee' },\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'imageDiv imageDivteam' },\n\t\t\t\twp.element.createElement('img', {\n\t\t\t\t\tsrc: props.attributes.imgURL,\n\t\t\t\t\talt: props.attributes.imgAlt\n\t\t\t\t})\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'imageDiv bottomDiv classic-text bottomDivteam' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h1',\n\t\t\t\t\tnull,\n\t\t\t\t\tprops.attributes.employeeName\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'h7',\n\t\t\t\t\tnull,\n\t\t\t\t\tprops.attributes.employeeFunct\n\t\t\t\t),\n\t\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\t\tvalue: props.attributes.employeeDescr,\n\t\t\t\t\ttagName: 'p'\n\t\t\t\t}),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'p',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'Telefon Festnetz: '\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'span',\n\t\t\t\t\t\t{ className: 'selectorFPhone' },\n\t\t\t\t\t\tprops.attributes.employeeFPhone\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement('br', null),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'Telefon Mobil: '\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'span',\n\t\t\t\t\t\t{ className: 'selectorMPhone' },\n\t\t\t\t\t\tprops.attributes.employeeMPhone\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement('br', null),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'strong',\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\t'E-Mail: '\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'span',\n\t\t\t\t\t\t{ className: 'selectorMail' },\n\t\t\t\t\t\tprops.attributes.employeeMail\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement('br', null)\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2VtcGxveWVlLWJsb2NrL2luZGV4LmpzPzdmNGEiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICcuL2VkaXRvci5zY3NzJztcbmltcG9ydCAnLi9zdHlsZS5zY3NzJztcblxudmFyIF9fID0gd3AuaTE4bi5fXztcbnZhciByZWdpc3RlckJsb2NrVHlwZSA9IHdwLmJsb2Nrcy5yZWdpc3RlckJsb2NrVHlwZTtcbnZhciBfd3AkYmxvY2tFZGl0b3IgPSB3cC5ibG9ja0VkaXRvcixcbiAgICBSaWNoVGV4dCA9IF93cCRibG9ja0VkaXRvci5SaWNoVGV4dCxcbiAgICBQbGFpblRleHQgPSBfd3AkYmxvY2tFZGl0b3IuUGxhaW5UZXh0LFxuICAgIE1lZGlhVXBsb2FkID0gX3dwJGJsb2NrRWRpdG9yLk1lZGlhVXBsb2FkO1xudmFyIEJ1dHRvbiA9IHdwLmNvbXBvbmVudHMuQnV0dG9uO1xuXG5cbnJlZ2lzdGVyQmxvY2tUeXBlKCdzd28tYmxvY2tzL2VtcGxveWVlLWJsb2NrJywge1xuXHR0aXRsZTogJ0FuZ2VzdGVsbHRlKHIpJyxcblx0ZGVzY3JpcHRpb246ICdIaWVybWl0IGthbm4gZWluKGUpIEFuZ2VzdGVsbHRlKHIpIGVpbmdlZsO8Z3Qgd2VyZGVuLicsXG5cdGljb246ICdidXNpbmVzc21hbicsXG5cdGNhdGVnb3J5OiAnc3dvLWJsb2NrcycsXG5cdGtleXdvcmRzOiBbJ01pdGFyYmVpdGVyJywgJ0FuZ2VzdGVsbHRlJywgJ1NXTyddLFxuXHRhdHRyaWJ1dGVzOiB7XG5cdFx0aW1nVVJMOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdzcmMnLFxuXHRcdFx0c2VsZWN0b3I6ICdpbWcnXG5cdFx0fSxcblx0XHRpbWdJRDoge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGltZ0FsdDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdhdHRyaWJ1dGUnLFxuXHRcdFx0YXR0cmlidXRlOiAnYWx0Jyxcblx0XHRcdHNlbGVjdG9yOiAnaW1nJ1xuXHRcdH0sXG5cdFx0ZW1wbG95ZWVOYW1lOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICdoMSdcblx0XHR9LFxuXHRcdGVtcGxveWVlRnVuY3Q6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJ2g3J1xuXHRcdH0sXG5cdFx0ZW1wbG95ZWVEZXNjcjoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAncCdcblx0XHR9LFxuXHRcdGVtcGxveWVlRlBob25lOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuc2VsZWN0b3JGUGhvbmUnXG5cdFx0fSxcblx0XHRlbXBsb3llZU1QaG9uZToge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnLnNlbGVjdG9yTVBob25lJ1xuXHRcdH0sXG5cdFx0ZW1wbG95ZWVNYWlsOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuc2VsZWN0b3JNYWlsJ1xuXHRcdH1cblx0fSxcblxuXHRlZGl0OiBmdW5jdGlvbiBlZGl0KHByb3BzKSB7XG5cblx0XHR2YXIgb25GaWxlU2VsZWN0ID0gZnVuY3Rpb24gb25GaWxlU2VsZWN0KGltZykge1xuXHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7XG5cdFx0XHRcdGltZ1VSTDogaW1nLnVybCxcblx0XHRcdFx0aW1nSUQ6IGltZy5pZCxcblx0XHRcdFx0aW1nQWx0OiBpbWcuYWx0XG5cdFx0XHR9KTtcblx0XHR9O1xuXHRcdHZhciBvblJlbW92ZUltZyA9IGZ1bmN0aW9uIG9uUmVtb3ZlSW1nKCkge1xuXHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7XG5cdFx0XHRcdGltZ1VSTDogbnVsbCxcblx0XHRcdFx0aW1nSUQ6IG51bGwsXG5cdFx0XHRcdGltZ0FsdDogbnVsbFxuXHRcdFx0fSk7XG5cdFx0fTtcblxuXHRcdHZhciBibG9ja0hhc1BhcmVudCA9IGZ1bmN0aW9uIGJsb2NrSGFzUGFyZW50KGNsaWVudElkKSB7XG5cdFx0XHRyZXR1cm4gY2xpZW50SWQgIT09IHdwLmRhdGEuc2VsZWN0KCdjb3JlL2VkaXRvcicpLmdldEJsb2NrSGllcmFyY2h5Um9vdENsaWVudElkKGNsaWVudElkKTtcblx0XHR9O1xuXG5cdFx0aWYgKCFibG9ja0hhc1BhcmVudChwcm9wcy5jbGllbnRJZCkpIHtcblx0XHRcdGFsZXJ0KCdBQ0hUVU5HLiBCaXR0ZSBlaW5lbiBBbmdlc3RlbGx0ZW4gQmxvY2sgbnVyIGlubmVyaGFsYiBlaW5lciBTZWl0ZSBlaW5mw7xnZW4uIEJpdHRlIHp1ZXJzdCBlaW4gU2VpdGVuYmxvY2sgZWluZsO8Z2VuLicpO1xuXHRcdFx0dGhyb3cgbmV3IEVycm9yKFwiQUNIVFVORy4gQml0dGUgZWluZW4gQW5nZXN0ZWxsdGVuIEJsb2NrIG51ciBpbm5lcmhhbGIgZWluZXIgU2VpdGUgZWluZsO8Z2VuLiBCaXR0ZSB6dWVyc3QgZWluIFNlaXRlbmJsb2NrIGVpbmbDvGdlbi5cIik7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdkaXYnLFxuXHRcdFx0eyBjbGFzc05hbWU6ICd3cmFwLWVtcGxveWVlJyB9LFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdpbWFnZURpdiBpbWFnZURpdnRlYW0nIH0sXG5cdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnd3JhcGltZ3NlbGVjdCcgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoJ2ltZycsIHtcblx0XHRcdFx0XHRcdHNyYzogcHJvcHMuYXR0cmlidXRlcy5pbWdVUkwsXG5cdFx0XHRcdFx0XHRhbHQ6IHByb3BzLmF0dHJpYnV0ZXMuaW1nQWx0XG5cdFx0XHRcdFx0fSksXG5cdFx0XHRcdFx0cHJvcHMuaXNTZWxlY3RlZCA/IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdEJ1dHRvbixcblx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0b25DbGljazogb25SZW1vdmVJbWcsXG5cdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ2J1dHRvbiBidXR0b24tc2VsZWN0aW1nJ1xuXHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdCdCaWxkIGxcXHhGNnNjaGVuJ1xuXHRcdFx0XHRcdCkgOiBudWxsXG5cdFx0XHRcdCkgOiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoTWVkaWFVcGxvYWQsIHtcblx0XHRcdFx0XHRvblNlbGVjdDogb25GaWxlU2VsZWN0LFxuXHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ0lELFxuXHRcdFx0XHRcdGFsbG93ZWRUeXBlczogWydpbWFnZSddLFxuXHRcdFx0XHRcdHJlbmRlcjogZnVuY3Rpb24gcmVuZGVyKF9yZWYpIHtcblx0XHRcdFx0XHRcdHZhciBvcGVuID0gX3JlZi5vcGVuO1xuXHRcdFx0XHRcdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0QnV0dG9uLFxuXHRcdFx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHRcdFx0b25DbGljazogb3Blbixcblx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdidXR0b24gYnV0dG9uLXNlbGVjdGltZydcblx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0J0JpbGQgd1xceEU0aGxlbidcblx0XHRcdFx0XHRcdCk7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9KVxuXHRcdFx0KSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnaW1hZ2VEaXYgYm90dG9tRGl2IGNsYXNzaWMtdGV4dCBib3R0b21EaXZ0ZWFtJyB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2gxJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGVtcGxveWVlTmFtZTogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZU5hbWUsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ1Zvcm5hbWUgTmFjaG5hbWUnLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZSdcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2g3Jyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGVtcGxveWVlRnVuY3Q6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuZW1wbG95ZWVGdW5jdCxcblx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnRnVua3Rpb24nLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZSdcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGVtcGxveWVlRGVzY3I6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0fSxcblx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZURlc2NyLFxuXHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnQmVzY2hyZWlidW5nJyxcblx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0dGFnTmFtZTogJ3AnXG5cdFx0XHRcdH0pLFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J3N0cm9uZycsXG5cdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0J1RlbGVmb24gRmVzdG5ldHo6ICdcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGVtcGxveWVlRlBob25lOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmVtcGxveWVlRlBob25lLFxuXHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICcwMTIgMzQ1IDY3IDg5Jyxcblx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnXG5cdFx0XHRcdFx0fSksXG5cdFx0XHRcdFx0XCJcXG5cIixcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnc3Ryb25nJyxcblx0XHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0XHQnVGVsZWZvbiBNb2JpbDogJ1xuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgZW1wbG95ZWVNUGhvbmU6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuZW1wbG95ZWVNUGhvbmUsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJzAxMiAzNDUgNjcgODknLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZSdcblx0XHRcdFx0XHR9KSxcblx0XHRcdFx0XHRcIlxcblwiLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdCdFLU1haWw6ICdcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGVtcGxveWVlTWFpbDogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZU1haWwsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ3hAc3RpZnR1bmdzd28uY2gnLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZSdcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fSxcblxuXHRzYXZlOiBmdW5jdGlvbiBzYXZlKHByb3BzKSB7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHR7IGNsYXNzTmFtZTogJ3dyYXAtZW1wbG95ZWUnIH0sXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2ltYWdlRGl2IGltYWdlRGl2dGVhbScgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KCdpbWcnLCB7XG5cdFx0XHRcdFx0c3JjOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTCxcblx0XHRcdFx0XHRhbHQ6IHByb3BzLmF0dHJpYnV0ZXMuaW1nQWx0XG5cdFx0XHRcdH0pXG5cdFx0XHQpLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0eyBjbGFzc05hbWU6ICdpbWFnZURpdiBib3R0b21EaXYgY2xhc3NpYy10ZXh0IGJvdHRvbURpdnRlYW0nIH0sXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnaDEnLFxuXHRcdFx0XHRcdG51bGwsXG5cdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZU5hbWVcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdoNycsXG5cdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLmVtcGxveWVlRnVuY3Rcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LkNvbnRlbnQsIHtcblx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZURlc2NyLFxuXHRcdFx0XHRcdHRhZ05hbWU6ICdwJ1xuXHRcdFx0XHR9KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdwJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdCdUZWxlZm9uIEZlc3RuZXR6OiAnXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnc3BhbicsXG5cdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ3NlbGVjdG9yRlBob25lJyB9LFxuXHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZUZQaG9uZVxuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KCdicicsIG51bGwpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdCdUZWxlZm9uIE1vYmlsOiAnXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnc3BhbicsXG5cdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ3NlbGVjdG9yTVBob25lJyB9LFxuXHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZU1QaG9uZVxuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KCdicicsIG51bGwpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzdHJvbmcnLFxuXHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdCdFLU1haWw6ICdcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdCdzcGFuJyxcblx0XHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnc2VsZWN0b3JNYWlsJyB9LFxuXHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5lbXBsb3llZU1haWxcblx0XHRcdFx0XHQpLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudCgnYnInLCBudWxsKVxuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fVxufSk7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2VtcGxveWVlLWJsb2NrL2luZGV4LmpzXG4vLyBtb2R1bGUgaWQgPSAyNVxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///25\n"); - -/***/ }), -/* 26 */ -/*!***********************************************!*\ - !*** ./src/blocks/employee-block/editor.scss ***! - \***********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjYuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2VtcGxveWVlLWJsb2NrL2VkaXRvci5zY3NzPzM3NGMiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9ibG9ja3MvZW1wbG95ZWUtYmxvY2svZWRpdG9yLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDI2XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///26\n"); - -/***/ }), -/* 27 */ -/*!**********************************************!*\ - !*** ./src/blocks/employee-block/style.scss ***! - \**********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjcuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2VtcGxveWVlLWJsb2NrL3N0eWxlLnNjc3M/ZmMxMCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9lbXBsb3llZS1ibG9jay9zdHlsZS5zY3NzXG4vLyBtb2R1bGUgaWQgPSAyN1xuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///27\n"); - -/***/ }), -/* 28 */ -/*!**********************************************!*\ - !*** ./src/blocks/philosophy-block/index.js ***! - \**********************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 29);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 30);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar _wp$blockEditor = wp.blockEditor,\n RichText = _wp$blockEditor.RichText,\n PlainText = _wp$blockEditor.PlainText,\n MediaUpload = _wp$blockEditor.MediaUpload,\n InnerBlocks = _wp$blockEditor.InnerBlocks;\nvar Button = wp.components.Button;\n\n\nregisterBlockType('swo-blocks/philosophy-block', {\n\ttitle: 'SWO Philosophie Block',\n\tdescription: 'Dies ist ein Baustein für die Startseite',\n\ticon: 'heart',\n\tcategory: 'swo-blocks',\n\tkeywords: ['Philosophie', 'Startseite', 'SWO'],\n\tattributes: {\n\t\timgURL_Box1: {\n\t\t\ttype: 'string'\n\t\t},\n\t\timgID_Box1: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgURL_Box2: {\n\t\t\ttype: 'string'\n\t\t},\n\t\timgID_Box2: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgURL_Box3: {\n\t\t\ttype: 'string'\n\t\t},\n\t\timgID_Box3: {\n\t\t\ttype: 'number'\n\t\t},\n\t\timgURL_Box4: {\n\t\t\ttype: 'string'\n\t\t},\n\t\timgID_Box4: {\n\t\t\ttype: 'number'\n\t\t},\n\t\tbox1: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.box1 .onpicture p'\n\t\t},\n\t\tbox1Link: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'href',\n\t\t\tselector: '.selectorBox1Link'\n\t\t},\n\t\tbox2: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.box2 .onpicture p'\n\t\t},\n\t\tbox2Link: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'href',\n\t\t\tselector: '.selectorBox2Link'\n\t\t},\n\t\tbox3: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.box3 .onpicture p'\n\t\t},\n\t\tbox3Link: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'href',\n\t\t\tselector: '.selectorBox3Link'\n\t\t},\n\t\tbox4: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.box4 .onpicture p'\n\t\t},\n\t\tbox4Link: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'href',\n\t\t\tselector: '.selectorBox4Link'\n\t\t},\n\t\tphiloText: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.philo-select'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar onFileSelect1 = function onFileSelect1(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box1: img.url,\n\t\t\t\timgID_Box1: img.id\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg1 = function onRemoveImg1() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box1: null,\n\t\t\t\timgID_Box1: null\n\t\t\t});\n\t\t};\n\n\t\tvar onFileSelect2 = function onFileSelect2(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box2: img.url,\n\t\t\t\timgID_Box2: img.id\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg2 = function onRemoveImg2() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box2: null,\n\t\t\t\timgID_Box2: null\n\t\t\t});\n\t\t};\n\n\t\tvar onFileSelect3 = function onFileSelect3(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box3: img.url,\n\t\t\t\timgID_Box3: img.id\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg3 = function onRemoveImg3() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box3: null,\n\t\t\t\timgID_Box3: null\n\t\t\t});\n\t\t};\n\n\t\tvar onFileSelect4 = function onFileSelect4(img) {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box4: img.url,\n\t\t\t\timgID_Box4: img.id\n\t\t\t});\n\t\t};\n\t\tvar onRemoveImg4 = function onRemoveImg4() {\n\t\t\tprops.setAttributes({\n\t\t\t\timgURL_Box4: null,\n\t\t\t\timgID_Box4: null\n\t\t\t});\n\t\t};\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte den Philosophoe Block nur auf der Startseite benutzen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte den Philosophoe Block nur auf der Startseite benutzen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'section',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'grid-container-fp1' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'Front-page-top-right' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link' },\n\t\t\t\t\t\tprops.attributes.imgURL_Box1 ? wp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Bildung-forschung-entwicklung box1',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box1 + ')' } },\n\t\t\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: onRemoveImg1,\n\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t\t\t) : null,\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box1: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box1,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Bereichstitel',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box1Link: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box1Link,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Link... z.B: \"about/zivildienst\"',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\tclassName: 'editorOnly'\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\t\t\tonSelect: onFileSelect1,\n\t\t\t\t\t\t\tvalue: props.attributes.imgID_Box1,\n\t\t\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\t\t\trender: function render(_ref) {\n\t\t\t\t\t\t\t\tvar open = _ref.open;\n\t\t\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link' },\n\t\t\t\t\t\tprops.attributes.imgURL_Box2 ? wp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Bau box2',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box2 + ')' } },\n\t\t\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: onRemoveImg2,\n\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t\t\t) : null,\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box2: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box2,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Bereichstitel',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box2Link: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box2Link,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Link... z.B: \"about/zivildienst\"',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\tclassName: 'editorOnly'\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\t\t\tonSelect: onFileSelect2,\n\t\t\t\t\t\t\tvalue: props.attributes.imgID_Box2,\n\t\t\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\t\t\trender: function render(_ref2) {\n\t\t\t\t\t\t\t\tvar open = _ref2.open;\n\t\t\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link' },\n\t\t\t\t\t\tprops.attributes.imgURL_Box3 ? wp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Zivildienst box3',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box3 + ')' } },\n\t\t\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: onRemoveImg3,\n\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t\t\t) : null,\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box3: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box3,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Bereichstitel',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box3Link: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box3Link,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Link... z.B: \"about/zivildienst\"',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\tclassName: 'editorOnly'\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\t\t\tonSelect: onFileSelect3,\n\t\t\t\t\t\t\tvalue: props.attributes.imgID_Box3,\n\t\t\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\t\t\trender: function render(_ref3) {\n\t\t\t\t\t\t\t\tvar open = _ref3.open;\n\t\t\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link' },\n\t\t\t\t\t\tprops.attributes.imgURL_Box4 ? wp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Integration box4',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box4 + ')' } },\n\t\t\t\t\t\t\tprops.isSelected ? wp.element.createElement(\n\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tonClick: onRemoveImg4,\n\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t'Bild l\\xF6schen'\n\t\t\t\t\t\t\t) : null,\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box4: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box4,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Bereichstitel',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\t\t\t\tprops.setAttributes({ box4Link: newContent });\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tvalue: props.attributes.box4Link,\n\t\t\t\t\t\t\t\t\tplaceholder: 'Link... z.B: \"about/zivildienst\"',\n\t\t\t\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\t\t\t\tclassName: 'editorOnly'\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : wp.element.createElement(MediaUpload, {\n\t\t\t\t\t\t\tonSelect: onFileSelect4,\n\t\t\t\t\t\t\tvalue: props.attributes.imgID_Box4,\n\t\t\t\t\t\t\tallowedTypes: ['image'],\n\t\t\t\t\t\t\trender: function render(_ref4) {\n\t\t\t\t\t\t\t\tvar open = _ref4.open;\n\t\t\t\t\t\t\t\treturn wp.element.createElement(\n\t\t\t\t\t\t\t\t\tButton,\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tonClick: open,\n\t\t\t\t\t\t\t\t\t\tclassName: 'button button-selectimg'\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t'Bild w\\xE4hlen'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'classic-text front-page-top-left' },\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ philoText: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.philoText,\n\t\t\t\t\t\tplaceholder: 'Unsere Philosophie',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\tclassName: 'philo-select',\n\t\t\t\t\t\ttagName: 'p'\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'section',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'grid-container-fp1' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'Front-page-top-right' },\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link selectorBox1Link', href: props.attributes.box1Link },\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Bildung-forschung-entwicklung box1',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box1 + ')' } },\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\tprops.attributes.box1\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link selectorBox2Link', href: props.attributes.box2Link },\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Bau box2',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box2 + ')' } },\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\tprops.attributes.box2\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link selectorBox3Link', href: props.attributes.box3Link },\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Zivildienst box3',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box3 + ')' } },\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\tprops.attributes.box3\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t'a',\n\t\t\t\t\t\t{ className: 'picture-link selectorBox4Link', href: props.attributes.box4Link },\n\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t{ 'class': 'Integration box4',\n\t\t\t\t\t\t\t\tstyle: { backgroundImage: 'url(' + props.attributes.imgURL_Box4 + ')' } },\n\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t'div',\n\t\t\t\t\t\t\t\t{ 'class': 'onpicture' },\n\t\t\t\t\t\t\t\twp.element.createElement(\n\t\t\t\t\t\t\t\t\t'p',\n\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\tprops.attributes.box4\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'classic-text front-page-top-left' },\n\t\t\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\t\t\tclassName: 'philo-select',\n\t\t\t\t\t\ttagName: 'p',\n\t\t\t\t\t\tvalue: props.attributes.philoText\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjguanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3BoaWxvc29waHktYmxvY2svaW5kZXguanM/NWRkYSJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIF93cCRibG9ja0VkaXRvciA9IHdwLmJsb2NrRWRpdG9yLFxuICAgIFJpY2hUZXh0ID0gX3dwJGJsb2NrRWRpdG9yLlJpY2hUZXh0LFxuICAgIFBsYWluVGV4dCA9IF93cCRibG9ja0VkaXRvci5QbGFpblRleHQsXG4gICAgTWVkaWFVcGxvYWQgPSBfd3AkYmxvY2tFZGl0b3IuTWVkaWFVcGxvYWQsXG4gICAgSW5uZXJCbG9ja3MgPSBfd3AkYmxvY2tFZGl0b3IuSW5uZXJCbG9ja3M7XG52YXIgQnV0dG9uID0gd3AuY29tcG9uZW50cy5CdXR0b247XG5cblxucmVnaXN0ZXJCbG9ja1R5cGUoJ3N3by1ibG9ja3MvcGhpbG9zb3BoeS1ibG9jaycsIHtcblx0dGl0bGU6ICdTV08gUGhpbG9zb3BoaWUgQmxvY2snLFxuXHRkZXNjcmlwdGlvbjogJ0RpZXMgaXN0IGVpbiBCYXVzdGVpbiBmw7xyIGRpZSBTdGFydHNlaXRlJyxcblx0aWNvbjogJ2hlYXJ0Jyxcblx0Y2F0ZWdvcnk6ICdzd28tYmxvY2tzJyxcblx0a2V5d29yZHM6IFsnUGhpbG9zb3BoaWUnLCAnU3RhcnRzZWl0ZScsICdTV08nXSxcblx0YXR0cmlidXRlczoge1xuXHRcdGltZ1VSTF9Cb3gxOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJ1xuXHRcdH0sXG5cdFx0aW1nSURfQm94MToge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGltZ1VSTF9Cb3gyOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJ1xuXHRcdH0sXG5cdFx0aW1nSURfQm94Mjoge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGltZ1VSTF9Cb3gzOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJ1xuXHRcdH0sXG5cdFx0aW1nSURfQm94Mzoge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGltZ1VSTF9Cb3g0OiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJ1xuXHRcdH0sXG5cdFx0aW1nSURfQm94NDoge1xuXHRcdFx0dHlwZTogJ251bWJlcidcblx0XHR9LFxuXHRcdGJveDE6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5ib3gxIC5vbnBpY3R1cmUgcCdcblx0XHR9LFxuXHRcdGJveDFMaW5rOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdocmVmJyxcblx0XHRcdHNlbGVjdG9yOiAnLnNlbGVjdG9yQm94MUxpbmsnXG5cdFx0fSxcblx0XHRib3gyOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2h0bWwnLFxuXHRcdFx0c2VsZWN0b3I6ICcuYm94MiAub25waWN0dXJlIHAnXG5cdFx0fSxcblx0XHRib3gyTGluazoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdhdHRyaWJ1dGUnLFxuXHRcdFx0YXR0cmlidXRlOiAnaHJlZicsXG5cdFx0XHRzZWxlY3RvcjogJy5zZWxlY3RvckJveDJMaW5rJ1xuXHRcdH0sXG5cdFx0Ym94Mzoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnLmJveDMgLm9ucGljdHVyZSBwJ1xuXHRcdH0sXG5cdFx0Ym94M0xpbms6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnYXR0cmlidXRlJyxcblx0XHRcdGF0dHJpYnV0ZTogJ2hyZWYnLFxuXHRcdFx0c2VsZWN0b3I6ICcuc2VsZWN0b3JCb3gzTGluaydcblx0XHR9LFxuXHRcdGJveDQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5ib3g0IC5vbnBpY3R1cmUgcCdcblx0XHR9LFxuXHRcdGJveDRMaW5rOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdocmVmJyxcblx0XHRcdHNlbGVjdG9yOiAnLnNlbGVjdG9yQm94NExpbmsnXG5cdFx0fSxcblx0XHRwaGlsb1RleHQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5waGlsby1zZWxlY3QnXG5cdFx0fVxuXHR9LFxuXG5cdGVkaXQ6IGZ1bmN0aW9uIGVkaXQocHJvcHMpIHtcblxuXHRcdHZhciBvbkZpbGVTZWxlY3QxID0gZnVuY3Rpb24gb25GaWxlU2VsZWN0MShpbWcpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkxfQm94MTogaW1nLnVybCxcblx0XHRcdFx0aW1nSURfQm94MTogaW1nLmlkXG5cdFx0XHR9KTtcblx0XHR9O1xuXHRcdHZhciBvblJlbW92ZUltZzEgPSBmdW5jdGlvbiBvblJlbW92ZUltZzEoKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0aW1nVVJMX0JveDE6IG51bGwsXG5cdFx0XHRcdGltZ0lEX0JveDE6IG51bGxcblx0XHRcdH0pO1xuXHRcdH07XG5cblx0XHR2YXIgb25GaWxlU2VsZWN0MiA9IGZ1bmN0aW9uIG9uRmlsZVNlbGVjdDIoaW1nKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0aW1nVVJMX0JveDI6IGltZy51cmwsXG5cdFx0XHRcdGltZ0lEX0JveDI6IGltZy5pZFxuXHRcdFx0fSk7XG5cdFx0fTtcblx0XHR2YXIgb25SZW1vdmVJbWcyID0gZnVuY3Rpb24gb25SZW1vdmVJbWcyKCkge1xuXHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7XG5cdFx0XHRcdGltZ1VSTF9Cb3gyOiBudWxsLFxuXHRcdFx0XHRpbWdJRF9Cb3gyOiBudWxsXG5cdFx0XHR9KTtcblx0XHR9O1xuXG5cdFx0dmFyIG9uRmlsZVNlbGVjdDMgPSBmdW5jdGlvbiBvbkZpbGVTZWxlY3QzKGltZykge1xuXHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7XG5cdFx0XHRcdGltZ1VSTF9Cb3gzOiBpbWcudXJsLFxuXHRcdFx0XHRpbWdJRF9Cb3gzOiBpbWcuaWRcblx0XHRcdH0pO1xuXHRcdH07XG5cdFx0dmFyIG9uUmVtb3ZlSW1nMyA9IGZ1bmN0aW9uIG9uUmVtb3ZlSW1nMygpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkxfQm94MzogbnVsbCxcblx0XHRcdFx0aW1nSURfQm94MzogbnVsbFxuXHRcdFx0fSk7XG5cdFx0fTtcblxuXHRcdHZhciBvbkZpbGVTZWxlY3Q0ID0gZnVuY3Rpb24gb25GaWxlU2VsZWN0NChpbWcpIHtcblx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoe1xuXHRcdFx0XHRpbWdVUkxfQm94NDogaW1nLnVybCxcblx0XHRcdFx0aW1nSURfQm94NDogaW1nLmlkXG5cdFx0XHR9KTtcblx0XHR9O1xuXHRcdHZhciBvblJlbW92ZUltZzQgPSBmdW5jdGlvbiBvblJlbW92ZUltZzQoKSB7XG5cdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHtcblx0XHRcdFx0aW1nVVJMX0JveDQ6IG51bGwsXG5cdFx0XHRcdGltZ0lEX0JveDQ6IG51bGxcblx0XHRcdH0pO1xuXHRcdH07XG5cblx0XHR2YXIgYmxvY2tIYXNQYXJlbnQgPSBmdW5jdGlvbiBibG9ja0hhc1BhcmVudChjbGllbnRJZCkge1xuXHRcdFx0cmV0dXJuIGNsaWVudElkICE9PSB3cC5kYXRhLnNlbGVjdCgnY29yZS9lZGl0b3InKS5nZXRCbG9ja0hpZXJhcmNoeVJvb3RDbGllbnRJZChjbGllbnRJZCk7XG5cdFx0fTtcblxuXHRcdGlmICghYmxvY2tIYXNQYXJlbnQocHJvcHMuY2xpZW50SWQpKSB7XG5cdFx0XHRhbGVydCgnQUNIVFVORy4gQml0dGUgZGVuIFBoaWxvc29waG9lIEJsb2NrIG51ciBhdWYgZGVyIFN0YXJ0c2VpdGUgYmVudXR6ZW4uJyk7XG5cdFx0XHR0aHJvdyBuZXcgRXJyb3IoXCJBQ0hUVU5HLiBCaXR0ZSBkZW4gUGhpbG9zb3Bob2UgQmxvY2sgbnVyIGF1ZiBkZXIgU3RhcnRzZWl0ZSBiZW51dHplbi5cIik7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdzZWN0aW9uJyxcblx0XHRcdG51bGwsXG5cdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2dyaWQtY29udGFpbmVyLWZwMScgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnRnJvbnQtcGFnZS10b3AtcmlnaHQnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2EnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdwaWN0dXJlLWxpbmsnIH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTF9Cb3gxID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0eyAnY2xhc3MnOiAnQmlsZHVuZy1mb3JzY2h1bmctZW50d2lja2x1bmcgYm94MScsXG5cdFx0XHRcdFx0XHRcdFx0c3R5bGU6IHsgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTF9Cb3gxICsgJyknIH0gfSxcblx0XHRcdFx0XHRcdFx0cHJvcHMuaXNTZWxlY3RlZCA/IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHRcdFx0e1xuXHRcdFx0XHRcdFx0XHRcdFx0b25DbGljazogb25SZW1vdmVJbWcxLFxuXHRcdFx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnYnV0dG9uIGJ1dHRvbi1zZWxlY3RpbWcnXG5cdFx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0XHQnQmlsZCBsXFx4RjZzY2hlbidcblx0XHRcdFx0XHRcdFx0KSA6IG51bGwsXG5cdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0XHR7ICdjbGFzcyc6ICdvbnBpY3R1cmUnIH0sXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgYm94MTogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5ib3gxLFxuXHRcdFx0XHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdCZXJlaWNoc3RpdGVsJyxcblx0XHRcdFx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnLFxuXHRcdFx0XHRcdFx0XHRcdFx0dGFnTmFtZTogJ3AnXG5cdFx0XHRcdFx0XHRcdFx0fSksXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgYm94MUxpbms6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYm94MUxpbmssXG5cdFx0XHRcdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0xpbmsuLi4gei5COiBcImFib3V0L3ppdmlsZGllbnN0XCInLFxuXHRcdFx0XHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdlZGl0b3JPbmx5J1xuXHRcdFx0XHRcdFx0XHRcdH0pXG5cdFx0XHRcdFx0XHRcdClcblx0XHRcdFx0XHRcdCkgOiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoTWVkaWFVcGxvYWQsIHtcblx0XHRcdFx0XHRcdFx0b25TZWxlY3Q6IG9uRmlsZVNlbGVjdDEsXG5cdFx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ0lEX0JveDEsXG5cdFx0XHRcdFx0XHRcdGFsbG93ZWRUeXBlczogWydpbWFnZSddLFxuXHRcdFx0XHRcdFx0XHRyZW5kZXI6IGZ1bmN0aW9uIHJlbmRlcihfcmVmKSB7XG5cdFx0XHRcdFx0XHRcdFx0dmFyIG9wZW4gPSBfcmVmLm9wZW47XG5cdFx0XHRcdFx0XHRcdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHRcdEJ1dHRvbixcblx0XHRcdFx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0XHRcdFx0b25DbGljazogb3Blbixcblx0XHRcdFx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnYnV0dG9uIGJ1dHRvbi1zZWxlY3RpbWcnXG5cdFx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdFx0J0JpbGQgd1xceEU0aGxlbidcblx0XHRcdFx0XHRcdFx0XHQpO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9KVxuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2EnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdwaWN0dXJlLWxpbmsnIH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTF9Cb3gyID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0eyAnY2xhc3MnOiAnQmF1IGJveDInLFxuXHRcdFx0XHRcdFx0XHRcdHN0eWxlOiB7IGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgcHJvcHMuYXR0cmlidXRlcy5pbWdVUkxfQm94MiArICcpJyB9IH0sXG5cdFx0XHRcdFx0XHRcdHByb3BzLmlzU2VsZWN0ZWQgPyB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdFx0QnV0dG9uLFxuXHRcdFx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0XHRcdG9uQ2xpY2s6IG9uUmVtb3ZlSW1nMixcblx0XHRcdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ2J1dHRvbiBidXR0b24tc2VsZWN0aW1nJ1xuXHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0J0JpbGQgbFxceEY2c2NoZW4nXG5cdFx0XHRcdFx0XHRcdCkgOiBudWxsLFxuXHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0XHRcdFx0eyAnY2xhc3MnOiAnb25waWN0dXJlJyB9LFxuXHRcdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGJveDI6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYm94Mixcblx0XHRcdFx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnQmVyZWljaHN0aXRlbCcsXG5cdFx0XHRcdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJyxcblx0XHRcdFx0XHRcdFx0XHRcdHRhZ05hbWU6ICdwJ1xuXHRcdFx0XHRcdFx0XHRcdH0pLFxuXHRcdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGJveDJMaW5rOiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmJveDJMaW5rLFxuXHRcdFx0XHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdMaW5rLi4uIHouQjogXCJhYm91dC96aXZpbGRpZW5zdFwiJyxcblx0XHRcdFx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnLFxuXHRcdFx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnZWRpdG9yT25seSdcblx0XHRcdFx0XHRcdFx0XHR9KVxuXHRcdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0XHQpIDogd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KE1lZGlhVXBsb2FkLCB7XG5cdFx0XHRcdFx0XHRcdG9uU2VsZWN0OiBvbkZpbGVTZWxlY3QyLFxuXHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5pbWdJRF9Cb3gyLFxuXHRcdFx0XHRcdFx0XHRhbGxvd2VkVHlwZXM6IFsnaW1hZ2UnXSxcblx0XHRcdFx0XHRcdFx0cmVuZGVyOiBmdW5jdGlvbiByZW5kZXIoX3JlZjIpIHtcblx0XHRcdFx0XHRcdFx0XHR2YXIgb3BlbiA9IF9yZWYyLm9wZW47XG5cdFx0XHRcdFx0XHRcdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHRcdEJ1dHRvbixcblx0XHRcdFx0XHRcdFx0XHRcdHtcblx0XHRcdFx0XHRcdFx0XHRcdFx0b25DbGljazogb3Blbixcblx0XHRcdFx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnYnV0dG9uIGJ1dHRvbi1zZWxlY3RpbWcnXG5cdFx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdFx0J0JpbGQgd1xceEU0aGxlbidcblx0XHRcdFx0XHRcdFx0XHQpO1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9KVxuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2EnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdwaWN0dXJlLWxpbmsnIH0sXG5cdFx0XHRcdFx0XHRwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTF9Cb3gzID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0eyAnY2xhc3MnOiAnWml2aWxkaWVuc3QgYm94MycsXG5cdFx0XHRcdFx0XHRcdFx0c3R5bGU6IHsgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTF9Cb3gzICsgJyknIH0gfSxcblx0XHRcdFx0XHRcdFx0cHJvcHMuaXNTZWxlY3RlZCA/IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHRcdFx0e1xuXHRcdFx0XHRcdFx0XHRcdFx0b25DbGljazogb25SZW1vdmVJbWczLFxuXHRcdFx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lOiAnYnV0dG9uIGJ1dHRvbi1zZWxlY3RpbWcnXG5cdFx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0XHQnQmlsZCBsXFx4RjZzY2hlbidcblx0XHRcdFx0XHRcdFx0KSA6IG51bGwsXG5cdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0XHR7ICdjbGFzcyc6ICdvbnBpY3R1cmUnIH0sXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgYm94MzogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5ib3gzLFxuXHRcdFx0XHRcdFx0XHRcdFx0cGxhY2Vob2xkZXI6ICdCZXJlaWNoc3RpdGVsJyxcblx0XHRcdFx0XHRcdFx0XHRcdGtlZXBQbGFjZWhvbGRlck9uRm9jdXM6IHRydWUsXG5cdFx0XHRcdFx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnLFxuXHRcdFx0XHRcdFx0XHRcdFx0dGFnTmFtZTogJ3AnXG5cdFx0XHRcdFx0XHRcdFx0fSksXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0XHRcdFx0XHRvbkNoYW5nZTogZnVuY3Rpb24gb25DaGFuZ2UobmV3Q29udGVudCkge1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRwcm9wcy5zZXRBdHRyaWJ1dGVzKHsgYm94M0xpbms6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYm94M0xpbmssXG5cdFx0XHRcdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0xpbmsuLi4gei5COiBcImFib3V0L3ppdmlsZGllbnN0XCInLFxuXHRcdFx0XHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdlZGl0b3JPbmx5J1xuXHRcdFx0XHRcdFx0XHRcdH0pXG5cdFx0XHRcdFx0XHRcdClcblx0XHRcdFx0XHRcdCkgOiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoTWVkaWFVcGxvYWQsIHtcblx0XHRcdFx0XHRcdFx0b25TZWxlY3Q6IG9uRmlsZVNlbGVjdDMsXG5cdFx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmltZ0lEX0JveDMsXG5cdFx0XHRcdFx0XHRcdGFsbG93ZWRUeXBlczogWydpbWFnZSddLFxuXHRcdFx0XHRcdFx0XHRyZW5kZXI6IGZ1bmN0aW9uIHJlbmRlcihfcmVmMykge1xuXHRcdFx0XHRcdFx0XHRcdHZhciBvcGVuID0gX3JlZjMub3Blbjtcblx0XHRcdFx0XHRcdFx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdFx0QnV0dG9uLFxuXHRcdFx0XHRcdFx0XHRcdFx0e1xuXHRcdFx0XHRcdFx0XHRcdFx0XHRvbkNsaWNrOiBvcGVuLFxuXHRcdFx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdidXR0b24gYnV0dG9uLXNlbGVjdGltZydcblx0XHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0XHQnQmlsZCB3XFx4RTRobGVuJ1xuXHRcdFx0XHRcdFx0XHRcdCk7XG5cdFx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHRcdH0pXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnYScsXG5cdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ3BpY3R1cmUtbGluaycgfSxcblx0XHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMX0JveDQgPyB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdFx0XHR7ICdjbGFzcyc6ICdJbnRlZ3JhdGlvbiBib3g0Jyxcblx0XHRcdFx0XHRcdFx0XHRzdHlsZTogeyBiYWNrZ3JvdW5kSW1hZ2U6ICd1cmwoJyArIHByb3BzLmF0dHJpYnV0ZXMuaW1nVVJMX0JveDQgKyAnKScgfSB9LFxuXHRcdFx0XHRcdFx0XHRwcm9wcy5pc1NlbGVjdGVkID8gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdEJ1dHRvbixcblx0XHRcdFx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHRcdFx0XHRvbkNsaWNrOiBvblJlbW92ZUltZzQsXG5cdFx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdidXR0b24gYnV0dG9uLXNlbGVjdGltZydcblx0XHRcdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0XHRcdCdCaWxkIGxcXHhGNnNjaGVuJ1xuXHRcdFx0XHRcdFx0XHQpIDogbnVsbCxcblx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdFx0XHRcdHsgJ2NsYXNzJzogJ29ucGljdHVyZScgfSxcblx0XHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBib3g0OiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0XHRcdHZhbHVlOiBwcm9wcy5hdHRyaWJ1dGVzLmJveDQsXG5cdFx0XHRcdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0JlcmVpY2hzdGl0ZWwnLFxuXHRcdFx0XHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0XHRcdFx0XHR0YWdOYW1lOiAncCdcblx0XHRcdFx0XHRcdFx0XHR9KSxcblx0XHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoUmljaFRleHQsIHtcblx0XHRcdFx0XHRcdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBib3g0TGluazogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5ib3g0TGluayxcblx0XHRcdFx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnTGluay4uLiB6LkI6IFwiYWJvdXQveml2aWxkaWVuc3RcIicsXG5cdFx0XHRcdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJyxcblx0XHRcdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ2VkaXRvck9ubHknXG5cdFx0XHRcdFx0XHRcdFx0fSlcblx0XHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdFx0KSA6IHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChNZWRpYVVwbG9hZCwge1xuXHRcdFx0XHRcdFx0XHRvblNlbGVjdDogb25GaWxlU2VsZWN0NCxcblx0XHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuaW1nSURfQm94NCxcblx0XHRcdFx0XHRcdFx0YWxsb3dlZFR5cGVzOiBbJ2ltYWdlJ10sXG5cdFx0XHRcdFx0XHRcdHJlbmRlcjogZnVuY3Rpb24gcmVuZGVyKF9yZWY0KSB7XG5cdFx0XHRcdFx0XHRcdFx0dmFyIG9wZW4gPSBfcmVmNC5vcGVuO1xuXHRcdFx0XHRcdFx0XHRcdHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdFx0XHRCdXR0b24sXG5cdFx0XHRcdFx0XHRcdFx0XHR7XG5cdFx0XHRcdFx0XHRcdFx0XHRcdG9uQ2xpY2s6IG9wZW4sXG5cdFx0XHRcdFx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ2J1dHRvbiBidXR0b24tc2VsZWN0aW1nJ1xuXHRcdFx0XHRcdFx0XHRcdFx0fSxcblx0XHRcdFx0XHRcdFx0XHRcdCdCaWxkIHdcXHhFNGhsZW4nXG5cdFx0XHRcdFx0XHRcdFx0KTtcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fSlcblx0XHRcdFx0XHQpXG5cdFx0XHRcdCksXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ2NsYXNzaWMtdGV4dCBmcm9udC1wYWdlLXRvcC1sZWZ0JyB9LFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IHBoaWxvVGV4dDogbmV3Q29udGVudCB9KTtcblx0XHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5waGlsb1RleHQsXG5cdFx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ1Vuc2VyZSBQaGlsb3NvcGhpZScsXG5cdFx0XHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRcdFx0YWxsb3dlZEZvcm1hdHM6ICdub25lJyxcblx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ3BoaWxvLXNlbGVjdCcsXG5cdFx0XHRcdFx0XHR0YWdOYW1lOiAncCdcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fSxcblxuXHRzYXZlOiBmdW5jdGlvbiBzYXZlKHByb3BzKSB7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J3NlY3Rpb24nLFxuXHRcdFx0bnVsbCxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnZ3JpZC1jb250YWluZXItZnAxJyB9LFxuXHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdGcm9udC1wYWdlLXRvcC1yaWdodCcgfSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnYScsXG5cdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ3BpY3R1cmUtbGluayBzZWxlY3RvckJveDFMaW5rJywgaHJlZjogcHJvcHMuYXR0cmlidXRlcy5ib3gxTGluayB9LFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0eyAnY2xhc3MnOiAnQmlsZHVuZy1mb3JzY2h1bmctZW50d2lja2x1bmcgYm94MScsXG5cdFx0XHRcdFx0XHRcdFx0c3R5bGU6IHsgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwcm9wcy5hdHRyaWJ1dGVzLmltZ1VSTF9Cb3gxICsgJyknIH0gfSxcblx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdFx0XHRcdHsgJ2NsYXNzJzogJ29ucGljdHVyZScgfSxcblx0XHRcdFx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHRcdFx0XHQncCcsXG5cdFx0XHRcdFx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdFx0XHRcdFx0cHJvcHMuYXR0cmlidXRlcy5ib3gxXG5cdFx0XHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0XHQpXG5cdFx0XHRcdFx0KSxcblx0XHRcdFx0XHR3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG5cdFx0XHRcdFx0XHQnYScsXG5cdFx0XHRcdFx0XHR7IGNsYXNzTmFtZTogJ3BpY3R1cmUtbGluayBzZWxlY3RvckJveDJMaW5rJywgaHJlZjogcHJvcHMuYXR0cmlidXRlcy5ib3gyTGluayB9LFxuXHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0eyAnY2xhc3MnOiAnQmF1IGJveDInLFxuXHRcdFx0XHRcdFx0XHRcdHN0eWxlOiB7IGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgcHJvcHMuYXR0cmlidXRlcy5pbWdVUkxfQm94MiArICcpJyB9IH0sXG5cdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0XHR7ICdjbGFzcyc6ICdvbnBpY3R1cmUnIH0sXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuYm94MlxuXHRcdFx0XHRcdFx0XHRcdClcblx0XHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2EnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdwaWN0dXJlLWxpbmsgc2VsZWN0b3JCb3gzTGluaycsIGhyZWY6IHByb3BzLmF0dHJpYnV0ZXMuYm94M0xpbmsgfSxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0XHRcdHsgJ2NsYXNzJzogJ1ppdmlsZGllbnN0IGJveDMnLFxuXHRcdFx0XHRcdFx0XHRcdHN0eWxlOiB7IGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgcHJvcHMuYXR0cmlidXRlcy5pbWdVUkxfQm94MyArICcpJyB9IH0sXG5cdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0XHR7ICdjbGFzcyc6ICdvbnBpY3R1cmUnIH0sXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuYm94M1xuXHRcdFx0XHRcdFx0XHRcdClcblx0XHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdCksXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0J2EnLFxuXHRcdFx0XHRcdFx0eyBjbGFzc05hbWU6ICdwaWN0dXJlLWxpbmsgc2VsZWN0b3JCb3g0TGluaycsIGhyZWY6IHByb3BzLmF0dHJpYnV0ZXMuYm94NExpbmsgfSxcblx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0J2RpdicsXG5cdFx0XHRcdFx0XHRcdHsgJ2NsYXNzJzogJ0ludGVncmF0aW9uIGJveDQnLFxuXHRcdFx0XHRcdFx0XHRcdHN0eWxlOiB7IGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgcHJvcHMuYXR0cmlidXRlcy5pbWdVUkxfQm94NCArICcpJyB9IH0sXG5cdFx0XHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHRcdFx0XHQnZGl2Jyxcblx0XHRcdFx0XHRcdFx0XHR7ICdjbGFzcyc6ICdvbnBpY3R1cmUnIH0sXG5cdFx0XHRcdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdFx0XHRcdFx0J3AnLFxuXHRcdFx0XHRcdFx0XHRcdFx0bnVsbCxcblx0XHRcdFx0XHRcdFx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuYm94NFxuXHRcdFx0XHRcdFx0XHRcdClcblx0XHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdClcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdkaXYnLFxuXHRcdFx0XHRcdHsgY2xhc3NOYW1lOiAnY2xhc3NpYy10ZXh0IGZyb250LXBhZ2UtdG9wLWxlZnQnIH0sXG5cdFx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LkNvbnRlbnQsIHtcblx0XHRcdFx0XHRcdGNsYXNzTmFtZTogJ3BoaWxvLXNlbGVjdCcsXG5cdFx0XHRcdFx0XHR0YWdOYW1lOiAncCcsXG5cdFx0XHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5waGlsb1RleHRcblx0XHRcdFx0XHR9KVxuXHRcdFx0XHQpXG5cdFx0XHQpXG5cdFx0KTtcblx0fVxufSk7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL3BoaWxvc29waHktYmxvY2svaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDI4XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///28\n"); - -/***/ }), -/* 29 */ -/*!*************************************************!*\ - !*** ./src/blocks/philosophy-block/editor.scss ***! - \*************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjkuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3BoaWxvc29waHktYmxvY2svZWRpdG9yLnNjc3M/OWFlYSJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9waGlsb3NvcGh5LWJsb2NrL2VkaXRvci5zY3NzXG4vLyBtb2R1bGUgaWQgPSAyOVxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///29\n"); - -/***/ }), -/* 30 */ -/*!************************************************!*\ - !*** ./src/blocks/philosophy-block/style.scss ***! - \************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3BoaWxvc29waHktYmxvY2svc3R5bGUuc2Nzcz8yOWQ3Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL3BoaWxvc29waHktYmxvY2svc3R5bGUuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMzBcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///30\n"); - -/***/ }), -/* 31 */ -/*!***************************************************!*\ - !*** ./src/blocks/recent-projects-block/index.js ***! - \***************************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 32);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 33);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar withSelect = wp.data.withSelect;\n\n\nregisterBlockType('swo-blocks/recent-projects-block', {\n title: 'Letzte 4 Projekte',\n description: 'Dies ist ein Baustein, der die 4 neusten Projekte anzeigt (mit Link)',\n icon: 'screenoptions',\n category: 'swo-blocks',\n keywords: ['Projekte', 'Inhalt', 'SWO'],\n\n edit: withSelect(function (select) {\n return {\n posts: select('core').getEntityRecords('postType', 'page', {\n per_page: 4,\n order: 'desc',\n orderby: 'date',\n metaKey: 'typeOfPost',\n metaValue: 'type_project'\n })\n };\n })(function (_ref) {\n var posts = _ref.posts,\n className = _ref.className;\n\n if (!posts) {\n return wp.element.createElement(\n 'p',\n { className: className },\n 'Projekte werden geladen...'\n );\n }\n if (posts.length === 0) {\n return wp.element.createElement(\n 'p',\n { className: className },\n 'Keine Projekte vorhanden! Bitte erstellen Sie eine neue Seite und f\\xFCgen Sie einen Inhaltsseiten-Block hinzu.'\n );\n }\n return wp.element.createElement(\n 'section',\n { className: 'boxes-container-menu' },\n wp.element.createElement(\n 'ul',\n null,\n posts.map(function (post) {\n return wp.element.createElement(\n 'li',\n { 'class': 'wrap-boxes' },\n wp.element.createElement('div', { 'class': 'imageDiv img-background',\n style: { backgroundImage: 'url(' + post.signatureImage + ')' } }),\n wp.element.createElement(\n 'div',\n { 'class': 'imageDiv bottomDiv classic-text' },\n wp.element.createElement(\n 'h1',\n null,\n post.title.rendered\n ),\n wp.element.createElement(\n 'p',\n { className: 'bottomDivDescription' },\n post.postDescription\n ),\n wp.element.createElement(\n 'a',\n { className: 'svg-button swo-button', href: post.link },\n 'Weiterlesen'\n )\n )\n );\n })\n )\n );\n }),\n\n save: function save(props) {\n return null; //This block is rendered on PHP.\n }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3JlY2VudC1wcm9qZWN0cy1ibG9jay9pbmRleC5qcz83YTA4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAnLi9lZGl0b3Iuc2Nzcyc7XG5pbXBvcnQgJy4vc3R5bGUuc2Nzcyc7XG5cbnZhciBfXyA9IHdwLmkxOG4uX187XG52YXIgcmVnaXN0ZXJCbG9ja1R5cGUgPSB3cC5ibG9ja3MucmVnaXN0ZXJCbG9ja1R5cGU7XG52YXIgd2l0aFNlbGVjdCA9IHdwLmRhdGEud2l0aFNlbGVjdDtcblxuXG5yZWdpc3RlckJsb2NrVHlwZSgnc3dvLWJsb2Nrcy9yZWNlbnQtcHJvamVjdHMtYmxvY2snLCB7XG4gICAgdGl0bGU6ICdMZXR6dGUgNCBQcm9qZWt0ZScsXG4gICAgZGVzY3JpcHRpb246ICdEaWVzIGlzdCBlaW4gQmF1c3RlaW4sIGRlciBkaWUgNCBuZXVzdGVuIFByb2pla3RlIGFuemVpZ3QgKG1pdCBMaW5rKScsXG4gICAgaWNvbjogJ3NjcmVlbm9wdGlvbnMnLFxuICAgIGNhdGVnb3J5OiAnc3dvLWJsb2NrcycsXG4gICAga2V5d29yZHM6IFsnUHJvamVrdGUnLCAnSW5oYWx0JywgJ1NXTyddLFxuXG4gICAgZWRpdDogd2l0aFNlbGVjdChmdW5jdGlvbiAoc2VsZWN0KSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBwb3N0czogc2VsZWN0KCdjb3JlJykuZ2V0RW50aXR5UmVjb3JkcygncG9zdFR5cGUnLCAncGFnZScsIHtcbiAgICAgICAgICAgICAgICBwZXJfcGFnZTogNCxcbiAgICAgICAgICAgICAgICBvcmRlcjogJ2Rlc2MnLFxuICAgICAgICAgICAgICAgIG9yZGVyYnk6ICdkYXRlJyxcbiAgICAgICAgICAgICAgICBtZXRhS2V5OiAndHlwZU9mUG9zdCcsXG4gICAgICAgICAgICAgICAgbWV0YVZhbHVlOiAndHlwZV9wcm9qZWN0J1xuICAgICAgICAgICAgfSlcbiAgICAgICAgfTtcbiAgICB9KShmdW5jdGlvbiAoX3JlZikge1xuICAgICAgICB2YXIgcG9zdHMgPSBfcmVmLnBvc3RzLFxuICAgICAgICAgICAgY2xhc3NOYW1lID0gX3JlZi5jbGFzc05hbWU7XG5cbiAgICAgICAgaWYgKCFwb3N0cykge1xuICAgICAgICAgICAgcmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAncCcsXG4gICAgICAgICAgICAgICAgeyBjbGFzc05hbWU6IGNsYXNzTmFtZSB9LFxuICAgICAgICAgICAgICAgICdQcm9qZWt0ZSB3ZXJkZW4gZ2VsYWRlbi4uLidcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHBvc3RzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgcmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAncCcsXG4gICAgICAgICAgICAgICAgeyBjbGFzc05hbWU6IGNsYXNzTmFtZSB9LFxuICAgICAgICAgICAgICAgICdLZWluZSBQcm9qZWt0ZSB2b3JoYW5kZW4hIEJpdHRlIGVyc3RlbGxlbiBTaWUgZWluZSBuZXVlIFNlaXRlIHVuZCBmXFx4RkNnZW4gU2llIGVpbmVuIEluaGFsdHNzZWl0ZW4tQmxvY2sgaGluenUuJ1xuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgJ3NlY3Rpb24nLFxuICAgICAgICAgICAgeyBjbGFzc05hbWU6ICdib3hlcy1jb250YWluZXItbWVudScgfSxcbiAgICAgICAgICAgIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAndWwnLFxuICAgICAgICAgICAgICAgIG51bGwsXG4gICAgICAgICAgICAgICAgcG9zdHMubWFwKGZ1bmN0aW9uIChwb3N0KSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAnbGknLFxuICAgICAgICAgICAgICAgICAgICAgICAgeyAnY2xhc3MnOiAnd3JhcC1ib3hlcycgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2JywgeyAnY2xhc3MnOiAnaW1hZ2VEaXYgaW1nLWJhY2tncm91bmQnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlOiB7IGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgcG9zdC5zaWduYXR1cmVJbWFnZSArICcpJyB9IH0pLFxuICAgICAgICAgICAgICAgICAgICAgICAgd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICdkaXYnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsgJ2NsYXNzJzogJ2ltYWdlRGl2IGJvdHRvbURpdiBjbGFzc2ljLXRleHQnIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnaDEnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBudWxsLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwb3N0LnRpdGxlLnJlbmRlcmVkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdwJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgeyBjbGFzc05hbWU6ICdib3R0b21EaXZEZXNjcmlwdGlvbicgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcG9zdC5wb3N0RGVzY3JpcHRpb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2EnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7IGNsYXNzTmFtZTogJ3N2Zy1idXR0b24gc3dvLWJ1dHRvbicsIGhyZWY6IHBvc3QubGluayB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnV2VpdGVybGVzZW4nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICk7XG4gICAgfSksXG5cbiAgICBzYXZlOiBmdW5jdGlvbiBzYXZlKHByb3BzKSB7XG4gICAgICAgIHJldHVybiBudWxsOyAvL1RoaXMgYmxvY2sgaXMgcmVuZGVyZWQgb24gUEhQLlxuICAgIH1cbn0pO1xuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2Jsb2Nrcy9yZWNlbnQtcHJvamVjdHMtYmxvY2svaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDMxXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///31\n"); - -/***/ }), -/* 32 */ -/*!******************************************************!*\ - !*** ./src/blocks/recent-projects-block/editor.scss ***! - \******************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3JlY2VudC1wcm9qZWN0cy1ibG9jay9lZGl0b3Iuc2Nzcz85MGZhIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL3JlY2VudC1wcm9qZWN0cy1ibG9jay9lZGl0b3Iuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMzJcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///32\n"); - -/***/ }), -/* 33 */ -/*!*****************************************************!*\ - !*** ./src/blocks/recent-projects-block/style.scss ***! - \*****************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL3JlY2VudC1wcm9qZWN0cy1ibG9jay9zdHlsZS5zY3NzP2Y4MTMiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9ibG9ja3MvcmVjZW50LXByb2plY3RzLWJsb2NrL3N0eWxlLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDMzXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///33\n"); - -/***/ }), -/* 34 */ -/*!************************************************!*\ - !*** ./src/blocks/all-projects-block/index.js ***! - \************************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 35);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 36);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar withSelect = wp.data.withSelect;\n\n\nregisterBlockType('swo-blocks/all-projects-block', {\n title: 'Alle Projekte',\n description: 'Dies ist ein Baustein, der alle Projekte anzeigt (mit Link)',\n icon: 'screenoptions',\n category: 'swo-blocks',\n keywords: ['Projekte', 'Inhalt', 'SWO'],\n\n edit: withSelect(function (select) {\n return {\n posts: select('core').getEntityRecords('postType', 'page', {\n order: 'asc',\n orderby: 'title',\n metaKey: 'typeOfPost',\n metaValue: 'type_project'\n })\n };\n })(function (_ref) {\n var posts = _ref.posts,\n className = _ref.className;\n\n if (!posts) {\n return wp.element.createElement(\n 'p',\n { className: className },\n 'Projekte werden geladen...'\n );\n }\n if (posts.length === 0) {\n return wp.element.createElement(\n 'p',\n { className: className },\n 'Keine Projekte vorhanden! Bitte erstellen Sie eine neue Seite und f\\xFCgen Sie einen Inhaltsseiten-Block hinzu.'\n );\n }\n return wp.element.createElement(\n 'section',\n { className: 'boxes-container-menu' },\n wp.element.createElement(\n 'ul',\n null,\n posts.map(function (post) {\n return wp.element.createElement(\n 'li',\n { 'class': 'wrap-boxes' },\n wp.element.createElement('div', { 'class': 'imageDiv img-background',\n style: { backgroundImage: 'url(' + post.signatureImage + ')' } }),\n wp.element.createElement(\n 'div',\n { 'class': 'imageDiv bottomDiv classic-text' },\n wp.element.createElement(\n 'h1',\n null,\n post.title.rendered\n ),\n wp.element.createElement(\n 'p',\n { className: 'bottomDivDescription' },\n post.postDescription\n ),\n wp.element.createElement(\n 'a',\n { className: 'svg-button swo-button', href: post.link },\n 'Weiterlesen'\n )\n )\n );\n })\n )\n );\n }),\n\n save: function save(props) {\n return null; //This block is rendered on PHP.\n }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzQuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FsbC1wcm9qZWN0cy1ibG9jay9pbmRleC5qcz9lYTZiIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAnLi9lZGl0b3Iuc2Nzcyc7XG5pbXBvcnQgJy4vc3R5bGUuc2Nzcyc7XG5cbnZhciBfXyA9IHdwLmkxOG4uX187XG52YXIgcmVnaXN0ZXJCbG9ja1R5cGUgPSB3cC5ibG9ja3MucmVnaXN0ZXJCbG9ja1R5cGU7XG52YXIgd2l0aFNlbGVjdCA9IHdwLmRhdGEud2l0aFNlbGVjdDtcblxuXG5yZWdpc3RlckJsb2NrVHlwZSgnc3dvLWJsb2Nrcy9hbGwtcHJvamVjdHMtYmxvY2snLCB7XG4gICAgdGl0bGU6ICdBbGxlIFByb2pla3RlJyxcbiAgICBkZXNjcmlwdGlvbjogJ0RpZXMgaXN0IGVpbiBCYXVzdGVpbiwgZGVyIGFsbGUgUHJvamVrdGUgYW56ZWlndCAobWl0IExpbmspJyxcbiAgICBpY29uOiAnc2NyZWVub3B0aW9ucycsXG4gICAgY2F0ZWdvcnk6ICdzd28tYmxvY2tzJyxcbiAgICBrZXl3b3JkczogWydQcm9qZWt0ZScsICdJbmhhbHQnLCAnU1dPJ10sXG5cbiAgICBlZGl0OiB3aXRoU2VsZWN0KGZ1bmN0aW9uIChzZWxlY3QpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHBvc3RzOiBzZWxlY3QoJ2NvcmUnKS5nZXRFbnRpdHlSZWNvcmRzKCdwb3N0VHlwZScsICdwYWdlJywge1xuICAgICAgICAgICAgICAgIG9yZGVyOiAnYXNjJyxcbiAgICAgICAgICAgICAgICBvcmRlcmJ5OiAndGl0bGUnLFxuICAgICAgICAgICAgICAgIG1ldGFLZXk6ICd0eXBlT2ZQb3N0JyxcbiAgICAgICAgICAgICAgICBtZXRhVmFsdWU6ICd0eXBlX3Byb2plY3QnXG4gICAgICAgICAgICB9KVxuICAgICAgICB9O1xuICAgIH0pKGZ1bmN0aW9uIChfcmVmKSB7XG4gICAgICAgIHZhciBwb3N0cyA9IF9yZWYucG9zdHMsXG4gICAgICAgICAgICBjbGFzc05hbWUgPSBfcmVmLmNsYXNzTmFtZTtcblxuICAgICAgICBpZiAoIXBvc3RzKSB7XG4gICAgICAgICAgICByZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICdwJyxcbiAgICAgICAgICAgICAgICB7IGNsYXNzTmFtZTogY2xhc3NOYW1lIH0sXG4gICAgICAgICAgICAgICAgJ1Byb2pla3RlIHdlcmRlbiBnZWxhZGVuLi4uJ1xuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAocG9zdHMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICdwJyxcbiAgICAgICAgICAgICAgICB7IGNsYXNzTmFtZTogY2xhc3NOYW1lIH0sXG4gICAgICAgICAgICAgICAgJ0tlaW5lIFByb2pla3RlIHZvcmhhbmRlbiEgQml0dGUgZXJzdGVsbGVuIFNpZSBlaW5lIG5ldWUgU2VpdGUgdW5kIGZcXHhGQ2dlbiBTaWUgZWluZW4gSW5oYWx0c3NlaXRlbi1CbG9jayBoaW56dS4nXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICAnc2VjdGlvbicsXG4gICAgICAgICAgICB7IGNsYXNzTmFtZTogJ2JveGVzLWNvbnRhaW5lci1tZW51JyB9LFxuICAgICAgICAgICAgd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICd1bCcsXG4gICAgICAgICAgICAgICAgbnVsbCxcbiAgICAgICAgICAgICAgICBwb3N0cy5tYXAoZnVuY3Rpb24gKHBvc3QpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAgICAgICAgICdsaScsXG4gICAgICAgICAgICAgICAgICAgICAgICB7ICdjbGFzcyc6ICd3cmFwLWJveGVzJyB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KCdkaXYnLCB7ICdjbGFzcyc6ICdpbWFnZURpdiBpbWctYmFja2dyb3VuZCcsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU6IHsgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwb3N0LnNpZ25hdHVyZUltYWdlICsgJyknIH0gfSksXG4gICAgICAgICAgICAgICAgICAgICAgICB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2RpdicsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgeyAnY2xhc3MnOiAnaW1hZ2VEaXYgYm90dG9tRGl2IGNsYXNzaWMtdGV4dCcgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdoMScsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG51bGwsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBvc3QudGl0bGUucmVuZGVyZWRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3AnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7IGNsYXNzTmFtZTogJ2JvdHRvbURpdkRlc2NyaXB0aW9uJyB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwb3N0LnBvc3REZXNjcmlwdGlvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnYScsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsgY2xhc3NOYW1lOiAnc3ZnLWJ1dHRvbiBzd28tYnV0dG9uJywgaHJlZjogcG9zdC5saW5rIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdXZWl0ZXJsZXNlbidcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIClcbiAgICAgICAgKTtcbiAgICB9KSxcblxuICAgIHNhdmU6IGZ1bmN0aW9uIHNhdmUocHJvcHMpIHtcbiAgICAgICAgcmV0dXJuIG51bGw7IC8vVGhpcyBibG9jayBpcyByZW5kZXJlZCBvbiBQSFAuXG4gICAgfVxufSk7XG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2FsbC1wcm9qZWN0cy1ibG9jay9pbmRleC5qc1xuLy8gbW9kdWxlIGlkID0gMzRcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///34\n"); - -/***/ }), -/* 35 */ -/*!***************************************************!*\ - !*** ./src/blocks/all-projects-block/editor.scss ***! - \***************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FsbC1wcm9qZWN0cy1ibG9jay9lZGl0b3Iuc2Nzcz82ODllIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2FsbC1wcm9qZWN0cy1ibG9jay9lZGl0b3Iuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMzVcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///35\n"); - -/***/ }), -/* 36 */ -/*!**************************************************!*\ - !*** ./src/blocks/all-projects-block/style.scss ***! - \**************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzYuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FsbC1wcm9qZWN0cy1ibG9jay9zdHlsZS5zY3NzP2YyYzAiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9ibG9ja3MvYWxsLXByb2plY3RzLWJsb2NrL3N0eWxlLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDM2XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///36\n"); - -/***/ }), -/* 37 */ -/*!*********************************************!*\ - !*** ./src/blocks/all-pages-block/index.js ***! - \*********************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 38);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 39);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar withSelect = wp.data.withSelect;\n\n\nregisterBlockType('swo-blocks/all-pages-block', {\n title: 'Alle Seiten',\n description: 'Dies ist ein Baustein, der alle Seiten anzeigt (mit Link)',\n icon: 'screenoptions',\n category: 'swo-blocks',\n keywords: ['Seiten', 'Inhalt', 'SWO'],\n\n edit: withSelect(function (select) {\n return {\n posts: select('core').getEntityRecords('postType', 'page', {\n order: 'asc',\n orderby: 'title',\n metaKey: 'typeOfPost',\n metaValue: 'type_page'\n })\n };\n })(function (_ref) {\n var posts = _ref.posts,\n className = _ref.className;\n\n if (!posts) {\n return wp.element.createElement(\n 'p',\n { className: className },\n 'Seiten werden geladen...'\n );\n }\n if (posts.length === 0) {\n return wp.element.createElement(\n 'p',\n { className: className },\n 'Keine Seiten vorhanden! Bitte erstellen Sie eine neue Seite und f\\xFCgen Sie einen Inhaltsseiten-Block hinzu.'\n );\n }\n return wp.element.createElement(\n 'section',\n { className: 'boxes-container-menu' },\n wp.element.createElement(\n 'ul',\n null,\n posts.map(function (post) {\n return wp.element.createElement(\n 'li',\n { 'class': 'wrap-boxes' },\n wp.element.createElement('div', { 'class': 'imageDiv img-background',\n style: { backgroundImage: 'url(' + post.signatureImage + ')' } }),\n wp.element.createElement(\n 'div',\n { 'class': 'imageDiv bottomDiv classic-text' },\n wp.element.createElement(\n 'h1',\n null,\n post.title.rendered\n ),\n wp.element.createElement(\n 'p',\n { className: 'bottomDivDescription' },\n post.postDescription\n ),\n wp.element.createElement(\n 'a',\n { className: 'svg-button swo-button', href: post.link },\n 'Weiterlesen'\n )\n )\n );\n })\n )\n );\n }),\n\n save: function save(props) {\n return null; //This block is rendered on PHP.\n }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzcuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FsbC1wYWdlcy1ibG9jay9pbmRleC5qcz9lYTI2Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAnLi9lZGl0b3Iuc2Nzcyc7XG5pbXBvcnQgJy4vc3R5bGUuc2Nzcyc7XG5cbnZhciBfXyA9IHdwLmkxOG4uX187XG52YXIgcmVnaXN0ZXJCbG9ja1R5cGUgPSB3cC5ibG9ja3MucmVnaXN0ZXJCbG9ja1R5cGU7XG52YXIgd2l0aFNlbGVjdCA9IHdwLmRhdGEud2l0aFNlbGVjdDtcblxuXG5yZWdpc3RlckJsb2NrVHlwZSgnc3dvLWJsb2Nrcy9hbGwtcGFnZXMtYmxvY2snLCB7XG4gICAgdGl0bGU6ICdBbGxlIFNlaXRlbicsXG4gICAgZGVzY3JpcHRpb246ICdEaWVzIGlzdCBlaW4gQmF1c3RlaW4sIGRlciBhbGxlIFNlaXRlbiBhbnplaWd0IChtaXQgTGluayknLFxuICAgIGljb246ICdzY3JlZW5vcHRpb25zJyxcbiAgICBjYXRlZ29yeTogJ3N3by1ibG9ja3MnLFxuICAgIGtleXdvcmRzOiBbJ1NlaXRlbicsICdJbmhhbHQnLCAnU1dPJ10sXG5cbiAgICBlZGl0OiB3aXRoU2VsZWN0KGZ1bmN0aW9uIChzZWxlY3QpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIHBvc3RzOiBzZWxlY3QoJ2NvcmUnKS5nZXRFbnRpdHlSZWNvcmRzKCdwb3N0VHlwZScsICdwYWdlJywge1xuICAgICAgICAgICAgICAgIG9yZGVyOiAnYXNjJyxcbiAgICAgICAgICAgICAgICBvcmRlcmJ5OiAndGl0bGUnLFxuICAgICAgICAgICAgICAgIG1ldGFLZXk6ICd0eXBlT2ZQb3N0JyxcbiAgICAgICAgICAgICAgICBtZXRhVmFsdWU6ICd0eXBlX3BhZ2UnXG4gICAgICAgICAgICB9KVxuICAgICAgICB9O1xuICAgIH0pKGZ1bmN0aW9uIChfcmVmKSB7XG4gICAgICAgIHZhciBwb3N0cyA9IF9yZWYucG9zdHMsXG4gICAgICAgICAgICBjbGFzc05hbWUgPSBfcmVmLmNsYXNzTmFtZTtcblxuICAgICAgICBpZiAoIXBvc3RzKSB7XG4gICAgICAgICAgICByZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICdwJyxcbiAgICAgICAgICAgICAgICB7IGNsYXNzTmFtZTogY2xhc3NOYW1lIH0sXG4gICAgICAgICAgICAgICAgJ1NlaXRlbiB3ZXJkZW4gZ2VsYWRlbi4uLidcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHBvc3RzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgcmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAncCcsXG4gICAgICAgICAgICAgICAgeyBjbGFzc05hbWU6IGNsYXNzTmFtZSB9LFxuICAgICAgICAgICAgICAgICdLZWluZSBTZWl0ZW4gdm9yaGFuZGVuISBCaXR0ZSBlcnN0ZWxsZW4gU2llIGVpbmUgbmV1ZSBTZWl0ZSB1bmQgZlxceEZDZ2VuIFNpZSBlaW5lbiBJbmhhbHRzc2VpdGVuLUJsb2NrIGhpbnp1LidcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICdzZWN0aW9uJyxcbiAgICAgICAgICAgIHsgY2xhc3NOYW1lOiAnYm94ZXMtY29udGFpbmVyLW1lbnUnIH0sXG4gICAgICAgICAgICB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICAgICAgJ3VsJyxcbiAgICAgICAgICAgICAgICBudWxsLFxuICAgICAgICAgICAgICAgIHBvc3RzLm1hcChmdW5jdGlvbiAocG9zdCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgJ2xpJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHsgJ2NsYXNzJzogJ3dyYXAtYm94ZXMnIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicsIHsgJ2NsYXNzJzogJ2ltYWdlRGl2IGltZy1iYWNrZ3JvdW5kJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZTogeyBiYWNrZ3JvdW5kSW1hZ2U6ICd1cmwoJyArIHBvc3Quc2lnbmF0dXJlSW1hZ2UgKyAnKScgfSB9KSxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnZGl2JyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ICdjbGFzcyc6ICdpbWFnZURpdiBib3R0b21EaXYgY2xhc3NpYy10ZXh0JyB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2gxJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbnVsbCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcG9zdC50aXRsZS5yZW5kZXJlZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAncCcsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsgY2xhc3NOYW1lOiAnYm90dG9tRGl2RGVzY3JpcHRpb24nIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBvc3QucG9zdERlc2NyaXB0aW9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3cC5lbGVtZW50LmNyZWF0ZUVsZW1lbnQoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdhJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgeyBjbGFzc05hbWU6ICdzdmctYnV0dG9uIHN3by1idXR0b24nLCBocmVmOiBwb3N0LmxpbmsgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ1dlaXRlcmxlc2VuJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKVxuICAgICAgICApO1xuICAgIH0pLFxuXG4gICAgc2F2ZTogZnVuY3Rpb24gc2F2ZShwcm9wcykge1xuICAgICAgICByZXR1cm4gbnVsbDsgLy9UaGlzIGJsb2NrIGlzIHJlbmRlcmVkIG9uIFBIUC5cbiAgICB9XG59KTtcblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9ibG9ja3MvYWxsLXBhZ2VzLWJsb2NrL2luZGV4LmpzXG4vLyBtb2R1bGUgaWQgPSAzN1xuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///37\n"); - -/***/ }), -/* 38 */ -/*!************************************************!*\ - !*** ./src/blocks/all-pages-block/editor.scss ***! - \************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzguanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FsbC1wYWdlcy1ibG9jay9lZGl0b3Iuc2Nzcz84YWRjIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvYmxvY2tzL2FsbC1wYWdlcy1ibG9jay9lZGl0b3Iuc2Nzc1xuLy8gbW9kdWxlIGlkID0gMzhcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///38\n"); - -/***/ }), -/* 39 */ -/*!***********************************************!*\ - !*** ./src/blocks/all-pages-block/style.scss ***! - \***********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzkuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYmxvY2tzL2FsbC1wYWdlcy1ibG9jay9zdHlsZS5zY3NzP2NmYjAiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9ibG9ja3MvYWxsLXBhZ2VzLWJsb2NrL3N0eWxlLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDM5XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///39\n"); - -/***/ }), -/* 40 */ -/*!**********************************************!*\ - !*** ./src/elements/button-element/index.js ***! - \**********************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 41);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 42);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar RichText = wp.blockEditor.RichText;\n\n\nregisterBlockType('swo-elements/button-element', {\n\ttitle: 'SWO Button',\n\tdescription: 'Hiermit kann ein Button eingefügt werden.',\n\ticon: 'editor-removeformatting',\n\tcategory: 'swo-elements',\n\tkeywords: ['Button', 'Knopf', 'SWO'],\n\tattributes: {\n\t\tbuttonContent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'a'\n\t\t},\n\t\tbuttonLink: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'href',\n\t\t\tselector: '.selector-button'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte ein Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einfügen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte ein Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einfügen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'a',\n\t\t\t\t{ className: 'swo-button' },\n\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\tprops.setAttributes({ buttonContent: newContent });\n\t\t\t\t\t},\n\t\t\t\t\tvalue: props.attributes.buttonContent,\n\t\t\t\t\tplaceholder: 'Hier bearbeiten',\n\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\ttagName: 'a'\n\t\t\t\t})\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'p',\n\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'strong',\n\t\t\t\t\tnull,\n\t\t\t\t\t'Link des Buttons (wird nicht angezeigt): '\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'span',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ buttonLink: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.buttonLink,\n\t\t\t\t\t\tplaceholder: 'Hier bearbeiten. Beispiel \"about/zivildienst\"',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\tclassName: 'selector-button'\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'a',\n\t\t\t{ href: props.attributes.buttonLink, className: 'selector-button swo-button' },\n\t\t\tprops.attributes.buttonContent\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDAuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvYnV0dG9uLWVsZW1lbnQvaW5kZXguanM/MTkxYyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgJy4vZWRpdG9yLnNjc3MnO1xuaW1wb3J0ICcuL3N0eWxlLnNjc3MnO1xuXG52YXIgX18gPSB3cC5pMThuLl9fO1xudmFyIHJlZ2lzdGVyQmxvY2tUeXBlID0gd3AuYmxvY2tzLnJlZ2lzdGVyQmxvY2tUeXBlO1xudmFyIFJpY2hUZXh0ID0gd3AuYmxvY2tFZGl0b3IuUmljaFRleHQ7XG5cblxucmVnaXN0ZXJCbG9ja1R5cGUoJ3N3by1lbGVtZW50cy9idXR0b24tZWxlbWVudCcsIHtcblx0dGl0bGU6ICdTV08gQnV0dG9uJyxcblx0ZGVzY3JpcHRpb246ICdIaWVybWl0IGthbm4gZWluIEJ1dHRvbiBlaW5nZWbDvGd0IHdlcmRlbi4nLFxuXHRpY29uOiAnZWRpdG9yLXJlbW92ZWZvcm1hdHRpbmcnLFxuXHRjYXRlZ29yeTogJ3N3by1lbGVtZW50cycsXG5cdGtleXdvcmRzOiBbJ0J1dHRvbicsICdLbm9wZicsICdTV08nXSxcblx0YXR0cmlidXRlczoge1xuXHRcdGJ1dHRvbkNvbnRlbnQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJ2EnXG5cdFx0fSxcblx0XHRidXR0b25MaW5rOiB7XG5cdFx0XHR0eXBlOiAnc3RyaW5nJyxcblx0XHRcdHNvdXJjZTogJ2F0dHJpYnV0ZScsXG5cdFx0XHRhdHRyaWJ1dGU6ICdocmVmJyxcblx0XHRcdHNlbGVjdG9yOiAnLnNlbGVjdG9yLWJ1dHRvbidcblx0XHR9XG5cdH0sXG5cblx0ZWRpdDogZnVuY3Rpb24gZWRpdChwcm9wcykge1xuXG5cdFx0dmFyIGJsb2NrSGFzUGFyZW50ID0gZnVuY3Rpb24gYmxvY2tIYXNQYXJlbnQoY2xpZW50SWQpIHtcblx0XHRcdHJldHVybiBjbGllbnRJZCAhPT0gd3AuZGF0YS5zZWxlY3QoJ2NvcmUvZWRpdG9yJykuZ2V0QmxvY2tIaWVyYXJjaHlSb290Q2xpZW50SWQoY2xpZW50SWQpO1xuXHRcdH07XG5cblx0XHRpZiAoIWJsb2NrSGFzUGFyZW50KHByb3BzLmNsaWVudElkKSkge1xuXHRcdFx0YWxlcnQoJ0FDSFRVTkcuIEJpdHRlIGVpbiBLbm9wZiBFbGVtZW50IG51ciBpbm5lcmhhbGIgZWluZXMgYW5kZXJlbiBCbG9ja3Mgb2RlciBlaW5lciBTZWl0ZSBlaW5mw7xnZW4uJyk7XG5cdFx0XHR0aHJvdyBuZXcgRXJyb3IoXCJBQ0hUVU5HLiBCaXR0ZSBlaW4gS25vcGYgRWxlbWVudCBudXIgaW5uZXJoYWxiIGVpbmVzIGFuZGVyZW4gQmxvY2tzIG9kZXIgZWluZXIgU2VpdGUgZWluZsO8Z2VuLlwiKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHRudWxsLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnYScsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnc3dvLWJ1dHRvbicgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBidXR0b25Db250ZW50OiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYnV0dG9uQ29udGVudCxcblx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0hpZXIgYmVhcmJlaXRlbicsXG5cdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnLFxuXHRcdFx0XHRcdHRhZ05hbWU6ICdhJ1xuXHRcdFx0XHR9KVxuXHRcdFx0KSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J3AnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2VkaXRvck9ubHknIH0sXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnc3Ryb25nJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdCdMaW5rIGRlcyBCdXR0b25zICh3aXJkIG5pY2h0IGFuZ2V6ZWlndCk6ICdcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdzcGFuJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGJ1dHRvbkxpbms6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYnV0dG9uTGluayxcblx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnSGllciBiZWFyYmVpdGVuLiBCZWlzcGllbCBcImFib3V0L3ppdmlsZGllbnN0XCInLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdzZWxlY3Rvci1idXR0b24nXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KVxuXHRcdFx0KVxuXHRcdCk7XG5cdH0sXG5cblx0c2F2ZTogZnVuY3Rpb24gc2F2ZShwcm9wcykge1xuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdhJyxcblx0XHRcdHsgaHJlZjogcHJvcHMuYXR0cmlidXRlcy5idXR0b25MaW5rLCBjbGFzc05hbWU6ICdzZWxlY3Rvci1idXR0b24gc3dvLWJ1dHRvbicgfSxcblx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuYnV0dG9uQ29udGVudFxuXHRcdCk7XG5cdH1cbn0pO1xuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2VsZW1lbnRzL2J1dHRvbi1lbGVtZW50L2luZGV4LmpzXG4vLyBtb2R1bGUgaWQgPSA0MFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///40\n"); - -/***/ }), -/* 41 */ -/*!*************************************************!*\ - !*** ./src/elements/button-element/editor.scss ***! - \*************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDEuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvYnV0dG9uLWVsZW1lbnQvZWRpdG9yLnNjc3M/NzI2ZSJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2VsZW1lbnRzL2J1dHRvbi1lbGVtZW50L2VkaXRvci5zY3NzXG4vLyBtb2R1bGUgaWQgPSA0MVxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///41\n"); - -/***/ }), -/* 42 */ -/*!************************************************!*\ - !*** ./src/elements/button-element/style.scss ***! - \************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDIuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvYnV0dG9uLWVsZW1lbnQvc3R5bGUuc2Nzcz9lOGRmIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvZWxlbWVudHMvYnV0dG9uLWVsZW1lbnQvc3R5bGUuc2Nzc1xuLy8gbW9kdWxlIGlkID0gNDJcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///42\n"); - -/***/ }), -/* 43 */ -/*!********************************************!*\ - !*** ./src/elements/list-element/index.js ***! - \********************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 44);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 45);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar RichText = wp.blockEditor.RichText;\n\n\nregisterBlockType('swo-elements/list-element', {\n\ttitle: 'SWO Liste',\n\tdescription: 'Hiermit kann eine Liste eingefügt werden.',\n\ticon: 'editor-ul',\n\tcategory: 'swo-elements',\n\tkeywords: ['Liste', 'Punkte', 'SWO'],\n\tattributes: {\n\t\tlistContent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: '.feature-list'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte ein Listen Element nur innerhalb eines anderen Blocks oder einer Seite einfügen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte ein Listen Element nur innerhalb eines anderen Blocks oder einer Seite einfügen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'ul',\n\t\t\t{ className: 'feature-list' },\n\t\t\twp.element.createElement(RichText, {\n\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\tprops.setAttributes({ listContent: newContent });\n\t\t\t\t},\n\t\t\t\tvalue: props.attributes.listContent,\n\t\t\t\tplaceholder: 'Hier bearbeiten (Um mehrere Linien zu erstellen, dr\\xFCcken Sie \"Enter\")',\n\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\tallowedFormats: 'none',\n\t\t\t\tmultiline: 'li'\n\t\t\t})\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(RichText.Content, {\n\t\t\t\tclassName: 'feature-list',\n\t\t\t\ttagName: 'ul',\n\t\t\t\tmultiline: 'li',\n\t\t\t\tvalue: props.attributes.listContent\n\t\t\t})\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDMuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvbGlzdC1lbGVtZW50L2luZGV4LmpzPzJjNDUiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICcuL2VkaXRvci5zY3NzJztcbmltcG9ydCAnLi9zdHlsZS5zY3NzJztcblxudmFyIF9fID0gd3AuaTE4bi5fXztcbnZhciByZWdpc3RlckJsb2NrVHlwZSA9IHdwLmJsb2Nrcy5yZWdpc3RlckJsb2NrVHlwZTtcbnZhciBSaWNoVGV4dCA9IHdwLmJsb2NrRWRpdG9yLlJpY2hUZXh0O1xuXG5cbnJlZ2lzdGVyQmxvY2tUeXBlKCdzd28tZWxlbWVudHMvbGlzdC1lbGVtZW50Jywge1xuXHR0aXRsZTogJ1NXTyBMaXN0ZScsXG5cdGRlc2NyaXB0aW9uOiAnSGllcm1pdCBrYW5uIGVpbmUgTGlzdGUgZWluZ2Vmw7xndCB3ZXJkZW4uJyxcblx0aWNvbjogJ2VkaXRvci11bCcsXG5cdGNhdGVnb3J5OiAnc3dvLWVsZW1lbnRzJyxcblx0a2V5d29yZHM6IFsnTGlzdGUnLCAnUHVua3RlJywgJ1NXTyddLFxuXHRhdHRyaWJ1dGVzOiB7XG5cdFx0bGlzdENvbnRlbnQ6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnaHRtbCcsXG5cdFx0XHRzZWxlY3RvcjogJy5mZWF0dXJlLWxpc3QnXG5cdFx0fVxuXHR9LFxuXG5cdGVkaXQ6IGZ1bmN0aW9uIGVkaXQocHJvcHMpIHtcblxuXHRcdHZhciBibG9ja0hhc1BhcmVudCA9IGZ1bmN0aW9uIGJsb2NrSGFzUGFyZW50KGNsaWVudElkKSB7XG5cdFx0XHRyZXR1cm4gY2xpZW50SWQgIT09IHdwLmRhdGEuc2VsZWN0KCdjb3JlL2VkaXRvcicpLmdldEJsb2NrSGllcmFyY2h5Um9vdENsaWVudElkKGNsaWVudElkKTtcblx0XHR9O1xuXG5cdFx0aWYgKCFibG9ja0hhc1BhcmVudChwcm9wcy5jbGllbnRJZCkpIHtcblx0XHRcdGFsZXJ0KCdBQ0hUVU5HLiBCaXR0ZSBlaW4gTGlzdGVuIEVsZW1lbnQgbnVyIGlubmVyaGFsYiBlaW5lcyBhbmRlcmVuIEJsb2NrcyBvZGVyIGVpbmVyIFNlaXRlIGVpbmbDvGdlbi4nKTtcblx0XHRcdHRocm93IG5ldyBFcnJvcihcIkFDSFRVTkcuIEJpdHRlIGVpbiBMaXN0ZW4gRWxlbWVudCBudXIgaW5uZXJoYWxiIGVpbmVzIGFuZGVyZW4gQmxvY2tzIG9kZXIgZWluZXIgU2VpdGUgZWluZsO8Z2VuLlwiKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J3VsJyxcblx0XHRcdHsgY2xhc3NOYW1lOiAnZmVhdHVyZS1saXN0JyB9LFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdG9uQ2hhbmdlOiBmdW5jdGlvbiBvbkNoYW5nZShuZXdDb250ZW50KSB7XG5cdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGxpc3RDb250ZW50OiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHR9LFxuXHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5saXN0Q29udGVudCxcblx0XHRcdFx0cGxhY2Vob2xkZXI6ICdIaWVyIGJlYXJiZWl0ZW4gKFVtIG1laHJlcmUgTGluaWVuIHp1IGVyc3RlbGxlbiwgZHJcXHhGQ2NrZW4gU2llIFwiRW50ZXJcIiknLFxuXHRcdFx0XHRrZWVwUGxhY2Vob2xkZXJPbkZvY3VzOiB0cnVlLFxuXHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnLFxuXHRcdFx0XHRtdWx0aWxpbmU6ICdsaSdcblx0XHRcdH0pXG5cdFx0KTtcblx0fSxcblxuXHRzYXZlOiBmdW5jdGlvbiBzYXZlKHByb3BzKSB7XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHRudWxsLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LkNvbnRlbnQsIHtcblx0XHRcdFx0Y2xhc3NOYW1lOiAnZmVhdHVyZS1saXN0Jyxcblx0XHRcdFx0dGFnTmFtZTogJ3VsJyxcblx0XHRcdFx0bXVsdGlsaW5lOiAnbGknLFxuXHRcdFx0XHR2YWx1ZTogcHJvcHMuYXR0cmlidXRlcy5saXN0Q29udGVudFxuXHRcdFx0fSlcblx0XHQpO1xuXHR9XG59KTtcblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9lbGVtZW50cy9saXN0LWVsZW1lbnQvaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDQzXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///43\n"); - -/***/ }), -/* 44 */ -/*!***********************************************!*\ - !*** ./src/elements/list-element/editor.scss ***! - \***********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDQuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvbGlzdC1lbGVtZW50L2VkaXRvci5zY3NzPzAxNWYiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9lbGVtZW50cy9saXN0LWVsZW1lbnQvZWRpdG9yLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDQ0XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///44\n"); - -/***/ }), -/* 45 */ -/*!**********************************************!*\ - !*** ./src/elements/list-element/style.scss ***! - \**********************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDUuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvbGlzdC1lbGVtZW50L3N0eWxlLnNjc3M/NTE5OSJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2VsZW1lbnRzL2xpc3QtZWxlbWVudC9zdHlsZS5zY3NzXG4vLyBtb2R1bGUgaWQgPSA0NVxuLy8gbW9kdWxlIGNodW5rcyA9IDAiXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///45\n"); - -/***/ }), -/* 46 */ -/*!***************************************************!*\ - !*** ./src/elements/button-back-element/index.js ***! - \***************************************************/ -/*! no exports provided */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss__ = __webpack_require__(/*! ./editor.scss */ 47);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__editor_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__editor_scss__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss__ = __webpack_require__(/*! ./style.scss */ 48);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__style_scss___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__style_scss__);\n\n\n\nvar __ = wp.i18n.__;\nvar registerBlockType = wp.blocks.registerBlockType;\nvar RichText = wp.blockEditor.RichText;\n\n\nregisterBlockType('swo-elements/button-back-element', {\n\ttitle: 'Back Button',\n\tdescription: 'Hiermit kann ein \"Zurück\"-Button eingefügt werden.',\n\ticon: 'editor-removeformatting',\n\tcategory: 'swo-elements',\n\tkeywords: ['Button', 'Knopf', 'SWO'],\n\tattributes: {\n\t\tbuttonContent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'a'\n\t\t},\n\t\tbuttonLink: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tattribute: 'href',\n\t\t\tselector: '.selector-button'\n\t\t}\n\t},\n\n\tedit: function edit(props) {\n\n\t\tvar blockHasParent = function blockHasParent(clientId) {\n\t\t\treturn clientId !== wp.data.select('core/editor').getBlockHierarchyRootClientId(clientId);\n\t\t};\n\n\t\tif (!blockHasParent(props.clientId)) {\n\t\t\talert('ACHTUNG. Bitte ein Zurück-Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einfügen.');\n\t\t\tthrow new Error(\"ACHTUNG. Bitte ein Zurück-Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einfügen.\");\n\t\t}\n\n\t\treturn wp.element.createElement(\n\t\t\t'div',\n\t\t\tnull,\n\t\t\twp.element.createElement(\n\t\t\t\t'a',\n\t\t\t\t{ className: 'swo-button back-button' },\n\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\tprops.setAttributes({ buttonContent: newContent });\n\t\t\t\t\t},\n\t\t\t\t\tvalue: props.attributes.buttonContent,\n\t\t\t\t\tplaceholder: 'Hier bearbeiten',\n\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\ttagName: 'a'\n\t\t\t\t})\n\t\t\t),\n\t\t\twp.element.createElement(\n\t\t\t\t'p',\n\t\t\t\t{ className: 'editorOnly' },\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'strong',\n\t\t\t\t\tnull,\n\t\t\t\t\t'Link des Buttons (wird nicht angezeigt): '\n\t\t\t\t),\n\t\t\t\twp.element.createElement(\n\t\t\t\t\t'span',\n\t\t\t\t\tnull,\n\t\t\t\t\twp.element.createElement(RichText, {\n\t\t\t\t\t\tonChange: function onChange(newContent) {\n\t\t\t\t\t\t\tprops.setAttributes({ buttonLink: newContent });\n\t\t\t\t\t\t},\n\t\t\t\t\t\tvalue: props.attributes.buttonLink,\n\t\t\t\t\t\tplaceholder: 'Hier bearbeiten. Beispiel \"about/zivildienst\"',\n\t\t\t\t\t\tkeepPlaceholderOnFocus: true,\n\t\t\t\t\t\tallowedFormats: 'none',\n\t\t\t\t\t\tclassName: 'selector-button'\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t},\n\n\tsave: function save(props) {\n\n\t\treturn wp.element.createElement(\n\t\t\t'a',\n\t\t\t{ href: props.attributes.buttonLink, className: 'selector-button swo-button back-button' },\n\t\t\tprops.attributes.buttonContent\n\t\t);\n\t}\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDYuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudC9pbmRleC5qcz8zOTMzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAnLi9lZGl0b3Iuc2Nzcyc7XG5pbXBvcnQgJy4vc3R5bGUuc2Nzcyc7XG5cbnZhciBfXyA9IHdwLmkxOG4uX187XG52YXIgcmVnaXN0ZXJCbG9ja1R5cGUgPSB3cC5ibG9ja3MucmVnaXN0ZXJCbG9ja1R5cGU7XG52YXIgUmljaFRleHQgPSB3cC5ibG9ja0VkaXRvci5SaWNoVGV4dDtcblxuXG5yZWdpc3RlckJsb2NrVHlwZSgnc3dvLWVsZW1lbnRzL2J1dHRvbi1iYWNrLWVsZW1lbnQnLCB7XG5cdHRpdGxlOiAnQmFjayBCdXR0b24nLFxuXHRkZXNjcmlwdGlvbjogJ0hpZXJtaXQga2FubiBlaW4gXCJadXLDvGNrXCItQnV0dG9uIGVpbmdlZsO8Z3Qgd2VyZGVuLicsXG5cdGljb246ICdlZGl0b3ItcmVtb3ZlZm9ybWF0dGluZycsXG5cdGNhdGVnb3J5OiAnc3dvLWVsZW1lbnRzJyxcblx0a2V5d29yZHM6IFsnQnV0dG9uJywgJ0tub3BmJywgJ1NXTyddLFxuXHRhdHRyaWJ1dGVzOiB7XG5cdFx0YnV0dG9uQ29udGVudDoge1xuXHRcdFx0dHlwZTogJ3N0cmluZycsXG5cdFx0XHRzb3VyY2U6ICdodG1sJyxcblx0XHRcdHNlbGVjdG9yOiAnYSdcblx0XHR9LFxuXHRcdGJ1dHRvbkxpbms6IHtcblx0XHRcdHR5cGU6ICdzdHJpbmcnLFxuXHRcdFx0c291cmNlOiAnYXR0cmlidXRlJyxcblx0XHRcdGF0dHJpYnV0ZTogJ2hyZWYnLFxuXHRcdFx0c2VsZWN0b3I6ICcuc2VsZWN0b3ItYnV0dG9uJ1xuXHRcdH1cblx0fSxcblxuXHRlZGl0OiBmdW5jdGlvbiBlZGl0KHByb3BzKSB7XG5cblx0XHR2YXIgYmxvY2tIYXNQYXJlbnQgPSBmdW5jdGlvbiBibG9ja0hhc1BhcmVudChjbGllbnRJZCkge1xuXHRcdFx0cmV0dXJuIGNsaWVudElkICE9PSB3cC5kYXRhLnNlbGVjdCgnY29yZS9lZGl0b3InKS5nZXRCbG9ja0hpZXJhcmNoeVJvb3RDbGllbnRJZChjbGllbnRJZCk7XG5cdFx0fTtcblxuXHRcdGlmICghYmxvY2tIYXNQYXJlbnQocHJvcHMuY2xpZW50SWQpKSB7XG5cdFx0XHRhbGVydCgnQUNIVFVORy4gQml0dGUgZWluIFp1csO8Y2stS25vcGYgRWxlbWVudCBudXIgaW5uZXJoYWxiIGVpbmVzIGFuZGVyZW4gQmxvY2tzIG9kZXIgZWluZXIgU2VpdGUgZWluZsO8Z2VuLicpO1xuXHRcdFx0dGhyb3cgbmV3IEVycm9yKFwiQUNIVFVORy4gQml0dGUgZWluIFp1csO8Y2stS25vcGYgRWxlbWVudCBudXIgaW5uZXJoYWxiIGVpbmVzIGFuZGVyZW4gQmxvY2tzIG9kZXIgZWluZXIgU2VpdGUgZWluZsO8Z2VuLlwiKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gd3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0J2RpdicsXG5cdFx0XHRudWxsLFxuXHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHQnYScsXG5cdFx0XHRcdHsgY2xhc3NOYW1lOiAnc3dvLWJ1dHRvbiBiYWNrLWJ1dHRvbicgfSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFJpY2hUZXh0LCB7XG5cdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdHByb3BzLnNldEF0dHJpYnV0ZXMoeyBidXR0b25Db250ZW50OiBuZXdDb250ZW50IH0pO1xuXHRcdFx0XHRcdH0sXG5cdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYnV0dG9uQ29udGVudCxcblx0XHRcdFx0XHRwbGFjZWhvbGRlcjogJ0hpZXIgYmVhcmJlaXRlbicsXG5cdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRhbGxvd2VkRm9ybWF0czogJ25vbmUnLFxuXHRcdFx0XHRcdHRhZ05hbWU6ICdhJ1xuXHRcdFx0XHR9KVxuXHRcdFx0KSxcblx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0J3AnLFxuXHRcdFx0XHR7IGNsYXNzTmFtZTogJ2VkaXRvck9ubHknIH0sXG5cdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdFx0XHQnc3Ryb25nJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdCdMaW5rIGRlcyBCdXR0b25zICh3aXJkIG5pY2h0IGFuZ2V6ZWlndCk6ICdcblx0XHRcdFx0KSxcblx0XHRcdFx0d3AuZWxlbWVudC5jcmVhdGVFbGVtZW50KFxuXHRcdFx0XHRcdCdzcGFuJyxcblx0XHRcdFx0XHRudWxsLFxuXHRcdFx0XHRcdHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChSaWNoVGV4dCwge1xuXHRcdFx0XHRcdFx0b25DaGFuZ2U6IGZ1bmN0aW9uIG9uQ2hhbmdlKG5ld0NvbnRlbnQpIHtcblx0XHRcdFx0XHRcdFx0cHJvcHMuc2V0QXR0cmlidXRlcyh7IGJ1dHRvbkxpbms6IG5ld0NvbnRlbnQgfSk7XG5cdFx0XHRcdFx0XHR9LFxuXHRcdFx0XHRcdFx0dmFsdWU6IHByb3BzLmF0dHJpYnV0ZXMuYnV0dG9uTGluayxcblx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyOiAnSGllciBiZWFyYmVpdGVuLiBCZWlzcGllbCBcImFib3V0L3ppdmlsZGllbnN0XCInLFxuXHRcdFx0XHRcdFx0a2VlcFBsYWNlaG9sZGVyT25Gb2N1czogdHJ1ZSxcblx0XHRcdFx0XHRcdGFsbG93ZWRGb3JtYXRzOiAnbm9uZScsXG5cdFx0XHRcdFx0XHRjbGFzc05hbWU6ICdzZWxlY3Rvci1idXR0b24nXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0KVxuXHRcdFx0KVxuXHRcdCk7XG5cdH0sXG5cblx0c2F2ZTogZnVuY3Rpb24gc2F2ZShwcm9wcykge1xuXG5cdFx0cmV0dXJuIHdwLmVsZW1lbnQuY3JlYXRlRWxlbWVudChcblx0XHRcdCdhJyxcblx0XHRcdHsgaHJlZjogcHJvcHMuYXR0cmlidXRlcy5idXR0b25MaW5rLCBjbGFzc05hbWU6ICdzZWxlY3Rvci1idXR0b24gc3dvLWJ1dHRvbiBiYWNrLWJ1dHRvbicgfSxcblx0XHRcdHByb3BzLmF0dHJpYnV0ZXMuYnV0dG9uQ29udGVudFxuXHRcdCk7XG5cdH1cbn0pO1xuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2VsZW1lbnRzL2J1dHRvbi1iYWNrLWVsZW1lbnQvaW5kZXguanNcbi8vIG1vZHVsZSBpZCA9IDQ2XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///46\n"); - -/***/ }), -/* 47 */ -/*!******************************************************!*\ - !*** ./src/elements/button-back-element/editor.scss ***! - \******************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDcuanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudC9lZGl0b3Iuc2Nzcz8zOTYyIl0sInNvdXJjZXNDb250ZW50IjpbIi8vIHJlbW92ZWQgYnkgZXh0cmFjdC10ZXh0LXdlYnBhY2stcGx1Z2luXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9zcmMvZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudC9lZGl0b3Iuc2Nzc1xuLy8gbW9kdWxlIGlkID0gNDdcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///47\n"); - -/***/ }), -/* 48 */ -/*!*****************************************************!*\ - !*** ./src/elements/button-back-element/style.scss ***! - \*****************************************************/ -/*! dynamic exports provided */ -/***/ (function(module, exports) { - -eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNDguanMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvZWxlbWVudHMvYnV0dG9uLWJhY2stZWxlbWVudC9zdHlsZS5zY3NzPzMwZTciXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL3NyYy9lbGVtZW50cy9idXR0b24tYmFjay1lbGVtZW50L3N0eWxlLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDQ4XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///48\n"); - -/***/ }) -/******/ ]); \ No newline at end of file +!function(e){function t(l){if(n[l])return n[l].exports;var i=n[l]={i:l,l:!1,exports:{}};return e[l].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,l){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:l})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});n(1),n(4),n(7),n(10),n(13),n(16),n(19),n(22),n(25),n(28),n(31),n(34),n(37),n(40),n(43),n(46)},function(e,t,n){"use strict";var l=n(2),i=(n.n(l),n(3)),r=(n.n(i),wp.blocks.registerBlockType),a=wp.blockEditor.InnerBlocks;r("swo-pages/start-page",{title:"Startseite",description:"Dies ist die Startseite.",icon:"media-default",category:"swo-pages",keywords:["Startseite","Slider","SWO"],edit:function(){return wp.element.createElement("div",null,wp.element.createElement("p",{className:"editorOnly"},'Wenn noch keine Slideshow vorhanden ist, f\xfcgen Sie den Block "Smart Slider 3" mit dem "+" ',wp.element.createElement("strong",null,'ganz unten, ausserhalb der "Startseite"-Page')," ein und w\xe4hlen Sie den Startseiten-Slider"),wp.element.createElement("div",{class:"limit-content-width"},wp.element.createElement(a,{allowedBlocks:["nextend/smartslider3","swo-blocks/title-text-block","swo-blocks/philosophy-block","swo-blocks/recent-projects-block"]}),wp.element.createElement("p",{className:"editorOnly"},'Klicken Sie auf das "+" um Bl\xf6cke hinzuzuf\xfcgen. (Klicken Sie ',wp.element.createElement("strong",null,"hier"),', wenn kein "+" angezeigt wird)')))},save:function(){return wp.element.createElement("div",null,wp.element.createElement("div",{class:"limit-content-width"},wp.element.createElement(a.Content,null)))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(5),i=(n.n(l),n(6)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.data,o=a.withSelect,s=a.select,c=wp.blockEditor,m=c.RichText,u=c.MediaUpload,p=c.InnerBlocks,b=wp.components,d=b.SelectControl,w=b.Button;r("swo-pages/content-page",{title:"Inhaltsseite",description:"Dies ist eine Seite um alle anderen Inhalte anzuzeigen. (Projekt, Angestellte, \xdcbersichtsseite, Menuseite, AGBs, usw...)",icon:"media-default",category:"swo-pages",keywords:["Inhalt","Inhalt","SWO"],attributes:{typeOfPost:{type:"string",source:"meta",meta:"typeOfPost"},postDescription:{type:"string",source:"meta",meta:"postDescription"},signatureImage:{type:"string",source:"meta",meta:"signatureImage"},imgURL:{type:"string"},imgID:{type:"number"},imgAlt:{type:"string",source:"attribute",attribute:"alt",selector:"img"},titleString:{type:"string",selector:".entry-title"}},edit:function(e){var t=function(t){e.setAttributes({imgURL:t.url,signatureImage:t.url,imgID:t.id,imgAlt:t.alt})},n=function(){e.setAttributes({imgURL:null,imgID:null,imgAlt:null})},l=function(t){e.setAttributes({titleString:t})},i=function(t){e.setAttributes({typeOfPost:t})},r=function(t){e.setAttributes({postDescription:t})},a=function(e){var t=s("core/editor").getEditedPostAttribute("title");return l(t),wp.element.createElement("h1",{className:"entry-title"},e.title)},c=o(function(e){return{title:e("core/editor").getEditedPostAttribute("title")}}),b=c(a);return wp.element.createElement("div",null,wp.element.createElement("div",{className:"editorOnly"},wp.element.createElement("div",null,wp.element.createElement("p",null,"Soll diese Seite in einer \xdcbersicht angezeigt werden?"),wp.element.createElement(d,{value:e.attributes.typeOfPost,onChange:i,options:[{value:"type_common",label:"Nein"},{value:"type_project",label:"Projekt\xfcbersicht"},{value:"type_page",label:"Seiten\xfcbersicht"}]})),wp.element.createElement("div",null,wp.element.createElement("p",null,"Beschreibung / Zusammenfassung / Kurzer Ausschnitt (Keine Zeilenumbr\xfcche!):"),wp.element.createElement(m,{onChange:r,value:e.attributes.postDescription,placeholder:"Diese Beschreibung wird auf K\xe4rtchen angezeigt..",keepPlaceholderOnFocus:!0,allowedFormats:"none"}))),wp.element.createElement("div",null,e.attributes.imgURL?wp.element.createElement("header",{className:"entry-header has-text-align-center header-footer-group",style:{backgroundImage:"url("+e.attributes.imgURL+")"}},e.isSelected?wp.element.createElement(w,{onClick:n,className:"button button-selectimg"},"Bild aus Kopfzeile l\xf6schen"):null,wp.element.createElement("div",{className:"entry-header-inner section-inner medium"},wp.element.createElement(b,null))):wp.element.createElement(u,{onSelect:t,value:e.attributes.imgID,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(w,{onClick:t,className:"button button-selectimg"},"Bild f\xfcr Kopfzeile w\xe4hlen")}})),wp.element.createElement("div",{className:"limit-content-width"},wp.element.createElement(p,{allowedBlocks:["swo-blocks/content-block","swo-blocks/employee-block","core/columns","swo-blocks/title-text-block","core/heading","core/paragraph","swo-blocks/recent-projects-block","swo-blocks/all-projects-block","swo-blocks/all-pages-block"]}),wp.element.createElement("p",{className:"editorOnly"},'Klicken Sie auf das "+" um Bl\xf6cke hinzuzuf\xfcgen. (Klicken Sie ',wp.element.createElement("strong",null,"hier"),', wenn kein "+" angezeigt wird)')))},save:function(e){return wp.element.createElement("div",null,wp.element.createElement("header",{className:"entry-header has-text-align-center header-footer-group",style:{backgroundImage:"url("+e.attributes.imgURL+")"}},wp.element.createElement("div",{class:"entry-header-inner section-inner medium"},wp.element.createElement("h1",{class:"entry-title"},e.attributes.titleString))),wp.element.createElement("div",{class:"limit-content-width"},wp.element.createElement(p.Content,null)))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(8),i=(n.n(l),n(9)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.data,o=a.withSelect,s=a.select,c=wp.blockEditor,m=c.RichText,u=c.MediaUpload,p=c.InnerBlocks,b=wp.components,d=b.SelectControl,w=b.Button;r("swo-pages/area-page",{title:"Bereichsseite",description:"Dies ist eine Seite um Inhalte von Bereichen anzuzeigen.",icon:"media-default",category:"swo-pages",keywords:["Inhalt","Inhalt","SWO"],attributes:{typeOfPost:{type:"string",source:"meta",meta:"typeOfPost"},postDescription:{type:"string",source:"meta",meta:"postDescription"},signatureImage:{type:"string",source:"meta",meta:"signatureImage"},areaColor:{type:"string",source:"meta",meta:"areaColor"},areaColorSave:{type:"string"},imgURL:{type:"string"},imgID:{type:"number"},imgAlt:{type:"string",source:"attribute",attribute:"alt",selector:"img"},titleString:{type:"string",selector:".bereich-title h1"},subTitle:{type:"string",selector:".bereich-title h4"},boxContent:{type:"string",selector:".bereich-title p"}},edit:function(e){var t=function(t){e.setAttributes({imgURL:t.url,signatureImage:t.url,imgID:t.id,imgAlt:t.alt})},n=function(){e.setAttributes({imgURL:null,imgID:null,imgAlt:null})},l=function(t){e.setAttributes({titleString:t})},i=function(e){var t=s("core/editor").getEditedPostAttribute("title");return l(t),wp.element.createElement("h1",null,e.title)},r=o(function(e){return{title:e("core/editor").getEditedPostAttribute("title")}}),a=r(i);return wp.element.createElement("div",null,wp.element.createElement("div",{className:e.attributes.areaColorSave},wp.element.createElement("div",{className:"editorOnly"},wp.element.createElement("div",null,wp.element.createElement("p",null,"Soll diese Seite in einer \xdcbersicht angezeigt werden?"),wp.element.createElement(d,{value:e.attributes.typeOfPost,onChange:function(t){e.setAttributes({typeOfPost:t})},options:[{value:"type_common",label:"Nein"},{value:"type_project",label:"Projekt\xfcbersicht"},{value:"type_page",label:"Seiten\xfcbersicht"}]})),wp.element.createElement("div",null,wp.element.createElement("p",null,"Beschreibung / Zusammenfassung / Kurzer Ausschnitt (Keine Zeilenumbr\xfcche!):"),wp.element.createElement(m,{onChange:function(t){e.setAttributes({postDescription:t})},value:e.attributes.postDescription,placeholder:"Diese Beschreibung wird auf K\xe4rtchen angezeigt..",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"p"}),wp.element.createElement("p",null,"Bereichsfarbe aus SWO Farben ausw\xe4hlen:"),wp.element.createElement(d,{value:e.attributes.areaColor,onChange:function(t){e.setAttributes({areaColor:t,areaColorSave:t})},options:[{value:"master-blue",label:"SWO-Hauptfarbe: Blau"},{value:"master-yellow",label:"SWO-Gelb"},{value:"master-orange",label:"SWO-Orange"},{value:"master-green",label:"SWO-Gr\xfcn"},{value:"master-brown",label:"Zivi-Braun"}]}))),wp.element.createElement("div",null,e.attributes.imgURL?wp.element.createElement("header",{className:"has-text-align-center bereich-header",style:{backgroundImage:"url("+e.attributes.imgURL+")"}},e.isSelected?wp.element.createElement(w,{onClick:n,className:"button button-selectimg"},"Bild aus Kopfzeile l\xf6schen"):null,wp.element.createElement("div",{className:"entry-header-inner section-inner medium"},wp.element.createElement("div",{className:"bereich-title classic-text"},wp.element.createElement(a,null),wp.element.createElement("h4",null,wp.element.createElement(m,{onChange:function(t){e.setAttributes({subTitle:t})},value:e.attributes.subTitle,placeholder:"Untertitel... (Leerlassen, falls nicht ben\xf6tigt)",keepPlaceholderOnFocus:!0})),wp.element.createElement(m,{onChange:function(t){e.setAttributes({boxContent:t})},value:e.attributes.boxContent,placeholder:"Einf\xfchrung / Zusammenfassung / Beschreibung zu dieser Seite...",keepPlaceholderOnFocus:!0,tagName:"p"})))):wp.element.createElement(u,{onSelect:t,value:e.attributes.imgID,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(w,{onClick:t,className:"button button-selectimg"},"Bild f\xfcr Kopfzeile w\xe4hlen")}})),wp.element.createElement("div",{class:"limit-content-width bereich-container"},wp.element.createElement(p,{allowedBlocks:["swo-elements/button-element","swo-elements/button-back-element","swo-blocks/title-text-block","swo-blocks/area-lr-block","swo-blocks/area-rl-block","swo-blocks/area-banner-block"]}),wp.element.createElement("p",{className:"editorOnly"},'Klicken Sie auf das "+" um Bl\xf6cke hinzuzuf\xfcgen. (Klicken Sie ',wp.element.createElement("strong",null,"hier"),', wenn kein "+" angezeigt wird)'))))},save:function(e){return wp.element.createElement("div",null,wp.element.createElement("div",{className:e.attributes.areaColorSave},wp.element.createElement("header",{className:"has-text-align-center bereich-header",style:{backgroundImage:"url("+e.attributes.imgURL+")"}},wp.element.createElement("div",{className:"entry-header-inner section-inner medium"},wp.element.createElement("div",{className:"bereich-title classic-text"},wp.element.createElement("h1",null,e.attributes.titleString),wp.element.createElement("h5",null,e.attributes.subTitle),wp.element.createElement(m.Content,{value:e.attributes.boxContent,tagName:"p"})))),wp.element.createElement("div",{class:"limit-content-width bereich-container"},wp.element.createElement(p.Content,null))))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(11),i=(n.n(l),n(12)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor,o=a.RichText,s=(a.PlainText,a.MediaUpload),c=a.InnerBlocks,m=wp.components.Button;r("swo-blocks/content-block",{title:"Projekt Inhalt",description:"Hiermit kann der Projekt-Inhalt mit einem Bild und Inhalten erstellt werden.",icon:"media-spreadsheet",category:"swo-blocks",keywords:["Projekt","Inhaltsseite","SWO"],attributes:{imgURL:{type:"string",source:"attribute",attribute:"src",selector:"img"},imgID:{type:"number"},imgAlt:{type:"string",source:"attribute",attribute:"alt",selector:"img"},projInhalt1:{type:"string",source:"html",selector:"#inh1"},projTitel1:{type:"string",source:"html",selector:"#tit1"},projInhalt2:{type:"string",source:"html",selector:"#inh2"},projTitel2:{type:"string",source:"html",selector:"#tit2"},projInhalt3:{type:"string",source:"html",selector:"#inh3"},projTitel3:{type:"string",source:"html",selector:"#tit3"},projHeading1:{type:"string",source:"html",selector:"h4"},projContent1:{type:"string",source:"html",selector:".main-content-p"},projHashtags:{type:"string",source:"html",selector:".hashtags"},projContact:{type:"string",source:"html",selector:".side-contact"}},edit:function(e){var t=function(t){e.setAttributes({imgURL:t.url,imgID:t.id,imgAlt:t.alt})},n=function(){e.setAttributes({imgURL:null,imgID:null,imgAlt:null})};if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen."),new Error("ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.");return wp.element.createElement("div",{className:"wrap-project wp-block-columns alignfull"},wp.element.createElement("div",{className:"wp-block-column main-info"},e.attributes.imgURL?wp.element.createElement("figure",{className:"wp-block-image size-large"},wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt}),e.isSelected?wp.element.createElement(m,{onClick:n,className:"button button-selectimg"},"Bild l\xf6schen"):null):wp.element.createElement(s,{onSelect:t,value:e.attributes.imgID,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(m,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}}),wp.element.createElement("h4",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({projHeading1:t})},value:e.attributes.projHeading1,placeholder:"\xdcberschrift...",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement(o,{onChange:function(t){e.setAttributes({projContent1:t})},value:e.attributes.projContent1,placeholder:"Inhalt zu diesem Projekt... (Hier kann auch Text formatiert werden, zum Beispiel Fett, kursiv, unterstrichen",keepPlaceholderOnFocus:!0,className:"main-content-p"}),wp.element.createElement(c,{allowedBlocks:["core/image","core/paragraph","core/heading","swo-elements/button-element","swo-elements/button-back-element","swo-elements/list-element"]}),wp.element.createElement("p",{className:"editorOnly"},'Klicken Sie auf das "+" um ein Element hinzuzuf\xfcgen. (Klicken Sie ',wp.element.createElement("strong",null,"hier"),', wenn kein "+" angezeigt wird)')),wp.element.createElement("div",{className:"wp-block-column side-info"},wp.element.createElement("h6",{id:"inh1"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({projInhalt1:t})},value:e.attributes.projInhalt1,placeholder:"Inhalt...",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("p",{id:"tit1",className:"side-content-p"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({projTitel1:t})},value:e.attributes.projTitel1,placeholder:"Titel...",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("h6",{id:"inh2"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({projInhalt2:t})},value:e.attributes.projInhalt2,placeholder:"Inhalt... (Leerlassen, falls nicht ben\xf6tigt)",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("p",{id:"tit2",className:"side-content-p"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({projTitel2:t})},value:e.attributes.projTitel2,placeholder:"Titel... (Leerlassen, falls nicht ben\xf6tigt)",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("h6",{id:"inh3"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({projInhalt3:t})},value:e.attributes.projInhalt3,placeholder:"Inhalt... (Leerlassen, falls nicht ben\xf6tigt)",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("p",{id:"tit3",className:"side-content-p"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({projTitel3:t})},value:e.attributes.projTitel3,placeholder:"Titel... (Leerlassen, falls nicht ben\xf6tigt)",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement(o,{onChange:function(t){e.setAttributes({projHashtags:t})},value:e.attributes.projHashtags,placeholder:'#Hashtag... (Um mehrere Hashtags zu erstellen, dr\xfccken Sie "Enter")',keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"div",multiline:"p"}),wp.element.createElement("h6",null,"Kontakt"),wp.element.createElement(o,{onChange:function(t){e.setAttributes({projContact:t})},value:e.attributes.projContact,placeholder:"Ihre Kontaktangaben... (Hier k\xf6nnen Zeilenumbr\xfcche genutzt werden)",keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"side-contact"})))},save:function(e){return wp.element.createElement("div",{className:"wrap-project wp-block-columns alignfull"},wp.element.createElement("div",{className:"wp-block-column left-column"},wp.element.createElement("div",{className:"main-info"},wp.element.createElement("figure",{className:"wp-block-image size-large"},wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt})),wp.element.createElement("h4",null,e.attributes.projHeading1),wp.element.createElement(o.Content,{className:"main-content-p",tagName:"p",value:e.attributes.projContent1}),wp.element.createElement(c.Content,null))),wp.element.createElement("div",{className:"wp-block-column right-column"},wp.element.createElement("div",{className:"side-info"},wp.element.createElement("h6",{id:"inh1"},e.attributes.projInhalt1),wp.element.createElement("p",{id:"tit1",className:"side-content-p"},e.attributes.projTitel1),wp.element.createElement("h6",{id:"inh2"},e.attributes.projInhalt2),wp.element.createElement("p",{id:"tit2",className:"side-content-p"},e.attributes.projTitel2),wp.element.createElement("h6",{id:"inh3"},e.attributes.projInhalt3),wp.element.createElement("p",{id:"tit3",className:"side-content-p"},e.attributes.projTitel3),wp.element.createElement(o.Content,{className:"hashtags",tagName:"div",multiline:"p",value:e.attributes.projHashtags}),wp.element.createElement("h6",null,"Kontakt"),wp.element.createElement(o.Content,{className:"side-contact",tagName:"p",value:e.attributes.projContact}))))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(14),i=(n.n(l),n(15)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor,o=a.RichText;a.PlainText,a.MediaUpload,a.InnerBlocks,wp.components.Button;r("swo-blocks/title-text-block",{title:"Titel und Text",description:"Hiermit kann ein Titel und der dazugeh\xf6rende Text erstellt werden.",icon:"format-quote",category:"swo-blocks",keywords:["Titel","Text","SWO"],attributes:{title:{type:"string",source:"html",selector:".front-page-title-text h1"},text:{type:"string",source:"html",selector:".front-page-title-text p"}},edit:function(e){if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte einen Titel und Text Block nur in einer anderen Seite benutzen."),new Error("ACHTUNG. Bitte einen Titel und Text Block nur in einer anderen Seite benutzen.");return wp.element.createElement("div",{className:"front-page-title-text classic-text"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({title:t})},value:e.attributes.title,placeholder:"Titel",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"h1"}),wp.element.createElement(o,{onChange:function(t){e.setAttributes({text:t})},value:e.attributes.text,placeholder:"Text (Kann auch leer gelassen werden, um nur den Titel anzuzeigen)",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"p"}))},save:function(e){return wp.element.createElement("div",{className:"front-page-title-text classic-text"},wp.element.createElement(o.Content,{value:e.attributes.title,tagName:"h1"}),wp.element.createElement(o.Content,{value:e.attributes.text,tagName:"p"}))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(17),i=(n.n(l),n(18)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor,o=a.RichText,s=(a.PlainText,a.MediaUpload),c=a.InnerBlocks,m=wp.components.Button;r("swo-blocks/area-lr-block",{title:"Bereich Inhalt (Bild links)",description:"Dies ist ein Baustein f\xfcr die Bereichsseiten mit einem Bild links und Inhalt rechts.",icon:"image-flip-horizontal",category:"swo-blocks",keywords:["Bereiche","Inhalt","SWO"],attributes:{imgURL:{type:"string",source:"attribute",attribute:"src",selector:"img"},imgID:{type:"number"},imgAlt:{type:"string",source:"attribute",attribute:"alt",selector:"img"},areaSubtit:{type:"string",source:"html",selector:".bereich-text h5"},areaSubtxt:{type:"string",source:"html",selector:".bereich-text p"}},edit:function(e){var t=function(t){e.setAttributes({imgURL:t.url,imgID:t.id,imgAlt:t.alt})},n=function(){e.setAttributes({imgURL:null,imgID:null,imgAlt:null})};if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen."),new Error("ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.");return wp.element.createElement("div",{className:"left-right"},wp.element.createElement("div",{className:"bereich-image"},e.attributes.imgURL?wp.element.createElement("div",null,wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt}),e.isSelected?wp.element.createElement(m,{onClick:n,className:"button button-selectimg"},"Bild l\xf6schen"):null):wp.element.createElement(s,{onSelect:t,value:e.attributes.imgID,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(m,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}})),wp.element.createElement("div",{className:"bereich-text classic-text"},wp.element.createElement("h5",{className:"no-serif-heading"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({areaSubtit:t})},value:e.attributes.areaSubtit,placeholder:"Untertitel",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("p",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({areaSubtxt:t})},value:e.attributes.areaSubtxt,placeholder:"Text zu diesem Untertitel",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement(c,{allowedBlocks:["swo-elements/button-element","swo-elements/button-back-element","swo-elements/list-element"]}),wp.element.createElement("p",{className:"editorOnly"},'Klicken Sie auf das "+" um ein Element hinzuzuf\xfcgen. (Klicken Sie ',wp.element.createElement("strong",null,"hier"),', wenn kein "+" angezeigt wird)')))},save:function(e){return wp.element.createElement("div",{className:"left-right"},wp.element.createElement("div",{className:"bereich-image"},wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt})),wp.element.createElement("div",{className:"bereich-text classic-text"},wp.element.createElement("h5",{className:"no-serif-heading"},e.attributes.areaSubtit),wp.element.createElement("p",null,e.attributes.areaSubtxt),wp.element.createElement(c.Content,null)))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(20),i=(n.n(l),n(21)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor,o=a.RichText,s=(a.PlainText,a.MediaUpload),c=a.InnerBlocks,m=wp.components.Button;r("swo-blocks/area-rl-block",{title:"Bereich Inhalt (Bild rechts)",description:"Dies ist ein Baustein f\xfcr die Bereichsseiten mit einem Bild rechts und Inhalt links.",icon:"image-flip-horizontal",category:"swo-blocks",keywords:["Bereiche","Inhalt","SWO"],attributes:{imgURL:{type:"string",source:"attribute",attribute:"src",selector:"img"},imgID:{type:"number"},imgAlt:{type:"string",source:"attribute",attribute:"alt",selector:"img"},areaSubtit:{type:"string",source:"html",selector:".bereich-text h5"},areaSubtxt:{type:"string",source:"html",selector:".bereich-text p"}},edit:function(e){var t=function(t){e.setAttributes({imgURL:t.url,imgID:t.id,imgAlt:t.alt})},n=function(){e.setAttributes({imgURL:null,imgID:null,imgAlt:null})};if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen."),new Error("ACHTUNG. Bitte einen Inhalt Block nur in einer Inhaltsseite benutzen.");return wp.element.createElement("div",{className:"left-right"},wp.element.createElement("div",{className:"bereich-text classic-text"},wp.element.createElement("h5",{className:"no-serif-heading"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({areaSubtit:t})},value:e.attributes.areaSubtit,placeholder:"Untertitel",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("p",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({areaSubtxt:t})},value:e.attributes.areaSubtxt,placeholder:"Text zu diesem Untertitel",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement(c,{allowedBlocks:["swo-elements/button-element","swo-elements/button-back-element","swo-elements/list-element"]}),wp.element.createElement("p",{className:"editorOnly"},'Klicken Sie auf das "+" um ein Element hinzuzuf\xfcgen. (Klicken Sie ',wp.element.createElement("strong",null,"hier"),', wenn kein "+" angezeigt wird)')),wp.element.createElement("div",{className:"bereich-image"},e.attributes.imgURL?wp.element.createElement("div",null,wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt}),e.isSelected?wp.element.createElement(m,{onClick:n,className:"button button-selectimg"},"Bild l\xf6schen"):null):wp.element.createElement(s,{onSelect:t,value:e.attributes.imgID,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(m,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}})))},save:function(e){return wp.element.createElement("div",{className:"left-right"},wp.element.createElement("div",{className:"bereich-text classic-text"},wp.element.createElement("h5",{className:"no-serif-heading"},e.attributes.areaSubtit),wp.element.createElement("p",null,e.attributes.areaSubtxt),wp.element.createElement(c.Content,null)),wp.element.createElement("div",{className:"bereich-image"},wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt})))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(23),i=(n.n(l),n(24)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor,o=a.RichText,s=(a.PlainText,a.MediaUpload,a.InnerBlocks);wp.components.Button;r("swo-blocks/area-banner-block",{title:"Bereich Kontakt-Banner mit farbigem Hintergrund",description:"Dies ist ein Baustein f\xfcr die Bereichsseiten mit einem farbigen Hintergrund.",icon:"money",category:"swo-blocks",keywords:["Bereiche","Inhalt","SWO"],attributes:{title:{type:"string",source:"html",selector:".selector-area-banner h1"},text:{type:"string",source:"html",selector:".selector-area-banner p"},buttonContent:{type:"string",source:"html",selector:".area-banner-button"},buttonLink:{type:"string",source:"attribute",attribute:"href",selector:".area-banner-button"}},edit:function(e){if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte einen Bereich Banner Block nur in einer Bereichsseite benutzen."),new Error("ACHTUNG. Bitte einen Bereich Banner Block nur in einer Bereichsseite benutzen.");return wp.element.createElement("div",{className:"area-banner"},wp.element.createElement("div",{className:"left-right limit-content-width"},wp.element.createElement("div",{className:"bereich-image"},wp.element.createElement(s,{allowedBlocks:["swo-blocks/employee-block"]}),wp.element.createElement("p",{className:"editorOnly"},'Klicken Sie auf das "+" um ein Mitarbeiter hinzuzuf\xfcgen. (Klicken Sie ',wp.element.createElement("strong",null,"hier"),', wenn kein "+" angezeigt wird)')),wp.element.createElement("div",{className:"bereich-text classic-text"},wp.element.createElement("div",null,wp.element.createElement("h1",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({title:t})},value:e.attributes.title,placeholder:"Hier den Titel angeben",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("p",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({text:t})},value:e.attributes.text,placeholder:"Hier den Text angeben",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("a",{className:"selector-button swo-button area-banner-button"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({buttonContent:t})},value:e.attributes.buttonContent,placeholder:"Hier bearbeiten",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"a"})),wp.element.createElement("p",{className:"editorOnly"},wp.element.createElement("strong",null,"Link des Buttons (wird nicht angezeigt): "),wp.element.createElement("span",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({buttonLink:t})},value:e.attributes.buttonLink,placeholder:'Hier bearbeiten. Beispiel "about/zivildienst"',keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"selector-button"})))))))},save:function(e){return wp.element.createElement("div",{className:"area-banner"},wp.element.createElement("div",{className:"left-right limit-content-width"},wp.element.createElement("div",{className:"bereich-image"},wp.element.createElement(s.Content,null)),wp.element.createElement("div",{className:"bereich-text classic-text"},wp.element.createElement("div",{className:"selector-area-banner"},wp.element.createElement("h1",null,e.attributes.title),wp.element.createElement("p",null,e.attributes.text),wp.element.createElement("a",{href:e.attributes.buttonLink,className:"selector-button swo-button area-banner-button",style:"color: #fff !important;"},e.attributes.buttonContent)))))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(26),i=(n.n(l),n(27)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor,o=a.RichText,s=(a.PlainText,a.MediaUpload),c=wp.components.Button;r("swo-blocks/employee-block",{title:"Angestellte(r)",description:"Hiermit kann ein(e) Angestellte(r) eingef\xfcgt werden.",icon:"businessman",category:"swo-blocks",keywords:["Mitarbeiter","Angestellte","SWO"],attributes:{imgURL:{type:"string",source:"attribute",attribute:"src",selector:"img"},imgID:{type:"number"},imgAlt:{type:"string",source:"attribute",attribute:"alt",selector:"img"},employeeName:{type:"string",source:"html",selector:"h1"},employeeFunct:{type:"string",source:"html",selector:"h7"},employeeDescr:{type:"string",source:"html",selector:"p"},employeeFPhone:{type:"string",source:"html",selector:".selectorFPhone"},employeeMPhone:{type:"string",source:"html",selector:".selectorMPhone"},employeeMail:{type:"string",source:"html",selector:".selectorMail"}},edit:function(e){var t=function(t){e.setAttributes({imgURL:t.url,imgID:t.id,imgAlt:t.alt})},n=function(){e.setAttributes({imgURL:null,imgID:null,imgAlt:null})};if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte einen Angestellten Block nur innerhalb einer Seite einf\xfcgen. Bitte zuerst ein Seitenblock einf\xfcgen."),new Error("ACHTUNG. Bitte einen Angestellten Block nur innerhalb einer Seite einf\xfcgen. Bitte zuerst ein Seitenblock einf\xfcgen.");return wp.element.createElement("div",{className:"wrap-employee"},wp.element.createElement("div",{className:"imageDiv imageDivteam"},e.attributes.imgURL?wp.element.createElement("div",{className:"wrapimgselect"},wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt}),e.isSelected?wp.element.createElement(c,{onClick:n,className:"button button-selectimg"},"Bild l\xf6schen"):null):wp.element.createElement(s,{onSelect:t,value:e.attributes.imgID,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(c,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}})),wp.element.createElement("div",{className:"imageDiv bottomDiv classic-text bottomDivteam"},wp.element.createElement("h1",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({employeeName:t})},value:e.attributes.employeeName,placeholder:"Vorname Nachname",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement("h7",null,wp.element.createElement(o,{onChange:function(t){e.setAttributes({employeeFunct:t})},value:e.attributes.employeeFunct,placeholder:"Funktion",keepPlaceholderOnFocus:!0,allowedFormats:"none"})),wp.element.createElement(o,{onChange:function(t){e.setAttributes({employeeDescr:t})},value:e.attributes.employeeDescr,placeholder:"Beschreibung",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"p"}),wp.element.createElement("p",null,wp.element.createElement("strong",null,"Telefon Festnetz: "),wp.element.createElement(o,{onChange:function(t){e.setAttributes({employeeFPhone:t})},value:e.attributes.employeeFPhone,placeholder:"012 345 67 89",keepPlaceholderOnFocus:!0,allowedFormats:"none"}),"\n",wp.element.createElement("strong",null,"Telefon Mobil: "),wp.element.createElement(o,{onChange:function(t){e.setAttributes({employeeMPhone:t})},value:e.attributes.employeeMPhone,placeholder:"012 345 67 89",keepPlaceholderOnFocus:!0,allowedFormats:"none"}),"\n",wp.element.createElement("strong",null,"E-Mail: "),wp.element.createElement(o,{onChange:function(t){e.setAttributes({employeeMail:t})},value:e.attributes.employeeMail,placeholder:"x@stiftungswo.ch",keepPlaceholderOnFocus:!0,allowedFormats:"none"}))))},save:function(e){return wp.element.createElement("div",{className:"wrap-employee"},wp.element.createElement("div",{className:"imageDiv imageDivteam"},wp.element.createElement("img",{src:e.attributes.imgURL,alt:e.attributes.imgAlt})),wp.element.createElement("div",{className:"imageDiv bottomDiv classic-text bottomDivteam"},wp.element.createElement("h1",null,e.attributes.employeeName),wp.element.createElement("h7",null,e.attributes.employeeFunct),wp.element.createElement(o.Content,{value:e.attributes.employeeDescr,tagName:"p"}),wp.element.createElement("p",null,wp.element.createElement("strong",null,"Telefon Festnetz: "),wp.element.createElement("span",{className:"selectorFPhone"},e.attributes.employeeFPhone),wp.element.createElement("br",null),wp.element.createElement("strong",null,"Telefon Mobil: "),wp.element.createElement("span",{className:"selectorMPhone"},e.attributes.employeeMPhone),wp.element.createElement("br",null),wp.element.createElement("strong",null,"E-Mail: "),wp.element.createElement("span",{className:"selectorMail"},e.attributes.employeeMail),wp.element.createElement("br",null))))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(29),i=(n.n(l),n(30)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor,o=a.RichText,s=(a.PlainText,a.MediaUpload),c=(a.InnerBlocks,wp.components.Button);r("swo-blocks/philosophy-block",{title:"SWO Philosophie Block",description:"Dies ist ein Baustein f\xfcr die Startseite",icon:"heart",category:"swo-blocks",keywords:["Philosophie","Startseite","SWO"],attributes:{imgURL_Box1:{type:"string"},imgID_Box1:{type:"number"},imgURL_Box2:{type:"string"},imgID_Box2:{type:"number"},imgURL_Box3:{type:"string"},imgID_Box3:{type:"number"},imgURL_Box4:{type:"string"},imgID_Box4:{type:"number"},box1:{type:"string",source:"html",selector:".box1 .onpicture p"},box1Link:{type:"string",source:"attribute",attribute:"href",selector:".selectorBox1Link"},box2:{type:"string",source:"html",selector:".box2 .onpicture p"},box2Link:{type:"string",source:"attribute",attribute:"href",selector:".selectorBox2Link"},box3:{type:"string",source:"html",selector:".box3 .onpicture p"},box3Link:{type:"string",source:"attribute",attribute:"href",selector:".selectorBox3Link"},box4:{type:"string",source:"html",selector:".box4 .onpicture p"},box4Link:{type:"string",source:"attribute",attribute:"href",selector:".selectorBox4Link"},philoText:{type:"string",source:"html",selector:".philo-select"}},edit:function(e){var t=function(t){e.setAttributes({imgURL_Box1:t.url,imgID_Box1:t.id})},n=function(){e.setAttributes({imgURL_Box1:null,imgID_Box1:null})},l=function(t){e.setAttributes({imgURL_Box2:t.url,imgID_Box2:t.id})},i=function(){e.setAttributes({imgURL_Box2:null,imgID_Box2:null})},r=function(t){e.setAttributes({imgURL_Box3:t.url,imgID_Box3:t.id})},a=function(){e.setAttributes({imgURL_Box3:null,imgID_Box3:null})},m=function(t){e.setAttributes({imgURL_Box4:t.url,imgID_Box4:t.id})},u=function(){e.setAttributes({imgURL_Box4:null,imgID_Box4:null})};if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte den Philosophoe Block nur auf der Startseite benutzen."),new Error("ACHTUNG. Bitte den Philosophoe Block nur auf der Startseite benutzen.");return wp.element.createElement("section",null,wp.element.createElement("div",{className:"grid-container-fp1"},wp.element.createElement("div",{className:"Front-page-top-right"},wp.element.createElement("a",{className:"picture-link"},e.attributes.imgURL_Box1?wp.element.createElement("div",{class:"Bildung-forschung-entwicklung box1",style:{backgroundImage:"url("+e.attributes.imgURL_Box1+")"}},e.isSelected?wp.element.createElement(c,{onClick:n,className:"button button-selectimg"},"Bild l\xf6schen"):null,wp.element.createElement("div",{class:"onpicture"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({box1:t})},value:e.attributes.box1,placeholder:"Bereichstitel",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"p"}),wp.element.createElement(o,{onChange:function(t){e.setAttributes({box1Link:t})},value:e.attributes.box1Link,placeholder:'Link... z.B: "about/zivildienst"',keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"editorOnly"}))):wp.element.createElement(s,{onSelect:t,value:e.attributes.imgID_Box1,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(c,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}})),wp.element.createElement("a",{className:"picture-link"},e.attributes.imgURL_Box2?wp.element.createElement("div",{class:"Bau box2",style:{backgroundImage:"url("+e.attributes.imgURL_Box2+")"}},e.isSelected?wp.element.createElement(c,{onClick:i,className:"button button-selectimg"},"Bild l\xf6schen"):null,wp.element.createElement("div",{class:"onpicture"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({box2:t})},value:e.attributes.box2,placeholder:"Bereichstitel",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"p"}),wp.element.createElement(o,{onChange:function(t){e.setAttributes({box2Link:t})},value:e.attributes.box2Link,placeholder:'Link... z.B: "about/zivildienst"',keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"editorOnly"}))):wp.element.createElement(s,{onSelect:l,value:e.attributes.imgID_Box2,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(c,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}})),wp.element.createElement("a",{className:"picture-link"},e.attributes.imgURL_Box3?wp.element.createElement("div",{class:"Zivildienst box3",style:{backgroundImage:"url("+e.attributes.imgURL_Box3+")"}},e.isSelected?wp.element.createElement(c,{onClick:a,className:"button button-selectimg"},"Bild l\xf6schen"):null,wp.element.createElement("div",{class:"onpicture"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({box3:t})},value:e.attributes.box3,placeholder:"Bereichstitel",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"p"}),wp.element.createElement(o,{onChange:function(t){e.setAttributes({box3Link:t})},value:e.attributes.box3Link,placeholder:'Link... z.B: "about/zivildienst"',keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"editorOnly"}))):wp.element.createElement(s,{onSelect:r,value:e.attributes.imgID_Box3,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(c,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}})),wp.element.createElement("a",{className:"picture-link"},e.attributes.imgURL_Box4?wp.element.createElement("div",{class:"Integration box4",style:{backgroundImage:"url("+e.attributes.imgURL_Box4+")"}},e.isSelected?wp.element.createElement(c,{onClick:u,className:"button button-selectimg"},"Bild l\xf6schen"):null,wp.element.createElement("div",{class:"onpicture"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({box4:t})},value:e.attributes.box4,placeholder:"Bereichstitel",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"p"}),wp.element.createElement(o,{onChange:function(t){e.setAttributes({box4Link:t})},value:e.attributes.box4Link,placeholder:'Link... z.B: "about/zivildienst"',keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"editorOnly"}))):wp.element.createElement(s,{onSelect:m,value:e.attributes.imgID_Box4,allowedTypes:["image"],render:function(e){var t=e.open;return wp.element.createElement(c,{onClick:t,className:"button button-selectimg"},"Bild w\xe4hlen")}}))),wp.element.createElement("div",{className:"classic-text front-page-top-left"},wp.element.createElement(o,{onChange:function(t){e.setAttributes({philoText:t})},value:e.attributes.philoText,placeholder:"Unsere Philosophie",keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"philo-select",tagName:"p"}))))},save:function(e){return wp.element.createElement("section",null,wp.element.createElement("div",{className:"grid-container-fp1"},wp.element.createElement("div",{className:"Front-page-top-right"},wp.element.createElement("a",{className:"picture-link selectorBox1Link",href:e.attributes.box1Link},wp.element.createElement("div",{class:"Bildung-forschung-entwicklung box1",style:{backgroundImage:"url("+e.attributes.imgURL_Box1+")"}},wp.element.createElement("div",{class:"onpicture"},wp.element.createElement("p",null,e.attributes.box1)))),wp.element.createElement("a",{className:"picture-link selectorBox2Link",href:e.attributes.box2Link},wp.element.createElement("div",{class:"Bau box2",style:{backgroundImage:"url("+e.attributes.imgURL_Box2+")"}},wp.element.createElement("div",{class:"onpicture"},wp.element.createElement("p",null,e.attributes.box2)))),wp.element.createElement("a",{className:"picture-link selectorBox3Link",href:e.attributes.box3Link},wp.element.createElement("div",{class:"Zivildienst box3",style:{backgroundImage:"url("+e.attributes.imgURL_Box3+")"}},wp.element.createElement("div",{class:"onpicture"},wp.element.createElement("p",null,e.attributes.box3)))),wp.element.createElement("a",{className:"picture-link selectorBox4Link",href:e.attributes.box4Link},wp.element.createElement("div",{class:"Integration box4",style:{backgroundImage:"url("+e.attributes.imgURL_Box4+")"}},wp.element.createElement("div",{class:"onpicture"},wp.element.createElement("p",null,e.attributes.box4))))),wp.element.createElement("div",{className:"classic-text front-page-top-left"},wp.element.createElement(o.Content,{className:"philo-select",tagName:"p",value:e.attributes.philoText}))))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(32),i=(n.n(l),n(33));n.n(i),wp.i18n.__;(0,wp.blocks.registerBlockType)("swo-blocks/recent-projects-block",{title:"Letzte 4 Projekte",description:"Dies ist ein Baustein, der die 4 neusten Projekte anzeigt (mit Link)",icon:"screenoptions",category:"swo-blocks",keywords:["Projekte","Inhalt","SWO"],edit:(0,wp.data.withSelect)(function(e){return{posts:e("core").getEntityRecords("postType","page",{per_page:4,order:"desc",orderby:"date",metaKey:"typeOfPost",metaValue:"type_project"})}})(function(e){var t=e.posts,n=e.className;return t?0===t.length?wp.element.createElement("p",{className:n},"Keine Projekte vorhanden! Bitte erstellen Sie eine neue Seite und f\xfcgen Sie einen Inhaltsseiten-Block hinzu."):wp.element.createElement("section",{className:"boxes-container-menu"},wp.element.createElement("ul",null,t.map(function(e){return wp.element.createElement("li",{class:"wrap-boxes"},wp.element.createElement("div",{class:"imageDiv img-background",style:{backgroundImage:"url("+e.signatureImage+")"}}),wp.element.createElement("div",{class:"imageDiv bottomDiv classic-text"},wp.element.createElement("h1",null,e.title.rendered),wp.element.createElement("p",{className:"bottomDivDescription"},e.postDescription),wp.element.createElement("a",{className:"svg-button swo-button",href:e.link},"Weiterlesen")))}))):wp.element.createElement("p",{className:n},"Projekte werden geladen...")}),save:function(e){return null}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(35),i=(n.n(l),n(36));n.n(i),wp.i18n.__;(0,wp.blocks.registerBlockType)("swo-blocks/all-projects-block",{title:"Alle Projekte",description:"Dies ist ein Baustein, der alle Projekte anzeigt (mit Link)",icon:"screenoptions",category:"swo-blocks",keywords:["Projekte","Inhalt","SWO"],edit:(0,wp.data.withSelect)(function(e){return{posts:e("core").getEntityRecords("postType","page",{order:"asc",orderby:"title",metaKey:"typeOfPost",metaValue:"type_project"})}})(function(e){var t=e.posts,n=e.className;return t?0===t.length?wp.element.createElement("p",{className:n},"Keine Projekte vorhanden! Bitte erstellen Sie eine neue Seite und f\xfcgen Sie einen Inhaltsseiten-Block hinzu."):wp.element.createElement("section",{className:"boxes-container-menu"},wp.element.createElement("ul",null,t.map(function(e){return wp.element.createElement("li",{class:"wrap-boxes"},wp.element.createElement("div",{class:"imageDiv img-background",style:{backgroundImage:"url("+e.signatureImage+")"}}),wp.element.createElement("div",{class:"imageDiv bottomDiv classic-text"},wp.element.createElement("h1",null,e.title.rendered),wp.element.createElement("p",{className:"bottomDivDescription"},e.postDescription),wp.element.createElement("a",{className:"svg-button swo-button",href:e.link},"Weiterlesen")))}))):wp.element.createElement("p",{className:n},"Projekte werden geladen...")}),save:function(e){return null}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(38),i=(n.n(l),n(39));n.n(i),wp.i18n.__;(0,wp.blocks.registerBlockType)("swo-blocks/all-pages-block",{title:"Alle Seiten",description:"Dies ist ein Baustein, der alle Seiten anzeigt (mit Link)",icon:"screenoptions",category:"swo-blocks",keywords:["Seiten","Inhalt","SWO"],edit:(0,wp.data.withSelect)(function(e){return{posts:e("core").getEntityRecords("postType","page",{order:"asc",orderby:"title",metaKey:"typeOfPost",metaValue:"type_page"})}})(function(e){var t=e.posts,n=e.className;return t?0===t.length?wp.element.createElement("p",{className:n},"Keine Seiten vorhanden! Bitte erstellen Sie eine neue Seite und f\xfcgen Sie einen Inhaltsseiten-Block hinzu."):wp.element.createElement("section",{className:"boxes-container-menu"},wp.element.createElement("ul",null,t.map(function(e){return wp.element.createElement("li",{class:"wrap-boxes"},wp.element.createElement("div",{class:"imageDiv img-background",style:{backgroundImage:"url("+e.signatureImage+")"}}),wp.element.createElement("div",{class:"imageDiv bottomDiv classic-text"},wp.element.createElement("h1",null,e.title.rendered),wp.element.createElement("p",{className:"bottomDivDescription"},e.postDescription),wp.element.createElement("a",{className:"svg-button swo-button",href:e.link},"Weiterlesen")))}))):wp.element.createElement("p",{className:n},"Seiten werden geladen...")}),save:function(e){return null}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(41),i=(n.n(l),n(42)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor.RichText;r("swo-elements/button-element",{title:"SWO Button",description:"Hiermit kann ein Button eingef\xfcgt werden.",icon:"editor-removeformatting",category:"swo-elements",keywords:["Button","Knopf","SWO"],attributes:{buttonContent:{type:"string",source:"html",selector:"a"},buttonLink:{type:"string",source:"attribute",attribute:"href",selector:".selector-button"}},edit:function(e){if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte ein Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einf\xfcgen."),new Error("ACHTUNG. Bitte ein Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einf\xfcgen.");return wp.element.createElement("div",null,wp.element.createElement("a",{className:"swo-button"},wp.element.createElement(a,{onChange:function(t){e.setAttributes({buttonContent:t})},value:e.attributes.buttonContent,placeholder:"Hier bearbeiten",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"a"})),wp.element.createElement("p",{className:"editorOnly"},wp.element.createElement("strong",null,"Link des Buttons (wird nicht angezeigt): "),wp.element.createElement("span",null,wp.element.createElement(a,{onChange:function(t){e.setAttributes({buttonLink:t})},value:e.attributes.buttonLink,placeholder:'Hier bearbeiten. Beispiel "about/zivildienst"',keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"selector-button"}))))},save:function(e){return wp.element.createElement("a",{href:e.attributes.buttonLink,className:"selector-button swo-button"},e.attributes.buttonContent)}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(44),i=(n.n(l),n(45)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor.RichText;r("swo-elements/list-element",{title:"SWO Liste",description:"Hiermit kann eine Liste eingef\xfcgt werden.",icon:"editor-ul",category:"swo-elements",keywords:["Liste","Punkte","SWO"],attributes:{listContent:{type:"string",source:"html",selector:".feature-list"}},edit:function(e){if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte ein Listen Element nur innerhalb eines anderen Blocks oder einer Seite einf\xfcgen."),new Error("ACHTUNG. Bitte ein Listen Element nur innerhalb eines anderen Blocks oder einer Seite einf\xfcgen.");return wp.element.createElement("ul",{className:"feature-list"},wp.element.createElement(a,{onChange:function(t){e.setAttributes({listContent:t})},value:e.attributes.listContent,placeholder:'Hier bearbeiten (Um mehrere Linien zu erstellen, dr\xfccken Sie "Enter")',keepPlaceholderOnFocus:!0,allowedFormats:"none",multiline:"li"}))},save:function(e){return wp.element.createElement("div",null,wp.element.createElement(a.Content,{className:"feature-list",tagName:"ul",multiline:"li",value:e.attributes.listContent}))}})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(47),i=(n.n(l),n(48)),r=(n.n(i),wp.i18n.__,wp.blocks.registerBlockType),a=wp.blockEditor.RichText;r("swo-elements/button-back-element",{title:"Back Button",description:'Hiermit kann ein "Zur\xfcck"-Button eingef\xfcgt werden.',icon:"editor-removeformatting",category:"swo-elements",keywords:["Button","Knopf","SWO"],attributes:{buttonContent:{type:"string",source:"html",selector:"a"},buttonLink:{type:"string",source:"attribute",attribute:"href",selector:".selector-button"}},edit:function(e){if(!function(e){return e!==wp.data.select("core/editor").getBlockHierarchyRootClientId(e)}(e.clientId))throw alert("ACHTUNG. Bitte ein Zur\xfcck-Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einf\xfcgen."),new Error("ACHTUNG. Bitte ein Zur\xfcck-Knopf Element nur innerhalb eines anderen Blocks oder einer Seite einf\xfcgen.");return wp.element.createElement("div",null,wp.element.createElement("a",{className:"swo-button back-button"},wp.element.createElement(a,{onChange:function(t){e.setAttributes({buttonContent:t})},value:e.attributes.buttonContent,placeholder:"Hier bearbeiten",keepPlaceholderOnFocus:!0,allowedFormats:"none",tagName:"a"})),wp.element.createElement("p",{className:"editorOnly"},wp.element.createElement("strong",null,"Link des Buttons (wird nicht angezeigt): "),wp.element.createElement("span",null,wp.element.createElement(a,{onChange:function(t){e.setAttributes({buttonLink:t})},value:e.attributes.buttonLink,placeholder:'Hier bearbeiten. Beispiel "about/zivildienst"',keepPlaceholderOnFocus:!0,allowedFormats:"none",className:"selector-button"}))))},save:function(e){return wp.element.createElement("a",{href:e.attributes.buttonLink,className:"selector-button swo-button back-button"},e.attributes.buttonContent)}})},function(e,t){},function(e,t){}]); \ No newline at end of file diff --git a/dist/blocks.editor.build.css b/dist/blocks.editor.build.css index 23a49c9..3b40eaa 100755 --- a/dist/blocks.editor.build.css +++ b/dist/blocks.editor.build.css @@ -1,14493 +1,16 @@ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -header { - min-height: 200px; - position: relative; } - -.singular .entry-header { - background: url(./assets/images/ONLY_TEMPORARY_1.jpg) no-repeat center center fixed; - background-size: cover; - padding: 14rem 0 1rem; } - -h1.entry-title { - position: absolute; - bottom: 0; - color: #fff !important; - font-size: 46px; - padding-left: 18rem; - text-align: left; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.wp-block { - max-width: 100%; } - -.wrap-project { - display: -ms-flexbox; - display: flex; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p, .side-contact { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #61330E; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #61330E; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.button-selectimg { - outline: none; - z-index: 999; - position: relative; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.Front-page-top-right { - gap: 80px 80px !important; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 10px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: 220px; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDiv h1 { - margin: 1.5rem auto !important; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; } - -.bottomDivteam h1 { - margin: 1.5rem auto 0 !important; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Editor Styles - * - * CSS for just Backend enqueued after style.scss - * which makes it higher in priority. - */ +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}header{min-height:200px;position:relative}.singular .entry-header{background:url(./assets/images/ONLY_TEMPORARY_1.jpg) no-repeat center center fixed;background-size:cover;padding:14rem 0 1rem}h1.entry-title{position:absolute;bottom:0;color:#fff !important;font-size:46px;padding-left:18rem;text-align:left} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.wp-block{max-width:100%}.wrap-project{display:-ms-flexbox;display:flex}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p,.side-contact{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.classic-text p{font-size:14px;font-weight:normal}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#61330E;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.classic-text p{font-size:14px;font-weight:normal}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#61330E;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.button-selectimg{outline:none;z-index:999;position:relative} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.Front-page-top-right{gap:80px 80px !important} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 10px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:220px}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDiv h1{margin:1.5rem auto !important}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative}.bottomDivteam h1{margin:1.5rem auto 0 !important}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} diff --git a/dist/blocks.style.build.css b/dist/blocks.style.build.css index 456148a..69d8306 100755 --- a/dist/blocks.style.build.css +++ b/dist/blocks.style.build.css @@ -1,14224 +1,16 @@ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ -/** - * #.# Common SCSS - * - * Can include things like variables and mixins - * that are used across the project. -*/ -* { - font-family: "Open sans", sans-serif; } - -h1, -h2, -h3, -h4, -h5, -h6, -.entry-content cite, -.entry-content figcaption, -.entry-content table, -.entry-content address, -.entry-content .wp-caption-text, -.entry-content .wp-block-file { - font-family: "PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } - -/* General styling -------------------------- */ -.entry-header { - background: no-repeat top center; - background-size: cover; - padding: 14rem 0 1rem; } - -.n2-section-smartslider { - top: 0; - margin-top: -90px; } - -.editorOnly { - margin-top: 10px; - background: #ffcece; - color: red; - padding: 10px; - border: 1px solid red; - cursor: pointer; } - -.editor-post-title { - background: #f2f2f2; } - -.button-selectimg { - outline: none; - z-index: 999; - position: relative; - background: #ffcece !important; - color: red !important; - border-color: red !important; } - -.back-button { - padding-right: 8px !important; } - -.back-button::before { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - vertical-align: middle; - margin: 0 6px 4px 0; } - -.back-button:after { - display: none !important; } - -.swo-button { - font-size: 14px; - background: #fff; - border: 2px solid #000; - color: #000; - border-radius: 4px; - text-transform: uppercase; - font-weight: bold !important; - padding: 4px 32px 4px 8px; - text-decoration: none !important; } - -.swo-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 18px 18px; - height: 18px; - width: 18px; - position: absolute; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin: 5px 0 0 6px; } - -.classic-text h1 { - font-size: 23px; - margin: 14px 0; } - -.classic-text h3 { - margin: 14px 0; } - -.classic-text p { - font-size: 14px; - font-weight: normal; } - -.limit-content-width { - width: 80%; - max-width: 820px; - margin: 0 auto; } - -.img-background { - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center; - background-size: cover; } - -.left-right { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: ". ."; - margin-bottom: 60px; } - -.no-serif-heading { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - text-transform: uppercase; } - -/* Bereiche styling -------------------------- */ -.area-banner { - background: #007DC2; - width: 100vw; - position: relative; - margin-left: -50vw; - left: 50%; } - -.selector-area-banner { - padding-bottom: 20px; } - -.area-banner-button { - background: #007DC2; - color: #fff !important; - border: 2px solid #fff; } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%); } - -.area-banner .limit-content-width { - margin: 0 auto !important; } - -.area-banner .left-right .bereich-text { - display: -ms-flexbox; - display: flex; - -webkit-flex-align: center; - -ms-flex-align: center; - align-items: center; } - -.area-banner .left-right .bereich-text h1 { - color: #fff; - font-size: 46px; } - -.area-banner .left-right .bereich-text p { - color: #fff; - font-size: 26px; } - -.bereich-header { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - padding: 18rem 0 1rem !important; } - -.bereich-image { - background: url(./assets/images/bereich_temp.jpg) no-repeat center center; - background-size: cover; - border-radius: 12px; - margin-right: 10px; } - -.bereich-text { - margin-left: 10px; - padding: 10px 0; } - -.bereich-text h5 { - margin: 0 0 1em; } - -.feature-list { - list-style: none; - margin: 0; } - -.feature-list li { - margin: 0; - font-size: 14px; - font-weight: 600; - font-style: italic; } - -.feature-list li span { - color: #007DC2; - font-weight: 1000; - text-decoration: none; } - -.feature-list li:not(:last-child) { - margin-bottom: 10px; } - -.bereich-title { - text-align: left; - background: #fff; - width: 60%; - margin: 0 auto -104px; - border: 4px solid #007DC2; - padding: 2rem 4rem; - border-radius: 12px; } - -.bereich-title h1 { - color: #007DC2; - font-size: 40px; - margin: 0 0 8px; } - -.bereich-title h5 { - color: #007DC2; - font-size: 24px; - font-style: italic; - margin: 0 0 14px !important; } - -.master-blue .bereich-title { - border-color: #007DC2; } - -.master-blue .bereich-title h1 { - color: #007DC2; } - -.master-blue .bereich-title h5 { - color: #007DC2; } - -.master-blue .area-banner { - background: #007DC2; } - -.master-blue .area-banner-button { - background: #007DC2; } - -.master-blue .feature-list li span { - color: #007DC2; } - -.master-blue .feature-list li:before { - color: #007DC2; } - -.master-blue .swo-button:not(.area-banner-button) { - color: #007DC2 !important; - border: 2px solid #007DC2; } - -.master-blue .swo-button:after { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-blue .back-button::before { - -webkit-filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); - filter: invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%); } - -.master-brown .bereich-title { - border-color: #61330E; } - -.master-brown .bereich-title h1 { - color: #61330E; } - -.master-brown .bereich-title h5 { - color: #61330E; } - -.master-brown .area-banner { - background: #61330E; } - -.master-brown .area-banner-button { - background: #61330E; } - -.master-brown .feature-list li span { - color: #61330E; } - -.master-brown .feature-list li:before { - color: #61330E; } - -.master-brown .swo-button:not(.area-banner-button) { - color: #61330E !important; - border: 2px solid #61330E; } - -.master-brown .swo-button:after { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-brown .back-button::before { - -webkit-filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); - filter: invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%); } - -.master-orange .bereich-title { - border-color: #FC7A57; } - -.master-orange .bereich-title h1 { - color: #FC7A57; } - -.master-orange .bereich-title h5 { - color: #FC7A57; } - -.master-orange .area-banner { - background: #FC7A57; } - -.master-orange .area-banner-button { - background: #FC7A57; } - -.master-orange .feature-list li span { - color: #FC7A57; } - -.master-orange .feature-list li:before { - color: #FC7A57; } - -.master-orange .swo-button:not(.area-banner-button) { - color: #FC7A57 !important; - border: 2px solid #FC7A57; } - -.master-orange .swo-button:after { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-orange .back-button::before { - -webkit-filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); - filter: invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%); } - -.master-green .bereich-title { - border-color: #87A878; } - -.master-green .bereich-title h1 { - color: #87A878; } - -.master-green .bereich-title h5 { - color: #87A878; } - -.master-green .area-banner { - background: #87A878; } - -.master-green .area-banner-button { - background: #87A878; } - -.master-green .feature-list li span { - color: #87A878; } - -.master-green .feature-list li:before { - color: #87A878; } - -.master-green .swo-button:not(.area-banner-button) { - color: #87A878 !important; - border: 2px solid #87A878; } - -.master-green .swo-button:after { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-green .back-button::before { - -webkit-filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); - filter: invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%); } - -.master-yellow .bereich-title { - border-color: #FCD757; } - -.master-yellow .bereich-title h1 { - color: #FCD757; } - -.master-yellow .bereich-title h5 { - color: #FCD757; } - -.master-yellow .area-banner { - background: #FCD757; } - -.master-yellow .area-banner-button { - background: #FCD757; } - -.master-yellow .feature-list li span { - color: #FCD757; } - -.master-yellow .feature-list li:before { - color: #FCD757; } - -.master-yellow .swo-button:not(.area-banner-button) { - color: #FCD757 !important; - border: 2px solid #FCD757; } - -.master-yellow .swo-button:after { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.master-yellow .back-button:before { - -webkit-filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); - filter: invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%); } - -.area-banner-button::after { - margin-top: 5px; - -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; - filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important; } - -.bereich-container { - padding-top: 120px; } - -/* Menu & Team Box styling -------------------------- */ -.svg-button { - -webkit-transition: unset; - -o-transition: unset; - transition: unset; } - -.svg-button:after { - display: inline-block; - content: ' '; - background: url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat; - background-size: 22px 22px; - height: 22px; - width: 22px; - position: absolute; - margin: 2px 0 0 4px; - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - -.svg-button:hover:after { - -webkit-filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); - filter: invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%); } - -.boxes-container-menu > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-team > ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 1rem; - list-style-type: none; - margin: 0; - padding: 0; } - -.boxes-container-menu > ul > li, .boxes-container-team > ul > li { - margin: 0 auto -10px; - width: 100%; } - -.wrap-boxes { - width: 300px; } - -.wrap-employee { - width: 240px !important; - display: inline-block; } - -/* Hide boxes more than 4 on startpage */ -.wrap-boxes-hidden { - display: none; } - -.imageDiv { - width: 100%; - height: 220px; - border-radius: 8px; } - -.imageDivteam { - margin: 0 auto; - height: 260px; - width: 80%; - position: relative; } - -.imageDivteam img { - position: absolute; - z-index: 1; - border-radius: 8px; - height: 260px; - width: 100%; - -o-object-fit: cover; - object-fit: cover; } - -.bottomDiv { - background: #fff; - width: 80%; - margin: -10% auto 16%; - padding: 20px 20px 30px; - -webkit-box-sizing: unset; - box-sizing: unset; - -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); - height: unset; } - -.bottomDivDescription { - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - position: relative; - height: 100px; } - -.bottomDivteam { - bottom: 2%; - margin-bottom: 40px; - padding-bottom: 20px; - width: 80%; - z-index: 5; - position: relative; - height: unset !important; } - -.bottomDivteam h1 { - margin: 0; } - -.bottomDivteam h7 { - font-weight: bold; - font-size: 12px; - line-height: 3; } - -.bottomDivteam p { - font-size: 12px; } - -.boxes-container-menu ul li { - list-style: none; } - -.boxes-container-menu ul { - margin: 0 auto !important; - padding: 0 !important; - max-width: 820px; } - -/* Change nav toggles hover appearance -------------------------- */ -.nav-toggle:hover .svg-icon, .search-toggle:hover .svg-icon { - color: #007DC2; } - -/* ----------------------------------------------------------SLIDE SHOW-------------------------------------------------------------------------*/ -.grow { - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -.grow:hover { - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - -/* Slideshow container */ -.slideshow-container { - max-width: 100%; - position: relative; - margin: auto; } - -.frontslides { - height: 96vh; - background: url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed; - background-size: cover; } - -/* Next & previous buttons */ -.prev-slide, .next-slide { - cursor: pointer; - position: absolute; - top: 50%; - width: auto; - margin-top: -22px; - padding: 26px; - margin: 0 10px; - color: white !important; - text-decoration: none; - font-weight: bold; - font-size: 48px; - -webkit-transition: 0.6s ease; - -o-transition: 0.6s ease; - transition: 0.6s ease; - border-radius: 0 3px 3px 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -/* Position the "next button" to the right */ -.next-slide { - right: 0; - border-radius: 3px 0 0 3px; } - -/* Slider Box */ -.slider-box { - color: #f2f2f2; - font-size: 15px; - padding: 8px 42px; - text-align: center; - background: rgba(0, 0, 0, 0.51); - border-radius: 10px; - max-width: 40%; - position: absolute; - bottom: 0; - margin: 0 0 100px 200px; } - -.box-right { - right: 0; - margin: 0 200px 100px 0; } - -.slider-box p { - font-style: normal; - font-weight: normal; - font-size: 15px; } - -/* Number text (1/3 etc) */ -.numbertext { - color: #fff; - font-size: 12px; - padding: 8px 12px; - position: absolute; - top: 0; } - -/* The dots/bullets/indicators */ -.dots-slideshow { - width: 100%; - position: absolute; - bottom: 0; - margin: 0 0 20px; - text-align: center; } - -.dot { - cursor: pointer; - height: 15px; - width: 15px; - margin: 0 2px; - background-color: transparent; - border: 4px solid rgba(255, 255, 255, 0.8); - border-radius: 50%; - display: inline-block; - -webkit-transition: background-color 0.6s ease; - -o-transition: background-color 0.6s ease; - transition: background-color 0.6s ease; } - -.active-dot, .dot:hover { - border: 4px solid #007DC2; } - -/* Fading animation */ -.fade { - -webkit-animation-name: fade; - -webkit-animation-duration: 1.5s; - animation-name: fade; - animation-duration: 1.5s; } - -@-webkit-keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -@keyframes fade { - from { - opacity: .6; } - to { - opacity: 1; } } - -/* --------------------------------------------------------------------------------------------UPPER FRONT PAGE-------------------------------------------------------------------------*/ -.grid-container-fp1 { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr; - gap: 1px 1px; - grid-template-areas: "Front-page-top-left Front-page-top-right"; - margin-bottom: 100px; } - -@media only screen and (max-width: 600px) { - .grid-container-fp1 { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; - gap: 1px 1px; - grid-template-areas: "." "."; } } - -.Front-page-top-right { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr; - gap: 10px 10px; - grid-template-areas: "Bildung-forschung-entwicklung Bau" "Zivildienst Integration"; - grid-area: Front-page-top-right; - margin-left: 20px; - margin-right: 30%; } - -.onpicture { - position: relative; - bottom: 8px; - left: 16px; - color: white; - font-family: Times, Times New Roman, serif; - text-transform: none; - font-weight: 600; } - -.Bildung-forschung-entwicklung { - grid-area: Bildung-forschung-entwicklung; - border: 8px solid #FCD757; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FCD757; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Bau { - grid-area: Bau; - border: 8px solid #87A878; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #87A878; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Zivildienst { - grid-area: Zivildienst; - border: 8px solid #61330E; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #61330E; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Integration { - grid-area: Integration; - border: 8px solid #FC7A57; - border-width: 4px; - border-radius: 9px; - position: relative; - text-align: center; - width: 150px; - height: 150px; - background: #FC7A57; - background: rgba(0, 0, 0, 0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center; - background-size: cover; - background-blend-mode: darken; } - -.Front-page-top-left { - grid-area: Front-page-top-left; - text-align: center; - line-height: 220px; - width: 300px; - width: 300px; - padding: 40px; - background: url(./assets/images/philo_container.png) no-repeat center center; - background-size: cover; } - -.Front-page-top-left p { - margin: 0; - font-weight: 600; - font-style: italic; - display: inline-block; - vertical-align: middle; - line-height: normal; } - -/* FOOTER*/ -/* --------------------------------------------------------------------------------------------UPPER FOOTER-------------------------------------------------------------------------*/ -.a { - grid-area: a; - padding-top: 7em; } - -.b { - grid-area: b; - padding-top: 7em; } - -.c { - grid-area: c; - padding-top: 7em; } - -.logo { - grid-area: logo; - width: 150px; - height: 100px; - margin-right: 1em; - margin-left: 1em; } - -.d { - grid-area: d; - padding-top: 7em; } - -.f { - grid-area: f; - padding-top: 7em; } - -.g { - grid-area: g; - text-align: left; - padding-top: 7em; } - -/* --------------------------------------------------------------------------------------------LOWER FOOTER-------------------------------------------------------------------------*/ -.lt-grid-container { - display: grid; - grid-template-columns: 1fr 1fr; - grid-template-rows: 3fr; - gap: 1px 0px; - grid-template-areas: ". ." "lt-left lt-right" ". ."; } - -.lt-left { - grid-area: lt-left; - text-align: right; - padding-right: 50px; - border-right-width: 1em; - border-right-color: black; - border-right: solid; } - -.lt-right { - grid-area: lt-right; - padding-left: 50px; } - -/* ------------------------------------Inhalt Seite-------------------------------------- */ -.main-info img { - -o-object-fit: cover; - object-fit: cover; - height: 300px; - width: 100%; } - -.wp-block-columns.alignfull { - margin-top: 0px; - padding-top: 0px; } - -.wp-block-column.main-info { - -ms-flex-preferred-size: 66.66%; - flex-basis: 66.66%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info { - border: 3px solid #77787B; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-top: 40px; - padding-right: 5px; - padding-left: 5px; - -ms-flex-preferred-size: 33.33%; - flex-basis: 33.33%; - -ms-flex-positive: 0; - flex-grow: 0; } - -.wp-block-column.side-info h1, .wp-block-column.side-info h2, .wp-block-column.side-info h3, .wp-block-column.side-info h4, .wp-block-column.side-info h5, .wp-block-column.side-info h6 { - font-size: 19px; - margin: 10px 5px 0px 5px; - text-transform: uppercase; - font-weight: bold; - letter-spacing: 0.6px; - padding-left: 5px; } - -.wp-block-column.side-info p { - padding-left: 5px; - font-size: 12px; - font-weight: 500; - color: #77787B; - text-transform: uppercase; - margin-top: 0px; - margin-bottom: 15px; - margin-left: 5px; - margin-right: 5px; } - -.wp-block-separator { - border-width: 1px; - border-radius: 1px; - color: solid black; } - -.hashtags p { - background: cornflowerblue; - border-radius: 5px; - color: white !important; - font-weight: bold !important; - font-size: 13px !important; - display: inline; - line-height: 15px !important; - padding-right: 5px; } - -.wp-block-image img { - border-radius: 1.5% !important; } - -.wp-block-column.side-info img { - width: 60%; - margin: 0 auto; } - -.block-editor-writing-flow, .edit-post-visual-editor, .editor-styles-wrapper { - background: #f2f2f2; - padding-top: 0; } - -.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block) { - background: #fff !important; - padding-bottom: 40px; } - -/** - * #.# Styles - * - * CSS for both Frontend+Backend. - */ +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px} +*{font-family:"Open sans", sans-serif}h1,h2,h3,h4,h5,h6,.entry-content cite,.entry-content figcaption,.entry-content table,.entry-content address,.entry-content .wp-caption-text,.entry-content .wp-block-file{font-family:"PT Serif", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif}.entry-header{background:no-repeat top center;background-size:cover;padding:14rem 0 1rem}.n2-section-smartslider{top:0;margin-top:-90px}.editorOnly{margin-top:10px;background:#ffcece;color:red;padding:10px;border:1px solid red;cursor:pointer}.editor-post-title{background:#f2f2f2}.button-selectimg{outline:none;z-index:999;position:relative;background:#ffcece !important;color:red !important;border-color:red !important}.back-button{padding-right:8px !important}.back-button::before{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;vertical-align:middle;margin:0 6px 4px 0}.back-button:after{display:none !important}.swo-button{font-size:14px;background:#fff;border:2px solid #000;color:#000;border-radius:4px;text-transform:uppercase;font-weight:bold !important;padding:4px 32px 4px 8px;text-decoration:none !important}.swo-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:18px 18px;height:18px;width:18px;position:absolute;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin:5px 0 0 6px}.classic-text h1{font-size:23px;margin:14px 0}.classic-text h3{margin:14px 0}.classic-text p{font-size:14px;font-weight:normal}.limit-content-width{width:80%;max-width:820px;margin:0 auto}.img-background{background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center;background-size:cover}.left-right{display:grid;grid-template-columns:1fr 1fr;gap:1px 1px;grid-template-areas:". .";margin-bottom:60px}.no-serif-heading{font-family:'Open Sans', sans-serif;font-weight:bold;text-transform:uppercase}.area-banner{background:#007DC2;width:100vw;position:relative;margin-left:-50vw;left:50%}.selector-area-banner{padding-bottom:20px}.area-banner-button{background:#007DC2;color:#fff !important;border:2px solid #fff}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%);filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%)}.area-banner .limit-content-width{margin:0 auto !important}.area-banner .left-right .bereich-text{display:-ms-flexbox;display:flex;-webkit-flex-align:center;-ms-flex-align:center;align-items:center}.area-banner .left-right .bereich-text h1{color:#fff;font-size:46px}.area-banner .left-right .bereich-text p{color:#fff;font-size:26px}.bereich-header{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;padding:18rem 0 1rem !important}.bereich-image{background:url(./assets/images/bereich_temp.jpg) no-repeat center center;background-size:cover;border-radius:12px;margin-right:10px}.bereich-text{margin-left:10px;padding:10px 0}.bereich-text h5{margin:0 0 1em}.feature-list{list-style:none;margin:0}.feature-list li{margin:0;font-size:14px;font-weight:600;font-style:italic}.feature-list li span{color:#007DC2;font-weight:1000;text-decoration:none}.feature-list li:not(:last-child){margin-bottom:10px}.bereich-title{text-align:left;background:#fff;width:60%;margin:0 auto -104px;border:4px solid #007DC2;padding:2rem 4rem;border-radius:12px}.bereich-title h1{color:#007DC2;font-size:40px;margin:0 0 8px}.bereich-title h5{color:#007DC2;font-size:24px;font-style:italic;margin:0 0 14px !important}.master-blue .bereich-title{border-color:#007DC2}.master-blue .bereich-title h1{color:#007DC2}.master-blue .bereich-title h5{color:#007DC2}.master-blue .area-banner{background:#007DC2}.master-blue .area-banner-button{background:#007DC2}.master-blue .feature-list li span{color:#007DC2}.master-blue .feature-list li:before{color:#007DC2}.master-blue .swo-button:not(.area-banner-button){color:#007DC2 !important;border:2px solid #007DC2}.master-blue .swo-button:after{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-blue .back-button::before{-webkit-filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%);filter:invert(33%) sepia(69%) saturate(5955%) hue-rotate(185deg) brightness(98%) contrast(101%)}.master-brown .bereich-title{border-color:#61330E}.master-brown .bereich-title h1{color:#61330E}.master-brown .bereich-title h5{color:#61330E}.master-brown .area-banner{background:#61330E}.master-brown .area-banner-button{background:#61330E}.master-brown .feature-list li span{color:#61330E}.master-brown .feature-list li:before{color:#61330E}.master-brown .swo-button:not(.area-banner-button){color:#61330E !important;border:2px solid #61330E}.master-brown .swo-button:after{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-brown .back-button::before{-webkit-filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%);filter:invert(20%) sepia(38%) saturate(1469%) hue-rotate(351deg) brightness(93%) contrast(93%)}.master-orange .bereich-title{border-color:#FC7A57}.master-orange .bereich-title h1{color:#FC7A57}.master-orange .bereich-title h5{color:#FC7A57}.master-orange .area-banner{background:#FC7A57}.master-orange .area-banner-button{background:#FC7A57}.master-orange .feature-list li span{color:#FC7A57}.master-orange .feature-list li:before{color:#FC7A57}.master-orange .swo-button:not(.area-banner-button){color:#FC7A57 !important;border:2px solid #FC7A57}.master-orange .swo-button:after{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-orange .back-button::before{-webkit-filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%);filter:invert(68%) sepia(65%) saturate(2577%) hue-rotate(321deg) brightness(97%) contrast(104%)}.master-green .bereich-title{border-color:#87A878}.master-green .bereich-title h1{color:#87A878}.master-green .bereich-title h5{color:#87A878}.master-green .area-banner{background:#87A878}.master-green .area-banner-button{background:#87A878}.master-green .feature-list li span{color:#87A878}.master-green .feature-list li:before{color:#87A878}.master-green .swo-button:not(.area-banner-button){color:#87A878 !important;border:2px solid #87A878}.master-green .swo-button:after{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-green .back-button::before{-webkit-filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%);filter:invert(71%) sepia(7%) saturate(1485%) hue-rotate(57deg) brightness(88%) contrast(83%)}.master-yellow .bereich-title{border-color:#FCD757}.master-yellow .bereich-title h1{color:#FCD757}.master-yellow .bereich-title h5{color:#FCD757}.master-yellow .area-banner{background:#FCD757}.master-yellow .area-banner-button{background:#FCD757}.master-yellow .feature-list li span{color:#FCD757}.master-yellow .feature-list li:before{color:#FCD757}.master-yellow .swo-button:not(.area-banner-button){color:#FCD757 !important;border:2px solid #FCD757}.master-yellow .swo-button:after{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.master-yellow .back-button:before{-webkit-filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%);filter:invert(91%) sepia(19%) saturate(1373%) hue-rotate(342deg) brightness(96%) contrast(105%)}.area-banner-button::after{margin-top:5px;-webkit-filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important;filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(343deg) brightness(115%) contrast(101%) !important}.bereich-container{padding-top:120px}.svg-button{-webkit-transition:unset;-o-transition:unset;transition:unset}.svg-button:after{display:inline-block;content:' ';background:url("http://localhost:8080/wp-content/uploads/2020/06/small-arw.png") no-repeat;background-size:22px 22px;height:22px;width:22px;position:absolute;margin:2px 0 0 4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.svg-button:hover:after{-webkit-filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%);filter:invert(33%) sepia(91%) saturate(3527%) hue-rotate(182deg) brightness(92%) contrast(101%)}.boxes-container-menu>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-team>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:1rem;list-style-type:none;margin:0;padding:0}.boxes-container-menu>ul>li,.boxes-container-team>ul>li{margin:0 auto -10px;width:100%}.wrap-boxes{width:300px}.wrap-employee{width:240px !important;display:inline-block}.wrap-boxes-hidden{display:none}.imageDiv{width:100%;height:220px;border-radius:8px}.imageDivteam{margin:0 auto;height:260px;width:80%;position:relative}.imageDivteam img{position:absolute;z-index:1;border-radius:8px;height:260px;width:100%;-o-object-fit:cover;object-fit:cover}.bottomDiv{background:#fff;width:80%;margin:-10% auto 16%;padding:20px 20px 30px;-webkit-box-sizing:unset;box-sizing:unset;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.25);box-shadow:0px 0px 20px rgba(0,0,0,0.25);height:unset}.bottomDivDescription{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;height:100px}.bottomDivteam{bottom:2%;margin-bottom:40px;padding-bottom:20px;width:80%;z-index:5;position:relative;height:unset !important}.bottomDivteam h1{margin:0}.bottomDivteam h7{font-weight:bold;font-size:12px;line-height:3}.bottomDivteam p{font-size:12px}.boxes-container-menu ul li{list-style:none}.boxes-container-menu ul{margin:0 auto !important;padding:0 !important;max-width:820px}.nav-toggle:hover .svg-icon,.search-toggle:hover .svg-icon{color:#007DC2}.grow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.grow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slideshow-container{max-width:100%;position:relative;margin:auto}.frontslides{height:96vh;background:url("http://localhost:8080/wp-content/uploads/2020/06/844198.jpg") no-repeat center center fixed;background-size:cover}.prev-slide,.next-slide{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:26px;margin:0 10px;color:white !important;text-decoration:none;font-weight:bold;font-size:48px;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.next-slide{right:0;border-radius:3px 0 0 3px}.slider-box{color:#f2f2f2;font-size:15px;padding:8px 42px;text-align:center;background:rgba(0,0,0,0.51);border-radius:10px;max-width:40%;position:absolute;bottom:0;margin:0 0 100px 200px}.box-right{right:0;margin:0 200px 100px 0}.slider-box p{font-style:normal;font-weight:normal;font-size:15px}.numbertext{color:#fff;font-size:12px;padding:8px 12px;position:absolute;top:0}.dots-slideshow{width:100%;position:absolute;bottom:0;margin:0 0 20px;text-align:center}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:transparent;border:4px solid rgba(255,255,255,0.8);border-radius:50%;display:inline-block;-webkit-transition:background-color 0.6s ease;-o-transition:background-color 0.6s ease;transition:background-color 0.6s ease}.active-dot,.dot:hover{border:4px solid #007DC2}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.6}to{opacity:1}}@keyframes fade{from{opacity:.6}to{opacity:1}}.grid-container-fp1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px 1px;grid-template-areas:"Front-page-top-left Front-page-top-right";margin-bottom:100px}@media only screen and (max-width: 600px){.grid-container-fp1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1px 1px;grid-template-areas:"." "."}}.Front-page-top-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px;grid-template-areas:"Bildung-forschung-entwicklung Bau" "Zivildienst Integration";grid-area:Front-page-top-right;margin-left:20px;margin-right:30%}.onpicture{position:relative;bottom:8px;left:16px;color:white;font-family:Times, Times New Roman, serif;text-transform:none;font-weight:600}.Bildung-forschung-entwicklung{grid-area:Bildung-forschung-entwicklung;border:8px solid #FCD757;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FCD757;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/classroom_training-780x520.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Bau{grid-area:Bau;border:8px solid #87A878;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#87A878;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/77ca35f2345b2dfc128cbd91c415209f.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Zivildienst{grid-area:Zivildienst;border:8px solid #61330E;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#61330E;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/ezgif.com-webp-to-jpg.jpg") no-repeat center center;background-size:cover;background-blend-mode:darken}.Integration{grid-area:Integration;border:8px solid #FC7A57;border-width:4px;border-radius:9px;position:relative;text-align:center;width:150px;height:150px;background:#FC7A57;background:rgba(0,0,0,0.35) url("http://localhost:8080/wp-content/uploads/2020/06/1975431114-2020-feb-06-13-03-57-000000-gvi_dawasamu_flickr_cc0_45360392434_d1dff9ef7d_o.png") no-repeat center center;background-size:cover;background-blend-mode:darken}.Front-page-top-left{grid-area:Front-page-top-left;text-align:center;line-height:220px;width:300px;width:300px;padding:40px;background:url(./assets/images/philo_container.png) no-repeat center center;background-size:cover}.Front-page-top-left p{margin:0;font-weight:600;font-style:italic;display:inline-block;vertical-align:middle;line-height:normal}.a{grid-area:a;padding-top:7em}.b{grid-area:b;padding-top:7em}.c{grid-area:c;padding-top:7em}.logo{grid-area:logo;width:150px;height:100px;margin-right:1em;margin-left:1em}.d{grid-area:d;padding-top:7em}.f{grid-area:f;padding-top:7em}.g{grid-area:g;text-align:left;padding-top:7em}.lt-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3fr;gap:1px 0px;grid-template-areas:". ." "lt-left lt-right" ". ."}.lt-left{grid-area:lt-left;text-align:right;padding-right:50px;border-right-width:1em;border-right-color:black;border-right:solid}.lt-right{grid-area:lt-right;padding-left:50px}.main-info img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.wp-block-columns.alignfull{margin-top:0px;padding-top:0px}.wp-block-column.main-info{-ms-flex-preferred-size:66.66%;flex-basis:66.66%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info{border:3px solid #77787B;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-top:40px;padding-right:5px;padding-left:5px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%;-ms-flex-positive:0;flex-grow:0}.wp-block-column.side-info h1,.wp-block-column.side-info h2,.wp-block-column.side-info h3,.wp-block-column.side-info h4,.wp-block-column.side-info h5,.wp-block-column.side-info h6{font-size:19px;margin:10px 5px 0px 5px;text-transform:uppercase;font-weight:bold;letter-spacing:0.6px;padding-left:5px}.wp-block-column.side-info p{padding-left:5px;font-size:12px;font-weight:500;color:#77787B;text-transform:uppercase;margin-top:0px;margin-bottom:15px;margin-left:5px;margin-right:5px}.wp-block-separator{border-width:1px;border-radius:1px;color:solid black}.hashtags p{background:cornflowerblue;border-radius:5px;color:white !important;font-weight:bold !important;font-size:13px !important;display:inline;line-height:15px !important;padding-right:5px}.wp-block-image img{border-radius:1.5% !important}.wp-block-column.side-info img{width:60%;margin:0 auto}.block-editor-writing-flow,.edit-post-visual-editor,.editor-styles-wrapper{background:#f2f2f2;padding-top:0}.wp-block.block-editor-block-list__block:not(.bereich-image .wp-block.block-editor-block-list__block){background:#fff !important;padding-bottom:40px}