@charset "UTF-8";
    /**
        @name:          rissmannrissmann
        @access:        frontend
        @author:        rissmannrissmann
        @copyright:     rissmannrissmann
        @since:         2010
        @todo:          cascading style sheet for all browsers
    */



    /* Main styles */
        html, body {
            /*width:            100%;
            min-height:         100%;
            height:             100%;*/
            text-align:         left;
            position:           relative;
            font-family:        'Fira Sans', sans-serif;
            background:         #f5f5f2;

        }
        
        ::selection {
            background: #3eb1cd;
            color: #fff;
        }
        ::-moz-selection {
            background: #3eb1cd;
            color: #fff;
        }

        * html body {
            width:              100%;
        }

        * {
            margin:             0;
            padding:            0;
            border:             0;
            outline:            0;
        }

        img {
            -ms-interpolation-mode:bicubic;
        }
        
        a {
                color: #3eb1cd;
                text-decoration: none;
        }
        
        a:hover {
                text-decoration: underline;
        }
        
        h1 {
                font-size: 16pt;
                font-weight: 400;
                line-height: 126%;
        }
        
        header {
                width: 100%;
                background: rgb(23,128,167);
                background: linear-gradient(45deg, rgba(23,128,167,1) 0%, rgba(34,154,199,1) 30%, rgba(87,202,212,1) 70%, rgba(134,245,255,1) 100%);
                -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
                -moz-animation: fadein 2s; /* Firefox < 16 */
                -ms-animation: fadein 2s; /* Internet Explorer */
                -o-animation: fadein 2s; /* Opera < 12.1 */
                animation: fadein 2s;
        }
        
        header article {
                max-width: 830px;
                padding: 100px 60px 40px 0px;
                margin: 0 auto;
        }
        
        #Logo {
                width: 100%;
                display: inline-block;
        }
        
        #LogoBox {
                height: 14px;
                width: 50px;
                background: #fff;
                float: left;
                margin: 59px 20px 0 0;
        }
        
        #LogoText {
                color: #fff;
                float: left;
        }
        
        #LogoText a {
                color: #fff;
                text-decoration: none;
        }
        
        #LogoText a:hover {
                color: #fff;
                text-decoration: none;
        }
        
        header p {
                
                margin: 40px 0 0 70px;
                font-style: italic;
                font-size:12pt;
                font-weight: 200;
                line-height: 150%;
                color: #fff;
        }
        
        section {
                max-width: 780px;
                padding: 20px 60px 80px 50px;
                margin: 0 auto;
                display: flex;
        }
        
        section article {
                width: 50%;
                float: left;
                -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
                -moz-animation: fadein 2s; /* Firefox < 16 */
                -ms-animation: fadein 2s; /* Internet Explorer */
                -o-animation: fadein 2s; /* Opera < 12.1 */
                animation: fadein 2s;
        }
        
        @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Firefox < 16 */
        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Safari, Chrome and Opera > 12.1 */
        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Internet Explorer */
        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Opera < 12.1 */
        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        section article.full{
                width: 100%;
        }
        
        section article p {
                display: inline-block;
                margin: 20px;
                font-size: 10.5pt;
                font-weight: 200;
                line-height: 170%;
        }
        
        section article a.linkbox {
                display: inline-block;
                background: #fff;
                transition: box-shadow .3s ease-in-out, transform .2s ease-in-out;
                margin: 20px;
                color: #000;
                font-weight: 200;
                text-decoration: none;
                position: relative;
        }
        
        section article a.linkbox:hover {
                box-shadow: 0px 3px 17px #E5E5E5;
                transform: scale(1.02);
        }
        
        section article a.linkbox .img_logo {
                float: left;
                width: 25%;
                margin: 6px 0px 6px 16px;
        }
        
        section article a.linkbox p {
                float: left;
                width: 50%;
                margin: 15px;
                font-size: 9pt;
                line-height: 160%;
        }
        
         section article a.linkbox .img_arrow {
                float: left;
                width: 4%;
                margin: 11% 5px;
                opacity: 0.5;
                transition: opacity 0.3s ease-in-out;
        }
        
        section article a.linkbox:hover .img_arrow {
                opacity: 1;
        }
        
        footer {
                display: block;
                margin: 10px auto;
                font-size: 8pt;
                font-weight: 200;
                color: #a6a69a;
                text-align: center;
        }
        
        footer a {
                color: #a6a69a;
                text-decoration: none;
                font-size: 8pt;
                font-weight: 200;
        }
        
        footer a:hover {
                color: #5B5B54;
                text-decoration: none;
        }
        
        



@media only screen and (max-width: 890px) {
        section {
                display: inline-block;
                padding-bottom: 30px;
        }
        
        section article {
                width: 100%;
                float: left;
        }
        
        section article p {
                margin: 20px 0px 20px 20px;
        }
        
        section article a.linkbox {
                width: 100%;
                margin: 0 auto;
                background-image: url(pfeil.png);
                background-repeat: no-repeat;
                background-position: right 5% center;
        }
        
        section article a.linkbox .img_logo {
                width: 15%;
        }
        
        section article a.linkbox p {
                margin: 4%;
        }
        
         section article a.linkbox .img_arrow {
                display: none;
        }
}

@media only screen and (max-width: 520px) {
        section article a.linkbox .img_logo {
                width: 25%;
        }
}
        
 @media only screen and (max-width: 340px) {
        h1 {
                font-size: 14pt;
        }
        
        #LogoBox {
                height: 12px;
                margin: 52px 20px 0 0;
        }
}