html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}body{line-height:1;}ol, ul{list-style:none;}blockquote, q{quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} .showMenue{display:none;} body{border-top:5px solid #D3d3d3 ;background:#F8F8FF;font-family:'Open Sans', sans-serif;color:#333333;} input{font-family:'Open Sans', sans-serif;font-size:16px;padding:7px;outline:0;border:0;width:250px;background:#EBE8DE;border-radius:5px;} .INPUT_FORM{font-family:'Open Sans', sans-serif;font-size:12px;padding:5px 18px;line-height:25px;outline:0;border:0;width:250px;background:#FFFFFF;border-radius:5px;} input[type=submit]{width:auto;padding:5px 18px;line-height:25px;text-shadow:none;cursor:pointer;box-shadow:none;background:#333333;color:#fff;} p{margin:5px 0;line-height:25px;} a{text-decoration:none;color:inherit;transition:color .5s ease;} strong{font-weight:bold;} figcaption strong{border-bottom:1px solid #D6D0C1;padding-bottom:10px;margin:10px 0;display:block;} figcaption{line-height:25px;font-size:14px;width:200px;} hr{background-color:#D6D0C1;border:0;height:1px;margin:20px 0;} .clear{clear:both;} .hidden{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);} header{position:relative;width:auto;max-width:1080px;margin:0 auto 20px auto;} header img{float:left;width:187px;height: auto !important;} header h1{margin:35px 0 0 0;font-size:55px;color:#D3d3d3;font-family:'Baumans', cursive;margin-left:220px;} header span{ margin: 35px 0 0 0; font-size: 55px; /*color: #696969;*/ color: #545454; font-family: 'Baumans', cursive; margin-left: 220px; display: block; } header .spansub{ font-family: 'Open Sans', sans-serif; font-size: 26px; color: #4A463B; display: block; margin-left: 652px; margin-top: -35px; } header p{font-family:'Open Sans', sans-serif;font-size:26px;color:#4A463B;display:block;margin-left:652px;} header p a{color:#4A463B;text-decoration:none;} /*#spacer{width:auto;height:70px;background-color:#D3d3d3;position: relative;top: 0;z-index:999;font-family:'Open Sans', sans-serif;color:#fff;font-size:18px;}*/ #spacer2, #spacer3{width:auto;height:10px;background-color:#D3d3d3;} #spacer p{} .spacer_head{margin-top:0px;width:100%;height:auto;position:relative;text-align: center;color:#EBE8DE;background-color:#333333;} .spacer_head span, #spacer_head span a{ padding-top:1px; padding-bottom:1px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;transition: all .25s ease;text-decoration: none;margin: 1px; padding: 1px;cursor: pointer;font-size:large;color:#EBE8DE; text-align: center;} .navmain{margin-top:22px;padding-top: 10px;padding-bottom: 10px;width:auto;height:auto;position:relative; text-align: center;color:#333333;background-color:#D3d3d3;} .sub_navmain{z-index: 1000; margin-top:22px;padding-top: 10px;padding-bottom: 10px;width:auto;height:auto;position:absolute; text-align: center;color:#333333;background-color:#D3d3d3;} .navmain2{margin-top:2px; padding-top: 10px;padding-bottom: 10px; width:auto;height:auto;position:relative; text-align: center;color:#333333;background-color:#D3d3d3;} .navmain span, .showMenue span{font-family: 'Open Sans', sans-serif;text-transform: uppercase;transition: all .25s ease;color: #000;text-decoration: none;margin: 1px;padding: 1px; cursor: pointer; font-size:x-large ;} .navmain2 span, .showMenue2 span{font-family: 'Open Sans', sans-serif;text-transform: uppercase;transition: all .25s ease;color: #000;text-decoration: none;margin: 1px;padding: 1px; cursor: pointer;font-size: medium;} .navsub{} /*nav ul{display:block;margin:0px;padding:0px;} nav li:hover{background-color:#D3d3d3;border-color:#333;border-style:solid;border-width:1px;} nav li li:hover{background-color:#D3d3d3 ;border-color:#333;border-style:solid;border-width:1px;} nav ul li{display:block;float:left;padding:3px 15px;} nav ul li ul{display:none;clear:both;} nav ul li:hover ul{display:block;float:none;background-color:#D3d3d3;padding-top:10px;padding-bottom:10px;padding-left:0px;} nav ul li:hover ul li{float:none;padding-top:10px;padding-bottom:10px;} nav ul li:hover ul li ul{display:none;background-color:#D3d3d3;padding-top:5px;padding-bottom:5px;} nav ul li ul li:hover ul{display:block;float:none;background-color:#D3d3d3;padding-top:5px;padding-bottom:5px;margin-left:80px;position:absolute;} nav ul li ul{display:none;float:left;padding:3px 15px;} nav ul li a, nav span{font-family:'Open Sans', sans-serif;text-transform:uppercase;transition:all .25s ease;color:#000;text-decoration:none} nav a:hover{color:#696969 ;}*/ /*.mobile2{float:left;height:auto;width:auto;}*/ /*#mobileMenu{position:fixed;top:0;left:0;width:100%;display:none;} #mobileMenu ul li{display:block;background-color:#D3d3d3;color:#fff;padding:12px 0;letter-spacing:0.1em;text-align:center;text-transform:uppercase;border-bottom:1px solid #CC5836;} .toggleMobile{display:none;} .mobile2{float:left;height:auto;width:auto;} .mobile2 div{height:94px;} .mobile2 img{width:113px;height:94px;float:left;padding:5px} .mobile2 hr{margin:2px 0;} .mobile2 p{text-transform:none;}*/ .slidesjs-container{border-top:1px #d6d0c1 solid;} #slides{display:none} .container, .toptitle{width:auto;margin:0 auto;position:relative;max-width:900px;} /*änderung 01.12.2022 wegen Cumulate Layout Shift*/ #headpic{width:100%; aspect-ratio: 900/410;} /*#colums_kurs_full_pic{aspect-ratio: 250/208; float:left; padding-right: 20px}*/ /*#headpic img{max-width:100%; height: auto !important;}*/ /*#headpic{width:100%;}*/ /*änderung 01.12.2022 wegen Cumulate Layout Shift ENDE*/ /*#headpic img{width:100%;}*/ /*#headpic img{max-width:100% ; height: auto !important;}*/ #headpic_content{line-height:25px;font-family:'Open Sans', sans-serif;width:150px;position:absolute;top:1%;left:1%;display:none;z-index:11;} #headpic_content h3{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:10px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;} #headpic_content{display:block;} #headpic_content p{margin:0 0 0 0;color:#4a463b;background-color:#EBE8DE;padding:3px 3px;border-radius:5px;} .slidesjs-pagination .active{color:red;} #slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button, #slider_content4 p .responsive_button,#slider_content5 p .responsive_button{display:none;color:#000;} #slider_content1{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;right:5%;display:none;z-index:11;} #slider_content2{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;} #slider_content3{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;} #slider_content4{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;} #slider_content5{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;} #slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:10px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;} #slider_content1{display:block;} #slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p, #slider_content5 p{margin:0 0 30px 0;color:#4a463b;background-color:#EBE8DE;padding:10px 15px;border-radius:5px;} .button{ padding: 7px 14px; border: 1px solid #4a463b; background-image: linear-gradient(to bottom, #4a463b 0%, #EBE8DE 100%); background-image: url(linear-gradient(to bottom, #4a463b 0%, #EBE8DE 100%)); background-color: #4A463B; color: #EBE8DE; text-shadow: 1px 1px 0px #4a463b; text-decoration: none; border-radius: 5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); } .button:hover{background:none #EBE8DE;border-color:#EBE8DE;text-shadow:none;color:#4A463B;} .button2{ padding: 7px 14px; margin-left: auto; margin-right: auto; margin-top: 10px; border: 1px solid #4a463b; background-image: linear-gradient(to bottom, #4a463b 0%, #EBE8DE 100%); background-image: linear-gradient(to bottom, #EBE8DE 0%, #4a463b 100%); background-color: #4A463B; color: #EBE8DE; text-shadow: 1px 1px 0px #4a463b; text-decoration: none; border-radius: 5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); } #blogpic{width:100%;} #blogpic img{max-width:100%; height: auto !important;} .button2:hover{background:none #EBE8DE;border-color:#EBE8DE;text-shadow:none;color:#4A463B;} .button3{margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;} footer{position:relative;clear:both;width:auto;height:400px;background:#333333;} article footer{position:relative;clear:both;width:auto;height:50px;background:#333333;} article footer p{color: #FFF;float: left; font-size:10px;} /*footer{ position: sticky;bottom: 0;clear:both;width:auto;height:400px;background:#333333;}*/ footer .wrapper{line-height:25px;margin:0 auto;padding-top:30px;width:auto;max-width:900px;font-size:14px;} footer .wrapper .column{font-family:'Open Sans', sans-serif;color:#ababab;float:left;width:280px;margin-right:20px;} footer .wrapper .column.midlist ul li{display:block;width:auto;padding:0 0 10px 25px;margin-bottom:10px;border-bottom:1px solid #444444;background:url(img/arrowright2.png) left 6px no-repeat;} footer .wrapper .column.midlist ul li a:hover{color:#fff;} footer .wrapper .column.rightlist ul li{display:block;width:auto;margin-bottom:15px;} footer .wrapper .column.rightlist ul li a span{margin-left:95px;display:block;} footer .wrapper .column.rightlist ul li a img{transition:border .25s ease;float:left;border:3px solid #444444;} footer .wrapper .column.rightlist ul li a img:hover{border-color:#5e5e5e;} footer .wrapper .column h4{font-size:16px;color:#fff;border-bottom:1px solid #444444;padding:0 0 10px 0;margin-bottom:10px;} footer .wrapper .footlist1 a {font-size:14px;color:#fff;border-bottom:1px solid #444444;padding:0 0 10px 0;margin-bottom:10px;} footer .wrapper .footlist1 a:hover{color:#fff;} #copyright{background:#1D1D1D;height:100px;position:absolute;bottom:0;left:0;width:100%;} #copyright .wrapper{font-family:'Open Sans', sans-serif;padding-top:25px;color:#ABABAB;font-size:14px;position:relative;} #copyright .wrapper .social{position:absolute;right:0;top:25px;} #copyright .wrapper .social a{transition:opacity .25s ease;opacity:0.3;margin-left:12px;display:block;float:left;} #copyright .wrapper .social a:hover{opacity:0.7;} #copyright .wrapper a{color:#ABABAB;} #copyright .wrapper a:hover{color:#fff;} #boxcontent, #boxcontent_1{width:auto;max-width:900px;margin:0 auto;padding:70px 0 45px 0;} #boxcontent article{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;} #boxcontent_1 article{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;} .teaser_div{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:450px;} #boxcontent article h3, #boxcontent_1 article h3{font-family:'Open Sans', sans-serif;font-size:20px;margin-bottom:10px;margin-right:5px;} .teaser_div strong{font-family:'Open Sans', sans-serif;font-size:20px;margin-left:0;width:250px;display:block;} #boxcontent article img, #boxcontent_1 article img{float:left;width:250px;} .teaser_div img{float:left;width:250px;margin-right:auto;margin-left:auto;} #TERMLISTKOS, #TERMLISTWELL, #TERMLISTFIT{width:250px;} #boxcontent article p, #boxcontent_1 article p, .teaser_div p{line-height:25px;font-family:'Open Sans', sans-serif;margin-right:5px;width:250px;} #boxcontent article article, #boxcontent_1 article article{line-height:25px;font-family:'Open Sans', sans-serif;margin-right:5px;width:250px;} #boxcontent article a, #boxcontent_1 article a, .teaser_div a{line-height:25px;font-family:'Open Sans', sans-serif;margin-left:10px;text-decoration:none;color:#4A463B;} #four_columns, #text_columns{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:auto;max-width:900px;margin:0 auto;} #four_columns_kurse{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:auto;max-width:900px;margin:0 auto;} #text_columns_kurse{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:900px;max-width:900px;margin:0 auto;} #four_columns h2, #text_columns h3, #text_columns h1, #text_columns_kurse h3{font-size:20px;border-bottom:1px solid #D6D0C1;padding:20px 0;margin-bottom:20px;} #four_columns .img-item{float:left;margin-right:25px;} #four_columns .img-item a{position:relative;display:block;} .thumb-screen{display:block;position:absolute;top:0;left:0;width:100%;height:113px;background:#000 url(img/zoom.png) center center no-repeat;z-index:99;opacity:0;transition:opacity .5s ease;} .thumb-screen:hover{opacity:0.5;} #text_columns article.column1, #text_columns .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:1100px;} fieldset{margin:10px 0;font-size:14px;float:left;width:auto;max-width:95%;} /*INPUT_FORM_TEXTBOX{margin:10px 0;font-size:14px;float:left;width:auto !important;max-width:95%;}*/ #text_columns_kurse article.colums_kurs, #text_columns_kurse .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:450px;} #text_columns_kurse article.colums_kurs_full{margin:10px 0;font-size:14px;float:left;width:auto;max-width:900px;} /*#text_columns_kurse .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:900px;}*/ #text_columns article.column_teaser{margin:10px 0;font-size:14px;float:left;width:auto;} #text_columns article.column_teaser img{float:left;width:125px;height:104px;} .row h4, .column2 h3, #text_columns_kurse h1, .toptitle h1{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:10px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;} .toptitle h1{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:20px;margin-top:20px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;} .toptitle h2{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:20px;margin-top:20px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;} #text_columns .column2{margin:120px 0;} .row{position:relative;margin:40px 0 0 50px;float:right;width:350px;} .row img{float:left;} .row p{margin-left:100px;} .rocket, .clock{top:0;left:0;position:absolute;height:80px;} .rocket:hover{opacity:0;transition:opacity 0.4s ease 0.2s;animation-name:stylie-transform-keyframes;animation-duration:700ms;animation-delay:0ms;animation-fill-mode:forwards;animation-timing-function:linear;animation-iteration-count:1;transform-origin:0 0;} .clock:hover{animation-name:stylie-transform2-keyframes;animation-duration:100ms;animation-delay:0ms;animation-fill-mode:forwards;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:0 0;} .btn { background: #4ad934; background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b); background-image: -moz-linear-gradient(top, #4ad934, #5ab82b); background-image: -ms-linear-gradient(top, #4ad934, #5ab82b); background-image: -o-linear-gradient(top, #4ad934, #5ab82b); background-image: linear-gradient(to bottom, #4ad934, #5ab82b); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; text-shadow: 1px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 1em; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #5ab82b; background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934); background-image: -moz-linear-gradient(top, #5ab82b, #4ad934); background-image: -ms-linear-gradient(top, #5ab82b, #4ad934); background-image: -o-linear-gradient(top, #5ab82b, #4ad934); background-image: linear-gradient(to bottom, #5ab82b, #4ad934); text-decoration: none; } .TERMINE{ width: 95%; display: flex; } .TERMINE_vollzeit{ width: 49%; float: left; border-right: 2px; border-color: #000; border-style: solid; } .TERMINE_teilzeit{ width: 49%; float: right; margin-right:1%; } .teaser_div_test{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:250px;background:#ebe8de;} .teaser_div_test h3{ font-family: 'Open Sans', sans-serif; font-size: 14px; background-color: #FF0; opacity: 0.8; display: flex; height: 30px; width: 70%; float: right; text-align: right; margin-right: 25px; align-items: center; justify-content:flex-end; position: relative; margin-top: -15px; border-radius: 5px 0 0 5px; font-weight: bold; } .teaser_div_test:hover strong{ font-family: 'Open Sans', sans-serif; font-size: 20px; margin-left: 0; width: 250px; display: block; z-index: 999; position: relative; transform: translate(0,-100%); background:#ebe8de; opacity: 0.8; } .teaser_div_test:hover p{ clear:both; font-family: 'Open Sans', sans-serif; font-size: 15px; margin-left: 0; margin-top:0; width: 250px; height:195px; display: block; z-index: 999; position: relative; transform: translate(0,-120%); background:#ebe8de; opacity: 0.8; } .teaser_slider_left{ width: 50px; display: block; height: 250px; background-color: #D3d3d3; position: absolute; top:250px; right:0; border-radius: 25px 0 0 25px; z-index: 999; } .teaser_slider_left span{ font-family: 'Open Sans', sans-serif; font-size: 45px; color: #FFF; transform: rotate(90deg); transform-origin: 15% 55%; float: left; margin-top:40%; } .teaser_slider_left:hover{ width: 350px; display: block; right: 0; border-radius: 25px 0 0 25px; z-index: 999; min-height: 250px; background-color: #D3d3d3; height:auto; } .teaser_slider_left:hover div{ display: block; background-color: #D3d3d3; height: auto; margin-top:20px; margin-left:20px; } .teaser_slider_left:hover div div{ display: block; background-color: #D3d3d3; height: auto; } .teaser_slider_left div div:hover p{ clear:both; font-family: 'Open Sans', sans-serif; font-size: 15px; margin-left: 0; margin-top:0; width: 250px; height:195px; display: block; position: static; margin-top: -15px; /*transform: translate(0,-120%);*/ background:#ebe8de; opacity: 0.8; } .teaser_slider_left:hover div h3{ font-family: 'Open Sans', sans-serif; font-size: 14px; background-color: #FF0; opacity: 0.8; display: flex; height: 30px; width: 70%; float: right; text-align: right; margin-right: 25px; align-items: center; justify-content:flex-end; position: relative; margin-top: -15px; border-radius: 5px 0 0 5px; font-weight: bold; } .teaser_slider_left:hover div img{float:left;width:250px;margin-right:auto;margin-left:auto;} .teaser_slider_left:hover span{ display: none; } .teaser_slider_left:hover p{ display: none; } .teaser_slider_left div{ display: none; } .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 1000; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: scroll; } .overlay_NAV { height: auto; width: 100%; /*display: ;*/ position: fixed; z-index: 10000; top: 0; left: 0; background-color: #D3d3d3; opacity: 0.95; /*background-color: rgba(211,211,211, 0.9);*/ overflow-y: scroll; } .overlay_SUBNAV { height: 100%; width: 100%; /*display: ;*/ position: fixed; z-index: 10001; top: 0; left: 0; background-color: #D3d3d3; opacity: 0.95; /*background-color: rgba(211,211,211, 0.9);*/ overflow-y: scroll; } .overlay-content { position: relative; top: 1%; width: 100%; text-align: left; margin-top: 30px; } .overlay-content-beauty { /*position: relative;*/ top: 10%; width: 80%; height:80%; text-align: left; margin-top: 30px; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .flexmstart{ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; } .flexmstart_NAV{ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; } .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .overlay span{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; transition: all .25s ease; color: #000; text-decoration: none; margin: 1px; padding: 1px; /*cursor: pointer;*/ font-size: x-large; color: #818181; /*background-color:#6FC;*/ } .overlay a:hover, .overlay a:focus { color: #f1f1f1; } .overlay .menue_TOP{ margin-top: 80px; } .overlay .closebtn { position: absolute; top: 2px; right: 10px; height:70px; font-size: 60px; z-index: 1010; /*background-color:#3F0;*/ } .overlay .column_nav { width: 23%; height: 125px; float: left; /*background-color:#F30;*/ margin: 5px; padding: 5px; border-bottom:1px; border-bottom-color:#818181; border-bottom-style:solid; position: relative; } .overlay_SUBNAV a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .overlay_SUBNAV span{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; transition: all .25s ease; color: #000; text-decoration: none; margin: 1px; padding: 1px; /*cursor: pointer;*/ font-size: x-large; color: #818181; /*background-color:#6FC;*/ } .overlay_SUBNAV a:hover, .overlay a:focus { color: #f1f1f1; } .overlay_SUBNAV .menue_TOP{ margin-top: 80px; } .overlay_SUBNAV .closebtn { position: absolute; top: 2px; right: 10px; height:70px; font-size: 60px; z-index: 1010; /*background-color:#3F0;*/ } .overlay_SUBNAV .column_nav { width: 23%; height: 125px; float: left; /*background-color:#F30;*/ margin: 5px; padding: 5px; border-bottom:1px; border-bottom-color:#818181; border-bottom-style:solid; position: relative; } .foerderung{ position: absolute; display: block; background-color:#F30; color:#FFFFFF; margin-left: 4px; padding: 3px; bottom:0px; font-size: small; width: 108px; } .foerderung_tmp{ position: absolute; display: block; background-color:#F30; color:#FFFFFF; /*margin-bottom: 4px;*/ /*margin: 5px;*/ margin-left: 4px; padding: 3px; bottom:0px; font-size: small; width: 108px; } .overlay .column_nav_small{ width: 100%; height: auto; clear:both /*background-color: #0F0;*/ margin: 5px; padding: 5px; font-size: x-large; color: #818181; } .overlay .column_nav img{ /* width: 50%; height: 50%;*/ float: left; margin: 2px; padding: 2px; } .overlay .column_nav a{ font-family: 'Open Sans', sans-serif; font-size: small; } .overlay_SUBNAV .column_nav_small{ width: 100%; height: auto; clear:both /*background-color: #0F0;*/ margin: 5px; padding: 5px; font-size: x-large; color: #818181; } .overlay_SUBNAV .column_nav img{ /* width: 50%; height: 50%;*/ float: left; margin: 2px; padding: 2px; } .overlay_SUBNAV .column_nav a{ font-family: 'Open Sans', sans-serif; font-size: small; } .spacer_nav{width:100%;height:3px;background-color:#D3d3d3;clear:both;} .back-to-top { z-index: 1000000; display: none; text-decoration: none; position: fixed; bottom: 10px; right: 20px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: 100%; background: url(/img/ui.totop.png) no-repeat left top; } #Submenue{ width: 100%; height: 80px; display: flex; justify-content: center; } .Submenue_item { color: #EBE8DE; font-size: 25px; font-weight: bold; background-color: #333333; border-radius: 15px 0 15px 0; display: inline-block; padding: 10px 15px; margin-bottom: 20px; margin-top: 20px; margin-left:auto; margin-right:auto; } .pointer{ cursor: pointer; } .menue_beauty{ width: 33%; height: 250px; } .flex_menue_beauty_Item_1, .flex_menue_beauty_Item_2,.flex_menue_beauty_Item_3,.flex_menue_beauty_Item_4,.flex_menue_beauty_Item_5,.flex_menue_beauty_Item_6,.flex_menue_beauty_Item_7,.flex_menue_beauty_Item_8{ display: flex; flex: 20%; max-width:20%; height: 50%; align-self: flex-start; } .flex_menue_beauty_Item_1_NAV, .flex_menue_beauty_Item_2_NAV,.flex_menue_beauty_Item_3_NAV,.flex_menue_beauty_Item_4_NAV,.flex_menue_beauty_Item_5_NAV,.flex_menue_beauty_Item_6_NAV,.flex_menue_beauty_Item_7_NAV,.flex_menue_beauty_Item_8_NAV{ display: flex; flex: 10%; max-width:11%; height: 25%; align-self: flex-start; border:1px solid #696969; border-top-right-radius: 25%; } /*.flex_menue_beauty_top{ flex: 20%; max-width:20%; height: 50%; align-self: flex-start; } .flex_menue_beauty_bottom{ flex: 20%; max-width:20%; height: 50%; align-self: flex-end; } .flex_menue_beauty_center{ flex: 20%; max-width:20%; height: 50%; align-self: center; }*/ .menue_beauty_center{ width: 33%; height: 500px; } .flextext{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; /*transition: all .25s ease;*/ color: #EBE8DE; font-size: 0.9vw; font-weight: bold; text-decoration: none; width:auto; } .flextext_NAV{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; /*transition: all .25s ease;*/ color: #000000; font-size:clamp(0.3em, calc(0.75em + 0.2vw), 2em); font-weight: bold; text-decoration: none; width:80%; height: 48px; min-height: 24px; } .fleximg{ width:90%; height:auto; } .fleximg_NAV{ width:90%; height:auto; filter: drop-shadow(1rem 1rem 4px #ccc); border-top-left-radius: 15%; border-top-right-radius: 15%; } .Figure_Flex{ width:auto; } .float_left{ float:left; } .float_right{ float:right; } .float_none{ clear:both; } .reset{ clear:both; } .text_columns_links{ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .spacer_nav_links{ flex:90%; background-color:#D3d3d3; } .column_nav_links { /* width: 23%; height: 125px; float: left; background-color:#F30;*/ /* margin: 5px; padding: 5px; border-bottom:1px; border-bottom-color:#818181; border-bottom-style:solid*/; display: flex; flex:35%; background-color: #ECECEC; border-radius: 5%; margin:1%; padding: 1%; min-height:240px; } .column_nav_small{ width: 100%; height: auto; clear:both background-color: #0F0; margin: 5px; padding: 5px; font-size: x-large; color: #818181; } .column_nav_links img{ margin: 2px; padding: 2px; border-radius: 10%; } .column_nav_links a{ font-family: 'Open Sans', sans-serif; font-size: 1vh; display: block; } .text_columns_full{ display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .column_nav_full { display: flex; flex:25%; background-color: #ECECEC; border-radius: 5%; margin:1%; padding: 1%; min-height:240px; } .column_nav_full img{ margin: 2px; padding: 2px; border-radius: 10%; } .column_nav_full a{ font-family: 'Open Sans', sans-serif; font-size: 1vh; display: block; } /*.teaser_div_test:hover h3 { z-index: 999; position: relative;} .teaser_div_test:hover img{ z-index: 999; position: relative;float:left;width:250px;margin-right:auto;margin-left:auto;}*/ .teaser_div_test img{float:left;width:250px;margin-right:auto;margin-left:auto;} .teaser_div_test strong, .teaser_div_test p, .teaser_div_test span{display:none;} @media (max-width:1215px){#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5{width:auto;margin-right:50px;} #slider_content1 h2, #slider_content2 h2, #slider_content3 h2, #slider_content4 h2, #slider_content5 h2{font-size:18px;} #slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p, #slider_content5 p{font-size:14px;} #slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button, #slider_content4 p .responsive_button, #slider_content5 p .responsive_button{display:inline;} .container .button{display:none;} .btn { background: #4ad934; background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b); background-image: -moz-linear-gradient(top, #4ad934, #5ab82b); background-image: -ms-linear-gradient(top, #4ad934, #5ab82b); background-image: -o-linear-gradient(top, #4ad934, #5ab82b); background-image: linear-gradient(to bottom, #4ad934, #5ab82b); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; text-shadow: 1px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #5ab82b; background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934); background-image: -moz-linear-gradient(top, #5ab82b, #4ad934); background-image: -ms-linear-gradient(top, #5ab82b, #4ad934); background-image: -o-linear-gradient(top, #5ab82b, #4ad934); background-image: linear-gradient(to bottom, #5ab82b, #4ad934); text-decoration: none; } .overlay .column_nav{ width: 120px; height:250px; /*height: auto;*/ float: left; /*background-color: #0F0;*/ margin: 5px; padding: 5px; } } @media (max-width:915px){.showMenue{display:none;} .blogvideo{width:100%; height:100% !important} #boxcontent article{float:none;margin:30px auto 0 auto;width:60%;} #spacer{font-size:15px;} #spacer .search{margin-top:19px;margin-right:-385px;} #spacer p{margin-left:-370px;} input{padding:4px;font-size:14px;} input[type="submit"]{padding:1px 14px;} #four_columns{width:500px;} #four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4){margin-top:25px;} #text_columns article.column1, #text_columns .column2{float:none;max-width:500px;margin:50px 30px 0 30px;} .column2 .row{float:none;margin:0 0 40px 50px;} footer .wrapper .column{font-size:12px;width:230px;} .btn { background: #4ad934; background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b); background-image: -moz-linear-gradient(top, #4ad934, #5ab82b); background-image: -ms-linear-gradient(top, #4ad934, #5ab82b); background-image: -o-linear-gradient(top, #4ad934, #5ab82b); background-image: linear-gradient(to bottom, #4ad934, #5ab82b); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; text-shadow: 1px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #5ab82b; background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934); background-image: -moz-linear-gradient(top, #5ab82b, #4ad934); background-image: -ms-linear-gradient(top, #5ab82b, #4ad934); background-image: -o-linear-gradient(top, #5ab82b, #4ad934); background-image: linear-gradient(to bottom, #5ab82b, #4ad934); text-decoration: none; } } @media (max-width:765px){ /*.container{height:1px;top:-1500px;}*/ .blogvideo{width:100%; height:100% !important} header{height:auto;} header h1{margin:35px 0 0 0;font-size:55px;color:#D3d3d3;font-family:'Baumans', cursive;margin-left:10px;} header span{margin:35px 0 0 0;font-size:55px;color:#545454;font-family:'Baumans', cursive;margin-left:10px;display:block;} header .spansub{display:none;} header p{font-family:'Open Sans', sans-serif;font-size:26px;color:#4A463B;margin-left:100px;} header p a{color:#4A463B;text-decoration:none;} header img{display:none;} .showMenue{display:block;color:#333333;background-color:#D3d3d3;} .mobile_menue, .mobile_menue a{ display: block; clear: both; font-family: 'Open Sans', sans-serif; font-size: 26px; color: #D3d3d3; margin-top: 10px; margin-bottom: 10px; } .overlay span{ font-size: large; color: #818181; /*background-color:#6FC;*/ } nav div li{display:none;} /*.navmain span{display:none;} .navmain2 span{display:none;}*/ /*.navmain {display:none;}*/ .navmain2 {display:none;} nav div:hover li{display:block;} /*nav{background:#D3d3d3;clear:both;margin-top:0;margin-left:-50%;padding:0px;display:block;width:100%;float:left;}*/ nav ul{} nav li{width:90%;} nav a, nav span{display:block;height:20px;margin-top:10px;margin-bottom:10px;} #four_columns_kurse, #text_columns_kurse{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:90%;margin-right:auto;margin-left:auto;} #boxcontent, #boxcontent_1{width:90%;margin-right:auto;margin-left:auto;} #boxcontent article{float:left;width:90%;margin-right:auto;margin-left:auto;font-size:14px;} #boxcontent_1 article{float:none;width:50%;margin-right:auto;margin-left:auto;font-size:14px;} .teaser_div{float:left;width:50%;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:550px;} #boxcontent article h3, #boxcontent_1 article h3{font-family:'Open Sans', sans-serif;font-size:20px;margin-bottom:10px;margin-right:5px;display:block;} .mobile2{float:left;} .mobile2 div{height:110px;} .mobile2 div p{line-height:10px;} #spacer{height:auto;margin-top:30px;padding-bottom:20px;} #spacer2{display:none;} #spacer p{text-align:center;position:static;margin:0 auto;padding:15px 0 7px 0;} #spacer .search{text-align:center;position:static;margin:0 auto;} footer{padding-bottom:70px;height:auto;} footer .wrapper{width:350px;margin:0 auto;} footer .wrapper .column{margin-top:30px;float:none;font-size:14px;width:auto;} footer .wrapper .social{display:none;} .btn { background: #4ad934; background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b); background-image: -moz-linear-gradient(top, #4ad934, #5ab82b); background-image: -ms-linear-gradient(top, #4ad934, #5ab82b); background-image: -o-linear-gradient(top, #4ad934, #5ab82b); background-image: linear-gradient(to bottom, #4ad934, #5ab82b); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; text-shadow: 1px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 1em; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #5ab82b; background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934); background-image: -moz-linear-gradient(top, #5ab82b, #4ad934); background-image: -ms-linear-gradient(top, #5ab82b, #4ad934); background-image: -o-linear-gradient(top, #5ab82b, #4ad934); background-image: linear-gradient(to bottom, #5ab82b, #4ad934); text-decoration: none; } #Submenue{ width: 100%; height: 220px; display: flex; flex-direction: column; } .Submenue_item { color: #EBE8DE; font-size: 25px; font-weight: bold; background-color: #333333; border-radius: 15px 0 15px 0; display: inline-block; padding: 5px 15px; margin-bottom: 10px; margin-top: 10px; margin-left:2px; margin-right:auto; } } @media screen and (max-width:500px) {header{margin-top:30px;text-align:center;} .showMenue{display:block;color:#333333;background-color:#D3d3d3;} .blogvideo{width:100%; height:100% !important} .mobile_menue, .mobile_menue a{ display: block; clear: both; font-family: 'Open Sans', sans-serif; font-size: 26px; color: #D3d3d3; margin-top: 10px; margin-bottom: 10px; } .overlay span{ font-size: large; color: #818181; /*background-color:#6FC;*/ } nav div li{display:none;} nav div:hover li{display:block;} /*nav{background:#D3d3d3;clear:both;margin-top:0;margin-left:-50%;padding:0px;display:block;width:100%;float:left;}*/ nav ul{} nav li{width:90%;} nav a, nav span{display:block;height:20px;margin-top:10px;margin-bottom:10px;} #boxcontent_1 article{float:none;width:90%;margin-right:auto;margin-left:auto;font-size:14px;} .teaser_div{float:left;width:90%;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:550px;} #text_columns_kurse li, #boxcontent_1 li{padding-top:10px;padding-bottom:10px;} .Kartenlink{padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;} .mobile2{float:left;} .mobile2 div{height:250px;} .mobile2 strong{display:block;margin-top:10px;margin-bottom:10px;float:left;} .mobile2 img{width:113px;height:94px;padding-right:70px;padding-bottom:20px;float:left;} .mobile2 hr{margin:2px 0;clear:both;} .mobile2 div p{font-size:smaller;line-height:10px;padding-top:20px;} .if4x3{height:5400px;width:100%;} #spacer{height:auto;margin-top:30px;padding-bottom:20px;} #spacer2{display:none;} #four_columns{width:auto;} #four_columns .img-item{width:200px;float:none;margin:25px auto 0 auto;} #four_columns h2{margin:0 30px;} .column2 .row{margin:0 0 40px 10px;width:auto;} footer .wrapper{width:auto;} footer .wrapper .column{margin:0 auto 15px auto;max-width:300px;} input{width:auto;} header h1, header span{margin-left:10px;font-size:30px;/*font-size: 0.8vh;*/} header p{margin-left:60px;font-size:14px;} header img{display:none;} header .spansub{display:none;} /*#headpic{width:100%; aspect-ratio: 500/228;}*/ #text_columns_kurse article.colums_kurs, #text_columns_kurse .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:320px;} .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 1000; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: scroll; } .overlay_NAV { height: 100%; width: 100%; /* display: none;*/ position: fixed; z-index: 1000; top: 0; left: 0; background-color: #D3d3d3; opacity: 0.95; overflow-y: scroll; } .overlay span{ font-family: 'Open Sans', sans-serif; /* text-transform: uppercase; */ transition: all .25s ease; color: #000; text-decoration: none; margin: 1px; padding: 1px; /*cursor: pointer;*/ font-size: 2.0vh; color: #818181; /*background-color:#6FC;*/ } .overlay_NAV span{ font-family: 'Open Sans', sans-serif; /* text-transform: uppercase; */ transition: all .25s ease; color: #000; text-decoration: none; margin: 1px; padding: 1px; /*cursor: pointer;*/ font-size: 2.0vh; color: #818181; /*background-color:#6FC;*/ } .overlay_SUBNAV { height: 100%; width: 100%; /*display: ;*/ position: fixed; z-index: 10001; top: 0; left: 0; background-color: #D3d3d3; opacity: 0.95; /*background-color: rgba(211,211,211, 0.9);*/ overflow-y: scroll; } .overlay_SUBNAV .column_nav { width: 40%; height: 250px; float: left; /*background-color:#F30;*/ margin: 5px; padding: 5px; border-bottom:1px; border-bottom-color:#818181; border-bottom-style:solid; position: relative; } .spacer_nav_links{ flex:90%; background-color:#D3d3d3; margin-top: 15%; } .column_nav_links { /* width: 23%; height: 125px; float: left; background-color:#F30;*/ /* margin: 5px; padding: 5px; border-bottom:1px; border-bottom-color:#818181; border-bottom-style:solid*/; flex:50%; background-color: #ECECEC; border-radius: 5%; margin:1%; padding: 20px; margin-top: 15%; } .column_nav_links img{ margin: 2px; padding: 2px; border-radius: 10%; } .column_nav_links a{ font-family: 'Open Sans', sans-serif; font-size: 2vh; display: block; } .btn { background: #4ad934; background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b); background-image: -moz-linear-gradient(top, #4ad934, #5ab82b); background-image: -ms-linear-gradient(top, #4ad934, #5ab82b); background-image: -o-linear-gradient(top, #4ad934, #5ab82b); background-image: linear-gradient(to bottom, #4ad934, #5ab82b); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; text-shadow: 1px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 0.9em; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #5ab82b; background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934); background-image: -moz-linear-gradient(top, #5ab82b, #4ad934); background-image: -ms-linear-gradient(top, #5ab82b, #4ad934); background-image: -o-linear-gradient(top, #5ab82b, #4ad934); background-image: linear-gradient(to bottom, #5ab82b, #4ad934); text-decoration: none; } #Submenue{ width: 100%; height: 220px; display: flex; flex-direction: column; } .overlay-content-beauty { position: relative; top: 100%; width: 80%; height:auto; text-align: left; /*margin-top: 30px;*/ display:flex; flex-direction:column; flex-wrap: nowrap; justify-content: center; align-items: center; overflow-y: scroll; } .flexmstart{ display:flex; flex-direction:column; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; } .flexmstart_NAV{ display:flex; flex-direction:column; flex-wrap: wrap; justify-content: center; align-items: center; height: auto; overflow-y: scroll; } .Submenue_item { color: #EBE8DE; font-size: 25px; font-weight: bold; background-color: #333333; border-radius: 15px 0 15px 0; display: inline-block; padding: 5px 15px; margin-bottom: 10px; margin-top: 10px; margin-left:2px; margin-right:auto; } .flextext{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; transition: all .25s ease; color: #EBE8DE; font-size: 3vh; font-weight: bold; text-decoration: none; } .fleximg{ width:80%; height:auto; } .Figure_Flex{ width:auto; } .flex_menue_beauty_Item_1, .flex_menue_beauty_Item_2,.flex_menue_beauty_Item_3,.flex_menue_beauty_Item_4,.flex_menue_beauty_Item_5,.flex_menue_beauty_Item_6,.flex_menue_beauty_Item_7,.flex_menue_beauty_Item_8{ flex: 1; max-width:80%; height: auto; align-self: flex-start; } .flex_menue_beauty_Item_1_NAV, .flex_menue_beauty_Item_2_NAV,.flex_menue_beauty_Item_3_NAV,.flex_menue_beauty_Item_4_NAV,.flex_menue_beauty_Item_5_NAV,.flex_menue_beauty_Item_6_NAV,.flex_menue_beauty_Item_7_NAV,.flex_menue_beauty_Item_8_NAV{ display: flex; flex: 10%; max-width:80%; height: auto; align-self: flex-start; } /* #spacer2, #spacer3{width:auto;height:10px;background-color:#D3d3d3;max-width:320px;} footer{position:relative;clear:both;width:auto;height:auto;background:#333333;max-width:320px;}*/ } @keyframes stylie-transform-keyframes{0%{transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function:cubic-bezier(.25,.25,.75,.75);} 100%{transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);} } @keyframes stylie-transform2-keyframes{0%{transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function:cubic-bezier(.25,.25,.75,.75);} 100%{transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);} }