/*
Theme Name: IAW-Messe Aussteller-Loginbereich
Theme URI: https://www.synective.de
Author: SYNECTIVE Systemhaus GmbH & Co. KG
Author URI: https://www.synective.de
Description: Aussteller Loginbereich der IAW Messe 2024

*/

/* CSS Reset */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
    all: unset;
    display: revert;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

ol, ul {
    list-style: none;
}

img {
    max-width: 100%;
}

table {
    border-collapse: collapse;
}

textarea {
    white-space: revert;
}

.col-md-7{flex:0 0 auto;width:58.33333333%}
/* FontImport 
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans'); 
/* @import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/fa-solid-900.eot');
    src: url('/fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), 
         url('/fonts/fa-solid-900.woff2') format('woff2'), 
         url('/fonts/fa-solid-900.woff') format('woff'), 
         url('/fonts/fa-solid-900.ttf') format('truetype'), 
         url('/fonts/fa-solid-900.svg#fontawesome') format('svg');
}*/

@font-face {
    font-family: 'Open Sans';
    font-style: 'normal';
    font-weight: 300;
    src: url('/wp-content/themes/iaw-aussteller/fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: 'normal';
    font-weight: 400;
    src: url('/wp-content/themes/iaw-aussteller/fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: 'normal';
    font-weight: 500;
    src: url('/wp-content/themes/iaw-aussteller/fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: 'normal';
    font-weight: 600;
    src: url('/wp-content/themes/iaw-aussteller/fonts/OpenSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: 'normal';
    font-weight: 700;
    src: url('/wp-content/themes/iaw-aussteller/fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: 'normal';
    font-weight: 800;
    src: url('/wp-content/themes/iaw-aussteller/fonts/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: 'normal';
    font-weight: 400;
    src: url('/wp-content/themes/iaw-aussteller/fonts/PTSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'PT Sans';
    font-style: 'normal';
    font-weight: 600;
    src: url('/wp-content/themes/iaw-aussteller/fonts/PTSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'PT Sans';
    font-style: 'normal';
    font-weight: 700;
    src: url('/wp-content/themes/iaw-aussteller/fonts/PTSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'PT Sans';
    font-style: 'normal';
    font-weight: 800;
    src: url('/wp-content/themes/iaw-aussteller/fonts/PTSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: 'normal';
    font-weight: 400;
    src: url('/wp-content/themes/iaw-aussteller/fonts/Noto-Sans.ttf') format('truetype');
}
@font-face {
    font-family: 'Raleway';
    font-style: 'normal';
    font-weight: 400;
    src: url('/wp-content/themes/iaw-aussteller/fonts/Raleway.ttf') format('truetype');
}




/* VARS */
:root {
    --primary-color: #000000;
    --secondary-color: #e30613;
    --gray: #ccc;
    --textgray: #7A7A7A;
    --editor: #19679b;
}

/* MAIN */
html { scroll-behavior: smooth; }
/** { box-sizing: border-box}*/
body { font-family: 'Noto-Sans', sans-serif; font-size: 18px;  }

a { cursor: pointer }

h1 { text-align: center; font-size: 2em; font-family:Raleway; }

h2 { font-size: 1.5em; font-family:Raleway; }
h3 { font-size: 1.5em; text-align: left; margin-bottom: 40px; font-family:Raleway; }
h4 { font-size: 1em; text-align: left; margin-bottom: 20px; font-family:Raleway; } 

.trenner:after {content: ''; display: block; width: 200px; height: 1px; background: #000; margin: 0 auto; margin-bottom: 10px; margin-top: 15px;}
.red {color:var(--secondary-color);}
.center {text-align:center;}
.margin-bottom-20px {margin-bottom:20px;}
.inline-form { display: inline-block; position: relative; top: 3px; }
input[type="text"],input[type="password"] { line-height: 30px; width: 100%; border-radius: 5px; border: 1px solid var(--gray); padding: 6px 10px; -webkit-appearance: none;}
select { width: 100%; line-height: 30px; border: 1px solid var(--gray); border-radius: 5px;  padding: 6px 10px; }
input[type="text"]:disabled { background: var(--gray) !important; }
input[type="checkbox"] { width: 25px; height: 25px; border: 1px solid var(--gray); border-radius:12.5px !important; margin: 0; padding: 0; position: relative; margin-right: 10px; line-height: 20px; content:"";}
input[type="checkbox"]:checked::after { /*content:'\f00c';font-family: "Font Awesome 5 Free";font-weight:900; color: var(--secondary-color);*/ content:""; background-color:var(--secondary-color)!important; border-color:var(--secondary-color); position: relative; font-size: 24px;  }
input[type="checkbox"]:checked { content:""; background-color:var(--secondary-color)!important; border-color:var(--secondary-color); position: relative; font-size: 24px;  }
input[type="checkbox"]+label { line-height: 30px; position: relative; top: -8px; }
input[type="radio"] { width: 30px; height: 30px; border: 1px solid var(--gray); margin:0; padding:0; left: -8px; top: 8px; border-radius: 50%;}
input[type="radio"]:checked { background: var(--secondary-color);}
input[type="radio"]+label { line-height: 30px; position: relative; top: -8px; margin-right: 20px;margin-left: 10px; }
textarea { border: 2px solid var(--gray); padding: 2px; width: 100%; border-radius: 5px; border: 1px solid var(--gray);padding: 6px 10px; -webkit-appearance: none; }
button, input[type="submit"] { cursor: pointer; }
button:disabled, input[type="submit"]:disabled { cursor:not-allowed; }
input[type="file"] { -webkit-appearance: none; display: block; line-height: 30px; width: 100%;  }
input[type=file]::file-selector-button {  background: #fff; color: var(--secondary-color); border: 1px solid; padding: 6px 10px; border-radius: 6px; line-height: 30px; margin-right: 20px; }

.valError { color: var(--secondary-color); font-size: 0.9em; margin-left: 20px;  }
::-webkit-validation-bubble-message { display: none; }







p { margin-bottom: 20px; }
strong, b { font-weight: bold; }




/* SUBELEMENTS */



.pipe { color: var(--gray); display: inline-block; width: 1px; height: 28px; border-right: 1px solid var(--gray); margin: 0 10px; }
/*.btn-primary { background: var(--secondary-color); color: #fff; padding: 10px; border-radius: 6px; transition: all ease-in-out .5s; text-align: center; min-width: 300px; font-family:Raleway;padding: 10px 20px;}*/
.btn-primary {
    color: #fff !important;
    background-color: #e30613;
    border-color: #e30613;
    font-family:Noto Sans !important;
    box-shadow: none !important;
    border-radius: 20px !important;
	text-align:center;
    padding: 10px 32px !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #e30613;
    border-color: #e30613;
    box-shadow: none !important;
}
.btn-primary-iaw {
    color: #fff !important;
    background-color: #e30613 !important;
    border-color: #e30613 !important;
    font-family:Noto Sans !important;
    box-shadow: none !important;
    border-radius: 20px !important;
	text-align:center;
    padding: 10px 32px !important;
}
.btn-primary-iaw:hover,
.btn-primary-iaw:active,
.btn-primary-iaw:focus {
    color: #fff;
    background-color: #e30613;
    border-color: #e30613;
    box-shadow: none !important;
}
.btn-secondary { background: #fff; color: var(--secondary-color); padding: 10px; border-radius: 6px; border: 1px solid var(--secondary-color); transition: all ease-in-out .5s; }

.btn-primary:hover, .btn-secondary:hover { padding: 10px 20px; } 
.btn-primary:hover { color: #fff; }
.btn-secondary:hover { color: var(--secondary-color); }
.no-width { width: auto; min-width: auto; }
.btn-logout { position: absolute; right: 0; top: -20px; width: 100px; text-align: center;  }
.container { width: 1200px; margin:0 auto; }
.container-small { width: 1100px; margin:0 auto; }
.container-grey {background-color:#f8f8f8 !important;}
.container-round {border-radius:20px !important;}
.container-rounded {border-radius:20px !important;}
.container-round img {border-top-left-radius:20px !important;border-top-right-radius:20px !important;}
.flexed { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.box { width: 100%; background: #fff; padding: 30px; margin: 20px 0; }
.box-shadowed { background: #fff; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%); margin-bottom: 20px; }


.wp-block-columns { margin-bottom: 40px !important; align-items: stretch; }
.wp-block-group { background: #fff; margin-top: 40px; padding: 40px; margin-bottom: 40px; height: calc(100% - 40px); }
.wp-block-columns > .wp-block-group { margin-top: 0px; }

.wp-block-group.red-box { background: var(--secondary-color); color: #fff; box-shadow: none !important; text-align: center; }
.wp-block-group.red-box h1, .wp-block-group.red-box h2 { color: #fff; }
.wp-block-group.red-box .wp-block-buttons { display: block; margin: 0 auto; }
.wp-block-group ul { list-style: disc; margin-left: 20px; margin-bottom: 20px;  }

.wp-block-button__link { display: block !important; background-color: var(--secondary-color) !important; color: #fff !important; border-radius: 20px !important; padding: 10px !important; line-height: 150%; font-size: 1em !important; font-family: Raleway;}
.wp-block-button__width-50 { width:51% !important; }
.wp-block-group.red-box .wp-block-button__link { background-color: #fff !important; color: var(--secondary-color) !important; border-radius: 5px !important;  }
.wp-block-separator { background: none; height: 40px; border: none !important;  }

.wp-block-group a, .box-shadowed a, .box a { cursor: pointer; color: var(--secondary-color); transition: all ease-in-out 0.2s; }
.wp-block-group a:hover, .box-shadowed a:hover, .box a:hover { color: var(--secondary-color); text-shadow: 0 0 1px var(--secondary-color); }

.wp-block-image img { max-width: 100%; height: auto !important; }

.wp-block-group .wp-block-separator { background: var(--gray); color: var(--gray); width: 100px; height: 3px; margin: 0 auto; margin-bottom: 20px; }
.no-padding .wp-block-button { margin: 0 auto !important; display: block; margin-bottom: 10px !important; }

.warnung { background: var(--secondary-color); color: #fff; box-shadow: none !important; padding: 20px; font-weight: bold; text-align: center; margin-top: 40px; }

.standdaten { border-color:#242424; border-radius:20px; border-style:solid; border-width:1px; padding: 15px 25px;}
.standdaten label { width: 200px; display: inline-block; }
.kat_icon { width: 48px !important; height: auto; margin: 0 10px; }
.label { display: inline-block; min-width: 150px; }

.box h1, .box h2, .box h3 { text-align: left; margin-bottom: 20px; color: var(--primary-color); }
.input-group { margin-bottom: 20px; width: 100%;  }

.input-group span { line-height: 30px; }
.input-group input[type="submit"] { width: 33%; text-align: center; font-family:Raleway;}
.clear { clear: both; display: block; }
#CheckBoxRequiredIndcator { position: relative; top: -10px; }

.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); color: var(--secondary-color); text-align: center; padding-top: 30vh; z-index: 9999;  }
.loading-inner { background: #fff; width: 50%; margin: 0 auto; padding: 20px; }

.termin { background: var(--secondary-color); color: #fff; width: 254px; float: right; font-size: 0.9em; text-align: right !important;  padding-top: 10px; line-height: 130%; font-family:Raleway; }
.termin_akt { display: block; padding: 0 20px; }
.termin_next { font-size: 0.8em;padding: 0 20px; }
.free_tickets_here { background: #c40017; line-height: 150%; margin-top: 10px;  }

.free_tickets_here button { background: #c40017; font-size: 0.9em; }

nav {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    
}
nav ul { list-style: none; display: flex; flex-flow: row wrap; justify-content: space-between; }
nav ul li { margin: 0 10px; }
nav ul li a { cursor: pointer; color: #000; }
nav ul li a:hover { color: var(--secondary-color); text-shadow: none; }
.bgImage { display: block; position: relative; width: 100%; background: var(--gray); height: 550px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

.bgImage_shape svg { fill: #fff; position: absolute; bottom: 0px; height: 44px; overflow: hidden; width: 100%; }

.content { margin-bottom: 60px; margin-top: 40px; }


.logout { display: flex; width: 100%; justify-content: space-around; margin-top: 10px;  }




.social { display: block; width: 250px; margin: 0 auto; margin-top: 60px; font-size: 1.3rem; text-align: center; font-family:Raleway;}
.social p { display: block; margin: 0; margin-bottom: 8px; }

.social ul  { display: flex; flex-flow: row wrap; justify-content: space-between; }
.social ul li a { display: inline-block; width: 30px; height: 30px; line-height: 30px;font-size :25px; }




.ts_mode_selector { margin: 0 auto; width: 50%; margin-bottom: 60px; display: flex;  }
.ts_mode_selector a { transition: all ease-in-out 0.5s; }
.ts_mode_selector a:hover, .ts_mode_selected { color: var(--secondary-color); border-bottom: 2px solid var(--secondary-color); box-sizing: border-box;  }


.error { display: block; position: fixed; width: 400px; background: var(--secondary-color); color: #fff; z-index: 1000; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .7); margin: 0 auto; padding: 20px; margin-left: 50%; left: -200px; top: 50vh; }
.editor { color: var(--editor); font-size: 15px; font-family: "Font Awesome 5 Free"; position: relative; left: -4px; top: -10px; }





.pnlDatenGespeichert { display: block; position: fixed; width: 400px; background: var(--secondary-color); color: #fff; z-index: 1000; box-shadow: 0px 0px 30px 0px rgba(0,0,0,.7); margin: 0 auto; padding: 20px; margin-left: 50%; left: -200px; top: 50vh; }
#infobox { display: none; position: fixed; width: 400px; background: #fff; color: var(--secondary-color); z-index: 1000; box-shadow: 0px 0px 30px 0px rgba(0,0,0,.7); margin: 0 auto; padding: 20px; margin-left: 50%; left: -200px; top: 50vh; }
#infobox h1 { color: #000; text-align: left; font-size: 1.3em; margin-bottom: 20px;  }
#infobox h1:after { content: ''; display: none; }
#infobox-content { color: #000; }





.message { color: var(--secondary-color); }
.symbolbox { min-height: 310px; padding: 20px 10px; max-width:200px; border-radius:40px !important; box-shadow:0px 0px 30px 0px rgb(0 0 0 / 15%);}
.symbolbox img {  margin-bottom: 1.3rem; }
.symbolbox-heading {font-size:1.2em;font-family:Raleway;color:var(--secondary-color);}
.service-kachel { text-align:center;min-height: 200px; padding: 40px 10px; margin: 0; margin-top:20px; border-radius:10px !important; background-color: #f0f0f0a0; }
.service-kachel-heading {text-align: center; font-size: 1.3rem; font-family:Raleway;}
.service-kachel-deadline {text-align: center; font-size: 1.1rem; font-family:Raleway; font-weight:bolder;}
.exhibitor-logo { max-width: 200px; max-width: 200px;}
.katCheckBox { height: 60px !important;  }
.width_25 { width: 25% !important; }
.no-padding { padding: 0 !important; padding-bottom: 20px !important; }
.ticketshoplink { background: none; line-height: 40px; }
.auto-height { height: Calc(100% / 2 - 40px) }
.additional-margin-bottom { margin-bottom: 0 !important; }

.standbau {
	box-shadow:0px 0px 30px 0px rgb(0 0 0 / 15%);
	border-radius:20px !important;
}

.standbau-logo {
    height: 140px; 
    width: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.standbau-logo img { height: 80px !important; width: auto !important; max-width: auto !important; }

@media (max-width: 1200px) {
	.container { width: 95%;  }
	.container-small {width: 95% }
	.bgImage { height: 400px; }
    .symbolbox { min-height: 150px; aspect-ratio:unset; padding: 20px 10px; }
    .symbolbox figure { text-align: center; }
    .symbolbox img { width:50% !important; height: auto; margin: 0  }

    .wp-block-column { display: block; width: 100%; }
}

@media (max-width: 800px) {
    .box-shadowed { box-shadow: none;}
    .container { box-shadow: none; }
    .container-small { box-shadow: none; }
    .wp-block-group { box-shadow: none;padding: 10px; }
    .btn-primary { width: 100% !important; }
    .symbolbox {margin-top: 0px; margin-bottom:80px !important;box-shadow:0px 0px 30px 0px rgb(0 0 0 / 15%); }
     
    .inline-form .flexed { justify-content: flex-start; height: 60px;  }
    
    .inline-form .flexed .kat_icon { width: 32px !important;  }
    .inline-form .flexed .kat_name { flex: 3; line-height: 18px !important;}

    .wp-block-column img { width: 100% !important;   }
    .wp-block-buttons { display: block; }
    .wp-block-button__width-25 { width: 100% !important; }
    .wp-block-button__width-50 { width: 100% !important; }
    .wp-block-button__width-75 { width: 100% !important; }


    .flexed { display: block;}

    

}
.form-control, select {
    margin-bottom: 5px;
    box-shadow: none;
    padding: 10px;
    outline: none;
    border-color: #242424;
    background: #fff !important;
    position: static;
    margin-top: 6.5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    transition: all 300ms ease;
}
.form-control:active, select:active {
    border-color: #e30613 !important;
    box-shadow: none;
    background-color: #f8f8f8 !important;
}
.form-control:focus, select:focus {
    border-color: #e30613 !important;
    background-color: #f8f8f8 !important;
    box-shadow: none;
}