/* 
   _____                          _____  
  /  _  \_______   ____   ______ /  |  | 
 /  /_\  \_  __ \_/ __ \ /  ___//   |  |_
/    |    \  | \/\  ___/ \___ \/    ^   /
\____|__  /__|    \___  >____  >____   | 
        \/            \/     \/     |__| 

Ares4 Default Theme 1.0
http://www.ares4.com
*/
		@import url('https://t93.m-4.ch/perseh/css/style.css');
        @import url('https://t93.m-4.ch/perseh/css/ExpiviComponent.css');
        @import url('https://t93.m-4.ch/perseh/css/jquery.datetimepicker.min.css');
        @import url('https://t93.m-4.ch/perseh/css/select2.css');
        
        /* Font import */
        /*@import url('https://dev.m-4.ch/perseh/css/style.css');
        @import url('https://dev.m-4.ch/perseh/vendor/expivi/options/ExpiviComponent.css');
        @import url('https://dev.m-4.ch/perseh/vendor/jquery.datetimepicker.min.css');
        */
        /*
        @import url(https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:100,200,300,400,500,600,700,800,900);
        @import url(https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:100,200,300,400,500,600,700,800,900);
        @import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);
        @import url(https://fonts.googleapis.com/css?family=Gilda+Display:400);
        
        @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
        @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');
        @import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One');
        
        @font-face {
            font-family: 'proxima_nova_a_black';
            src: url('http://ares4.info/fonts/Verein-Ostwaerts/Mark Simonson - Proxima Nova A Black.ttf') format('truetype');
        }
        
         @font-face {
            font-family: 'proxima_nova_black';
            src: url('http://ares4.info/fonts/Verein-Ostwaerts/Mark Simonson - Proxima Nova Black.ttf') format('truetype');
        }

         @font-face {
            font-family: 'proxima_nova_s_black';
            src: url('http://ares4.info/fonts/Verein-Ostwaerts/Mark Simonson - Proxima Nova S Black.ttf') format('truetype');
        }
        
        @import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800');
        */

        @font-face {
            font-family: 'Tisa-Sans';
            src: url('https://ares4.info/fonts/Tisa-Sans/Fonts/5452983/a8f42afb-f1c2-4e8c-8719-80fb9ec71d1d.woff') format('woff');
            font-weight: 300; /*Tisa Sans OT W01 Light*/
        }

        @font-face {
            font-family: 'Tisa-Sans';
            src: url('https://ares4.info/fonts/Tisa-Sans/Fonts/5452991/3bc55e2c-6a0f-4242-8381-f9487cb0b9fd.woff') format('woff');
            font-weight: 500; /*Tisa Sans OT W01 Medium*/
        }
        
        html.fixed,
        body.fixed {
            overflow: hidden;
        }
       
        /* General */

        #ares4 {
            min-height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
            /*font-family: 'Assistant', sans-serif;*/
            font-family: 'Tisa-Sans', sans-serif;
              -webkit-hyphens: auto;
             -ms-hyphens: auto;
            hyphens: auto;
            background-color: black !important;
            
            /*overflow: -moz-scrollbars-none;
            overflow-y: -moz-hidden-unscrollable;
            overflow: -moz-scrollbars-none;*/
        }

        /*::-webkit-scrollbar{
        	width: 0px;
        }
        ::-webkit-scrollbar { 
            display: none; 
        }
        ::-webkit-scrollbar-track-piece{
        	background-color: transparent;
        	-webkit-border-radius: 6px;
        }*/
        
        #ares4 .site-wrapper {
            /*-width: 1200px;*/
            max-width: 1152px;
	        margin-left: auto;
	        margin-right: auto;
	        padding: 0;
	        background-repeat: no-repeat;
        }

        #ares4 {
            background-position: top;
            background-size: auto;
            /* background-image: url("https://test.agentur-fritz.ch/ares4/perseh_animation.gif") !important;*/
            background-repeat:no-repeat;
        }

        /* Header */
        #ares4 #header {
            height: 270px;
        }
        /* Logo */
        #ares4 #logo img {
            position: relative;
            width: 304px;
            height: auto;
            /*margin-left: 40%;*/
            margin-top: 50px;
            margin-bottom: 50px;
            margin-left: 50%;
            transform: translateX(-50%);
            z-index: 1100;
        }
        
        
        /* Search Box */
        #searchbar {
            position: absolute;
            top: 150px;
            left: 0px;
            z-index: 1100;
        }
        
        #ares4 #search {
           padding: 5px 0px;
            border-bottom: 1px solid white;
            width: 275px;
            box-sizing: border-box;
            float: right;
            position: relative;
            color: white !important;
            background-color: black;
            margin-top: -45px;
            margin-right: 15px !important;
        }
        
        input[type=text] {
            font-size: 16px;
            color: white;
            font-family: 'Tisa-Sans';
            font-weight: 300!important;
        }
        
        #ares4 #search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
          color: #fff;
          opacity: 1;
          font-size: 12px;
        }
        #ares4 #search::-moz-placeholder { /* Firefox 19+ */
          color: #fff;
          opacity: 1;
          font-size: 12px;
        }
        #ares4 #search:-ms-input-placeholder { /* IE 10+ */
          color: #fff;
          opacity: 1;
          font-size: 12px;
        }
        #ares4 #search:-moz-placeholder { /* Firefox 18- */
          color: #fff;
          opacity: 1;
          font-size: 12px;
        }
        #ares4 .hide-search:after {
    		content: "";
    		position: absolute;
    		bottom: 10px;
    		right: 10px;
    		width: 30px;
    		height: 30px;
    		background: url(https://api.ares4.info/v0.1/file/145/downloads/lupe.png);
    		background-repeat: no-repeat;
    		background-size: cover;
            background-position: center center;
    	}
    	
        /* *** Static Menu *** */
        #static-menu {
            display: block;
            position: absolute;
            top: 110px;
            right: 20px;
            width: 30px;
            height: 20px;
            text-decoration: none;
            z-index: 1100;
        }
        #static-menu::before {
            /*content: 'Menü';*/
            position: absolute;
            left: -35px;
            top: 2px;
            width: auto;
            height: auto;
            font-size: 12px;
            color: #fff;
        }
        #static-menu span {
            display: block;
            position: absolute;
            left: 0px;
            width: 30px;
            height: 2px;
            background-color: #fff;
            transition: all ease .5s;
            z-index: 1100;
        }
        #static-menu span:first-child {
            top: 0px;
        }
        #static-menu span:nth-child(2) {
            top: 10px;
        }
        #static-menu span:last-child {
            top: 20px;
        }
        #static-menu.aktiv span:first-child {
            top: 10px;
            transform: rotate(45deg);
        }
        #static-menu.aktiv span:nth-child(2) {
            display: none;
        }
        #static-menu.aktiv span:last-child {
            top: 10px;
            transform: rotate(-45deg);
        }
        #ares4 #header #navausgabe {
            display: block;
            visibility: hidden;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            text-align: center;
            background-color: #000;
            z-index: 1000;
            opacity: 0;
            transition: visibility 0.5s, opacity 0.5s linear;
        }
        #ares4 #header #navausgabe.aktiv {
            visibility: visible;
            opacity: 1;
            transition: visibility 0.5s, opacity 0.5s linear;
        }
        #ares4 #header #navausgabe ul {
            display: block;
            margin-top: 25%;
        }
        #ares4 #header #navausgabe ul li {
            display: block;
            line-height: 40px;
        }
        #ares4 #header #navausgabe ul li a {
            position: relative;
            font-size: 20px;
            color: #fff;
            text-decoration: none;
        }
        #ares4 #header #navausgabe ul li a:hover:after {
            content: '';
            display: block;
            position: absolute;
            left: -2px;
            bottom: -6px;
            width: 100%;
            height: 1px;
            background-color: #30c1df;
            border: solid 3px #30c1df;
            border-radius: 2px/5px;
        }
        
        /* Breadcrumb Trail */
        #ares4 #breadcrumb-container {
            display: block;
        }
        #ares4 #breadcrumb {
            font-weight: 300;
            font-size: 14px;
            /*color: #696969;*/
            color: white;
            margin-bottom: 8px;
            padding: 8px 0px 0px 8px;
            display: block; 
        }

        #ares4 #breadcrumb a {
            margin: 0 8px 0px 0;
            /*color: #696969;*/
            color: #666666;
            text-decoration: none;
        }

        
        /* Information Room */
        
        /* Grid */
        /* Colums = 8, Pixels = 1120, Gutters = 8, Margins = 16 */

        #ares4 .ie-grid {
          /*  background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            padding: 8px 16px 16px 16px; */
            /*max-width: 1200px;*/
          /*  max-width: 1120px;*/
            
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            padding: 10px 10px 10px 10px;
        }

        #ares4 .ie-grid .grid-sizer {
            width: 0;
            display: inline-block;
        }

        #ares4 .ie-grid .grid-gutter {
            width: 8px;
            display: inline-block;
        }

        
        /* Information Unit */

        #ares4 .ie-grid .ie {
            border: 0 solid black;
            position: relative;
            margin-bottom: 0px;
            box-sizing: border-box;
        }

        #ares4 a.front {
            text-decoration: none;
        }

        /* Information Unit CSS Class 1*/

        #ares4 .ie-grid .ie .front-1 {
            cursor: pointer;
            height: 100%;
            opacity: 1 !important;
            padding: 15px 10px 10px 15px;
            box-sizing: border-box;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: white;
            /*d.y*/
            display: flex !important;
            flex-flow: column;
            justify-content: center;
            
           /* text-align: center;
            display: flex !important;
            align-items: center;
            justify-content: center; 
            flex-flow: column;*/

            /*outline-style: solid;
            outline-width: 1px;
            outline-color: white;
            outline-offset: -20px;
            
            -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 85%, 80% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 85%, 80% 100%, 0% 100%);

            -webkit-border-top-left-radius: 32px;
            -webkit-border-bottom-right-radius: 32px;
            -moz-border-radius-topleft: 32px;
            -moz-border-radius-bottomright: 32px;
            border-top-left-radius: 32px;
            border-bottom-right-radius: 32px;*/
            
            /*border-radius: 0px 100px;
            -webkit-clip-path: polygon(0% 0%, 95% 0, 95% 44%, 100% 50%, 95% 57%, 95% 100%, 0 100%);
            -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);*/
        }
 
        /* #ares4 .ie-grid .ie .front-1:hover {
            text-decoration: undeline;
            background: solid gray;
         }*/
         
        #ares4 .ie-grid .ie .front-1:hover {
           opacity: 0.7 !important;
           transition: 1s;
           text-shadow: none !important;
        }
        
            #ares4 .ie-grid .ie .front-1 h3 {
           margin: 0 0 4px 0;
           font-size: 48px;
           font-weight: 500;
           letter-spacing: 0.03em;
           color: white !important;
           /*margin-top: 40%;*/
           text-align: center;
           text-shadow: black 0px 0px 15px;
        }


        #ares4 .ie-grid .ie .front-1 h4 {
            margin: 0;
            font-size: 36px;
            font-weight: 300;
            letter-spacing: 0;
            color: white !important;
            text-align: center;
            text-shadow: black 0px 0px 15px;
            text-transform: uppercase;
        }

        #ares4 .ie-grid .ie .back {}

        #ares4 .ie-grid .ie .back-1 {
            /*height: 528px;
            width: 352px;*/
            height: 100%;
            width: 100%;
            padding: 16px 12px 16px 16px;
            box-sizing: border-box;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: white;
            border: 0 solid lightgray;
            /*d.y*/
            position: absolute;
            top: 0;
        }

        #ares4 .ie-grid .ie .back-1 h2 {
            margin: 0 0 0 0;
            font-size: 28px;
            font-weight: 500;
            letter-spacing: 0.01em;
        }
        
        #ares4 .ie-grid .ie .back-1 h3 {
            margin: 0;
            font-size: 16px;
            font-weight: 300;
            letter-spacing: -0.03em;
        }

        #ares4 .ie-grid .ie .back-1 hr {
            border: none;
            height: 0;
            overflow: hidden;
            margin: 5px 0;
            border-top: 0 solid black;
        }

        #ares4 .ie-grid .ie .back-1 .ie-close {
            position: absolute;
            right: 0;
            color: black;
            opacity: 0.3;
            font-size: 17px;
            margin: 0px 10px 0 0;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        #ares4 .ie-grid .ie .back-1 .ie-close:hover {
            transition: opacity 0.5s ease;
            opacity: 0.7;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabnav {
            margin: 0 0 0 0;
            height: 30px;
            text-align: left;
        }

       #ares4 .ie-grid .ie .back-1 .ie-tabnav a {
            text-transform: uppercase;
            text-decoration: none;
            color: black;
            margin-left: 0;
            margin-right: 32px;
            font-weight: 300;
            letter-spacing: 0;
            padding-top: 0;
            cursor: pointer;
            display: inline-block;
            font-size: 21px !important;
            line-height: 18px;
            border-top: 0 solid white;
       }
       
        #ares4 .ie-grid .ie .back-1 .ie-tabnav a h3 {
            margin: 0;
            padding: 0;
            display: inline-block;
            font-size: 21px;
            line-height: 20px;
            letter-spacing: 0.03em;
            font-weight: 300;
            text-transform: uppercase;
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabnav .active {
            color: black;
            border-bottom: 0px solid black;
            background-image: url('https://test.agentur-fritz.ch/ares4/underline.png') !important;
            background-repeat: repeat-x;
            background-position: bottom;
            padding-bottom: 8px;
        }
        
        #ares4 .ie-grid .ie .back-1 .ie-tabs {
            height: calc(100% - 116px);
        }

        #ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab {
            height: 100%;
            width: 100%;
            overflow-y: auto;
            margin: 0;
            padding: 0;
            font-size: 18px;
            line-height: 22px;
            font-weight: 300;
            letter-spacing: -0.02em;
        }

        #ares4 .ie-grid .ie .back-1 .ie-options {
            /*display: table;
            table-layout: fixed;
            width: 26px;
            height: 26px;
            bottom: 0;
            left: 0;
            background-color: gainsboro;
            position: absolute;*/
            position: absolute;
            width: 96%;
            height: 48px;
            bottom: 0;
            left: 0;
            text-align: right;
            background: none;
            padding: 0 0 2px 0;
            margin: 0 0%;
            left:15px;
            bottom:0px;

        }

        #ares4 .ie-grid .ie .back-1 .ie-options div {
            list-style-type: none;
            display: table-cell;
            width: 56px;
            height: 32px;
            text-align: left;
            vertical-align: middle;
            padding: 8px 0 0 0;
            /*list-style-type: none;
            display: inline-block;
            width: 26px;
            height: 26px;
            text-align: center;
            margin: 0 0 0 10px;*/
        }

        #ares4 .ie-grid .ie .back-1 .ie-options div .fa {
            color: black;
            opacity: 0.3;
            font-size: 32px;
            margin-top: 0px;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        #ares4 .ie-grid .ie .back-1 .ie-options div .fa:hover {
            transition: opacity 0.5s ease;
            opacity: 1;
        }
        
        
        
        /* Class 2 */
        
        /* Information Unit CSS Class 2*/
        #ares4 .ie-grid .ie .front-2 img {
           opacity: 1 !important;

        }

/*        #ares4 .ie-grid .ie .front-2 {
            cursor: pointer;
            height: 100%;
            padding: 15px 10px 10px 15px;
            box-sizing: border-box;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: black;
                       opacity: 1 !important;
*/

        #ares4 .ie-grid .ie .front-2 {
            cursor: pointer;
            height: 100%;
            padding: 15px 10px 10px 15px;
            box-sizing: border-box;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: black;
            opacity: 1 !important;
            /*d.y*/
            flex-flow: column;
            display: flex !important;
            justify-content:center;
            /*text-align: center;
            display: flex !important;
            align-items: center;
            justify-content: center; 
            flex-flow: column;*/
            /*outline-style: solid;
            outline-width: 1px;
            outline-color: white;
            outline-offset: -20px;
            
            -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 85%, 80% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0, 100% 85%, 80% 100%, 0% 100%);

            -webkit-border-top-left-radius: 32px;
            -webkit-border-bottom-right-radius: 32px;
            -moz-border-radius-topleft: 32px;
            -moz-border-radius-bottomright: 32px;
            border-top-left-radius: 32px;
            border-bottom-right-radius: 32px;*/
            
            /*border-radius: 0px 100px;
            -webkit-clip-path: polygon(0% 0%, 95% 0, 95% 44%, 100% 50%, 95% 57%, 95% 100%, 0 100%);
            -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);*/
        }
 
         #ares4 .ie-grid .ie .front-2:hover {
         opacity: 0.7 !important;
         transition: 1s;
        }
        
/*           #ares4 .ie-grid .ie .front-2 h3 {
           margin: 0 0 4px 0;
           font-size: 24px;
           font-weight: 500;
           letter-spacing: 0.03em;
           color: white;
           text-transform: ;
           margin-top: 40%;
           text-align: center;
           text-shadow: black 0px 0px 15px;
}*/

           #ares4 .ie-grid .ie .front-2 h3 {
           margin: 0 0 4px 0;
           font-size: 24px;
           font-weight: 500;
           letter-spacing: 0.03em;
           color: white;
           text-transform: ;
           text-align: center;
           text-shadow: black 0px 0px 15px;
}

        #ares4 .ie-grid .ie .front-2 h4 {
            margin: 0;
            font-size: 18px;
            font-weight: 300;
            letter-spacing: -0.03em;
            color: #4B0082;
            text-align:center;
            text-transform:uppercase;
            text-shadow: black 0px 0px 15px;
        }


        #ares4 .ie-grid .ie .back-2 {
            /*height: 528px;
            width: 352px;*/
            height: 100%;
            width: 100%;
            padding: 16px 12px 16px 16px;
            box-sizing: border-box;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: white;
            border: 0 solid lightgray;
        }

        #ares4 .ie-grid .ie .back-2 h2 {
            margin: 0 0 0 0;
            font-size: 32px;
            font-weight: 500;
            letter-spacing: -0.03em;
        }

        #ares4 .ie-grid .ie .back-2 h3 {
            margin: 0;
            font-size: 16px;
            font-weight: 300;
            letter-spacing: -0.03em;
        }

        #ares4 .ie-grid .ie .back-2 hr {
            border: none;
            height: 0;
            overflow: hidden;
            margin: 10px 0;
            border-top: 0 solid black;
        }

        #ares4 .ie-grid .ie .back-2 .ie-close {
            position: absolute;
            right: 0;
            color: black;
            opacity: 0.3;
            font-size: 17px;
            margin: 0px 10px 0 0;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        #ares4 .ie-grid .ie .back-2 .ie-close:hover {
            transition: opacity 0.5s ease;
            opacity: 1;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabnav {
            margin: 0 0 0 0;
            height: 30px;
            text-align: left;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabnav a {
            text-transform: uppercase;
            text-decoration: none;
            color: #cccccc;
            margin-left: 0;
            margin-right: 32px;
            font-weight: 300;
            letter-spacing: -0.03em;
            padding-top: 0;
            cursor: pointer;
            display: inline-block;
            font-size: 13px;
            line-height: 18px;
            border-top: 0 solid white;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabnav a h3 {
            margin: 0;
            padding: 0;
            display: inline-block;
            font-size: 18px;
            line-height: 20px;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabnav .active {
            color: black;
            border-bottom: 1px solid black;
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabs {
            height: calc(100% - 116px);
        }

        #ares4 .ie-grid .ie .back-2 .ie-tabs .ie-tab {
            height: 100%;
            width: 100%;
            overflow-y: auto;
            margin: 0;
            padding: 0;
            font-size: 18px;
            line-height: 22px;
            font-weight: 300;
            letter-spacing: -0.02em;
        }

        #ares4 .ie-grid .ie .back-2 .ie-options {
            /*display: table;
            table-layout: fixed;
            width: 26px;
            height: 26px;
            bottom: 0;
            left: 0;
            background-color: gainsboro;
            position: absolute;*/
            position: relative;
            width: 96%;
            height: 48px;
            bottom: 0;
            left: 0;
            text-align: right;
            background: none;
            padding: 0 0 2px 0;
            margin: 0 0%;

        }

        #ares4 .ie-grid .ie .back-2 .ie-options div {
            list-style-type: none;
            display: table-cell;
            width: 56px;
            height: 32px;
            text-align: left;
            vertical-align: middle;
            padding: 8px 0 0 0;
            /*list-style-type: none;
            display: inline-block;
            width: 26px;
            height: 26px;
            text-align: center;
            margin: 0 0 0 10px;*/
        }

        #ares4 .ie-grid .ie .back-2 .ie-options div .fa {
            color: black;
            opacity: 0.3;
            font-size: 32px;
            margin-top: 0px;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }

        #ares4 .ie-grid .ie .back-2 .ie-options div .fa:hover {
            transition: opacity 0.5s ease;
            opacity: 1;
        }

/* Class 3 */
        
        /* Information Unit CSS Class 3*/
        #ares4 .ie-grid .ie .front-3 img {
           opacity: 1 !important;
        }

        #ares4 .ie-grid .ie .front-3 {
            cursor: pointer;
            height: 100%;
            padding: 15px 10px 10px 15px;
            box-sizing: border-box;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: black;
                       opacity: 1 !important;
}

        /* Information Unit Sizes */

        #ares4 .ie-grid .ie-width-1 {
            width: 133px;
        }

        #ares4 .ie-grid .ie-width-1 h3 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-1 h4 {
            font-size: 10px;
        }

        #ares4 .ie-grid .ie-width-2 {
            width: 274px;
        }

        #ares4 .ie-grid .ie-width-2 h3 {
            font-size: 21px;
        }

        #ares4 .ie-grid .ie-width-2 h4 {
            font-size: 14px;
        }

        #ares4 .ie-grid .ie-width-3 {
            width: 415px;
        }

        #ares4 .ie-grid .ie-width-3 h3 {
            font-size: 37px;
        }

        #ares4 .ie-grid .ie-width-3 h4 {
            font-size: 19px;
        }

        #ares4 .ie-grid .ie-width-4 {
            width: 556px;
        }

        #ares4 .ie-grid .ie-width-4 h3 {
            font-size: 49px;
        }

        #ares4 .ie-grid .ie-width-4 h4 {
            font-size: 23px;
        }

        #ares4 .ie-grid .ie-width-5 {
            width: 697px;
        }

        #ares4 .ie-grid .ie-width-5 h3 {
            font-size: 49px;
        }

        #ares4 .ie-grid .ie-width-5 h4 {
            font-size: 23px;
        }

        #ares4 .ie-grid .ie-width-6 {
            width: 838px;
        }

        #ares4 .ie-grid .ie-width-6 h3 {
            font-size: 49px;
        }

        #ares4 .ie-grid .ie-width-6 h4 {
            font-size: 23px;
        }

        #ares4 .ie-grid .ie-width-7 {
            width: 979px;
        }

        #ares4 .ie-grid .ie-width-7 h3 {
            font-size: 49px;
        }

        #ares4 .ie-grid .ie-width-7 h4 {
            font-size: 23px;
        }

        #ares4 .ie-grid .ie-width-8 {
            width: 1120px;
        }

        #ares4 .ie-grid .ie-width-8 h3 {
            font-size: 49px;
        }

        #ares4 .ie-grid .ie-width-8 h4 {
            font-size: 23px;
        }

        #ares4 .ie-grid .ie-height-1 {
            height: 133px;
        }

        #ares4 .ie-grid .ie-height-2 {
            height: 274px;
        }

        #ares4 .ie-grid .ie-height-3 {
            height: 415px;
        }

        #ares4 .ie-grid .ie-height-4 {
            height: 556px;
        }

        #ares4 .ie-grid .ie-height-5 {
            height: 697px;
        }

        #ares4 .ie-grid .ie-height-6 {
            height: 838px;
        }

        #ares4 .ie-grid .ie-height-7 {
            height: 979px;
        }

        #ares4 .ie-grid .ie-height-8 {
            height: 1120px;
        }

        #ares4 .ie-grid .ie-maximized {
            width: 556px;
            /*height: 352px;*/
            height: 556px;
        }
        
        /* *** Footer *** */
        #ares4 #footer {
            overflow: hidden;
            color: #fff;
            padding: 30px 0;
            max-width: 1134px;
            margin-left: auto;
            margin-right: auto;
        }
        #ares4 #footer #company {
            float: left;
            width: 40%;
        }
        #ares4 #footer #siteinfo {
            float: right;
            width: 60%;
            text-align: right;
        }
        #ares4 #footer #siteinfo span {
            display: inline-block;
            width: 30%;
            text-align: left;
        }
        #ares4 #footer #siteinfo span:last-child {
            text-align: right;
        }
        #ares4 #footer #siteinfo span a {
            color: #fff;
            text-decoration: none;
        }
        
        /* *** Cookie-Banner *** */
        #cookie-popup {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 90%;
            padding: 10px 5%;
            background: #000;
            color: #fff;
            z-index: 3000;
        }
        #cookierahmen {
            position: relative;
            width: 100%;
            max-width: 1070px;
            margin: 0 auto;
        }
        #cookierahmen p {
            font-size: 14px !important;
            line-height: normal;
            margin: 0 130px 0 0 !important;
        }
        #cookierahmen p a {
            color: #fff;
            text-decoration: underline;
        }
        #cookie-popup-btn {
            position: absolute;
            top: 0px;
            right: 0px;
            display: inline-block;
            border: 1px solid #fff;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 14px;
        }
        
        /* Responsive */
        @media screen and (max-width: 1160px) {
            #ares4 #footer {
                padding-left: 10px;
                padding-right: 10px;
            }
        }
        @media screen and (max-width: 1024px) {
            #ares4 #footer #company {
                width: 30%;
            }
            #ares4 #footer #siteinfo {
                width: 70%;
            }
        }
        @media screen and (max-width: 768px) {
            #ares4 #search {
                width: 150px;
            }
            #ares4 #footer #company {
                width: 25%;
            }
            #ares4 #footer #siteinfo {
                width: 75%;
            }
            #ares4 #footer #siteinfo span {
                width: 35%;
            }
            #ares4 #footer #siteinfo span:last-child {
                width: 28%;  
            }
        }
        @media screen and (max-width: 768px) and (orientation:portrait) {
            #ares4 #header #navausgabe ul {
                margin-top: 30%;
            }
        }

        @media screen and (max-width: 720px) {
            .logo {
                max-width:99%;
                overflow:hidden;
            }
            
            
            #ares4 #logo img {
                width: auto;
                height: 70px;
                /*margin: 25px 0px 0 0px;*/
                margin: 5% auto 0 50%;
            }

            #ares4 .ie-grid {
                width: 600px;
                left: 8px;
                margin: auto;
            }
            #ares4 .ie-grid .grid-sizer {
                width: 89px;
                display: inline-block;
            }
            #ares4 .ie-grid .grid-gutter {
                width: 0;
                display: inline-block;
            }

            #ares4 .ie-grid .ie-width-1 {
                width: 89px;
            }
            #ares4 .ie-grid .ie-width-1 h3 {
                font-size: 11px;
            }
            #ares4 .ie-grid .ie-width-1 h4 {
                font-size: 7px;
            }
            #ares4 .ie-grid .ie-width-2 {
                width: 178px;
            }
            #ares4 .ie-grid .ie-width-2 h3 {
                font-size: 18px;
            }
            #ares4 .ie-grid .ie-width-2 h4 {
                font-size: 10px;
            }
            #ares4 .ie-grid .ie-width-3 {
                width: 267px;
            }
            #ares4 .ie-grid .ie-width-3 h3 {
                font-size: 34px;
            }
            #ares4 .ie-grid .ie-width-3 h4 {
                font-size: 16px;
            }
            #ares4 .ie-grid .ie-width-4 {
                width: 356px;
            }
            #ares4 .ie-grid .ie-width-4 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-4 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-5 {
                width: 445px;
            }
            #ares4 .ie-grid .ie-width-5 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-5 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-6 {
                width: 534px;
            }
            #ares4 .ie-grid .ie-width-6 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-6 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-7 {
                width: 623px;
            }
            #ares4 .ie-grid .ie-width-7 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-7 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-8 {
                width: 712px;
            }
            #ares4 .ie-grid .ie-width-8 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-8 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-height-1 {
                height: 89px;
            }
            #ares4 .ie-grid .ie-height-2 {
                height: 178px;
            }
            #ares4 .ie-grid .ie-height-3 {
                height: 267px;
            }
            #ares4 .ie-grid .ie-height-4 {
                height: 356px;
            }
            #ares4 .ie-grid .ie-height-5 {
                height: 445px;
            }
            #ares4 .ie-grid .ie-height-6 {
                height: 534px;
            }
            #ares4 .ie-grid .ie-height-7 {
                height: 623px;
            }
            #ares4 .ie-grid .ie-height-8 {
                height: 712px;
            }
            #ares4 .ie-grid .ie-maximized {
                width: calc(100% - 20px);
                max-width: 352px;
                height: 352px;
            }
        }
        
        @media screen and (max-width: 480px) {
            #ares4 #header {
                height: 150px;
            }
            #ares4 #logo img {
                width: auto;
                height: 80px;
                margin: 5% auto 0 50%;
            }
            #ares4 #search {
                width: 150px;
            }
            /*#ares4 #header #navausgabe {
                top: 150px; 
            }*/
            #ares4 #footer {
                text-align: center;
            }
            #ares4 #footer #company {
                clear: both;
                width: 100%;
                margin-bottom: 10px;
            }
            #ares4 #footer #siteinfo {
                clear: both;
                width: 100%;
                text-align: center;
            }
            #ares4 #footer #siteinfo span {
                width: 100%;
                text-align: center;
            }
            #ares4 #footer #siteinfo span:last-child {
                margin-top: 10px;
                text-align: center;
                width: 90%;
            }
        }
        @media screen and (max-width: 480px) and (orientation:portrait) {
            #ares4 #header #navausgabe ul {
                margin-top: 50%;
                padding:0;
            }
        }

        @media screen and (max-width: 420px) {
            #ares4 .ie-grid {
                width: 320px;
                left: 0px;
                margin: auto;
            }
            #ares4 .ie-grid .grid-sizer {
                width: 67.5px;
                display: inline-block;
            }
            #ares4 .ie-grid .grid-gutter {
                width: 10px;
                display: inline-block;
            }
            #ares4 .ie-grid .ie-width-1 {
                width: 67.5px;
            }
            #ares4 .ie-grid .ie-width-1 h3 {
                font-size: 11px;
            }
            #ares4 .ie-grid .ie-width-1 h4 {
                font-size: 7px;
            }
            #ares4 .ie-grid .ie-width-2 {
                width: 145px;
            }
            #ares4 .ie-grid .ie-width-2 h3 {
                font-size: 18px;
            }
            #ares4 .ie-grid .ie-width-2 h4 {
                font-size: 10px;
            }
            #ares4 .ie-grid .ie-width-3 {
                width: 222.5px;
            }
            #ares4 .ie-grid .ie-width-3 h3 {
                font-size: 34px;
            }
            #ares4 .ie-grid .ie-width-3 h4 {
                font-size: 16px;
            }
            #ares4 .ie-grid .ie-width-4 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-4 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-4 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-5 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-5 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-5 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-6 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-6 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-6 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-7 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-7 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-7 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-width-8 {
                width: 300px;
            }
            #ares4 .ie-grid .ie-width-8 h3 {
                font-size: 46px;
            }
            #ares4 .ie-grid .ie-width-8 h4 {
                font-size: 20px;
            }
            #ares4 .ie-grid .ie-height-1 {
                height: 67.5px;
            }
            #ares4 .ie-grid .ie-height-2 {
                height: 145px;
            }
            #ares4 .ie-grid .ie-height-3 {
                height: 222.5px;
            }
            #ares4 .ie-grid .ie-height-4 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-5 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-6 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-7 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-height-8 {
                height: 300px;
            }
            #ares4 .ie-grid .ie-maximized {
                width: calc(100% - 20px);
                max-width: 300px;
                height: 300px;
            }
        }
    
    
    /*** Mobile ***/
@media only screen and (max-width: 600px) {
  #ares4 .ie-grid .ie .front-1 h3 {
    margin: 0 0 4px 0;
        margin-top: 0px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: white !important;
    text-align: center;
    text-shadow: black 0px 0px 15px;
}
	
	#ares4 .ie-grid .ie .front-1 h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    color: white !important;
    text-align: center;
    text-shadow: black 0px 0px 15px;
    text-transform: uppercase;
}
	
	#ares4 .ie-grid .ie .back-1 .ie-tabs .ie-tab {
height: 100%;
width: 100%;
overflow-y: auto;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.3;
font-weight: 300;
letter-spacing: -0.02em;
overflow-y: scroll !important;
}
	
	#ares4 .ie-grid .ie .back-1 h2 {
margin: 0 0 0 0;
font-size: 21px;
font-weight: 500;
letter-spacing: 0.01em;
}
	#ares4 .ie-grid .ie .back-1 .ie-tabnav a h3 {
margin: 0;
padding: 0;
display: inline-block;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.03em;
font-weight: 300;
text-transform: uppercase;
}
	
	#ares4 .ie-grid .ie .back-1 .ie-tabnav a {
text-transform: uppercase;
text-decoration: none;
color: black;
margin-left: 0;
margin-right: 10px;
font-weight: 300;
letter-spacing: 0;
padding-top: 0;
cursor: pointer;
display: inline-block;
font-size: 21px !important;
line-height: 18px;
border-top: 0 solid white;
}
	
	#ares4 .ie-grid .ie .front-2 h3 {
margin: 0 0 4px 0;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.03em;
color: white;
text-align: center;
text-shadow: black 0px 0px 15px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
	
	#ares4 .ie-grid .ie .front-2 h4 {
margin: 0;
font-size: 15px;
font-weight: 300;
letter-spacing: -0.03em;
color: #4B0082;
text-align: center;
text-transform: uppercase;
text-shadow: black 0px 0px 15px;
}
}


#ares4 .ie-grid .ie .back-1 a {
 color: #2DC3E2;
 text-decoration: none;
}

#ares4 .ie-grid .ie .back-1 a:hover {
    color: black !important;
    transition: 0.5s;
}

#footer a:hover {
 color: #2DC3E2 !important;
}


#ares4 #header #navausgabe ul li a {

    position: relative;
    font-size: 36px !important;
    color: #fff;
    text-decoration: none;
    line-height: 2 !important;
    font-weight: 300;

}

@media only screen and (max-width: 600px) {
#ares4 #header #navausgabe ul li a {

    position: relative;
    font-size: 24px !important;
    color: #fff;
    text-decoration: none;
    line-height: 2 !important;
    font-weight: 300;

}
}