/*
--------------Farben-------------
Rotton:     var(--rot)
Dunkelgrau: #333333
Beige: #fef4e8

*/

:root {
    --rot: #c8230a;
    --dunkelgrau:#333333;
    --hellgrau:#f8f8f8;
    --beige: #fef4e8;    
}


html{overflow-x: hidden;}

img{max-width: 100%;height: auto;display: block;}

blockquote{margin: 0!important;}
blockquote p{color: var(--rot)!important;}

body{background-color: #ffffff !important;}
body,html,*{font-size:17px;line-height:1.6;font-family:'Libre Franklin';font-weight:300;}
*:focus,
a:focus,
a:focus-visible,
*:focus-visible{outline: none!important;color: #333333!important;box-shadow: none!important;}
html{scroll-behavior: smooth;}

body p{color:#333333;font-size:17px;}

body a, body div{outline: none;}

body a{color:#333333;text-decoration:none;font-size:100%;transition:all .3s ease;}
body a:hover{text-decoration:none;color:var(--rot);transition:all .3s ease;}
body a:focus{text-decoration:none;}

body li{list-style:none;padding-left:30px;position:relative;}
body li:before{content:'';width:6px;height:10px;display:block;background:url('media/icons/dot_active.png');background-repeat:no-repeat;background-size:100%; background-position:center;position:absolute;top:10px;left:10px;}

body ul{padding:0;margin:0;}

/* body img{max-width:100%;height:auto;display: block;} */

body hr{border-color: #ffffff;margin: 15px;}

body h1{font-size:325%;font-weight:600;text-transform:uppercase;display:block;width:100%;position:relative;color:#ffffff!important;margin-bottom:20px;line-height:1;}
body h2{font-size:200%;font-weight:600;display:block;color:#333333;margin:0;line-height:1;margin-bottom: 20px;}
body h3{font-size:150%;font-weight:500;display:block;color:#333333;margin:0;line-height:1;margin-bottom: 15px;}

.headline{font-weight:600;}
.subline{font-size:115%;font-weight:500;display:block;color:var(--rot);margin-bottom: 10px;}

.buttons{margin-top: 30px;}
.btn{position:relative;margin-right: 20px;margin-bottom: 10px;background-color: var(--rot);color: #ffffff;padding: 10px 25px;border-radius: 0;border: 2px solid var(--rot);width: max-content;font-weight: 400;text-align: center;text-transform:uppercase;line-height:1;}
.btn:hover{background:#ffffff;transition:all .3s ease;color:var(--rot);}
.btn:last-child{margin-right: 0;}

.btn.white{background: #fff;color:var(--rot);border: 2px solid #ffffff;padding:18px 70px 15px 20px;}
.btn.white:hover{background:transparent;transition:all .3s ease;color:#ffffff;}
.btn.white:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_red.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:18px;right:25px;}
.btn.white:hover:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:17px;right:25px;transition:all .3s ease;}

.btn.schrift{background:none;color:var(--rot);margin-right: 50px;margin-bottom: 20px;border:none;text-align: left;padding: 0;}
.btn.schrift:last-child{background:none;color:var(--rot);margin-right: 20px;border:none;text-align: left;}
.btn.schrift:after{content: '';width: 20px;height: 20px;display: block;background: url('media/icons/arrow_right_red.png') !important;background-repeat: no-repeat !important;background-size: 100% !important;background-position: center !important;position: absolute;top: -2px;right: -35px;transition:all .3s ease;}
.btn.schrift:hover:after{content: '';background: url('media/icons/arrow_right_white.png');right: -40px;transition: all .3s ease;}

.btn.trans{color:#fff;background:transparent;border: 2px solid #ffffff;padding:18px 25px 15px 25px;}
.btn.trans:hover{background:#ffffff;transition:all .3s ease;color:var(--rot);}

strong{font-weight:600;font-size:100%;}

input:focus-visible, textarea:focus-visible{outline: none;}

.container{max-width:1500px;}
.container.wide{max-width:1800px;}

.inner{max-width:1500px;}
.inner.wide{max-width:1800px;}

.slider .owl-controls .owl-dots{text-align: center;margin-top: 40px;}
.slider .owl-controls .owl-dot{display: inline-block;padding: 5px;text-align: center;border-radius: 50%;font-weight: 500;background: #333333;border: solid 1px transparent;margin-right: 10px;transition: 0.25s ease-out;}
.slider .owl-controls .owl-dot.active{background: var(--rot);transition: 0.5s ease-out;}
.slider .owl-controls {position: relative;}
.slider .owl-controls .owl-nav .owl-prev{background: url('media/icons/prev.png')no-repeat;background-size: 100%;display: block;width: 40px;height: 40px;position: absolute;right: 37px;bottom: 0px;}
.slider .owl-controls .owl-nav .owl-prev:hover{background: url('media/icons/prev_red.png')no-repeat;background-size: 100%;display: block;width: 40px;height: 40px;position: absolute;right: 37px;bottom: 0px;}
.slider .owl-controls .owl-nav .owl-next{background: url('media/icons/next.png')no-repeat;background-size: 100%;display: block;width: 40px;height: 40px;position: absolute;right: 0;bottom: 0px;}
.slider .owl-controls .owl-nav .owl-next:hover{background: url('media/icons/next_red.png')no-repeat;background-size: 100%;display: block;width: 40px;height: 40px;position: absolute;right: 0;bottom: 0px;}

/*------------------------------------Header-------------------------------------------------*/

#page-header{position: absolute;top: 0;right: 0;left: 0;padding: 15px 0 10px 0;background-color:#fff;-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);z-index:99999;}

#page-header.bottom{padding: 15px 0;position: fixed;top: 0;left: 0;right: 0;background-color:#fff;
    -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;z-index:999;}
#page-header.bottom .left .logo img{max-width:75%;margin:0 auto;display:block;}
#page-header.bottom .middle{padding:15px 0;}
#page-header.bottom .right{padding:15px 0;}
#page-header.bottom .row {margin-top: 0px;}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

#page-header .menu-top{display: block;text-align: right;margin-bottom: 10px;}
#page-header .menu-top li{display: inline-block;top: 0;margin-right: 20px;margin-bottom: 0;}
#page-header .menu-top li:last-child{margin-right: 0;}
#page-header .menu-top li:before {display: none;}
#page-header .menu-top li.intranet:after {content:'';width:30px;height:30px;display:block;background:url('media/icons/intranet.png');background-repeat:no-repeat;background-size:100%;position:absolute;top:-1px;left: 0;}
#page-header .row {margin-top: 0px !important;justify-content: space-between;padding: 0 15px;}
#page-header .logo img {width: 25% !important;margin-top: -20px !important;min-width: 230px;}
/* #page-header .toppermenu_outer{position:inherit;display: flex;align-items: center;} */
#page-header .toppermenu_outer > div{position:inherit;}
#page-header .toppermenu_outer .menu {display: flex;}
#page-header .toppermenu_outer .menu a {padding: 0 10px;position:relative;}
#page-header .toppermenu_outer .menu li{text-transform: uppercase;padding: 0;}
#page-header .toppermenu_outer .menu li:last-child{margin-right: 0;}
#page-header .toppermenu_outer .menu li:before{display:none;}
#page-header .toppermenu_outer .menu li.current-menu-item > a:after, 
#page-header .toppermenu_outer .menu li.current_page_parent > a:after{content:'';width:100%;height:3px;background:var(--rot);display:block;position:absolute;bottom:-5px;transition:all .3s ease;left:0;}
#page-header .toppermenu_outer .menu li a{font-weight: 400;font-size: 90%;padding: 10px 20px;}
#page-header .toppermenu_outer .menu li:last-child a{padding-right: 0;}
#page-header .toppermenu_outer .menu li a:focus{color: #043959;box-shadow: none;outline: none;}

#page-header .toppermenu_outer .menu li:hover > a{color:var(--rot);transition:all .3s ease;}
#page-header .toppermenu_outer .menu #menu-item-809{background: var(--rot);transition: 0.3s;}
#page-header .toppermenu_outer .menu #menu-item-809:hover{opacity: 0.9;transition: 0.3s;}
#page-header .toppermenu_outer .menu #menu-item-809 a{color: #fff;transition: 0.3s;}

#page-header .toppermenu_outer .menu li.menu-item-has-children{position:inherit;}
#page-header .toppermenu_outer .menu li.current-menu-item a{font-weight: 500;}
#page-header .toppermenu_outer .menu .submenu li.current-menu-item a{top: 0px;}
#page-header .toppermenu_outer .menu li.current-menu-item .sub-menu{display:block;}
#page-header .toppermenu_outer .menu li.current-menu-item .sub-menu li a{font-weight: 400;top: 0;}
#page-header .toppermenu_outer .menu li.current-menu-item .sub-menu li.current-menu-item a{font-weight: 500;top: 0;}
#page-header .toppermenu_outer .menu li .sub-menu{display:none;}
#page-header .toppermenu_outer .menu li.current-menu-ancestor .sub-menu{display:block;}
#page-header .toppermenu_outer .menu li .sub-menu:before{content:" ";display:block;background:#f1f1f1;left:-1000px;right:-1000px;top:0;bottom:0;position: absolute;}
#page-header .toppermenu_outer .menu li .sub-menu{position:absolute;left:50%;margin-left:-750px;width:1500px;background:red;bottom:-50px;}
#page-header .toppermenu_outer .menu li .sub-menu li{display:inline-block;padding:15px;}
#page-header .toppermenu_outer .menu li .sub-menu li:hover > a{color:var(--rot);transition:all .3s ease;}

#page-header #menubuttonburger{display: none;}
#page-header #menubuttonburger .custom_css_icon{display: block;width: 40px;height: 40px;position: relative;top: 50% !important;cursor: pointer;transform: translateY(-50%);margin: 0 !important;}
#page-header #menubuttonburger.active{display: block;width: 40px;height: 40px;position: fixed;top: 30px;right: 30px;z-index: 1000;}

#page-header #menubuttonburger .custom_css_icon{margin-left:-55px;width: 40px;height: 40px;position: absolute;top: 25%;}
#page-header #menubuttonburger .custom_css_icon:hover{cursor:pointer;}
#page-header #menubuttonburger .custom_css_icon span.burger_bar{padding: 0;width: 40px;height: 3px;background-color: var(--rot);display: block;border-radius: 4px;transition: all 0.4s ease-in-out;position: absolute;}

#page-header #menubuttonburger .custom_css_icon span.burger_bar:nth-child(1){top:8px;}
#page-header #menubuttonburger .custom_css_icon span.burger_bar:nth-child(2),
#page-header #menubuttonburger .custom_css_icon span.burger_bar:nth-child(3){top:17.5px;}
#page-header #menubuttonburger .custom_css_icon span.burger_bar:nth-child(4){bottom:10px;}

#page-header #menubuttonburger.active .custom_css_icon span.burger_bar:nth-child(1){transform: translateX(40px);background-color: transparent;}
#page-header #menubuttonburger.active .custom_css_icon span.burger_bar:nth-child(2){transform: rotate(45deg);}
#page-header #menubuttonburger.active .custom_css_icon span.burger_bar:nth-child(3){transform: rotate(-45deg);}
#page-header #menubuttonburger.active .custom_css_icon span.burger_bar:nth-child(4){transform: translateX(-40px);background-color: transparent;}

#page-header #burgermenu{display:none;position: absolute;top: 100%;background-color: #555;right: -15px;width: 33%;z-index: 999;}
/*#page-header #burgermenu a{color:#fff!important;}*/
/*#page-header #burgermenu current_page_item > a{font-weight: 500;}*/
#page-header #burgermenu ul.menu{margin:10% 0;position: relative;}
#page-header #burgermenu ul.menu li{width: 100%;text-align: left;margin: 0 10% 4%;font-size: 170%;text-transform: uppercase;}
#page-header #burgermenu ul.menu #menu-item-2151{border: solid 1px #fff;padding: 15px;}
#page-header #burgermenu ul.menu #menu-item-2151 a{color: #fff;}
#page-header #burgermenu ul.menu li .sub-menu{display:none;}
#page-header #burgermenu ul.menu li:before{display: none;}
#page-header #burgermenu ul.menu::before{content: '';position: absolute;bottom: 100%;width: 100%;height: 100%;background-color: #555;z-index: -1;padding: 20px;left: 0;}
#page-header #burgermenu ul.menu::after{content: '';position: absolute;top: 100%;width: 100%;height: 1000%;background-color: #555;z-index: -1;padding: 20px;left: 0;}
#page-header #burgermenu .burgermenu_upperrow a{display: none;}
#page-header .menu.active li.menu-item-has-children::after {content: '';background: url('media/icons/pfeil-white.png')no-repeat;display: block;width: 20px;height: 20px;position: absolute;right: 50%;top: 15px;transform: rotate(90deg);background-size: 100%;cursor: pointer;transition: .3s;}
#page-header .menu.active li.menu-item-has-children.active::after {transform: rotate(-90deg);transition: .3s;}

#page-header #burgermenu ul.menu li.menu-item-has-children.active .sub-menu{display: block;margin: 10px 0;padding: 10px;background: transparent;}
#page-header #burgermenu ul.menu li.menu-item-has-children.active .sub-menu ul > li{margin: 10px 0;}
#page-header .menu.active li.menu-item-has-children::after {right: 40%;}


#page-header .toppermenu_outer {position: inherit;display: flex;align-items: center;justify-content: flex-end;padding-right: 0;}
#page-header #burgermenu {display: none;position: fixed;top: 0;right: 0;width: 33%;max-width: 550px;min-width: 300px;height: 100%;background: #333333;z-index: 100;}
#page-header #burgermenu ul.menu::before{content: '';position: absolute;bottom: 100%;left: 0;width: 100%;height: 100%;background-color: #333333;z-index: -1;padding: 20px;}
#page-header #burgermenu ul.menu::after{content: '';position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background-color: #333333;z-index: -1;padding: 20px;}

#page-header #burgermenu ul.menu {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;padding: 10%;margin: 0;gap:20px;overflow-y: scroll;}
#page-header #burgermenu a{color: #ffffff;}
#page-header #burgermenu a:hover{color: var(--rot);transform: scale(1.1);transition: transform .3s ease;}
#page-header #burgermenu ul li.current_page_item > a,#page-header #burgermenu ul li.current-page-ancestor > a{color: var(--rot);}
#page-header #burgermenu ul.sub-menu li.current-page-ancestor > a{color: #ffffff;}
#page-header #burgermenu ul.menu li{width: 100%;text-align: left;font-size: 1.7rem !important;text-transform: uppercase;margin:0 0 !important;}
#page-header #burgermenu ul.sub-menu li{width: 100%;text-align: left;font-size: 1.3rem !important;text-transform: uppercase;margin: 0 !important;}
#page-header .menu.active li.menu-item-has-children::after{content: '';background: url('https://www.texoversum-ldt.de/wp-content/themes/LDT/media/icons/pfeil-white.png')no-repeat;background-size: contain;display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 14px;transform: rotate(0deg);cursor: pointer;transition: transform .3s ease;}
#page-header .menu.active li.menu-item-has-children.active::after{content: '';left: 0;top: 10px;transform: rotate(90deg);transition: transform .3s ease; }
#page-header #burgermenu ul.menu li.menu-item-has-children.active .sub-menu {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0;padding: 0;background: transparent;gap: 25px;padding-top:15px}
#page-header #burgermenu ul.menu li .sub-menu li::before{content: '';width: 9px;height: 17px;background: unset;background-color: transparent;display: inline-block;position: absolute;left: 9px;top: 2px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;}




/*
#page-header.scrolled #burgermenu{display:none;position: absolute;top: 100%;background-color: #fff;right: -15px;}
#page-header.scrolled #burgermenu a{color:#000 !important;}
#page-header.scrolled #burgermenu ul.menu::before{content: '';position: absolute;bottom: 100%;width: 100%;height: 100%;background-color: #fff;z-index: -1;padding: 20px;left: 0;}
#page-header.scrolled #burgermenu ul.menu::after{content: '';position: absolute;top: 100%;width: 100%;height: 1000%;background-color: #fff;z-index: -1;padding: 20px;left: 0;}
*/

#page-header.bottom{height: 100px; padding: 10px 0;position: fixed;top: 0;left: 0;right: 0;background: #fff; -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera < 12.1 */animation: fadein 1s;z-index:99;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

#page-header.bottom .logo img{width: 80%; margin-top: -10px;}
#page-header.bottom .menu-top{margin-bottom: 0;}
#page-header.bottom #menubuttonburger .custom_css_icon{top: 30%;}

/*------------------------------------Footer-------------------------------------------------*/

#page-footer{display: block;min-height: 450px;background-color: #333333;position: relative;clip-path: polygon(-4px 15.11%, 192.85% 50.95%, 103% 111%, -2% 107%);padding-top: 210px;}

/* #page-footer:before {content:'';background:#fff;position:absolute;top:0;right:0;left:0;display:block;width: 0px;height: 0px;-webkit-transform:rotate(360deg);border-style: solid;border-width: 0px 1920px 90px 0px;border-color: transparent transparent #333333 transparent;} */
/* #page-footer:before {content:'';background:url(../LDT/media/footer_before.png); background-position: center; background-repeat:no-repeat; width: 100%;right:0;left:0;display:block;height: 90px;} */

#page-footer .container {position: relative;padding:120px 10px 0px;color: #ffffff;}
#page-footer a {color: #ffffff;}
#page-footer .container .row {margin:70px 0 0;padding: 10px 0;}
#page-footer .recht p {color: #ffffff;}
#page-footer .recht .imprint {display: flex;flex-flow: row-reverse;right: 0;}
#page-footer .recht .imprint a{margin: 0 15px;}
#page-footer .footerinfo li{padding-left: 0;margin-bottom: 5px;}
#page-footer .footerinfo li:before {display: none;}
#page-footer .footerinfo .loc{margin-bottom: 15px;}
#page-footer .headline{font-size: 100%;font-weight: 700;color: #fff;margin-bottom: 15px;}
#page-footer .footerinfo .socialmedia #backtotop {margin: 40px 0;}
#page-footer .footerinfo .socialmedia #backtotop .top{display: block;text-align: right;padding-right: 40px;position: relative;}
#page-footer .footerinfo .socialmedia #backtotop .top:after {content:'';width:30px;height:30px;display:block;background:url('media/icons/backtotop.png');background-repeat:no-repeat;background-size:100%;position:absolute;top:-1px;right: 0;}
#page-footer .footerinfo .socialmedia #backtotop a p{color: #ffffff;width: 100px;}
#page-footer .footerinfo .socialmedia .socialmediaicons {display: flex;flex-flow: row-reverse;}
#page-footer .footerinfo .socialmedia .socialmediaicons .facebook{background: url('media/icons/facebook_white.png')no-repeat;background-size: 100%;width: 30px;height: 30px;display: block;margin: 15px;}
#page-footer .footerinfo .socialmedia .socialmediaicons .instagram{background: url('media/icons/instagram_white.png')no-repeat;background-size: 100%;width: 30px;height: 30px;display: block;margin: 15px;}
#page-footer .footerinfo .socialmedia .socialmediaicons .linkedin{background: url('media/icons/linkedin_white.png')no-repeat;background-size: 100%;width: 30px;height: 30px;display: block;margin: 15px;}
#page-footer .footerinfo .socialmedia .socialmediaicons .youtube{background: url('media/icons/youtube_white.png')no-repeat;background-size: 100%;width: 30px;height: 30px;display: block;margin: 15px;}
#page-footer .footerinfo .socialmedia .socialmediaicons .xing{background: url('media/icons/xing_white.png')no-repeat;background-size: 100%;width: 30px;height: 30px;display: block;margin: 15px;}
#page-footer #copyright p{margin: 0;}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.inhaltsbloecke{margin-top: 115px;margin-bottom: 100px;}

.captcha{margin-bottom: 40px;}
.captcha .MO_captcha{border-radius: 0;max-width: 420px;}

div[class^="flx_"], div[class*="flx_"]{margin-bottom: 150px;position: relative;}

.flx_headerblock.bildheadline .content{position: absolute;bottom: 50px;}
.flx_headerblock.bildheadline .content .headline{margin-top: 0;font-size: 420%;}
.flx_headerblock.bildheadline .content .subline{color: #ffffff;font-size: 180%;font-weight: 600;line-height: 1.3;}

.flx_headerblock.mitbild{position:relative;margin-bottom: 190px;}
.flx_headerblock.mitbild .content{position:absolute;z-index:10;color:#fff;background-color: var(--rot);padding:50px;left: 0;width: 952px;top:90%;min-height: 250px;clip-path: polygon(0px 0px, 100% 0%, 100% 69%, 0px 90%);}
/* .flx_headerblock.mitbild .content::before {content: '';background: #ffffff;position: absolute;bottom: -50px;right: 0;left: 0;display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 0px 80px 952px;z-index:999;border-color: transparent transparent var(--rot) transparent;-webkit-transform: rotate(180deg);} */
.flx_headerblock.mitbild .content .headline{text-align:center;font-weight:600;margin-top: 20px;}
.flx_headerblock.mitbild .content p{max-width:100%;color: #ffffff;font-weight: 400;text-align:center;}
.flx_headerblock.mitbild .bg {width: 100%;}

.flx_headerblock.mitfarbe {margin-bottom: 100px;background-color: var(--rot);position: relative;}
.flx_headerblock.mitfarbe .container {width: 100%;padding: 0;}
.flx_headerblock.mitfarbe .content{padding: 130px 10px 10px 10px; width: 100%;position: relative;display: block;}
.flx_headerblock.mitfarbe .content::before {display: none;}
.flx_headerblock.mitfarbe .content .headline{font-size:400%;}

.flx_headerblock.mitbild.schmal{margin-bottom: 100px;position: relative;height: 180px;}
.flx_headerblock.mitbild.schmal .container {width: 100%;padding: 0;}
.flx_headerblock.mitbild.schmal .content{padding: 30px 10px 10px 10px; width: 100%;position: relative;display: block;background:none;}
.flx_headerblock.mitbild.schmal .content::before {display: none;}
.flx_headerblock.mitbild.schmal .content .headline{font-size:400%;text-align:left;margin-top:65px;color: white;}

.flx_headerblock.headlinexl{position: relative;margin-bottom: 275px;}
.flx_headerblock.headlinexl .banner{position: absolute;background-color: #eae336;top: -23px;left: 0;right: 0;display: flex;align-items: center;}
.duales-modell .flx_headerblock.headlinexl .banner{background-color: #EA36D5;}
.flx_headerblock.headlinexl .content{position:absolute;z-index:1;color:#fff;background-color: var(--rot);padding:50px;left: 0;width: 952px;bottom: -170px;min-height: 200px;}
.flx_headerblock.headlinexl .content::before{content: '';background: #ffffff;position: absolute;bottom: -50px;right: 0;left: 0;display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 0px 80px 952px;z-index:999;border-color: transparent transparent var(--rot) transparent;-webkit-transform: rotate(180deg);}
.flx_headerblock.headlinexl .headlinebox{position: absolute;bottom: -110px;left: 220px;z-index: 2;max-width: 650px;}
.flx_headerblock.headlinexl .headlinebox h3 strong{color: #fff;}
.flx_headerblock.headlinexl .headlinebox .headline{margin: 0;font-size: 530%;}
.flx_headerblock.headlinexl .headlinebox p{color: #fff;}
.flx_headerblock.headlinexl .hochkanttext{position: absolute;left: 100px;bottom: 130px;}
.flx_headerblock.headlinexl .hochkanttext p{color: #fff;font-size: 140%;margin: 0;writing-mode: sideways-lr;-ms-writing-mode: tb-lr;
    -webkit-writing-mode: tb-lr;
    -moz-writing-mode: tb-lr;
    writing-mode: tb-lr;

    -ms-writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    writing-mode: vertical-lr;

    -ms-writing-mode: sideways-lr;
    -webkit-writing-mode: sideways-lr;
    -moz-writing-mode: sideways-lr;
    writing-mode: sideways-lr;}

.flx_textblock{display: block;position: relative;margin-bottom: 100px;}

.flx_textblock.einfach .text{width:100%;}
.flx_textblock.einfach .inner{text-align:center;}
.flx_textblock.einfach .inner .headline, .flx_textblock.einfach .inner .subline{text-align: left;}
.flx_textblock.einfach.halb .inner{text-align:center;max-width:50%;margin:0 auto;display:block;}
.flx_textblock.einfach.halb {margin-bottom: 50px;}  
.flx_textblock.einfach.halb h2{font-size: 230%;line-height: 1.1;}

.flx_textblock.mitbildrechts .text{display: flex;align-items: center;}
.flx_textblock.mitbildlinks .text {padding-left: 50px;display: flex;align-items: center;}
.flx_textblock.mitbildrechts .text{padding-right: 50px;}


.flx_infobox .inner{background-color: var(--hellgrau);padding: 20px 40px;}
.flx_infobox .inner p{color: #333333;font-weight: 300;}


.flx_textblock.textemitbild .texte{padding-right: 150px;}
.flx_textblock.textemitbild .texte .item{margin-bottom: 100px;}
.flx_textblock.textemitbild .bild .spruch{position: absolute;bottom: 220px;left: -80px;}
.flx_textblock.textemitbild .bild .spruch p{margin: 0;font-weight: 600;font-size: 350%;line-height: 1;text-align: left;}

.flx_textblock.mitbildrechts.big .bild{height: max-content;}
.flx_textblock.mitbildrechts.big .bild .hochkanttext{position: absolute;right: -150px;bottom: 150px;transform: rotate(-90deg);}
.flx_textblock.mitbildrechts.big .bild .hochkanttext p{margin: 0;font-weight: 600;letter-spacing: 4px;}
.flx_textblock.mitbildrechts.big .bild .spruch{position: absolute;bottom: 0;left: -50px;}
.flx_textblock.mitbildrechts.big .bild .spruch p{margin: 0;font-weight: 600;font-size: 350%;line-height: 1;text-align: left;}

.flx_textblock.textbildspruch .bild{text-align: right;}
/* .flx_textblock.textbildspruch .bild .spruch{position: absolute;bottom: 30px;left: 85px;} */
.flx_textblock.textbildspruch .bild .spruch p{margin: 0;font-weight: 600;font-size: 350%;line-height: 1.2;text-align: left;color: var(--rot);}

.startseite .flx_textblock.mitbildlinks{background-color: #fef4e8;padding: 80px 0;}
.flx_textblock.mitbildlinks .text .buttons{margin: 30px 0 0 12px;}

.flx_textblock.textzwei {margin-bottom: 100px;}
.partner .flx_textblock.textzwei {margin-bottom: 0px;}

.flx_textblock.bgbildtext .container{padding: 60px 0 60px 170px;position: relative; z-index: 10;color: white;}
.flx_textblock.bgbildtext .content{font-size: 20px;margin-top: 15rem;}
.flx_textblock.bgbildtext .content p{font-size: 20px;font-weight: 600;color: white}
.flx_textblock.bgbildtext li{font-size: 24px;font-weight: 500;line-height:1.4;margin-bottom:1rem;}
.flx_textblock.bgbildtext li::before{filter: brightness(0) invert(1);}

.flx_textblock.bgbildtext::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; display: block;background: rgba(45, 45, 45, 0.80);z-index: 0; }
/* .flx_textblock.bgbildtext::after{position: absolute;z-index: 10;color: #fff;background-color: var(--rot);padding: 50px;left: 0;width: 952px;top: 90%;min-height: 250px;clip-path: polygon(0px 0px, 100% 0%, 100% 69%, 0px 90%);} */
.flx_textblock.bgbildtext h2.headline{width: max-content;background-color: var(--rot);padding: 70px 170px;height: 210px;clip-path: polygon(0px 0px, 100% 0%, 100% 69%, 0px 80%);z-index: 2;display: block;position: absolute;top: 4rem;}
.flx_textblock.bgbildtext h2.headline,
.flx_textblock.bgbildtext h3{ color: white;}

.flx_tabelle .tablehead {border-bottom: 1px solid var(--rot);text-align:left;padding: 50px;margin-top: 10px;}
.flx_tabelle .tablehead .headline {margin-top: 10%;margin-left: 20px;}
.flx_tabelle .tablecontent {padding: 20px;border-bottom: 1px solid var(--rot);margin-top: 10px;}
.flx_tabelle {margin-bottom: 10px;}

.flx_angebote .item{display: flex;flex-direction: column;margin-bottom: 2rem;}
.flx_angebote .item img{width: 100%;height: 200px;object-fit: cover;object-position: center;}
.flx_angebote .item .text{background-color: #fef4e8;padding: 20px;flex: 1;}
.flx_angebote .item .text li{line-height: 1.4;}

.flx_iconblock{margin-bottom: 100px;}
.flx_iconblock .row {justify-content: center;}
.flx_iconblock .iconbox{margin-bottom: 40px; display: block;padding: 50px 30px;text-align: center;background-color: #f1f1f1;transition: 0.3s;}
.flx_iconblock .iconbox:hover{background-color: var(--rot);transition: 0.3s;}
.flx_iconblock .iconbox:hover p, .flx_iconblock .iconbox:hover h3{color: #fff;}
.flx_iconblock .iconbox:hover .backgroundimage1, .flx_iconblock .iconbox:hover .backgroundimage2, .flx_iconblock .iconbox:hover .backgroundimage3{filter: brightness(0) invert(1);}
.flx_iconblock .text{text-align: center;margin-bottom: 50px;}
.flx_iconblock .text.halb{margin:0 auto 100px;display:block;width:50%;}
.flx_iconblock .iconbox .inhalt {min-height: 300px;text-align: left;}
.flx_iconblock .iconbox .backgroundimage1, .flx_iconblock .iconbox .backgroundimage2, .flx_iconblock .iconbox .backgroundimage3{margin-bottom: 50px;}
.flx_iconblock .iconbox:hover .backgroundimage1, .flx_iconblock .iconbox:hover .backgroundimage2, .flx_iconblock .iconbox:hover .backgroundimage3{filter: brightness(0) invert(1);}

.flx_iconblock.slider .iconbox:before {content: '';background: #fff;position: absolute;top: 0;right: 0;left: 0;display: block;width: 0px;height: 0px;-webkit-transform: rotate(270deg);border-style: solid;border-width: 0 35px 35px 0px;border-color: transparent transparent #f1f1f1 transparent;}

.flx_iconblock.sechsicons .iconbox {margin-bottom: 30px;min-height: 250px;}
.flx_iconblock.sechsicons .iconbox .inhalt {margin-top: 20px;min-height: 50px;text-align: center;}
.flx_iconblock.sechsicons .iconbox .inhalt p{line-height: 1.3;margin: 0;font-weight: 600;font-size: 110%;}
.flx_iconblock.sechsicons .iconbox img{width: 20%;margin: 0 auto;transition: 0.3s;}
.flx_iconblock.sechsicons .iconbox:hover img{filter: brightness(0) invert(1);transition: 0.3s;}

.flx_iconblock.viergrid.slider .item .inner{background-color: #f1f1f1;padding: 40px 30px 75px 40px;min-height: 600px;transition: 0.3s;}
.flx_iconblock.viergrid.slider .item:hover .inner{background-color: var(--rot);transition: 0.3s;}
.flx_iconblock.viergrid.slider .item:hover .inner p, .flx_iconblock.viergrid.slider .item:hover .inner h3, .flx_iconblock.viergrid.slider .item:hover .inner h2{color: #fff;}
.flx_iconblock.viergrid.slider .item .inner .inhalt{margin-top:160px;}
.flx_iconblock.viergrid.slider .item .inner .icon{margin-bottom: 80px;}
.flx_iconblock.viergrid.slider .item .inner .icon img{max-width: 20%;}
.flx_iconblock.viergrid.slider .item:hover .inner .icon img{filter: brightness(0) invert(1);}

.flx_fakten {margin-bottom: 100px;}
.flx_fakten .faktbox {padding: 15px;}
.flx_fakten .faktbox:before {content: '';background: #fff;position: absolute;top: 15px;right: 0;left: 15px;display: block;width: 0px;height: 0px;-webkit-transform: rotate(270deg);border-style: solid;border-width: 0 25px 25px 0px;border-color: transparent transparent #f1f1f1 transparent;}
.flx_fakten .text {text-align: center;padding: 0 300px;margin-bottom: 20px;}
.flx_fakten .fakt {background-color: #f1f1f1;padding: 40px;min-height: 220px;background-image: linear-gradient(to bottom, #f1f1f1 , #e6e6e6);}
.flx_fakten .fakt .zahl {font-size: 200%;font-weight: 600;}

.flx_studiumteaser .studium .inhaltliches .inner{background-color: #fef4e8;padding: 30px;min-height: 800px;}
.flx_studiumteaser .studium .inhaltliches .inner .headline{font-size: 120%;}
.flx_studiumteaser .studium .link{margin-top: 10px;}
.flx_studiumteaser .studium .link .btn{margin-bottom: 0;}

.flx_kacheln .kachel{position: relative;}
.flx_kacheln .kachel .bild{position: relative;}
.flx_kacheln .kachel .bild::after{position: absolute;content: '';top: 0;right: 0;left: 0;bottom: 0;background-color: #000a;}
.flx_kacheln .kachel .inner{position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;justify-content: center;align-content: center;flex-direction: column;margin:auto;width: 70%;opacity: 1;transition: all ease .3s;}
.flx_kacheln .kachel .inner img{margin-bottom: 10px;}
.flx_kacheln .kachel .inner .headline{font-size: 150%;text-align: center;}
.flx_kacheln .kachel .inner .headline, .flx_kacheln .kachel .inner *{color: #fff;}
.flx_kacheln .kachel .inner p{margin-top: 0;}
.flx_kacheln .kachel:hover .inner{opacity: 0;}
.flx_kacheln .kachel .inner-hover{opacity: 0;transition: all ease .3s;}
.flx_kacheln .kachel:hover .inner-hover{opacity: 1;}

.flx_kacheln .kachel .link{margin-top: 10px;}
.flx_kacheln .kachel .link .btn{margin-bottom: 0;}

.flx_bildblock {margin-bottom: 100px;}
.flx_bildblock .text {text-align: center;}
.flx_bildblock .inhalt {padding: 20px;}
.flx_bildblock .inhalt:nth-child(2n) .bild{text-align:right;}
.flx_bildblock .inhalt .bild img {height: 500px;width: 100%;object-fit: cover;object-position: initial;}

.flx_bildblock.dreibilder .bild img{height: 420px; width: 420px;}
.flx_bildblock.vierbilder .bild img{height: 650px;}

.flx_bildblock.einbildgross .inhalt .bild img {height: auto;width: 100%;}

/* .flx_kontaktbanner {display: block;margin-bottom: 100px;}
.flx_kontaktbanner .inner {background:var(--rot);padding: 80px;position: relative;}
.flx_kontaktbanner .inner::before {content: '';background: #fff;position: absolute;bottom: 0;right: 0;left: 0;display: block;width: 0px;height: 0px;-webkit-transform: rotate(180deg);border-style: solid;border-width: 0 1470px 100px 0px;border-color: transparent transparent var(--rot) transparent;}
.flx_kontaktbanner .container .text {min-height: 400px;}
.flx_kontaktbanner .container .text p{color: #fff;font-size: 200%;font-weight: 400;display: block;line-height: 1.4;margin-bottom: 30px;}
.flx_kontaktbanner .container .text .buttons {margin-left: 15px;}
.flx_kontaktbanner .container .icon {text-align: center;}
.flx_kontaktbanner .container .icon img {width: 35%;margin-top: 20px;}
.unsere-studiengaenge .flx_kontaktbanner .text {min-height: 250px;} */

.flx_kontaktbanner.mitbild .text{background:var(--rot);padding: 80px;position: relative;overflow: hidden;margin-top: 100px;}
.flx_kontaktbanner.mitbild .text p{font-size: 150%;color: #fff;margin: 10px 0;}
.flx_kontaktbanner.mitbild .text .buttons .row{padding: 0 15px;}
.flx_kontaktbanner.mitbild .text::before{content: '';position: absolute;bottom: 0;display: block;background-color: #fff;width: 2000px;height: 60%;rotate: -5deg;left: 50%;transform: translateX(-50%);}
.flx_kontaktbanner.mitbild .bild .spruch{position: absolute;left: -50px;bottom: 270px;}
.flx_kontaktbanner.mitbild .bild .spruch p{margin: 0;font-weight: 600;font-size: 350%;line-height: 1;text-align: left;}



.flx_teaserblock {margin-bottom: 100px;}
.flx_teaserblock .item .teaserbild {height: 200px;width: 100%;object-fit: cover;margin-bottom: 20px;}
.flx_teaserblock .item .text .subline {margin: 0;min-height: 60px;}

.flx_teaserblock.mitbild .text {margin-bottom: 15px;}

.flx_teaserblock.nurtext .item .text .headlinebox{min-height: 220px;border: solid 1px #000;padding: 20px;}
.flx_teaserblock.nurtext .item .text .headline{text-transform: uppercase;font-size: 200%;min-height: 130px;margin: 0;}
.flx_teaserblock.nurtext .item .text p{min-height: 130px;}
.flx_teaserblock.nurtext .item .text .buttons .row{padding: 0 15px;}

.flx_teaserblock.nurtext.farbe .item .text .headlinebox{border: unset;}
.flx_teaserblock.nurtext.farbe .item .text .headlinebox .headline{color: #fff;font-size: 300%;word-wrap: break-word;}

.flx_stimmen {position: relative;margin-bottom: 100px;background-color: #f1f1f1;overflow: hidden;}
.flx_stimmen::before {content:'';background:url('media/icons/quote.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:100px;height:100px;display:block;position:relative;right:-85%;top:40px;transition:all .3s ease;transform: rotate(180deg);cursor:pointer;}
.flx_stimmen .headline{margin-bottom:50px;}
.flx_stimmen.slider .container {max-width: 1800px;position: relative;height: 750px;padding: 50px 0;left: 9%;}
.flx_stimmen.slider .container .slider{position: absolute;}
.flx_stimmen .container .item{min-height: 400px;}
.flx_stimmen .container .bild .bild.stimme {width: 200px;height: 200px;object-fit: cover;object-position: top;border-radius: 50%;margin-left: 50px;}
.flx_stimmen .container .text p {margin-bottom: 40px;min-height: 150px;}
.flx_stimmen .container .text .name {font-weight: 500;}
.flx_stimmen .container .text .text {padding-right: 50px;}
.flx_stimmen .slider .owl-controls .owl-nav .owl-next{left: 37px;}
.flx_stimmen .slider .owl-controls .owl-nav .owl-prev{left: 0;}
.flx_stimmen .item .bild img{max-width: 70%;margin-bottom: 30px;}

.flx_stimmen.grid{padding-bottom: 50px;}
.flx_stimmen.grid .item .text{min-height: 200px;padding-right: 0;}

.flx_accordion {margin-bottom: 100px;}
.flx_accordion .accordion{width:100%;float:left;}
.flx_accordion .accordion .accordion-item{padding:5px 0;}
.flx_accordion .accordion .btn-link{width: 100%;text-align: left;margin: 0;border-color: transparent;}
.flx_accordion .accordion .btn-link:active{text-decoration: none;}
.flx_accordion .accordion .btn-link.collapsed{width: 100%;text-align: left;margin: 0;background-color: #333333;}
.flx_accordion .accordion .btn-link:hover{color: #ffffff;background-color: var(--rot);text-decoration: none;border-color: transparent;}
.flx_accordion .accordion .btn-link .topline:hover{color: #ffffff;}
.flx_accordion .accordion .accordion-button.collapsed{background:#f2f2f2;color:#333333;transition:all .3s ease;}
.flx_accordion .accordion .accordion-button:after{content:'';background:url('media/icons/arrow-top.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transition:all .3s ease;}
.flx_accordion .accordion .accordion-button.collapsed:after{content:'';background:url('media/icons/arrow-top-darkblue.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transform:rotate(180deg);transition:all .3s ease;}
.flx_accordion .accordion .accordion-collapse{padding:15px 15px 0 15px;}
.flx_accordion .accordion .card .card-body{margin-bottom: 20px;}
.flx_accordion .accordion .card .card-body p{padding: 0 30px;}
.flx_accordion .accordion .card .card-body ul{padding: 0 30px;}

.flx_bildergalerie {margin-bottom: 100px;}
.flx_bildergalerie .slider.owl-carousel .owl-item img {width: 100%;}

.flx_logoblock {margin-bottom: 100px;}
.flx_logoblock .headline{text-align: center;margin-bottom: 4rem;}
.flx_logoblock .inner {padding: 0 70px;}
.flx_logoblock .inner .row {justify-content: center;}
.flx_logoblock .element{margin-bottom: 4rem;}
.flx_logoblock .item img {height: 100px;max-width: 100%;object-fit: contain;object-position: center;width: 200px;margin: 0 auto;}

.flx_download .headline {margin-bottom: 70px;}
.flx_download .row {justify-content: center;}
.flx_download {margin-bottom: 100px;}
.flx_download .iconbox {margin-bottom: 40px; display: block;padding: 25px;text-align: center;background-color: #f1f1f1;background-image: linear-gradient(to bottom, #f1f1f1 , #e6e6e6);}
.flx_download .iconbox:before {content: '';background: #fff;position: absolute;top: 0;right: 0;left: 15px;display: block;width: 0px;height: 0px;-webkit-transform: rotate(270deg);border-style: solid;border-width: 0 25px 25px 0px;border-color: transparent transparent #f1f1f1 transparent;}
.flx_download .text {text-align: center;margin-bottom: 20px;}
.flx_download .iconbox img {margin-bottom: 25px;max-width: 100%;width: 10%;}
.flx_download .iconbox p {font-weight: 500;line-height: 1.4;min-height: 50px;}


.flx_kontaktformular{margin-top: 200px;}
.flx_kontaktformular .headline{text-align: center;}
.flx_kontaktformular .formular{width: 80%;margin: 0 auto;margin-top: 50px;}

.flx_kontaktformular .row{justify-content:center;}
.flx_kontaktformular .formular p{margin:0}
.flx_kontaktformular .formular .wpcf7-list-item{margin-left:0;margin-top:15px;}
.flx_kontaktformular .formular form.sent .wpcf7-response-output{position: absolute;top: 25%;left: 5%;margin: 0;width: 90%;background:#46b450;color:#fff;font-size:150%;text-align:center;font-weight:600;padding:25px;}
.flx_kontaktformular .formular .fbox{width:50%;padding:10px;float:left;}
.flx_kontaktformular .formular .fbox.wide{width:100%;}
.flx_kontaktformular .formular input, .flx_kontaktformular .formular textarea{width:100%;background:var(--hellgrau);padding:10px 25px;border:none;margin-bottom: 25px;}
.flx_kontaktformular .formular input[type="checkbox"]{width:14px;margin-right:5px;margin-bottom: 0px;}
.flx_kontaktformular .formular .btn{margin:0;color:#444;}
.flx_kontaktformular .formular .btn:hover{background:#c8232a;color:#fff;}
.flx_kontaktformular .row .content-right {border: 1px solid var(--rot);padding: 40px;}

.flx_kontaktformular .wpcf7-form-control {height: 50px;}
.flx_kontaktformular .wpcf7-list-item-label {padding: 12px;font-size: 12px;}

.flx_bewerbungsformular .row{justify-content:center;margin-bottom: 40px;}
.flx_bewerbungsformular .row.aufmerksam {justify-content: left;}
.flx_bewerbungsformular .row .content-right {flex: 0 0 75%;max-width: 100%;}
.flx_bewerbungsformular .formular p{margin:0;}
.flx_bewerbungsformular .formular br{display:none;}
.flx_bewerbungsformular .formular .wpcf7-list-item{margin-left:0;margin-top:15px;}
.flx_bewerbungsformular .formular .wpcf7-list-item span{font-size:100%;display:unset;}
.flx_bewerbungsformular .formular form.sent .wpcf7-response-output{position: absolute;bottom: 25%;left: 5%;margin: 0;width: 90%;background:#46b450;color:#fff;font-size:150%;text-align:center;font-weight:600;padding:25px;}
.flx_bewerbungsformular .formular .fbox{width: 50%;padding: 10px 20px 10px 0;float: left;}
.flx_bewerbungsformular .formular .fbox.confirm{width:100%;}
.flx_bewerbungsformular .formular select{width: 100%;border: none;background-color: #f2f2f2;padding: 10px 25px;float: left;}
.flx_bewerbungsformular .formular .aufmerksam select{width: 100%;border: none;background-color: #f2f2f2;padding: 10px 25px;float: left;}
.flx_bewerbungsformular .formular .fbox.wide{width:100%;padding:10px 20px 10px 0;}
.flx_bewerbungsformular .formular span{display: block;font-size: 130%;font-weight: 400;}
.flx_bewerbungsformular .formular span.wpcf7-not-valid-tip{font-size:15px}
.flx_bewerbungsformular .formular input, .flx_bewerbungsformular .formular textarea, .flx_bewerbungsformular .formular select{width:100%;background:#f2f2f2;padding:10px 25px;border:none;outline: none!important;font-size:75%;}
.flx_bewerbungsformular .formular input[type="checkbox"]{width:14px;margin-right:5px;border: solid 1px #000;}
.flx_bewerbungsformular .formular input[type="submit"]{font-size:100%;background:green;color:#fff;}
.flx_bewerbungsformular .formular .btn{margin:0;color:#444;}
.flx_bewerbungsformular .formular .btn:hover{background:#c8232a;color:#fff;}
.flx_bewerbungsformular .formular p.pflicht{padding: 0 10px;}


input.wpcf7-submit{background:var(--rot)!important;color:#fff!important;text-transform: uppercase;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border:none!Important;margin:0;padding:20px;clear:both;background:#B82318;color:#fff;}


#kontaktform{margin-top:-150px;padding-top:150px;}

.flx_breadcrumbs{margin-bottom: 0!important;margin-top: 150px;}

.filter p {position: relative;}
.filter p span {position: absolute;top: 50%;right: 50px;transform: translate(0,-50%);color: #bbb;}
.filter label {width:100%;}
.filter input {border: none;background-color: #f2f2f2;padding: 10px 25px;outline:none;cursor:pointer;}
.filter input.date {width: 100%;border: none;background-color: #f2f2f2;padding: 10px 15px;outline:none;cursor:pointer;}
.filter input.datefixed {width: 100%;border: none;background-color: #f2f2f2;padding: 10px 15px;outline:none;cursor:pointer;}
.filter input.needle {width: 100%;border: 3px solid #f2f2f2;background-color: transparent;padding: 10px 25px;outline:none;cursor: text;}
.filter .btn {width: 100%;border: none!important;background-color: #f2f2f2;color: #000;padding: 10px 25px!important;margin: 0 0 20px 0!important;text-transform: uppercase;font-weight:400;text-align: center;transition: all .3s ease;cursor:pointer;}
.filter .btn:hover {width: 100%;border: none!important;background-color: var(--rot);color: #fff;transition: all .3s ease;}
.filter .mmk, .filter .mmw, .filter .wm, .filter .qm, .filter .za, .filter .as{display: block;}
.filter .as{margin-bottom:0.5rem;}
.filter .checkbox_container {display: flex;flex-direction: row;align-items: center;gap: 15px;flex-wrap: wrap;}
.filter .checkbox_container label {line-height: 1;display: flex;flex-direction: row-reverse;width: max-content;gap: 5px;white-space: nowrap;}
.filter .mmk input, .filter .mmw input, .filter .wm input, .filter .qm input{width: 100%;}
.filter .za{margin-top:2rem;}

.pagination {margin-top: 30px;}
.pagination .prev {position: relative;}
.pagination .prev:before {content:'';background:url('media/icons/arrow_right_black.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:25px;height:25px;display:block;position:absolute;right:20px;top:-11px;transition:all .3s ease;transform: rotate(180deg);cursor:pointer;}
.pagination .prev:hover:before {content:'';background:url('media/icons/arrow_right_red.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:25px;height:25px;display:block;position:absolute;right:20px;top:-11px;transition:all .3s ease;transform: rotate(180deg);cursor:pointer;}
.pagination .next {position: relative;}
.pagination .next:before {content:'';background:url('media/icons/arrow_right_black.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:25px;height:25px;display:block;position:absolute;left:20px;top:-11px;transition:all .3s ease;cursor:pointer;}
.pagination .next:hover:before {content:'';background:url('media/icons/arrow_right_red.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:25px;height:25px;display:block;position:absolute;left:20px;top:-11px;transition:all .3s ease;cursor:pointer;}


#phpsingle-termin {margin-top: 130px;position: relative;margin-bottom: 100px;}
#phpsingle-termin .bild {width: 100%;height: 500px;}
#phpsingle-termin .shadow {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 500px;background-color: #1e1e1e;opacity: 0.8;}
#phpsingle-termin h1 {color: #000!important;}
#phpsingle-termin a.widebtn {float: right;}
#phpsingle-termin .content p {margin-top: 30px;margin-bottom: 30px;}
#phpsingle-termin .vorschau p {font-weight: 600;}
#phpsingle-termin .content .ort {font-size: 90%;}
#phpsingle-termin .content .datum {font-size: 90%;}

.flx_terminausgabe .bild img{height: 350px;width: 100%;object-fit: cover;}
.flx_terminausgabe .textcontainer{background-color: #f2f2f2;padding: 20px;width: 100%;}
/* .flx_terminausgabe .textcontainer .btn.mehr{float: right;} */
.flx_terminausgabe .textcontainer .headline{min-height: 5rem;}
.flx_terminausgabe .textcontainer .editor{min-height: 10rem;}
.flx_terminausgabe .textcontainer .button-wrapper{display: flex;justify-content: end;}


/*------------------------------------Template: News & Events-------------------------------------------------*/

main#template_news_events{margin-top:140px;}
section#event-teaser{display:flex;flex-direction:row;flex-wrap:wrap;}
section#event-teaser > div{width:50%;}
section#event-teaser a{display:flex;}
section#event-teaser a span{background-repeat:no-repeat!important;background-size:cover!important;display:inline-block;width:100%;aspect-ratio:1/1;}
section#event-teaser .big a{width:100%;}
section#event-teaser .small{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:0;}
section#event-teaser .small a{width:50%;}

section#event-search{margin-top:5vw;margin-bottom:5vw;}
section#event-search #filter{display:flex;flex-wrap:wrap;gap:2vw;align-content:center;margin-bottom:5vw;align-items: center;}
section#event-search #filter h2{display:inline-block;margin-bottom:0;text-transform: uppercase;font-size: 250%;font-weight: 700;margin-right: 50px;}
section#event-search #filter input{padding: 5px 30px;border-radius: 0;border: solid 2px #333333;font-weight: 600;}
section#event-search #filter #submit{margin-left: -20px;}
section#event-search #filter button{height: 40px;width: 40px;background: none;border: none;}
section#event-search #filter button:hover{cursor: pointer;}
section#event-search #filter #pagination a{margin-right: 10px;}
section#event-search #filter #pagination a.active{font-weight:bold;}
section#event-search .row{row-gap:8vw;}
section#event-search article{padding-right:3vw;}
section#event-search article a{display:inline-block;width:100%;}
section#event-search article span{display:block;line-height: 1;}
section#event-search article .date{display:block;font-size: 120%;font-weight: 700;text-transform: uppercase;margin-top: 10px;}
section#event-search article .title{font-size: 200%;font-weight: 700;text-transform: uppercase;margin-top: 10px;line-height: 1.1;}
section#event-search #filter #date{display:none;}
section#event-search #searchterm{display:none;}
section#event-search #submit{display:none;}
section#event-search article .image{width:100%;aspect-ratio:1/1;background-repeat:no-repeat!important;background-size:cover!important;border: 2px solid #000;}




/*--------------------RESPONSIVE-ANSICHTEN------------------------------------------------------------*/
@media (min-width:1920px){
        
}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1500px){
    
    
    h1 {font-size: 300%;}
    h2 {font-size: 230%;}

    .flx_kontaktbanner .inner::before {border-width: 0 1370px 100px 0px;}

    #page-header.bottom {height: 90px;}
    #page-header #toppermenu .menu {display: none;}
    #page-header #burgermenu {width: 50%;}
        
    #page-footer{clip-path: polygon(-4px 15.11%, 252.85% 50.95%, 103% 111%, -2% 107%);padding-top: 150px;}
    
    .flx_kontaktbanner .inner::before {border-width: 0 1070px 100px 0px;}

    .flx_teaserblock.nurtext .item .text .headlinebox{min-height: 270px;}
    
    .flx_textblock {margin-bottom: 50px;}
    .flx_textblock.mitbildlinks {margin-bottom: 50px;}
    .flx_textblock.mitbildrechts {margin-bottom: 50px;}
    .flx_textblock.textbildspruch .bild .spruch p {  font-size: 300%;}

    .flx_textblock.bgbildtext .container{padding: 45px 0 45px 15px;}
    .flx_textblock.bgbildtext .content{margin-top: 13rem;}
    .flx_textblock.bgbildtext h2.headline{padding: 40px 200px 20px 20px;height: 160px;}

    .flx_iconblock .iconbox{min-height: 600px;}

    .flx_kacheln .kachel .inner{width: 90%;}
    
    .flx_stimmen .container{max-width: 1200px;left: 10%;height: 800px;}
    
    .flx_terminausgabe .textcontainer .headline{min-height: 7rem;line-height: 1.1;}
    .flx_terminausgabe .textcontainer .editor{min-height: 11rem;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
   
    /* .container {max-width: 930px;} */
    
    .subline {font-size: 105%;}
    h1 {font-size: 280%;}
    h2 {font-size: 210%;margin-bottom: 30px;}
    
    #page-header .menu.active li.menu-item-has-children::after {right: 30%;}
  
    #page-header .logo img {margin-top: -10px;}
    #page-header.bottom .logo img {margin-top: 5px;}
    
    #page-header .toppermenu_outer .menu {display: none;}
    #page-header .toppermenu_outer .menu li:last-child{margin-right: 40px;}
    #page-header #menubuttonburger{display: grid;}
    #page-header #menubuttonburger .custom_css_icon{right: 30px;top: 62%!important;}

    .flx_headerblock.mitbild{min-height: 500px!important;}
    .flx_headerblock.mitbild .content {padding: 45px;}
    .flx_headerblock.mitbild .content .headline{font-size: 305%;}

    /* .flx_headerblock.mitbild .content::before {border-width: 0 0px 80px 790px;margin-bottom: 60px; bottom:-80px} */
    .flx_headerblock.mitbild .content {width: 790px;}

    .flx_textblock.textbildspruch .bild .spruch p { bottom: 0px;}
    /* .flx_textblock.textbildspruch .bild .spruch {position: unset;} */

    .flx_infobox .inner{padding: 20px 0px;}


    .flx_fakten .fakt .zahl {font-size: 170%;}
    .flx_fakten .faktbox .fakt .inhalt {font-size: 90%;}

    .flx_bildblock .inhalt .bild img {height: 290px;width: 430px;}

    .flx_fakten .text {padding: 0;}
    
    .flx_kontaktbanner .inner::before {border-width: 0 900px 100px 0px;}

    .flx_logoblock .item img {height: 100%;width: 100%;}
    

    .flx_headerblock.headlinexl .headlinebox{left: 100px;}
    
    .flx_stimmen .container{max-width: 990px;left: 12%;}
    
    .flx_teaserblock.nurtext.farbe .item .text .headlinebox .headline{font-size: 250%;}

    section#event-search article .date{font-size: 100%;}
    section#event-search article .title{font-size: 150%;}

    .flx_kacheln .kachel{margin-bottom:1rem;}
    .flx_kacheln .kachel .inner{position: unset;display: block;margin:0;width: 100%;padding: 20px;}
    .flx_kacheln .kachel:hover .inner{opacity: 1;}
    .flx_kacheln .kachel .inner-hover{opacity: 1;}
    .flx_kacheln .kachel .inner .headline, .flx_kacheln .kachel .inner *{color: #000;}
    .flx_kacheln .kachel .bild{margin-bottom: 0;}
    .flx_kacheln .kachel .bild::after{display: none;}
    .flx_kacheln .kachel .bild img{max-width: 600px;width: 100%;}

    .flx_terminausgabe .textcontainer .editor{min-height: 16rem;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    h1 {font-size: 230%;}
        
    #page-header .logo img {width: 100%;margin-bottom: 0px;}
    #page-header.bottom .logo img {width: 100%;}
    
    #page-header .menu.active li.menu-item-has-children::after {right: 20%;}

    .bild{margin-bottom: 50px;}
    
    .flx_teaserblock.nurtext .item {margin-bottom: 40px;}
    
    .flx_stimmen .container{max-width: 770px;left: 12%;height: 820px;}
    .flx_stimmen .container .slider .owl-controls .owl-dots{display: none;}
    .flx_stimmen .slider .owl-controls .owl-nav .owl-next{display: flex;right: -107px;}
    .flx_stimmen .slider .owl-controls .owl-nav .owl-prev{display: flex;right: -70px;}
    
    .slider .owl-controls .owl-nav .owl-next {right: -37px;display: none;}
    .slider .owl-controls .owl-nav .owl-prev {right: 0px;display: none;}
    .slider .owl-controls .owl-nav .owl-next:hover {right: -37px;}
    .slider .owl-controls .owl-nav .owl-prev:hover {right: 0px;}
    
    .flx_kontaktbanner .inner::before {border-width: 0 670px 100px 0px;}
    .flx_kontaktbanner .container .text p {font-size: 150%;}
    
    /* .flx_headerblock.mitbild .content::before {border-width: 0 0px 20px 550px;}  */
    .flx_headerblock.mitbild .content {width: 550px;padding: 75px;}
    .flx_headerblock.mitbild .content .headline {margin-top: -20px;margin-left: -40px; font-size: 240%;}
    
    #page-footer{clip-path: polygon(-4px 15.11%, 342.85% 50.95%, 103% 111%, -2% 107%);padding-top: 100px;}
    #page-footer .footerinfo .socialmedia .socialmediaicons {display: flex;justify-content: center;}
    #page-footer .footerinfo .socialmedia #backtotop {margin: 80px 0 20px 0;}
    #page-footer .footerinfo .socialmedia #backtotop .top {text-align: center;}
    #page-footer .footerinfo .socialmedia #backtotop .top:after {top:-38px;right: 50%;}
    
    .flx_accordion .text {margin-bottom: 50px;}
    
    #page-header #burgermenu {width: 100%;}
    #page-header #burgermenu {right: 0px;}
    #page-header #burgermenu ul.menu li {width: 100%;}
    
    .flx_iconblock.dreiicons .text.p {margin: 0 100px;}
    
    #page-header .logo img {max-width: 130%; width: 130%;}
    #page-header.bottom .logo img {max-width: 130%; width: 130%;}

    .flx_headerblock.headlinexl{min-height: 550px!important;}
    .flx_headerblock.headlinexl .headlinebox .headline{font-size: 450%;}
    .flx_headerblock.mitbild.schmal .content .headline{text-align: center;}

    .flx_kontaktbanner.mitbild .text{height: 500px!important;}
    
    .flx_iconblock .iconbox img {margin: 20px 0 30px;width: 12%;}
    .flx_iconblock .iconbox .inhalt {min-height: 130px;}

    .flx_kontaktbanner.mitbild .text{padding: 30px;}
    
    .flx_teaserblock.mitbild .item {margin-bottom: 20px;}
    
    .logoreihe .row {justify-content: center;}
    .logoreihe .logo {text-align: center;}
    .logoreihe .logo img {width: 50%;}
    
    .flx_textblock.mitbildrechts .text {padding-right: 50px;}
    .flx_textblock.mitbildrechts .bild{margin-top: 50px;}
    .flx_textblock.mitbildlinks .text {padding-right: 50px;}
    .flx_textblock.textzwei .text.links {margin-bottom: 20px;}

    .flx_textblock.textbildspruch .bild .spruch p {bottom: 0px;}

    .flx_bildergalerie .slider .owl-controls .owl-nav .owl-prev {right: 60px;}
    .flx_bildergalerie .slider .owl-controls .owl-nav .owl-next {right: 23px;}
    

    .flx_iconblock.sechsicons .iconbox .inhalt p {font-size: 90%;}

    .flx_tabelle .tablehead{padding: 10px;}
    
    .flx_download .iconbox img {width: 20%;}
    .flx_download .iconbox p {min-height: 70px;}
    
    #phpsingle-wohnung .order-item.content{order:2;}
    #phpsingle-wohnung .order-item.sidebar{order:1;}
    #phpsingle-wohnung .slider{margin:50px 0;}

    section#event-search #filter{display:block;}
    section#event-search #filter h2{display: block;}
    section#event-search #filter #submit{margin-left: 20px;top: 10px;position: relative;}

    .adria-challenge .flx_headerblock.headlinexl .headlinebox{bottom: -210px;}

    .flx_tabelle .tablehead .headline {margin-top: 5%;}

    .flx_terminausgabe .bild{margin-bottom: 0;}
    .flx_terminausgabe .bild img{height: 300px;object-position: top;}
    .flx_terminausgabe .textcontainer .headline,
    .flx_terminausgabe .textcontainer .editor{min-height: max-content;}
    .flx_terminausgabe .termin{margin-bottom: 3rem;}


}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    .text {order: 1;}
    .flx_angebote .text{order: unset;}
    .bild {order:2;}
    
    /* .container {max-width: 530px;} */
    
    h1 {font-size: 210%;}
    
    #page-header .logo img {max-width: 160%;width: 160%;margin-top: 0px;}
    #page-header.bottom .logo img {max-width: 140%;width: 140%;margin-top: 10px;}
    
    .flx_headerblock.mitfarbe {top: 0px;margin-bottom: 30px;}
    .flx_headerblock.mitfarbe .content {padding: 50px 10px 40px 10px;}
    
    .flx_headerblock.mitbild{min-height: 420px!important;}
    /* .flx_headerblock.mitbild {min-height:250px!important;} */
    .flx_headerblock.mitbild .content {width: 470px;}
    /* .flx_headerblock.mitbild .content::before {border-width: 0 0px 60px 470px;} */
   
    #page-footer{clip-path: polygon(-4px 15.11%, 352.85% 50.95%, 103% 111%, -2% 107%);padding-top: 150px;}
    
    #page-footer .container {max-width: 100%;width: 100%;}
    #page-footer .footerinfo .socialmedia #backtotop .top:after {right: 47%;}
    #page-footer .footerinfo .socialmedia #backtotop .top {padding-right: 0px;}
    #page-footer .container:before {border-width: 0 620px 50px 0px;}
    #page-footer .footerinfo .kontakt {margin-bottom: 40px;text-align: center;}
    #page-footer .footerinfo .ueberuns {text-align: center;}

    .logoreihe .logo {margin: 10px 0;}    
    
    .flx_textblock .textbildspruch .bild .spruch {position:unset;}

    .flx_stimmen::before{right: -75%;}
    .flx_stimmen .container{max-width: 500px;left: 0%;height: 800px;}
    .flx_stimmen .container .text p{width: 85%;}
    .flx_stimmen .container .text .position{width: 85%;}
    .flx_stimmen .slider .owl-controls .owl-nav .owl-prev {right: 110px;}
    .flx_stimmen .slider .owl-controls .owl-nav .owl-next {right: 73px;}
    
    
    .flx_bildblock .inhalt .bild img {height: 180px;width: 250px;}
    
    .flx_iconblock.sechsicons .iconbox {margin-bottom: 30px;}
    
    .flx_kontaktbanner .inner::before {border-width: 0 500px 40px 0px;}
    
    .flx_textblock.textzwei {margin-bottom: 50px;}

    .flx_headerblock.headlinexl{min-height:650px!important;}
    .flx_headerblock.headlinexl .headlinebox{bottom:-75px;right:25px;}
    .flx_headerblock.headlinexl .headlinebox .headline{font-size: 350%;}
    .flx_headerblock.headlinexl .content{min-height: 150px;}
    
    .flx_headerblock.mitfarbe .content .headline{font-size:250%;}
    /* .flx_headerblock.mitbild .content::before {bottom: -60px;} */

    .flx_textblock.einfach.halb .inner{max-width: 100%;padding: 0 15px;}

    .flx_textblock.mitbildlinks .text {margin-bottom: 30px;}

    .flx_textblock.bgbildtex h2.headline{color: white;}
 

    section#event-teaser > div{width: 100%;}
    section#event-search #filter{display: block;}
    section#event-search #filter h2{display: block;margin-bottom: 20px;}
    section#event-search #filter input{margin-right: 10px;}
    section#event-search #filter button{margin-top: 15px;}
    section#event-search #filter #date{display: block;}

    .adria-challenge .flx_headerblock.headlinexl .headlinebox{left: 30px;right: 30px;max-width: 100%;}
    .adria-challenge .flx_iconblock.sechsicons .iconbox img{width: 60%;}

    .flx_headerblock.headlinexl{min-height:300px!important;background-position: -200px center!important;}
    .flx_headerblock.headlinexl .headlinebox{bottom: -220px;left: 50px;right:25px;}
    .flx_headerblock.headlinexl .headlinebox .headline{font-size: 280%;}
    .flx_headerblock.headlinexl .hochkanttext{left: 10px;bottom: 0px;z-index:9;}
    .flx_headerblock.headlinexl .hochkanttext p{font-size: 100%;}
    .flx_headerblock.headlinexl .content{bottom: -190px;min-height: 230px;}

    .adria-challenge .flx_headerblock.headlinexl{background-position: 0px center !important;}
    .adria-challenge .flx_headerblock.headlinexl .headlinebox .headline{font-size: 250%;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px) {
    
    body, html, *{font-size: 14px;}
    
    .inner{max-width:100%;margin-bottom: 30px;}
    /* .container{max-width: 430px;} */

    body p{font-size: 14px;}
    body h2{font-size: 150%;line-height: 1.3;}
    
    h2{font-size: 200%;line-height: 1.2;margin-bottom: 20px;}
    h1, body h1{font-size: 200%;}
    
    .subline{font-size: 100%;}
    
    .btn{margin-bottom: 15px;font-size:100%;padding: 10px 15px;}
    .btn.white{padding: 15px 60px 15px 20px;}
    .btn.white::after{top: 13px;}

    .slider .owl-controls .owl-dots{margin-top: 10px;}
    .slider .owl-controls .owl-dot{padding: 3px;}
    
    .flx_headerblock.mitbild .content {padding: 30px;min-height: 230px;max-width: 100%;}
    .flx_headerblock.mitbild .content .headline{margin-top: 30px;margin-left: 0px;font-size: 270%;}

    .flx_headerblock.mitbild.schmal .content .headline{text-align: center;}


    #page-header #menubuttonburger .custom_css_icon{top: -50px;margin-left: -55px;}
    #page-header.bottom #menubuttonburger .custom_css_icon{top: -50px;margin-left: -55px;}
    #page-header .logo img {width: 50%;margin-top: 15px;}
    
    #page-header #burgermenu ul.menu{margin: 0;margin-top: 100px;gap: 30px;}
    #page-header #burgermenu ul.menu li{font-size: 140%;margin: 0 10px 10px;}
    #page-header .menu.active li.menu-item-has-children::after{top: 10px;right: 35px;width: 18px;height: 18px;}
    #page-header #burgermenu ul.menu li.menu-item-has-children.active .sub-menu{padding: 10px 0;gap: 10px;}
    #page-header #burgermenu ul.menu li.menu-item-has-children.active .sub-menu li{margin-left: 0;padding-left: 0;}
    #page-header #burgermenu ul.menu li.menu-item-has-children.active .sub-menu li::before{display: none;}

    #page-header .menu-top{display: flex;justify-content: space-between;margin-bottom: 20px;}
    #page-header .menu-top ul{width: 100%;display: flex;gap: 30px;}
    #page-header .menu-top .reutlingen{padding: 0;}
    #page-header .menu-top .intranet{order: 1;}
    #page-header .menu-top .reutlingen{order: 2;margin-right: 0;}
    #page-header .menu-top li.intranet::after{top: -3px;}
    
    #page-header.bottom{height: 70px;display: flex;align-items: center;padding: 0;}
    #page-header.bottom .logo img {width: 60%;margin-top: 0;}

    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 50px;}

    .inhaltsbloecke{margin-top: 120px;}

    .flx_headerblock.bildheadline{min-height: 250px!important;}
    .flx_headerblock.bildheadline .content{bottom: 10px;}
    .flx_headerblock.bildheadline .content .headline{font-size: 180%;margin-bottom: 10px;}
    .flx_headerblock.bildheadline .content .subline{font-size: 110%;}

    .studiengaenge .flx_headerblock.mitbild .content{min-height: 270px;}
    
    .flx_stimmen .container{max-width: 360px;left: 0%;height: 700px;}
    .flx_stimmen .container headline{margin-bottom: 20px;}
    .flx_stimmen .container .text p{width: 85%;}
    .flx_stimmen .container .text .position{width: 85%;}
    .flx_stimmen .container .text .text{padding: 0;}
    .flx_stimmen .slider .owl-controls .owl-nav .owl-prev {display:none;}
    .flx_stimmen .slider .owl-controls .owl-nav .owl-next {display:none;}
    
    .flx_fakten .fakt {min-height: 150px;}

    .flx_iconblock .iconbox{margin-bottom: 20px;}
    
    .flx_headerblock.headlinexl .banner{top: -20px;}
    .flx_headerblock.headlinexl .banner marquee{font-size: 100%!important;}
    .adria-challenge .flx_headerblock.headlinexl .headlinebox{bottom: -260px;}
    .flx_headerblock.headlinexl .content::before{bottom: -80px;border-width: 0 0px 80px 1350px;}
    .flx_headerblock.headlinexl{margin-bottom: 300px;}

    .flx_stimmen .container .item{min-height: unset;margin-bottom: 30px;}
    .flx_stimmen.grid .item .text, .flx_stimmen .container .text p{min-height: unset;}
    
    .flx_bildblock .inhalt, .flx_bildblock .inhalt:nth-child(2n) .bild {text-align:center;}
    
    .logoreihe .logo img {width: 100%;}
    .logoreihe .logo {margin: 20px 0;}
    
    #page-footer{padding-top: 150px;}
    #page-footer .footerinfo .socialmedia #backtotop .top:after {right: 45%;}
    #page-footer .copyright {text-align: center;}
    #page-footer .imprint {display: block!important;text-align: center;margin-bottom: 10px;}
    
    .flx_iconblock {margin-bottom: 50px;}
    .flx_iconblock .iconbox img {margin:0;width: 12%;}
    .flx_iconblock.sechsicons .iconbox img {width: 20%;}
    .flx_iconblock.sechsicons .iconbox .inhalt {min-height: 35px;}
    .flx_iconblock.dreiicons .iconbox img {margin-bottom: 15px;}

    .flx_textblock.textbildspruch .bild img{max-width: 65%;}
    .flx_textblock.textbildspruch .bild .spruch{left: 15px;}
    .flx_textblock.textbildspruch .bild .spruch p{font-size: 200%;}
    .flx_textblock.textbildspruch .text{margin-bottom: 20px;}

    .flx_textblock.textbildspruch .bild .spruch {position: unset;}

    .flx_teaserblock.nurtext .item .text .headlinebox{min-height: unset;}
    .flx_teaserblock.nurtext .item .text .headline{min-height: unset;}
    .flx_teaserblock.nurtext .item{margin-bottom: 20px;}
    
    .inhaltsbloecke .container .row .filter{max-width: 100%;}
    .inhaltsbloecke .container .row .filter p{margin-bottom: 25px;}
    .inhaltsbloecke .container .row .col-9{max-width: 60%}
            
    .flx_bildblock .inhalt .bild img{width: 100%;}

    .flx_stimmen.grid .container{height: unset;}

    .flx_teaserblock.nurtext .item .text .headline{min-height: 80px;}

    .flx_textblock.textemitbild .texte{padding-right: 15px;}
    .flx_textblock.textemitbild .texte .item{margin-bottom: 50px;padding: 0;}

    .flx_kontaktbanner.mitbild .text{height: 300px!important;padding: 10px;margin-top: 50px;}
    .flx_kontaktbanner.mitbild .text::before{height: 35%;}
    .flx_kontaktbanner .container .text p{font-size: 120%;margin: 0;}

    .flx_textblock.mitbildlinks .text{padding-right: 15px;padding-left: 15px;margin-top: 20px;}

    .flx_kontaktbanner.mitbild .bild .spruch{bottom: 150px;left: 0;}
    .flx_kontaktbanner.mitbild .bild .spruch p{font-size: 200%;}

    .flx_headerblock.mitbild.schmal .content .headline{font-size: 250%;}

    .flx_iconblock.sechsicons .iconbox .inhalt p{font-size: 120%;text-align: center;}

    .flx_iconblock .iconbox{min-height: unset;}
    .flx_iconblock .iconbox .backgroundimage1, .flx_iconblock .iconbox .backgroundimage2, .flx_iconblock .iconbox .backgroundimage3{margin-bottom: 30px;}

    .flx_accordion {margin-bottom: 50px;}
    
    .flx_bildergalerie {margin-bottom: 50px;}
    .slider .owl-controls .owl-nav .owl-prev, .slider .owl-controls .owl-nav .owl-prev:hover {bottom: 0;}
    
    .flx_bildergalerie .slider .owl-controls .owl-nav .owl-next, .flx_bildergalerie .slider .owl-controls .owl-nav .owl-next:hover {bottom: -50px;}
    
    .flx_textblock {margin-bottom: 50px;}
    
    .flx_textblock.mitbildrechts .text{padding-right: 15px;margin-bottom: 30px;}
    
    .flx_teaserblock {margin-bottom: 50px;}
    
    .flx_kontaktbanner .inner {padding: 15px;}
    .flx_kontaktbanner .inner::before {border-width: 0 320px 30px 0px;}
    
    .flx_logoblock .inner {padding: 40px 40px 0;}
    .flx_logoblock .item img {height: 100%;width: 100%;}
    
    .flx_download .iconbox p {min-height: 0px;}
    
    .datenschutzerklaerung .headline {font-size: 160%;}
    .datenschutzerklaerung .flx_headerblock.mitfarbe .content {padding: 50px 70px 40px 40px;} 
    
    #page-footer::before{display: none;}
    
    #wohnungen a{height: 170px;}
    #wohnungen a .bild{height: 170px;}

    #phpsingle-wohnung a.widebtn{width:100%;}

    .flx_headerblock.headlinexl{min-height:300px!important;background-position: -200px center!important;}
    .flx_headerblock.headlinexl .headlinebox{bottom: -235px;left: 50px;right:25px;}
    .flx_headerblock.headlinexl .headlinebox .headline{font-size: 250%;}
    .flx_headerblock.headlinexl .hochkanttext{left: 10px;bottom: 0px;z-index:9;}
    .flx_headerblock.headlinexl .hochkanttext p{font-size: 100%;}
    .flx_headerblock.headlinexl .content{bottom: -190px;min-height: 230px;}

    .flx_kontaktbanner .inner .buttons{margin-top: 15px;}
    .flx_kontaktbanner .inner .buttons .btn.white{padding: 10px 60px 10px 10px;margin-bottom: 5px;}
    .flx_kontaktbanner .inner .buttons .btn.white::after{top: 8px;}

    .flx_kontaktformular .formular .fbox{width: 100%;}

    .flx_textblock.mitbildrechts.big .bild{display: flex;justify-content: end;}
    .flx_textblock.mitbildrechts.big .bild img{max-width: 70%;}
    .flx_textblock.mitbildrechts.big .bild .spruch{left: 10px;}
    .flx_textblock.mitbildrechts.big .bild .spruch p{font-size: 250%;}



    .flx_kacheln .kachel{margin-bottom: 30px;}
    
    .flx_headerblock.mitfarbe .content .headline{font-size:175%;}

    #page-footer .container{padding: 30px 0 0;}
    #page-footer{clip-path: polygon(-4px 15.11%, 222.85% 27.95%, 103% 111%, -2% 107%);}

    section#event-search #filter input{margin-right: 0;margin-bottom: 15px;width: 100%;}

    section#event-search #filter #submit{margin-left: 0;top: -52px;right: -265px;}
    section#event-search #filter button{margin-top: 0;height: 30px;width: 30px;}

    .flx_textblock.bgbildtext h2.headline{padding: 30px 120px 20px 20px;height: 120px;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    p, a{font-size: 90%;}
    .flx_textblock.bgbildtext li{font-size: 19px;}
    .flx_kontaktbanner .container .text p{font-size: 100%;}

    .adria-challenge-story .flx_headerblock.headlinexl .headlinebox{bottom: -140px;left: 30px;}
    .adria-challenge-story .flx_headerblock.headlinexl .content::before{bottom: 0;border-width: 0 0px 230px 942px;}

    .flx_infobox .inner{padding: 20px 10px;}

    .flx_headerblock.mitbild .content .headline {margin-left: -10px;margin-top: 20px;}

   

}